
/* Modern product listing cards */
.floating-box-angebote{display:contents}
.cs-product-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cs-product-card:hover{transform:translateY(-2px);border-color:#c8d2da;box-shadow:0 12px 30px rgba(20,34,45,.09)}
.cs-product-card__image-link{display:block;color:inherit}
.cs-product-card__image-wrap{position:relative;aspect-ratio:4/5;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}
.cs-product-card__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.cs-product-card__badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 8px;border-radius:999px}
.cs-product-card__body{display:flex;flex-direction:column;flex:1;padding:15px 16px 17px}
.cs-product-card__brand{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.cs-product-card__title{font-size:16px;line-height:1.3;margin:0 0 6px;font-weight:800}
.cs-product-card__title a:hover{color:var(--red)}
.cs-product-card__meta{font-size:13px;line-height:1.4;color:var(--muted);min-height:18px}
.cs-product-card__colors{display:flex;align-items:center;gap:5px;min-height:28px;margin-top:10px}
.cs-product-card__colors img{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;object-fit:cover}
.cs-product-card__more-colors{font-size:11px;color:var(--muted);font-weight:700}
.cs-product-card__footer{margin-top:auto;padding-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}
.cs-product-card__pricing{display:flex;flex-direction:column;gap:2px}
.cs-product-card__price{font-size:18px;color:var(--ink)}
.cs-product-card__rrp{font-size:11px;color:var(--muted);text-decoration:line-through}
.cs-product-card__cta{font-size:12px;font-weight:800;color:var(--red);white-space:nowrap}
.cs-product-card__cta:hover{text-decoration:underline}

/* Existing list containers become responsive grids without changing PHP routing */
.content_content:has(.cs-product-card){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.content_content:has(.cs-product-card)>:not(.cs-product-card):not(.floating-box-angebote){grid-column:1/-1}
.eingerueckt:has(.cs-product-card),.eingerückt:has(.cs-product-card){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

/* Product detail modernization */
.product_pic{min-width:0;padding:8px}
.productpicture{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}
#productimage_small{max-width:100%;height:auto;object-fit:contain}
#additional_images{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#additional_images img{width:56px!important;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:6px;padding:3px;background:#fff}
.product_description{min-width:0;padding:10px 8px 20px!important;border:0!important}
.product_description h1{margin:8px 0 12px;font-size:clamp(1.5rem,2.5vw,2.15rem)}
.productdescription{font-size:15px;line-height:1.65}
.products-drop-selected,.drop-bestellmenge{min-width:220px;max-width:100%;padding:10px 12px}
.product_availability{border-radius:8px}
.cs-product-service-note{font-size:13px;color:var(--muted);margin:6px 0 14px}
.bildvorschau,.bildvorschau-sonderangebot{width:100%!important;max-width:300px;height:auto!important;border:1px solid var(--line);background:#fff}.product_pic{min-width:0}.product_description{min-width:0;padding:8px 0}.product_informations{color:var(--muted)}.products-drop-selected,.drop-bestellmenge{min-width:180px;margin:4px 0 10px}.product_availability{margin-top:18px;padding:14px;background:var(--soft);border:1px solid var(--line);overflow:auto}#container_b,#container_availableinfo{width:100%;max-width:100%}.picframe,.small-preview{border:1px solid var(--line);background:#fff}.wk{width:100%!important;max-width:100%;overflow-x:auto}.wk table,.cs-cart-table-wrapper table{width:100%!important}.wk td,.wk th{padding:8px;border-bottom:1px solid var(--line)}.cs-checkout-wrapper{max-width:980px;margin:0 auto}.cs-grid-2,.cs-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-form-grid-1{display:grid;grid-template-columns:1fr;gap:16px}.cs-field label{display:block;margin-bottom:5px;font-weight:700}.cs-field input,.cs-field select,.cs-field textarea{width:100%}.cs-option-list{display:grid;gap:9px}.cs-option-link{display:block;border:1px solid var(--line);padding:12px;border-radius:6px}.cs-option-link:hover{border-color:var(--red)}.cs-orderfinal,.cs-orderfinal *{box-sizing:border-box}.cs-orderfinal{max-width:1180px;margin:24px auto 70px;padding:0 18px}.cs-orderfinal-hero{padding:30px;background:var(--soft);border-top:4px solid var(--red);margin-bottom:22px}.cs-orderfinal-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px}.cs-orderfinal-card{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:22px}.cs-orderfinal-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.cs-orderfinal-meta__item{padding:11px 0;border-bottom:1px solid var(--line)}.cs-orderfinal-total{margin-top:19px;padding-top:17px;border-top:2px solid var(--red);display:flex;justify-content:space-between}.cs-orderfinal-payment{padding:24px;margin:22px 0;background:var(--soft);border-left:4px solid var(--red)}
