.stl-sectie{padding-block:clamp(26px,4vw,46px)}.stl-sectie .sectie-kop{margin-bottom:14px}.stl-raster{display:grid;grid-template-columns:1fr;gap:14px}.stl-beeld{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--sand-deep)}@media(min-width:700px){.stl-beeld{aspect-ratio:16/9}}.stl-beeld img,.stl-beeld .stl-plaatshouder{width:100%;height:100%;object-fit:cover;display:block}.stl-spot{position:absolute;z-index:2;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:#fffdf9f0;box-shadow:0 6px 18px -6px #33231a80;transition:transform .2s}.stl-spot:hover,.stl-spot.open{transform:translate(-50%,-50%) scale(1.12)}.stl-spot:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.stl-spot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(255,253,249,.65);animation:stl-adem 2.6s ease-in-out infinite;pointer-events:none}@keyframes stl-adem{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:.3}}.stl-cijfer{font-family:var(--font-body);font-size:.76rem;font-weight:700;color:var(--clay);line-height:1}.stl-kaartje{position:absolute;z-index:3;min-width:200px;max-width:250px;background:var(--card);border-radius:var(--r-md);padding:10px;box-shadow:var(--shadow-sm);--tx:-50%;--ty:16px;transform:translate(var(--tx),var(--ty));opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.stl-kaartje.open{opacity:1;pointer-events:auto}.stl-kaartje-binnen{display:flex;gap:10px;align-items:center}.stl-kaartje-foto{width:54px;height:54px;flex:none;border-radius:var(--r-sm);background:var(--sand-deep);background-size:cover;background-position:center}.stl-kaartje-naam{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;font-weight:600;line-height:1.3}.stl-kaartje-prijs{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:2px}@media(hover:none){.stl-kaartje{display:none}}.stl-lijst{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--sand-line) transparent}.stl-lijst::-webkit-scrollbar{height:4px}.stl-lijst::-webkit-scrollbar-thumb{background:var(--sand-line);border-radius:var(--r-pill)}@media(min-width:700px){.stl-lijst{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));grid-auto-columns:auto;overflow:visible;gap:12px}}.stl-product{position:relative;scroll-snap-align:start;display:flex;align-items:center;gap:9px;padding:8px;background:var(--card);border:1px solid var(--sand-line);border-radius:var(--r-sm)}.stl-nummer{position:absolute;top:6px;left:6px;z-index:2;width:17px;height:17px;border-radius:50%;background:var(--clay);color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center}.stl-product .cart-thumb{width:46px;height:52px;flex:none}.stl-product-info{min-width:0;flex:1}.stl-product-naam{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;font-weight:600;line-height:1.25}.stl-product-naam:hover{color:var(--clay)}.stl-product-prijs{font-size:.75rem;color:var(--ink-soft)}.stl-product .xsell-add{width:24px;height:24px}.stl-product .xsell-add svg{width:12px;height:12px}.stl-product.pulse{animation:stl-pulse 1.2s ease-out}@keyframes stl-pulse{0%{box-shadow:0 0 #b5613a80}70%{box-shadow:0 0 0 8px #b5613a00}to{box-shadow:0 0 #b5613a00}}@media(prefers-reduced-motion:reduce){.stl-spot:before{animation:none}.stl-kaartje{transition:opacity .15s}.stl-product.pulse{animation:none;outline:2px solid var(--clay);outline-offset:1px}}.stl-leeg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:24px;background:#faf6eedb;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.stl-leeg-kop{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin:0 0 6px;color:var(--ink)}.stl-leeg-tekst{font-size:.84rem;color:var(--ink-soft);max-width:34ch;margin:0 auto;line-height:1.5}.stl-leeg strong{color:var(--ink);font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/10/assets/shop-the-look.css.map */