/* * COMPACT Fixes für Cart-Slider (Cross-Sells) und Single Product * Stand: 2025-07-19 final */ /* Cross-Sells (Cart-Seite) */ body.woocommerce-cart .cross-sells { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; } body.woocommerce-cart .cross-sells ul.products { display: flex; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 1rem; scroll-snap-type: x mandatory; } body.woocommerce-cart .cross-sells ul.products li.product { width: 240px; flex: 0 0 auto; scroll-snap-align: start; border: 1px dashed #ccc; padding: 0.5rem; } body.woocommerce-cart .cross-sells h2 { font-size: 1.2rem; font-weight: bold; margin-bottom: 0.6rem; border-bottom: 2px solid #c00; padding-bottom: 0.3rem; display: inline-block; } /* Single Product – Upsells & Related & Viewed */ .single-product .compactshop-upsells-wrapper, .single-product .related.products, .single-product .recently-viewed { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; margin-top: 2rem; } .single-product .compactshop-upsells-wrapper ul.products, .single-product .related.products ul.products, .single-product .recently-viewed ul.products { display: flex; flex-wrap: wrap; gap: 1rem; } .single-product .compactshop-upsells-wrapper ul.products li.product, .single-product .related.products ul.products li.product, .single-product .recently-viewed ul.products li.product { width: 240px; flex: 0 0 auto; border: 1px dashed red; padding: 0.5rem; } .single-product .compactshop-upsells-wrapper h2, .single-product .related.products h2, .single-product .recently-viewed h2 { font-size: 1.2rem; font-weight: bold; margin-bottom: 0.6rem; border-bottom: 2px solid #c00; padding-bottom: 0.3rem; display: inline-block; }