/* Commerce: Katalog und lokaler Warenkorb. */
.shop-banner { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:32px; background:linear-gradient(110deg,#e6f0ff,#fff3df); }
.shop-banner h2 { margin:0; max-width:700px; }
.shop-banner .eyebrow { font-size:10px; margin-bottom:12px; }
.shop-banner > .icon { width:70px; height:70px; color:#b96d2e; }
.commerce-layout { display:grid; grid-template-columns:1fr 300px; gap:24px; padding:28px; align-items:start; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; min-width:0; }
.product-art { height:120px; display:grid; place-items:center; border-radius:8px; background:#e8eff9; margin-bottom:18px; color:#2679b6; }
.product-art--1 { background:#fae6ce; color:#af6d2d; }
.product-art--2 { background:#e2eeeb; color:#367c72; }
.product-art .icon { width:58px; height:58px; stroke-width:1.2; }
.product-card h3 { margin-bottom:10px; font-size:19px; }
.product-card p { color:var(--muted); font-size:12px; }
.product-card .product-price { font-weight:700; color:var(--navy); font-size:17px; }
.product-card button { width:100%; padding:9px; border:0; border-radius:7px; background:#08285f; color:#fff; font-size:12px; }
.cart-panel { border:1px solid #cddbea; border-radius:13px; padding:20px; background:#fff; position:sticky; top:110px; }
.cart-panel h3 { display:flex; align-items:center; gap:10px; }
.cart-line { border-top:1px solid var(--line); padding-block:14px; }
.cart-line strong { display:block; font-size:13px; }
.cart-line-controls { display:flex; align-items:center; gap:9px; margin-top:8px; }
.cart-line input { width:65px; padding:6px 8px; font-size:13px; }
.cart-remove { background:none; padding:5px; border:0; color:#a54519; font-size:11px; }
.cart-total { display:flex; justify-content:space-between; gap:10px; padding-block:17px; border-top:1px solid var(--line); font-size:14px; }
.cart-panel .button { width:100%; padding:12px 10px; min-height:46px; font-size:12px; }
@media(max-width:1100px) { .product-grid { grid-template-columns:1fr 1fr; } .commerce-layout { grid-template-columns:1fr 260px; } }
@media(max-width:750px) { .commerce-layout { grid-template-columns:1fr; padding:20px; } .cart-panel { position:static; } .shop-banner { padding:24px 20px; } .shop-banner > .icon { display:none; } }
@media(max-width:400px) { .product-grid { grid-template-columns:1fr; } }