:root{--sans:'Manrope',system-ui,sans-serif}body{font-family:var(--sans)}.shop-product{max-width:1300px;margin:auto;padding:132px 32px 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.shop-copy h1{font-size:clamp(34px,4vw,58px);font-weight:400;margin:22px 0}.shop-copy p{line-height:1.8;color:#3a3a3d;margin:16px 0}.shop-copy .shop-lead{font-size:19px;color:#161616}.shop-copy .btn{margin-top:14px}.shop-detail-link{display:block;margin-top:20px;font-size:13px;text-underline-offset:5px}.shop-facts{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #d6d0c2;margin-top:30px;padding-top:20px;font-size:11px;color:#555248}.shop-facts span+span:before{content:'·';margin-right:12px}.shop-photo-open{display:block;position:relative;width:100%;border:0;padding:0;background:none;cursor:zoom-in}.shop-photo-open>img{width:100%;height:420px;object-fit:cover;border-radius:12px}.shop-photo-open>span{position:absolute;bottom:16px;right:16px;padding:7px 12px;border-radius:20px;background:#faf8f2e8;font:12px var(--sans)}#shop-caption{font-size:12px;margin:10px 0 16px;color:#4e4b43}.shop-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.shop-thumb{border:1px solid transparent;background:transparent;border-radius:8px;padding:4px;color:#4e4b43;cursor:pointer;text-align:left;font:10px var(--sans);line-height:1.35}.shop-thumb[aria-pressed=true]{border-color:#222;background:#eae5da}.shop-thumb img{width:100%;height:60px;object-fit:cover;border-radius:5px;margin-bottom:5px}.shop-thumb span{display:block}.shop-benefits{max-width:1236px;margin:0 auto 40px;padding:30px 0;border-top:1px solid #d6d0c2;border-bottom:1px solid #d6d0c2;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;scroll-margin-top:100px}.shop-benefits h2,.shop-config-head h2{font-size:clamp(27px,3vw,37px);font-weight:400;margin:16px 0}.shop-benefits p{line-height:1.8;font-size:15px;margin:0 0 12px;color:#3a3a3d}.shop-config-head{max-width:1300px;margin:auto;padding:12px 32px 20px;display:flex;align-items:end;justify-content:space-between;gap:30px;scroll-margin-top:100px}.shop-config-head p{font-size:14px;line-height:1.7}.shop-config-head small{font-size:12px;color:#555248}.shop-wrap{max-width:1300px;padding:0 32px}.shop-frame{background:#f4f1ea}.shop-lightbox{width:min(1000px,94vw);max-height:94dvh;border:0;border-radius:12px;padding:16px;background:#faf8f2}.shop-lightbox::backdrop{background:#000b}.shop-lightbox img{display:block;max-width:100%;max-height:77dvh;object-fit:contain;margin:auto}.shop-lightbox button{display:block;margin:0 0 12px auto;border:1px solid #aaa;border-radius:30px;background:transparent;padding:10px 16px;cursor:pointer}.shop-lightbox p{font-size:13px;margin:10px 0 0}.shop-thumb:focus-visible,.shop-photo-open:focus-visible{outline:3px solid #565b42;outline-offset:3px}@media(max-width:1000px){.shop-product{gap:28px;padding-inline:24px}.shop-benefits{margin-inline:24px;gap:30px}.shop-copy .shop-lead{font-size:17px}}@media(max-width:650px){.shop-product{grid-template-columns:1fr;padding:105px 20px 28px;gap:26px}.shop-copy h1{margin-top:16px}.shop-photo-open>img{height:320px}.shop-benefits{grid-template-columns:1fr;gap:6px;margin:0 20px 20px;padding:24px 0}.shop-config-head{display:block;padding:8px 20px 18px}.shop-wrap{padding:0 8px}.shop-thumbs{gap:3px}.shop-thumb img{height:52px}.shop-facts{gap:9px}.shop-facts span+span:before{margin-right:9px}}
.shop-copy .btn{border-radius:999px}
/* Große Bildschirme: vorhandene Breite mit schmalem Außenrand nutzen. */
@media(min-width:1001px){
 .shop-product,.shop-config-head,.shop-wrap{max-width:none;width:100%;padding-left:32px;padding-right:32px}
 .shop-product{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,76px)}
 .shop-benefits{max-width:none;margin-left:32px;margin-right:32px}
 .shop-photo-open>img{height:clamp(420px,34vw,680px)}
 .shop-thumb img{height:clamp(60px,5.5vw,108px)}
 .shop-copy p{max-width:65ch}
}
.shop-methods{display:flex;gap:12px;flex-wrap:wrap;padding:0 32px 20px}.shop-methods .btn{border-radius:999px}@media(max-width:650px){.shop-methods{padding:0 20px 20px}.shop-methods .btn{width:100%}}