/* Section 04 — Best Sellers, full code / CSS / inline SVG. No bitmap images. */
:root{--s4-ink:#0a2542;--s4-teal:#079d9f;--s4-coral:#ff5c34;--s4-orange:#fa7b11}
.s4-products,.s4-products *,.s4-products *::before,.s4-products *::after{box-sizing:border-box}
.s4-products{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0 3.85% 8px 4.25%;background:#fff;color:var(--s4-ink);font-family:'Inter Display','Inter',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.s4-products__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.s4-products__heading-left{display:flex;align-items:center;gap:clamp(10px,1.05vw,17px);min-width:0}
.s4-products h2{font-size:clamp(28px,3.1vw,47px);font-weight:900;line-height:1.05;white-space:nowrap;letter-spacing:-.04em;display:flex;align-items:center;gap:7px;margin:0;color:var(--s4-ink)}
.s4-products h2 svg{width:clamp(24px,3.4vw,45px);height:clamp(27px,3.5vw,48px);flex-shrink:0}
.s4-products__subhead{font-size:clamp(10px,1.11vw,16px);color:#374559;margin:4px 0 0;line-height:1.2;white-space:nowrap}
.s4-products__subhead span{color:#eb4d4a;font-size:.93em;margin-right:6px}
.s4-products__all{display:inline-flex;align-items:center;gap:5px;color:#00949d;text-decoration:none;font-size:clamp(11px,1.1vw,16px);font-weight:750;white-space:nowrap}
.s4-products__all svg{width:1.2em;height:1.2em;transition:transform .2s}
.s4-products__all:hover svg{transform:translateX(3px)}
.s4-products__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,.9vw,14px)}
.s4-product{display:flex;flex-direction:column;min-width:0;aspect-ratio:.735/1;max-height:385px;overflow:hidden;border:1px solid #ecedf0;border-radius:clamp(13px,1.55vw,21px);background:#fff;box-shadow:0 1px 4px rgba(27,44,66,.035);container-type:inline-size;transition:box-shadow .18s,transform .18s}
.s4-product:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(4,47,74,.09)}
.s4-product__visual{position:relative;min-height:0;flex:1;display:flex;align-items:end;justify-content:center;padding-top:10px}
.s4-product__badge{position:absolute;z-index:2;top:5.8%;left:7.3%;color:#fff;border-radius:60px;padding:1.8cqi 5.8cqi;line-height:1.1;font-weight:780;font-size:clamp(10px,7.6cqi,16px);white-space:nowrap;box-shadow:0 1px 3px rgba(51,44,44,.09)}
.s4-product__badge--hot{background:#ff612f}
.s4-product__badge--popular{background:#7042c9}
.s4-product__badge--new{background:#d4fb58;color:#092640}
.s4-product__wish{position:absolute;z-index:3;top:5%;right:5.5%;width:20%;aspect-ratio:1;border:0;background:transparent;color:#9ba1a7;display:grid;place-items:center;cursor:pointer;padding:0}
.s4-product__wish svg{width:72%;height:72%}
.s4-product__wish[aria-pressed="true"]{color:#ff6262}
.s4-product__wish[aria-pressed="true"] svg{fill:currentColor}
.s4-art{width:94%;max-width:215px;height:100%;min-height:0;display:block;overflow:visible;pointer-events:none}
.s4-art--device{width:87%;max-height:181px}
.s4-art--pack{width:96%;max-height:181px}
.s4-product__information{padding:0 7.5% 6.5%;margin-top:-2.5%;position:relative;z-index:1}
.s4-product__name{font-size:clamp(12px,9.15cqi,20px);font-weight:800;line-height:1.05;letter-spacing:-.045em;margin:0 0 4px;white-space:nowrap}
.s4-product__variation{color:#546070;font-size:clamp(10px,7.0cqi,15px);line-height:1.15;margin:0;letter-spacing:-.022em;white-space:nowrap}
.s4-product__bottom{display:flex;align-items:end;justify-content:space-between;gap:4px;margin-top:9.2%}
.s4-product__meta{min-width:0}
.s4-product__price{font-size:clamp(16px,11cqi,24px);font-weight:900;letter-spacing:-.045em;line-height:1.1;color:#0c2541;white-space:nowrap}
.s4-rating{display:flex;align-items:center;gap:1px;white-space:nowrap;margin-top:6px}
.s4-rating__star{display:block;flex-shrink:0;width:clamp(10px,8.0cqi,15px);height:clamp(10px,8.0cqi,15px);fill:#ff850d}
.s4-rating__star--soft{fill:#ffb069}
.s4-rating__count{font-size:clamp(10px,6.8cqi,14px);color:#465264;margin-left:4px;font-weight:480;letter-spacing:-.03em}
.s4-product__cart{flex:0 0 auto;width:24.5%;max-width:48px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:#009f9e;border:0;cursor:pointer;margin:0 -1px -1px 0;box-shadow:0 2px 4px rgba(10,128,132,.18);transition:transform .18s,background .18s}
.s4-product__cart svg{width:59%;height:59%}
.s4-product__cart:hover{background:#007c87;transform:translateY(-2px)}
.s4-products__disclaimer{font-size:11px;color:#697985;margin:12px 0 0;line-height:1.35}
.s4-toast{position:fixed;right:18px;bottom:18px;z-index:200;background:#0b2c42;color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:650;box-shadow:0 12px 28px rgba(11,44,66,.22);max-width:min(360px,calc(100vw - 36px))}
.s4-products a:focus-visible,.s4-products button:focus-visible{outline:3px solid #ff5b43;outline-offset:3px}
@media(min-width:1150px){.s4-products__heading{margin-bottom:22px}.s4-product__visual{padding-top:16px}.s4-art--device,.s4-art--pack{max-height:none}.s4-product__bottom{margin-top:12%}}
@media(max-width:850px){
 .s4-products{padding:20px 4.5% 32px}
 .s4-products__heading-left{flex-wrap:wrap;gap:4px 10px}
 .s4-products h2{font-size:clamp(28px,3.8vw,37px)}
 .s4-products__subhead{font-size:12px;margin-top:0}
 .s4-products__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 .s4-product{aspect-ratio:.78/1;max-height:395px}
 .s4-product__name{font-size:clamp(13px,8.8cqi,20px)}
 .s4-product__variation{font-size:clamp(11px,7cqi,16px)}
}
@media(max-width:600px){
 .s4-products{padding:16px 0 28px}
 .s4-products__heading{align-items:start;padding:0 18px;gap:9px;flex-wrap:wrap;margin-bottom:13px}
 .s4-products__heading-left{display:block}
 .s4-products h2{font-size:clamp(27px,7.2vw,36px)}
 .s4-products h2 svg{width:30px;height:32px}
 .s4-products__subhead{font-size:12px;margin-top:6px;margin-left:3px}
 .s4-products__all{font-size:12px;margin-left:auto;margin-top:0}
 .s4-products__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:12px;padding:0 18px 14px;scroll-padding-left:18px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .s4-product{flex:0 0 min(63vw,260px);aspect-ratio:.78/1;max-width:260px;max-height:none;scroll-snap-align:start;border-radius:18px}
 .s4-product__badge{font-size:clamp(11px,6.4cqi,17px)}
 .s4-product__name{font-size:clamp(15px,8.4cqi,21px)}
 .s4-product__variation{font-size:clamp(12px,6.7cqi,16px)}
 .s4-rating__star{width:clamp(12px,8.1cqi,17px);height:clamp(12px,8.1cqi,17px)}
 .s4-products__disclaimer{margin:1px 18px 0;max-width:420px}
}
@media(max-width:360px){.s4-products__all{margin-left:3px}.s4-product{flex-basis:74vw}}
@media(prefers-reduced-motion:reduce){.s4-product,.s4-product__cart,.s4-products__all svg{transition:none}}