@font-face{font-family:UnboundedVar;src:url("/fonts/Unbounded-Variable.woff2") format("woff2"),url("/fonts/Unbounded-Variable.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:block}:root{--ink:#0a0a0a;--paper:#fcfcfb;--card:#f0f0ef;--red:#ff3945;--green:#143814;--line:#d9d9d5;--muted:#6e6e69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:UnboundedVar;font-weight:400;font-size:16px;overflow-x:hidden}button,a{font:inherit;color:inherit}a{text-decoration:none}button{border:0;background:none;cursor:pointer}img{display:block;max-width:100%}
.topbar{height:92px;padding:0 4.6vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;position:relative;z-index:20;background:var(--paper)}.brand-mini,.phone{font-size:13px;font-weight:500;white-space:nowrap}.brand-dot{display:inline-block;width:18px;height:10px;margin-right:7px;border-radius:50%;background:linear-gradient(145deg,#8bd6ff 0 45%,#172846 46%);transform:rotate(-28deg)}.nav{display:flex;gap:8px}.nav a,.phone{padding:10px 14px;border-radius:22px;background:#f2f2f0;font-size:11px;transition:.2s}.nav a:hover,.phone:hover{background:#e5e5e1}.phone{justify-self:end}.menu-toggle{display:none;font-size:24px}.section-pad{padding:118px 4.6vw}.eyebrow,.category-index{font-size:12px;letter-spacing:.04em;color:var(--muted)}.red-dot{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--red);color:#fff;font-size:14px;vertical-align:middle}.label{position:absolute;left:10px;top:10px;padding:8px 10px;background:#fff;border-radius:3px;font-size:10px;z-index:2}
.hero{margin:0 2.6vw;height:min(78vw,920px);min-height:690px;position:relative;overflow:hidden;background:#fdfdfc}.hero-wave{position:absolute;left:-6%;right:-6%;bottom:-22%;height:54%;transform:perspective(700px) rotateX(58deg);background:repeating-radial-gradient(ellipse at 50% 22%,transparent 0 16px,rgba(111,192,113,.25) 17px,transparent 18px 34px);opacity:.7}.hero-copy{position:absolute;left:2.6%;top:3.8%;z-index:4}.hero-copy h1{margin:0;font-size:clamp(54px,7.25vw,108px);line-height:.94;letter-spacing:-.075em;font-weight:500}.hero-series{font-size:clamp(14px,1.35vw,20px);line-height:1.3;margin-top:48px}.hero-kicker{position:absolute;z-index:4;top:4.6%;left:35%;width:33%;text-align:center;margin:0;font-size:clamp(14px,1.5vw,22px);line-height:1.15;font-weight:300;letter-spacing:-.04em}.round-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;width:64px;height:64px;font-size:30px}.round-dark{position:absolute;z-index:5;top:5%;right:21%;background:var(--green)}.hero-art{position:absolute;z-index:4;right:5.5%;top:4.4%;font-size:clamp(20px,2.45vw,36px);line-height:.9;font-weight:500}.hero-person{position:absolute;z-index:3;bottom:-1.2%;left:23%;width:55%;height:82%;object-fit:contain;object-position:center bottom}.hero-mini-card{position:absolute;z-index:5;right:.5%;top:22%;width:24.3%;margin:0;font-size:11px}.hero-product-photo{height:29vw;max-height:420px;min-height:310px;background:#ededed;overflow:hidden}.hero-product-photo img{width:100%;height:100%;object-fit:contain;padding:8%}.mini-card-row{display:flex;justify-content:space-between;background:#fff;padding:10px 12px;font-size:10px;margin-top:3px}.swatches{display:flex;gap:5px;align-items:center;padding:10px 2px}.swatches i{width:8px;height:8px;border-radius:50%;background:#121212}.swatches i:nth-child(2){background:#ff3344}.swatches i:nth-child(3){background:#d5d5d2}.swatches b{margin-left:auto;font-size:9px}.hero-mini-card p{font-size:10px;line-height:1.55}.hero-thumb{position:absolute;z-index:5;bottom:3%;left:2.7%;width:15%;height:27%;background:#f4f4f2;border:7px solid #fff;border-radius:7px;overflow:hidden}.hero-thumb img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.product-intro{padding-top:145px;padding-bottom:135px}.intro-row{display:grid;grid-template-columns:1.4fr .8fr;gap:10vw;align-items:end;margin-top:30px}.intro-row h2{font-size:clamp(64px,9vw,138px);letter-spacing:-.08em;line-height:.85;font-weight:400;margin:0}.intro-row p{font-size:18px;line-height:1.5;margin:0}.category-jumps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-block:1px solid var(--line)}.category-jumps a{display:flex;align-items:center;gap:18px;padding:25px 18px;font-size:16px;border-right:1px solid var(--line);transition:.25s}.category-jumps a:last-child{border:0}.category-jumps a:hover{background:var(--ink);color:#fff}.category-jumps span{font-size:11px;color:var(--muted)}.category-jumps b{margin-left:auto;font-size:22px}
.category{border-top:1px solid var(--line)}.category-head{display:grid;grid-template-columns:.75fr 1.8fr 1fr;gap:4vw;align-items:end;margin-bottom:72px}.category-head h2{font-size:clamp(54px,7.5vw,112px);letter-spacing:-.08em;line-height:.88;font-weight:400;margin:0}.category-copy p{font-size:16px;line-height:1.55;margin:0 0 25px}.category-copy a,.ppe-copy>a{font-size:12px;border-bottom:1px solid;padding-bottom:6px}.workwear-editorial{height:650px;position:relative;overflow:hidden;border-radius:7px}.workwear-editorial>img{width:100%;height:100%;object-fit:cover}.editorial-caption{position:absolute;left:38px;bottom:35px;color:#fff}.editorial-caption span{font-size:12px}.editorial-caption b{display:block;font-size:clamp(28px,3.8vw,56px);line-height:1.03;letter-spacing:-.05em;margin-top:12px}.product-grid{display:grid;gap:22px;margin-top:58px}.product-grid-four{grid-template-columns:repeat(4,1fr)}.product-photo{height:410px;background:var(--card);position:relative;overflow:hidden;border-radius:6px}.product-photo img{width:100%;height:100%;object-fit:contain;padding:6%;transition:.4s}.product-card:hover img{transform:scale(1.035)}.product-type,.shoe-card>p{font-size:11px;color:var(--muted);margin:18px 0 9px}.product-card h3,.shoe-card h3{font-size:16px;line-height:1.35;font-weight:400;margin:0}.article{font-size:11px;color:var(--muted);margin:9px 0 16px}.detail-button{font-size:11px;border-bottom:1px solid;padding:0 0 5px;text-align:left}
.category-footwear{background:#f4f4f1}.category-head-reverse{grid-template-columns:.8fr 1fr 1fr}.category-head-reverse h2{font-size:clamp(78px,12vw,180px)}.footwear-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}.footwear-hero{position:relative;min-height:760px;overflow:hidden;background:#fff}.footwear-hero>img{width:100%;height:100%;object-fit:cover}.footwear-hero>div{position:absolute;left:28px;bottom:30px}.footwear-hero span{font-size:11px}.footwear-hero b{display:block;font-size:clamp(24px,3vw,42px);line-height:1.05;margin-top:10px}.shoe-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.sheet-crop{height:265px;overflow:hidden;background:#fff;position:relative}.sheet-crop img{position:absolute;width:200%;max-width:none;height:200%;object-fit:cover}.q1 img{left:0;top:0}.q2 img{right:0;top:0}.q3 img{left:0;bottom:0}.q4 img{right:0;bottom:0}.shoe-card .detail-button{margin-top:14px}
.category-ppe{display:grid;grid-template-columns:.9fr 1.35fr;grid-template-rows:auto auto;gap:50px 6vw}.ppe-copy h2{font-size:clamp(42px,5.6vw,86px);line-height:.98;letter-spacing:-.07em;font-weight:400;margin:45px 0}.ppe-copy p{font-size:17px;line-height:1.55;max-width:520px;margin:0 0 38px}.ppe-visual{height:650px;overflow:hidden;border-radius:7px}.ppe-visual img{width:100%;height:100%;object-fit:cover}.ppe-list{grid-column:1/3;display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:28px}.ppe-list span{font-size:12px;padding:13px 16px;border:1px solid var(--line);border-radius:30px}
.reviews{border-top:1px solid var(--line);padding-top:145px;min-height:920px}.trust-head{display:grid;grid-template-columns:1.6fr .7fr;gap:8vw;align-items:end}.trust-head h2{font-size:clamp(54px,7vw,108px);line-height:.94;letter-spacing:-.075em;font-weight:400;margin:30px 0 0}.trust-head h2 span{color:#b0b0aa}.trust-head>p{font-size:17px;line-height:1.55;margin:0 0 8px}.review-stage{margin-top:88px;border-block:1px solid var(--line);min-height:350px}.review{display:none;grid-template-columns:.8fr 1.5fr auto;gap:6vw;align-items:start;padding:42px 0 48px}.review.active{display:grid}.review-meta{display:flex;flex-direction:column;gap:14px}.review-meta span{font-size:12px;color:var(--muted)}.review-meta b{font-size:16px;line-height:1.35}.review-meta small{font-size:12px;line-height:1.45;color:var(--muted)}.review blockquote{font-size:clamp(19px,2vw,30px);line-height:1.42;letter-spacing:-.03em;margin:0}.letter-link{font-size:11px;border-bottom:1px solid;padding:0 0 6px;white-space:nowrap}.review-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:35px}.review-controls button{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;font-size:18px}.review-controls button:last-child{background:var(--red);color:#fff;border-color:var(--red)}.review-progress{width:150px;height:2px;background:var(--line)}.review-progress i{display:block;width:25%;height:100%;background:var(--ink);transition:.25s}
.footer{background:#111;color:#fff;padding:86px 5vw 68px;min-height:650px;display:grid;grid-template-columns:2fr .85fr .9fr 1.25fr;gap:4vw;position:relative}.footer-intro{max-width:480px}.footer-logo{font-size:20px;font-weight:500}.footer-logo span{display:inline-block;width:13px;height:20px;border-radius:8px;background:linear-gradient(90deg,#ff6a2a 0 45%,transparent 46% 54%,#ff6a2a 55%)}.footer-intro p{color:#c5c5c5;font-size:14px;line-height:1.8;margin-top:34px}.footer-col{display:flex;flex-direction:column;gap:18px;font-size:12px}.footer-col b{margin-bottom:9px}.footer-col a{color:#c7c7c7}.max-contact{height:128px;padding:20px;border:1px solid #393939;border-radius:10px;display:flex;gap:17px;align-items:center;background:#191919;transition:.25s}.max-contact:hover{transform:translateY(-3px);border-color:#6e1aff}.max-contact img{width:78px;height:78px}.max-contact span{display:flex;flex-direction:column}.max-contact small{font-size:9px;color:#aaa}.max-contact b{font-size:34px;line-height:1;margin:5px 0}.max-contact em{font-size:9px;font-style:normal;color:#c9bfff}.footer-wordmark{position:absolute;right:5vw;bottom:55px;color:#bcbcbc;text-align:right;font-size:clamp(54px,7.7vw,112px);line-height:.86;letter-spacing:-.07em;font-weight:500}.toast{position:fixed;right:28px;bottom:28px;background:#111;color:#fff;padding:17px 21px;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}
@media(max-width:1020px){.topbar{grid-template-columns:1fr auto}.nav,.phone{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:72px;left:4vw;right:4vw;flex-direction:column;padding:16px;background:#fff;box-shadow:0 12px 35px #0002}.hero{height:900px}.hero-person{left:5%;width:90%;height:70%}.hero-mini-card{width:31%}.section-pad{padding:90px 28px}.intro-row{grid-template-columns:1fr}.category-head,.category-head-reverse{grid-template-columns:1fr 2fr}.category-head .category-copy{grid-column:2}.product-grid-four{grid-template-columns:1fr 1fr}.footwear-layout{grid-template-columns:1fr}.footwear-hero{min-height:620px}.category-ppe{grid-template-columns:1fr}.ppe-visual{height:560px}.ppe-list{grid-column:auto}.review{grid-template-columns:.7fr 1.3fr}.letter-link{grid-column:2}.footer{grid-template-columns:1.5fr 1fr 1fr;min-height:770px}.max-contact{grid-column:2/4}.footer-wordmark{font-size:70px}}
@media(max-width:650px){body{font-size:15px}.topbar{height:72px}.hero{height:820px;margin:0 12px}.hero-copy h1{font-size:43px}.hero-kicker{left:auto;right:4%;top:4%;width:43%;font-size:10px;text-align:right}.hero-series{font-size:13px;margin-top:24px}.round-dark{top:24%;right:7%;width:50px;height:50px}.hero-art{display:none}.hero-person{left:-8%;width:116%;height:59%}.hero-mini-card{top:36%;right:3%;width:39%;font-size:9px}.hero-product-photo{height:235px;min-height:0}.hero-mini-card p{display:none}.hero-thumb{width:31%;height:18%}.section-pad{padding:72px 18px}.intro-row h2{font-size:52px}.intro-row p{font-size:15px}.category-jumps{grid-template-columns:1fr;margin-top:55px}.category-jumps a{border-right:0;border-bottom:1px solid var(--line)}.category-head,.category-head-reverse{display:block}.category-head h2{font-size:49px;margin:25px 0 30px}.workwear-editorial{height:500px}.workwear-editorial>img{object-position:65% center}.product-grid-four,.shoe-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-card{min-width:82vw;scroll-snap-align:start}.product-photo{height:410px}.footwear-hero{min-height:430px}.shoe-card{min-width:78vw;scroll-snap-align:start}.sheet-crop{height:300px}.ppe-copy h2{font-size:36px}.ppe-visual{height:380px}.ppe-list{gap:8px}.ppe-list span{font-size:10px}.trust-head{display:block}.trust-head h2{font-size:42px}.trust-head>p{font-size:14px;margin-top:30px}.review-stage{margin-top:55px;min-height:520px}.review{grid-template-columns:1fr;gap:28px;padding:32px 0}.letter-link{grid-column:auto;justify-self:start}.review blockquote{font-size:18px}.review-controls{justify-content:space-between}.footer{display:block;min-height:900px}.footer-col{display:none}.max-contact{margin-top:45px}.footer-wordmark{font-size:58px}}

/* Distinct footwear crops: one large model plus three different compact models. */
.footwear-hero>img{position:absolute;width:200%;max-width:none;height:200%;left:0;top:0;object-fit:cover}.footwear-hero>div{z-index:1;color:#fff}.footwear-hero b{margin-bottom:20px}.footwear-hero .detail-button{color:#fff;border-color:#fff}.shoe-grid{grid-template-columns:1fr}.shoe-card{display:grid;grid-template-columns:.9fr 1fr;grid-template-rows:auto auto 1fr;column-gap:20px;background:#fff;min-height:235px}.shoe-card .sheet-crop{grid-row:1/4;height:235px}.shoe-card>p{align-self:end}.shoe-card .detail-button{align-self:start;justify-self:start}.max-contact small,.max-contact em{font-size:11px}
@media(max-width:650px){.shoe-card{display:block}.shoe-card .sheet-crop{height:300px}}

/* Cropped catalog assets are stored as separate files, so no product image repeats. */
.footwear-hero>img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.sheet-crop img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.footwear-hero>div{color:var(--ink)}.footwear-hero .detail-button{color:var(--ink);border-color:var(--ink)}

/* Readable service typography throughout the page. */
.nav a,.phone,.label,.mini-card-row,.hero-mini-card p,.swatches b,.eyebrow,.category-index,.category-jumps span,.product-type,.shoe-card>p,.article,.detail-button,.category-copy a,.ppe-copy>a,.review-meta span,.review-meta small,.letter-link,.footer-col,.max-contact small,.max-contact em{font-size:12px}
@media(max-width:650px){.hero-mini-card p{display:none}.label,.mini-card-row,.swatches b{font-size:10px}}

/* Visual corrections: neutral topographic hero waves, uncropped editorial and isolated products. */
.hero-wave{z-index:0;bottom:-15%;height:58%;opacity:1;background:repeating-radial-gradient(ellipse at 50% 12%,transparent 0 15px,rgba(65,70,68,.18) 16px,transparent 17px 31px),repeating-radial-gradient(ellipse at 18% 20%,transparent 0 28px,rgba(65,70,68,.09) 29px,transparent 30px 55px);filter:none}.workwear-editorial{height:auto;aspect-ratio:3/2;background:#ececea}.workwear-editorial>img{object-fit:contain;object-position:center}.editorial-caption{left:28px;bottom:28px;padding:18px 22px;background:rgba(8,8,8,.74);border-radius:5px;text-shadow:0 1px 12px #000}.product-photo{background:#ededeb}.product-photo img{object-fit:contain;padding:4%}.footwear-hero{min-height:0;aspect-ratio:1.52}.footwear-hero>img{object-fit:contain}.shoe-card .sheet-crop{height:220px}.sheet-crop img{object-fit:contain}
.ppe-products{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.ppe-product>div{height:300px;background:#ededeb;border-radius:6px;overflow:hidden}.ppe-product img{width:100%;height:100%;object-fit:contain;padding:6%}.ppe-product>p{font-size:12px;color:var(--muted);margin:16px 0 8px}.ppe-product h3{font-size:16px;font-weight:400;margin:0 0 18px;line-height:1.35}.trust-aside{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.trust-aside>p{font-size:17px;line-height:1.55;margin:0;max-width:430px}.trust-stamp{flex:0 0 190px;min-height:90px;border:1px solid var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(-4deg);color:var(--green)}.trust-stamp b{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-size:20px}.trust-stamp span{font-size:10px;line-height:1.35}
@media(max-width:1020px){.ppe-products{grid-column:auto;grid-template-columns:repeat(2,1fr)}.trust-aside{align-items:flex-start;flex-direction:column}.workwear-editorial{aspect-ratio:3/2}.shoe-card .sheet-crop{height:200px}}
@media(max-width:650px){.workwear-editorial{aspect-ratio:auto;height:520px}.workwear-editorial>img{object-fit:cover;object-position:62% center}.editorial-caption{left:14px;right:14px;bottom:14px}.ppe-products{grid-template-columns:1fr}.ppe-product>div{height:350px}.trust-stamp{margin-top:14px}.footwear-hero{aspect-ratio:1.35}.shoe-card .sheet-crop{height:300px}}

/* Contact actions and proposal form. */
.header-actions{display:flex;justify-self:end;align-items:center;gap:8px}.header-max{height:38px;padding:7px 12px;border-radius:22px;background:#f2f2f0;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.header-max img{width:22px;height:22px;filter:grayscale(1) saturate(0) contrast(1.25);transition:.25s}.header-max:hover img{filter:none}.header-max:hover{background:#ebe8ff}.hero-main-cta,.footer-supply-cta,.proposal-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--ink);padding:16px 18px;font-size:12px;transition:.25s}.hero-main-cta{margin-top:28px;background:var(--ink);color:#fff;min-width:285px}.hero-main-cta span,.footer-supply-cta span,.proposal-submit span{font-size:20px;line-height:.6}.hero-main-cta:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}.footer-supply-cta{margin-top:28px;border-color:#555;background:#fff;color:#111;min-width:275px}.footer-supply-cta:hover{background:var(--red);border-color:var(--red);color:#fff}.proposal-modal{position:fixed;inset:0;z-index:200;display:none}.proposal-modal.open{display:block}.proposal-backdrop{position:absolute;inset:0;background:rgba(5,5,5,.7);backdrop-filter:blur(6px)}.proposal-dialog{position:absolute;top:50%;left:50%;width:min(880px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-50%);background:var(--paper);padding:50px 54px 44px;box-shadow:0 30px 90px #0005}.proposal-close{position:absolute;right:22px;top:16px;font-size:36px;font-weight:200}.proposal-number{font-size:11px;color:var(--muted)}.proposal-dialog h2{font-size:clamp(42px,5.5vw,76px);line-height:.92;letter-spacing:-.07em;font-weight:400;margin:24px 0}.proposal-dialog>p{max-width:630px;font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 34px}.proposal-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.form-field{display:flex;flex-direction:column;gap:9px}.form-wide,.consent,.proposal-submit,.form-status{grid-column:1/3}.form-field label{font-size:11px}.form-field input,.form-field textarea{width:100%;border:0;border-bottom:1px solid #999;background:transparent;padding:12px 1px;font:400 15px/1.4 UnboundedVar;outline:none;resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--red)}.form-field.invalid input{border-color:var(--red)}.field-error{min-height:15px;color:#c81722;font-size:10px}.form-field>small:not(.field-error){font-size:10px;color:var(--muted);text-align:right}.hp-field{position:absolute;left:-9999px;opacity:0}.consent{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.45}.consent input{width:17px;height:17px;accent-color:var(--red);flex:0 0 auto}.proposal-submit{justify-self:start;background:var(--ink);color:#fff;min-width:280px}.proposal-submit:hover{background:var(--red);border-color:var(--red)}.form-status{font-size:11px;margin:0;color:#c81722}body.modal-open{overflow:hidden}
@media(max-width:1020px){.header-actions{display:none}.hero-main-cta{min-width:250px;padding:14px}.proposal-dialog{padding:42px 32px 36px}}
@media(max-width:650px){.hero-main-cta{margin-top:18px;min-width:235px;font-size:10px;padding:12px}.proposal-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:36px 20px 28px}.proposal-dialog h2{font-size:38px}.proposal-dialog form{grid-template-columns:1fr}.form-wide,.consent,.proposal-submit,.form-status{grid-column:1}.proposal-submit{width:100%;min-width:0}.footer-supply-cta{width:100%;margin-top:24px}}

/* Stronger image-based hero landscape and independent conversion points. */
.hero-wave{left:0;right:0;bottom:0;height:54%;transform:none;background:url("images/waves.png") center bottom/cover no-repeat;opacity:1;filter:grayscale(1) contrast(1.38) brightness(.93);mix-blend-mode:multiply}.hero-wave::after{content:"";position:absolute;inset:13% -4% -9%;background:url("images/waves.png") center bottom/cover no-repeat;opacity:.38;transform:scaleX(-1);filter:contrast(1.28)}.hero-offer{position:absolute;z-index:6;left:2.6%;top:55%;width:365px;padding:18px;background:rgba(252,252,251,.88);border:1px solid rgba(10,10,10,.15);backdrop-filter:blur(8px)}.hero-offer small{font-size:10px;color:var(--muted)}.hero-offer>p{font-size:13px;line-height:1.45;margin:12px 0 16px}.hero-offer .hero-main-cta{margin:0;width:100%;min-width:0;background:var(--red);border-color:var(--red)}.hero-offer .hero-main-cta:hover{background:var(--ink);border-color:var(--ink)}
.selection-cta{background:#ececea;border-top:1px solid var(--line);padding-top:86px;padding-bottom:94px}.selection-index{font-size:12px;color:var(--muted);margin-bottom:45px}.selection-main{display:grid;grid-template-columns:1.5fr .8fr;gap:8vw;align-items:end}.selection-main h2{font-size:clamp(54px,7.8vw,118px);line-height:.9;letter-spacing:-.075em;font-weight:400;margin:0}.selection-copy>p{font-size:16px;line-height:1.55;margin:0 0 20px}.selection-copy .selection-note{font-size:12px;color:var(--muted)}.selection-button{width:100%;margin-top:15px;padding:20px 22px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px;transition:.25s}.selection-button span{font-size:24px}.selection-button:hover{background:var(--red);transform:translateY(-2px)}
.max-contact{height:100px;padding:14px 16px;max-width:290px;justify-self:end}.max-contact img{width:58px;height:58px}.max-contact b{font-size:27px}.max-contact small,.max-contact em{font-size:9px}.footer{min-height:610px}
@media(max-width:1020px){.hero-offer{top:auto;bottom:28%;width:330px}.selection-main{grid-template-columns:1fr}.selection-copy{max-width:620px}.max-contact{justify-self:stretch}}
@media(max-width:650px){.hero-wave{height:47%;background-size:auto 100%}.hero-wave::after{inset:8% -35% -8%;background-size:auto 100%}.hero-offer{top:29%;bottom:auto;left:4%;width:53%;padding:12px}.hero-offer small{font-size:8px}.hero-offer>p{display:none}.hero-offer .hero-main-cta{font-size:9px;padding:11px 10px}.selection-main h2{font-size:44px}.selection-copy>p{font-size:14px}.selection-button{font-size:11px}.max-contact{max-width:270px;height:92px}.footer{min-height:850px}}

/* Final visual tuning from review screenshots. */
.hero-wave{height:54%;background:url("images/waves.png") center bottom/cover no-repeat;filter:none;mix-blend-mode:normal;opacity:1}.hero-wave::after{display:none}.hero-offer{top:43%;bottom:auto;width:330px;padding:0;background:transparent;border:0;backdrop-filter:none}.hero-offer small{display:block}.hero-offer>p{max-width:310px}.hero-offer .hero-main-cta{width:330px;box-shadow:0 12px 30px rgba(255,57,69,.18)}
.reviews{position:relative;border-top:12px solid var(--red);border-bottom:1px solid var(--red);background:linear-gradient(135deg,#fcfcfb 0 68%,#fff0f1 68% 100%)}.trust-head h2 span{color:var(--red)}.trust-stamp{border-color:var(--red);color:var(--red)}.trust-stamp b{background:var(--red)}.review-stage{background:rgba(255,255,255,.72);padding:0 28px}.review blockquote{position:relative;padding-left:48px}.review blockquote::before{content:"“";position:absolute;left:0;top:-12px;color:var(--red);font-size:70px;line-height:1}
.footer-wordmark{color:#fff;opacity:.22}.footwear-hero{height:741px;min-height:0;aspect-ratio:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#ededeb}.footwear-hero>img{width:100%;height:100%;object-fit:contain;padding:5%}.footwear-hero>div{position:static;padding:20px 24px 24px;background:#fff;color:var(--ink)}.footwear-hero b{margin:8px 0 16px}.footwear-hero .detail-button{color:var(--ink);border-color:var(--ink)}.sheet-crop{background:#ededeb}.sheet-crop img{padding:5%;object-fit:contain}
@media(max-width:1020px){.hero-offer{top:44%;bottom:auto}.footwear-hero{height:620px}.review-stage{padding:0 18px}}
@media(max-width:650px){.hero-wave{height:47%;background-size:auto 100%}.hero-offer{top:31%;left:4%;width:52%}.hero-offer small{font-size:8px}.hero-offer>p{display:none}.hero-offer .hero-main-cta{width:100%}.footwear-hero{height:520px}.review-stage{padding:0 12px}.review blockquote{padding-left:34px}.review blockquote::before{font-size:54px}}

/* Modern review emphasis: no enclosing red frame. */
.reviews{border:0;background:#f3f3f0;overflow:hidden}.reviews::before{content:"";position:absolute;top:0;left:4.6vw;width:112px;height:5px;background:var(--red)}.reviews::after{content:"“";position:absolute;right:-22px;top:42px;color:rgba(255,57,69,.075);font-size:300px;line-height:1;pointer-events:none}.trust-head,.review-stage,.review-controls{position:relative;z-index:1}.review-stage{border-top:1px solid rgba(10,10,10,.28);border-bottom:1px solid rgba(10,10,10,.14);background:transparent}.trust-stamp{background:rgba(255,255,255,.55);backdrop-filter:blur(4px)}

/* Final spacing and hierarchy corrections. */
.trust-head h2 span{color:#a7a7a2}.hero-offer{top:52%}.selection-main{align-items:center}.selection-main h2{font-size:clamp(42px,5.35vw,78px);line-height:.94}.selection-copy{align-self:center;transform:translateY(-5px)}
@media(max-width:1020px){.hero-offer{top:52%;bottom:auto}.selection-main h2{font-size:clamp(42px,7vw,68px)}}
@media(max-width:650px){.hero-offer{top:32%;bottom:auto}.selection-main h2{font-size:38px}.selection-copy{transform:none}}

/* Company contact details. */
.footer-contacts address{color:#c7c7c7;font-style:normal;line-height:1.65}.footer-contacts a:hover{color:#fff}
@media(max-width:650px){.footer .footer-contacts{display:flex;margin-top:38px}}

/* Brand logo and interactive hero product card. */
.brand-mini{display:flex;align-items:center;justify-self:start}.brand-logo{display:block;width:clamp(150px,11vw,180px);height:auto;max-height:62px;object-fit:contain;object-position:left center}.hero-mini-card{padding:7px;background:rgba(252,252,251,.86);border:1px solid rgba(10,10,10,.16);box-shadow:0 16px 44px rgba(10,10,10,.12);backdrop-filter:blur(8px)}.hero-product-photo{position:relative}.hero-product-photo .hero-product-image{position:absolute;inset:0;width:100%;height:100%;padding:6%;object-fit:contain;object-position:center;opacity:0;transform:scale(.93);transition:opacity .42s ease,transform .55s cubic-bezier(.2,.75,.2,1)}.hero-product-photo .hero-product-image[data-color="blue"]{transform:scale(1.1)}.hero-product-photo .hero-product-image.active{opacity:1;transform:scale(.97)}.hero-product-photo .hero-product-image[data-color="blue"].active{transform:scale(1.16)}.hero-card-body{margin-top:6px;padding:13px 13px 14px;background:rgba(255,255,255,.96);border:1px solid #dededb}.hero-card-body .mini-card-row{margin:0;padding:0;background:transparent;align-items:flex-start;gap:10px}.hero-card-body h3{margin:0;font-size:clamp(10px,.85vw,13px);line-height:1.35;font-weight:500;letter-spacing:-.02em}.hero-variant-next{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:17px;transition:.25s}.hero-variant-next:hover{background:var(--red);transform:translateX(2px)}.hero-card-body .swatches{padding:13px 0 0;margin-top:12px;border-top:1px solid var(--line);gap:9px}.swatches>button[data-hero-color]{width:13px;height:13px;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #bcbcb8;transition:.2s}.swatches>button[data-hero-color="red"]{background:#f53845}.swatches>button[data-hero-color="blue"]{background:#173c65}.swatches>button[data-hero-color].active{box-shadow:0 0 0 2px var(--ink);transform:scale(1.08)}.hero-card-cta{margin-left:auto;padding:0 0 4px;border-bottom:1px solid;font-size:9px;font-weight:600}.hero-card-body>p{margin:13px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:650px){.brand-logo{width:132px;max-height:46px}.hero-mini-card{padding:4px}.hero-card-body{padding:8px}.hero-card-body h3{font-size:8px}.hero-variant-next{width:26px;height:26px;flex-basis:26px;font-size:13px}.hero-card-body .swatches{margin-top:8px;padding-top:9px}.hero-card-cta{display:none}.swatches>button[data-hero-color]{width:10px;height:10px}}

/* New normalized homepage assortment images. */
.product-photo img,.footwear-hero>img,.sheet-crop img,.ppe-product img{object-fit:contain;object-position:center}.product-photo img{padding:5%}.footwear-hero>img,.sheet-crop img{padding:7%}.ppe-product img{padding:8%}.footwear-hero .article{margin:0 0 18px}.shoe-card .article{grid-column:2;margin:0 0 10px}.shoe-card .detail-button{grid-column:2}.ppe-product .article{margin:0 0 14px}.ppe-product h3:has(+.article){margin-bottom:8px}
.footwear-products{margin-top:0}.footwear-products .product-photo{background:#fff}.footwear-products .product-card{display:flex;flex-direction:column}.footwear-products .detail-button{margin-top:auto;align-self:flex-start}
@media(max-width:650px){.shoe-card .article,.shoe-card .detail-button{grid-column:auto}}

/* Screenshot-based scale and section corrections. */
.hero-product-photo .hero-product-image.active{transform:scale(1.28)}.hero-product-photo .hero-product-image[data-color="blue"].active{transform:scale(.97)}.hero-product-photo .hero-product-image[data-color="blue"]{transform:scale(.93)}
.category-footwear{position:relative;background:var(--paper);border-top:0}.category-footwear::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:linear-gradient(90deg,var(--red) 0 24%,var(--ink) 24% 100%)}.footwear-products .product-photo{background:#ededeb;border:1px solid #e2e2df}
.ppe-product img{padding:0;transform:scale(1.65);transition:transform .4s ease}.ppe-product:hover img{transform:scale(1.72)}
@media(max-width:650px){.category-footwear::before{height:8px;background:linear-gradient(90deg,var(--red) 0 38%,var(--ink) 38% 100%)}.ppe-product img{transform:scale(1.55)}.ppe-product:hover img{transform:scale(1.6)}}

/* Scroll-progress section dividers, PPE fit and testimonial brands. */
.category-footwear,.category-ppe{--divider-progress:0;position:relative;border-top:0}.category-footwear::before,.category-ppe::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:6px;background:var(--ink)}.category-footwear::after,.category-ppe::after{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:6px;background:var(--red);transform:scaleX(var(--divider-progress));will-change:transform}.category-footwear::after{transform-origin:left center}.category-ppe::after{transform-origin:right center}.ppe-product:first-child img{transform:scale(1.24)}.ppe-product:first-child:hover img{transform:scale(1.3)}.review-logo{width:82px;height:70px;display:flex;align-items:center;justify-content:flex-start;margin:2px 0 4px}.review-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center}.review-logo-wide{width:150px}
@media(max-width:650px){.category-footwear::before,.category-footwear::after,.category-ppe::before,.category-ppe::after{height:4px}.ppe-product:first-child img{transform:scale(1.16)}.ppe-product:first-child:hover img{transform:scale(1.2)}.review-logo{width:68px;height:58px}.review-logo-wide{width:125px}.review{gap:22px}.review-meta{gap:10px}}

/* Mobile overflow and touch-scrolling safeguards verified in Chromium. */
@media(max-width:650px){main,.product-intro,.intro-row,.category,.category-head,.category-copy,.category-ppe,.ppe-copy,.ppe-products,.reviews,.trust-head,.review-stage{min-width:0;max-width:100%}.product-intro,.category,.reviews{overflow:hidden}.intro-row h2{font-size:44px}.category-head h2{font-size:40px}.category-footwear .category-head h2{font-size:58px}.ppe-copy h2{font-size:26px;letter-spacing:-.055em}.trust-head h2{font-size:38px}.product-grid-four,.shoe-grid{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-padding-inline:0 18px}.product-card{min-width:min(82vw,320px)}.ppe-product,.ppe-product>div{min-width:0;max-width:100%}}
.review-logo img{width:100%;height:100%;object-fit:contain}

/* Shared request context used by homepage and catalog product inquiries. */
.proposal-context{display:flex;flex-direction:column;gap:7px;margin:-10px 0 30px;padding:18px 20px;background:var(--card);border-left:4px solid var(--red)}.proposal-context[hidden]{display:none}.proposal-context span,.proposal-context small{font-size:10px;color:var(--muted)}.proposal-context strong{font-size:14px;line-height:1.45;font-weight:400}.proposal-submit:disabled{opacity:.55;cursor:wait}.form-status{min-height:18px}

/* Document gallery uses the native modal top layer and keyboard focus trap. */
body.letters-open { overflow: hidden; }
.letters-dialog { width: min(980px, calc(100vw - 40px)); height: min(960px, calc(100dvh - 40px)); max-width: none; max-height: none; padding: 0; border: 0; background: #f3f3f0; color: var(--ink); margin: auto; overflow: hidden; }
.letters-dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.letters-dialog::backdrop { background: rgba(0, 0, 0, .8); backdrop-filter: blur(5px); }
.letters-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); }
.letters-header h2 { font-size: 16px; font-weight: 400; line-height: 1.4; margin: 0; }
.letters-close, .letters-prev, .letters-next { flex-shrink: 0; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); background: #fff; font-size: 24px; }
.letters-close { font-size: 30px; }
.letters-dialog button:focus-visible, .letters-dialog a:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
.letters-stage { min-height: 0; min-width: 0; padding: 16px; display: grid; place-items: center; touch-action: pan-y pinch-zoom; }
.letters-image { width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; }
.letters-image[hidden], .letters-message[hidden] { display: none; }
.letters-message { max-width: 440px; font-size: 13px; line-height: 1.6; text-align: center; }
.letters-controls { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 10px 16px; align-items: center; padding: 14px 20px; border-top: 1px solid var(--line); }
.letters-caption { display: grid; gap: 5px; text-align: center; min-width: 0; }
.letters-count { font-size: 11px; color: var(--muted); }
.letters-company { font-size: 12px; line-height: 1.4; font-weight: 400; overflow-wrap: anywhere; }
.letters-original { grid-column: 1 / -1; justify-self: center; padding: 6px; font-size: 10px; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 650px) {
  .letters-dialog { width: calc(100vw - 16px); height: calc(100dvh - 24px); }
  .letters-header { padding: 10px 12px; }
  .letters-header h2 { font-size: 13px; }
  .letters-stage { padding: 8px; }
  .letters-controls { padding: 10px 12px max(12px, env(safe-area-inset-bottom)); gap: 8px; }
  .letters-company { font-size: 10px; }
}

/* Shared footer: logo asset and an independent wordmark row. */
.footer-logo { display: inline-flex; width: min(260px, 100%); }
.footer-logo img { display: block; width: 100%; height: auto; }
.footer > * { min-width: 0; }
.footer .footer-wordmark { position: static; grid-column: 2 / -1; justify-self: end; align-self: end; margin-top: 20px; }
@media (max-width: 767px) {
  .footer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; min-height: 0; padding: 48px 22px 38px; }
  .footer .footer-intro { max-width: 100%; }
  .footer .footer-intro p { margin-top: 20px; font-size: 13px; }
  .footer .footer-col { display: none; }
  .footer .footer-contacts { display: flex; margin: 0; gap: 16px; }
  .footer .max-contact { grid-column: 1; justify-self: start; margin: 0; width: min(100%, 290px); max-width: 100%; }
  .footer .footer-wordmark { grid-column: 1; margin: 8px 0 0; font-size: clamp(48px, 14vw, 82px); line-height: .92; }
  .footer-supply-cta { min-width: 0; max-width: 100%; }
  .footer-logo { width: min(245px, 100%); }
  .hero { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto clamp(330px, 90vw, 430px); gap: 16px; height: auto; min-height: 0; margin: 0 12px; padding: 22px 10px 0; overflow: hidden; }
  .hero-copy { display: contents; }
  .hero-copy h1 { grid-row: 1; font-size: clamp(42px, 12vw, 68px); line-height: .94; }
  .hero-series { grid-row: 3; margin: 0; font-size: 12px; line-height: 1.5; }
  .hero-series br { display: none; }
  .hero-series .red-dot, .hero .round-dark, .hero-mini-card .hero-variant-next { display: none; }
  .hero-kicker { position: relative; inset: auto; grid-column: 1; grid-row: 2; width: auto; margin: 0; overflow-wrap: anywhere; text-align: left; font-size: 13px; line-height: 1.5; align-self: center; }
  .hero-kicker br { display: none; }
  .hero .hero-offer { position: relative; inset: auto; grid-column: 1 / -1; grid-row: 4; width: 100%; padding: 0; }
  .hero-offer small { font-size: 8px; line-height: 1.5; margin-bottom: 8px; }
  .hero-offer > p { display: none; }
  .hero-offer .hero-main-cta { width: 100%; min-height: 52px; font-size: 11px; padding: 16px; }
  .hero .hero-person { position: relative; inset: auto; grid-column: 1 / -1; grid-row: 5; align-self: end; justify-self: start; margin-left: -16%; width: 108%; max-width: none; height: 100%; object-fit: contain; object-position: center bottom; }
  .hero .hero-mini-card { position: relative; inset: auto; grid-column: 1 / -1; grid-row: 5; align-self: end; justify-self: end; width: clamp(112px, 33vw, 175px); margin: 0 0 18px; padding: 4px; }
  .hero-mini-card .hero-product-photo { height: clamp(148px, 43vw, 215px); min-height: 0; }
  .hero-mini-card .label { top: 8px; left: 8px; padding: 7px; font-size: 8px; }
  .hero-mini-card .hero-card-body { padding: 7px; }
  .hero-mini-card .hero-card-body h3 { font-size: 8px; }
  .hero-mini-card .hero-variant-next { width: 26px; height: 26px; flex-basis: 26px; font-size: 13px; }
  .hero .hero-thumb { display: none; }
  .hero-thumb .label { top: 5px; left: 5px; padding: 5px; font-size: 8px; }
  .hero .hero-wave { height: 42%; }
  .hero-art { display: none; }
  .selection-main, .intro-row, .category-head, .trust-head { min-width: 0; }
  .selection-main > *, .intro-row > *, .trust-head > * { min-width: 0; overflow-wrap: anywhere; }
  .selection-main h2 { font-size: clamp(30px, 8.8vw, 52px); line-height: 1.05; }
  .proposal-dialog h2 { font-size: clamp(28px, 8vw, 38px); overflow-wrap: anywhere; }
  .proposal-dialog, .proposal-dialog form > * { min-width: 0; }
  /* Keep the entire PPE image inside its frame, including on touch hover. */
  .category-ppe .ppe-product img,
  .category-ppe .ppe-product:hover img { transform: none; object-fit: contain; object-position: center; padding: 6%; }
}

@media (max-width: 389px) {
  .category-head h2 { font-size: clamp(28px, 9vw, 35px); }
  .ppe-copy h2 { font-size: clamp(21px, 6vw, 24px); }
}

/* Mobile homepage: recomposed as a compact vertical storefront. */
@media (max-width: 767px) {
  :root { --mobile-gutter: clamp(16px, 4.6vw, 20px); }
  body { overflow-x: clip; }
  body :is(h1, h2, h3) { text-wrap: balance; }
  body :is(p, blockquote) { text-wrap: pretty; }

  .topbar {
    height: 64px;
    padding-inline: var(--mobile-gutter);
  }
  .brand-logo { width: 128px; max-height: 40px; }
  .menu-toggle { font-size: 23px; }

  body .hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto minmax(390px, 112vw);
    gap: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 20px var(--mobile-gutter) 0;
    overflow: hidden;
    background: linear-gradient(158deg, #fff 0 55%, #f3f3f0 100%);
  }
  .hero-copy { display: contents; }
  .hero-kicker {
    position: relative;
    z-index: 6;
    inset: auto;
    grid-row: 1;
    width: auto;
    margin: 0 0 10px;
    color: var(--muted);
    text-align: left;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: .035em;
  }
  .hero-kicker br { display: none; }
  .hero-copy h1 {
    position: relative;
    z-index: 6;
    grid-row: 2;
    max-width: 100%;
    margin: 0;
    font-size: clamp(42px, 13.5vw, 68px);
    line-height: .86;
    letter-spacing: -.075em;
  }
  .hero .hero-offer {
    position: relative;
    z-index: 7;
    inset: auto;
    grid-row: 3;
    width: 100%;
    margin-top: 18px;
    padding: 0;
  }
  .hero-offer small {
    display: block;
    margin: 0 0 6px;
    font-size: 7px;
    line-height: 1.4;
  }
  .hero-offer > p {
    display: block;
    max-width: 32em;
    margin: 0 0 14px;
    font-size: 11px;
    line-height: 1.45;
  }
  .hero-offer .hero-main-cta {
    width: 100%;
    min-height: 50px;
    padding: 14px 16px;
    border-radius: 5px;
    box-shadow: 0 12px 28px rgba(255, 57, 69, .2);
    font-size: 10px;
  }
  .hero-series {
    position: relative;
    z-index: 7;
    grid-row: 4;
    justify-self: start;
    margin: 12px 0 0;
    padding: 7px 10px;
    border: 1px solid rgba(10,10,10,.13);
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    font-size: 8px;
    line-height: 1.2;
    backdrop-filter: blur(6px);
  }
  .hero-series br { display: none; }
  .hero-series .red-dot { display: none; }
  .hero .hero-person {
    position: relative;
    z-index: 2;
    inset: auto;
    grid-row: 5;
    align-self: end;
    justify-self: start;
    width: 118%;
    max-width: none;
    height: 100%;
    margin: 0 0 0 -20%;
    object-fit: contain;
    object-position: left bottom;
  }
  .hero .hero-wave {
    z-index: 1;
    bottom: -5%;
    height: 52%;
    opacity: .86;
  }
  .hero .hero-mini-card {
    position: relative;
    z-index: 8;
    inset: auto;
    grid-row: 5;
    align-self: end;
    justify-self: end;
    width: clamp(126px, 39vw, 178px);
    margin: 0 0 16px;
    padding: 4px;
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0 14px 34px rgba(10,10,10,.16);
  }
  .hero-mini-card .hero-product-photo {
    height: clamp(132px, 39vw, 178px);
    min-height: 0;
  }
  .hero-mini-card .label { top: 7px; left: 7px; padding: 5px 6px; font-size: 6px; }
  .hero-mini-card .hero-card-body { padding: 7px; }
  .hero-mini-card .hero-card-body h3 { font-size: 7px; line-height: 1.28; }
  .hero-mini-card .hero-card-body > p,
  .hero-mini-card .hero-variant-next,
  .hero-mini-card .hero-card-cta { display: none; }
  .hero-mini-card .hero-card-body .swatches { margin-top: 6px; padding-top: 7px; }
  .hero .round-dark {
    z-index: 8;
    top: auto;
    right: var(--mobile-gutter);
    bottom: calc(min(39vw, 178px) + 116px);
    display: flex;
    width: auto;
    height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0;
  }
  .hero .round-dark::before { content: "КАТАЛОГ"; font-size: 7px; }
  .hero .round-dark::after { content: " ↗"; margin-left: 5px; font-size: 10px; }
  .hero .hero-thumb,
  .hero-art { display: none; }

  .product-intro.section-pad {
    display: flex;
    flex-direction: column;
    padding: 28px var(--mobile-gutter) 48px;
    background: #fff;
  }
  .product-intro .category-jumps { order: 1; }
  .product-intro > .eyebrow { order: 2; margin-top: 34px; }
  .product-intro .intro-row { order: 3; }
  .category-jumps {
    display: flex;
    gap: 8px;
    margin: 0 calc(var(--mobile-gutter) * -1);
    padding: 2px var(--mobile-gutter) 6px;
    overflow-x: auto;
    border: 0;
    scroll-padding-inline: var(--mobile-gutter);
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .category-jumps::-webkit-scrollbar { display: none; }
  .category-jumps a {
    flex: 0 0 auto;
    min-width: 128px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #f6f6f3;
    scroll-snap-align: start;
    font-size: 8px;
  }
  .category-jumps a:last-child { border: 1px solid var(--line); }
  .category-jumps a:first-child { background: var(--ink); color: #fff; }
  .category-jumps a:first-child span { color: #aaa; }
  .category-jumps span { font-size: 7px; }
  .category-jumps b { font-size: 13px; }
  .product-intro .eyebrow { color: var(--red); font-size: 8px; }
  .intro-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }
  .intro-row h2 {
    font-size: clamp(34px, 9.8vw, 48px);
    line-height: .91;
  }
  .intro-row p { max-width: 32em; font-size: 11px; line-height: 1.45; }

  .category.section-pad,
  .reviews.section-pad { padding: 58px var(--mobile-gutter); }
  .category-workwear { background: #f3f3f0; }
  .category-footwear { background: #fff; }
  .category-ppe { background: #f3f3f0; }
  .reviews { background: #fff; }
  .category-head,
  .category-head-reverse {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 14px;
    align-items: end;
    margin-bottom: 22px;
  }
  .category-index {
    position: relative;
    grid-column: 1 / -1;
    padding-left: 26px;
    font-size: 8px;
  }
  .category-index::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 3px;
    background: var(--red);
    transform: translateY(-50%);
  }
  .category-head h2,
  .category-footwear .category-head h2 {
    grid-column: 1 / -1;
    margin: 0;
    font-size: clamp(33px, 10.3vw, 50px);
    line-height: .92;
  }
  .category-copy { display: contents; }
  .category-copy p { grid-column: 1; margin: 0; font-size: 10px; line-height: 1.4; }
  .category-copy a {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    padding: 0 13px;
    border: 0;
    border-radius: 4px;
    background: var(--ink);
    color: #fff;
    font-size: 8px;
  }

  .workwear-editorial {
    height: auto;
    aspect-ratio: 1.48;
    overflow: hidden;
    border-radius: 8px;
    background: #dededb;
  }
  .workwear-media > img { object-fit: cover; object-position: 61% center; }
  .workwear-editorial::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 42% 0 0;
    background: linear-gradient(transparent, rgba(0,0,0,.68));
    border-radius: inherit;
    pointer-events: none;
  }
  .editorial-caption {
    z-index: 3;
    left: 16px;
    right: 16px;
    bottom: 15px;
    padding: 0;
    background: none;
    text-shadow: 0 2px 14px rgba(0,0,0,.5);
  }
  .editorial-caption span { font-size: 7px; }
  .editorial-caption b { margin-top: 6px; font-size: clamp(20px, 6.4vw, 30px); }

  .product-grid.product-grid-four,
  .ppe-products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
    overflow: visible;
  }
  .product-grid-four .product-card,
  .ppe-products .ppe-product {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 7px 7px 9px;
    border: 1px solid #e6e6e2;
    border-radius: 8px;
    background: #fff;
  }
  .product-grid-four .product-photo,
  .ppe-product > div {
    height: clamp(150px, 43vw, 198px);
    border-radius: 6px;
    background: #ededeb;
  }
  .product-grid-four .product-photo img,
  .category-ppe .ppe-product img,
  .category-ppe .ppe-product:hover img {
    padding: 3%;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
  .product-grid-four .label { top: 6px; left: 6px; padding: 5px; font-size: 6px; }
  .product-grid-four .product-type,
  .ppe-product > p { margin: 9px 0 5px; font-size: 7px; line-height: 1.3; }
  .product-grid-four h3,
  .ppe-product h3 {
    margin: 0 0 7px;
    font-size: clamp(10px, 2.9vw, 13px);
    line-height: 1.3;
  }
  .product-grid-four .article,
  .ppe-product .article { margin: 0 0 9px; font-size: 7px; line-height: 1.35; }
  .product-grid-four .detail-button,
  .ppe-product .detail-button {
    width: 100%;
    min-height: 34px;
    margin-top: auto;
    padding: 8px 5px;
    border: 0;
    border-radius: 4px;
    background: var(--red);
    color: #fff;
    text-align: center;
    font-size: 7px;
  }

  .category-ppe {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 20px;
  }
  .ppe-copy,
  .ppe-visual { grid-column: 1; grid-row: 1; }
  .ppe-visual {
    position: relative;
    height: auto;
    min-height: 340px;
    aspect-ratio: 1 / 1;
    border-radius: 9px;
  }
  .ppe-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.04) 28%, rgba(0,0,0,.76) 100%);
    pointer-events: none;
  }
  .ppe-visual img { object-fit: cover; object-position: center; }
  .ppe-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 340px;
    padding: 20px;
    color: #fff;
    pointer-events: none;
  }
  .ppe-copy .category-index { color: #fff; }
  .ppe-copy h2 {
    margin: 13px 0 10px;
    font-size: clamp(20px, 6.45vw, 32px);
    line-height: .94;
  }
  .ppe-copy p { max-width: 30em; margin: 0 0 12px; font-size: 9px; line-height: 1.4; }
  .ppe-copy > a {
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 0;
    border-radius: 4px;
    background: var(--red);
    color: #fff;
    font-size: 8px;
    pointer-events: auto;
  }
  .ppe-products { grid-column: 1; grid-row: 2; margin-top: 0; }

  .reviews {
    min-height: 0;
    overflow: hidden;
  }
  .reviews::before { left: var(--mobile-gutter); width: 22px; height: 3px; }
  .reviews::after { right: -8px; top: 12px; font-size: 150px; }
  .trust-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }
  .trust-head .eyebrow { font-size: 7px; }
  .trust-head h2 {
    margin: 10px 0 0;
    font-size: clamp(27px, 7.6vw, 36px);
    line-height: .92;
  }
  .trust-aside { display: block; }
  .trust-aside > p { max-width: 34em; margin: 0; font-size: 9px; line-height: 1.4; }
  .trust-stamp { display: none; }
  .review-stage {
    position: relative;
    min-height: 0;
    margin-top: 22px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    background: #f4f4f1;
  }
  .review-stage::before {
    display: none;
  }
  .review {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;
    padding: 15px 0 18px;
  }
  .review-meta { gap: 7px; }
  .review-meta .review-logo { display: none; }
  .review-meta span,
  .review-meta small { font-size: 6px; }
  .review-meta b { font-size: 8px; line-height: 1.3; }
  .review blockquote { padding-left: 20px; font-size: 10px; line-height: 1.42; }
  .review blockquote::before { top: -5px; font-size: 36px; }
  .letter-link { grid-column: 2; justify-self: start; font-size: 6px; }
  .review-controls { justify-content: flex-end; gap: 10px; margin-top: 13px; }
  .review-controls button { width: 36px; height: 36px; font-size: 14px; }
  .review-progress { width: 78px; }

  .selection-cta.section-pad {
    padding: 58px var(--mobile-gutter) 62px;
    background: #f3f3f0;
  }
  .selection-index { margin-bottom: 14px; font-size: 8px; }
  .selection-main { display: grid; grid-template-columns: 1fr; gap: 20px; }
  .selection-main h2 {
    margin: 0;
    font-size: clamp(34px, 10.7vw, 52px);
    line-height: .94;
  }
  .selection-copy { transform: none; }
  .selection-copy > p { margin: 0; font-size: 12px; line-height: 1.5; }
  .selection-copy .selection-note { margin-top: 12px; font-size: 10px; }
  .selection-button {
    width: 100%;
    min-height: 56px;
    margin-top: 20px;
    padding: 0 18px;
    border-radius: 5px;
    background: var(--red);
    color: #fff;
  }

  .footer {
    gap: 24px;
    min-height: 0;
    padding: 42px var(--mobile-gutter) 30px;
  }
  .footer-logo { width: min(210px, 75%); }
  .footer .footer-intro p { max-width: 34em; margin-top: 14px; font-size: 11px; line-height: 1.55; }
  .footer .footer-contacts { gap: 11px; }
  .footer .footer-contacts a,
  .footer .footer-contacts address { font-size: 12px; }
  .footer .max-contact { width: min(100%, 280px); }
  .footer .footer-wordmark {
    margin-top: 0;
    font-size: clamp(43px, 13vw, 66px);
    line-height: .88;
  }
}

@media (max-width: 339px) {
  .hero-copy h1 { font-size: 40px; }
  .product-grid.product-grid-four,
  .ppe-products {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(72vw, 232px);
    margin-inline: calc(var(--mobile-gutter) * -1);
    padding-inline: var(--mobile-gutter);
    overflow-x: auto;
    scroll-padding-inline: var(--mobile-gutter);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .product-grid.product-grid-four::-webkit-scrollbar,
  .ppe-products::-webkit-scrollbar { display: none; }
  .product-grid-four .product-card,
  .ppe-products .ppe-product { scroll-snap-align: start; }
  .product-grid-four .product-photo,
  .ppe-product > div { height: 210px; }
  .trust-head { grid-template-columns: 1fr; }
  .trust-aside > p { max-width: 30em; }
}

.trust-logo-strip { display: none; }

@media (max-width: 767px) {
  html { scroll-behavior: smooth; }
  .trust-logo-strip {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 20px;
  }
  .trust-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 62px;
    padding: 8px;
    border: 1px solid #e7e7e3;
    border-radius: 6px;
    background: #fff;
  }
  .trust-logo-item img {
    display: block;
    max-width: 100%;
    max-height: 38px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .review-stage { margin-top: 10px; }
}

@media (min-width: 1021px) and (max-width: 1100px) {
  .category-head,
  .category-head-reverse {
    grid-template-columns: 100px minmax(0, 1fr) 250px;
    gap: 20px;
  }
  .category-head > * { min-width: 0; }
  .category-head h2,
  .category-head-reverse h2 { font-size: 60px; }
}

/* Mobile refinements: sticky drawer navigation and a stronger hero composition. */
@media (max-width: 767px) {
  body::before {
    content: "";
    position: fixed;
    z-index: 190;
    pointer-events: none;
    inset: 0;
    background: rgba(10,10,10,.34);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
  }
  body.menu-open { overflow: hidden; }
  body.menu-open::before { opacity: 1; pointer-events: auto; }
  .topbar {
    position: sticky;
    z-index: 200;
    top: 0;
    background: rgba(255,255,255,.82);
    border-bottom: 1px solid rgba(10,10,10,.07);
    backdrop-filter: blur(14px) saturate(150%);
  }
  .menu-toggle {
    position: relative;
    z-index: 230;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(10,10,10,.12);
    border-radius: 50%;
    background: rgba(255,255,255,.76);
    box-shadow: 0 8px 22px rgba(10,10,10,.08);
    font-size: 27px;
    line-height: 1;
    backdrop-filter: blur(10px);
  }
  .topbar .nav {
    position: fixed;
    z-index: 220;
    inset: 0 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: min(84vw, 340px);
    height: 100dvh;
    padding: 92px 24px 32px;
    overflow-y: auto;
    background: rgba(248,248,246,.97);
    box-shadow: -18px 0 55px rgba(10,10,10,.18);
    clip-path: inset(0 0 0 100%);
    visibility: hidden;
    pointer-events: none;
    transition: clip-path .38s cubic-bezier(.2,.75,.2,1), visibility 0s linear .38s;
    backdrop-filter: blur(18px);
  }
  .topbar .nav.open {
    inset: 0 0 0 auto;
    clip-path: inset(0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
  }
  .topbar .nav a {
    display: flex;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid rgba(10,10,10,.12);
    font-size: 12px;
  }

  body .hero {
    grid-template-rows: auto auto auto auto auto minmax(420px, 110vw);
  }
  .hero .round-dark {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 4;
    align-self: auto;
    justify-self: stretch;
    display: flex;
    width: 100%;
    height: 48px;
    margin-top: 10px;
    padding: 0 16px;
    border-radius: 5px;
    background: #090909;
    color: #fff;
    box-shadow: none;
  }
  .hero .round-dark::before {
    content: "ПЕРЕЙТИ В КАТАЛОГ";
    font-size: 9px;
    letter-spacing: .03em;
  }
  .hero .round-dark::after { margin-left: auto; font-size: 16px; }
  .hero-series {
    grid-column: 1;
    grid-row: 5;
    margin: 20px 0 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: clamp(16px, 4.7vw, 21px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -.035em;
    backdrop-filter: none;
  }
  .hero-series br { display: initial; }
  .hero .hero-person {
    grid-row: 6;
    width: 145%;
    height: 118%;
    margin-left: -32%;
    object-position: left bottom;
  }
  .hero .hero-wave {
    bottom: -1%;
    height: 64%;
    opacity: 1;
    background-size: auto 100%;
  }
  .hero .hero-mini-card {
    grid-row: 6;
    width: clamp(132px, 42vw, 188px);
  }
  .hero-mini-card .mini-card-row { align-items: center; }
  .hero-mini-card .hero-variant-next {
    display: flex;
    width: 25px;
    height: 25px;
    flex-basis: 25px;
    font-size: 12px;
  }

  .category-workwear .category-copy p { max-width: 25ch; }
  .editorial-caption {
    right: auto;
    max-width: calc(100% - 32px);
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 6px;
    background: rgba(10,10,10,.68);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    backdrop-filter: blur(5px);
  }

  .review { grid-template-columns: 98px minmax(0, 1fr); gap: 15px; }
  .review-meta b { font-size: 9px; line-height: 1.38; }
  .review-meta span,
  .review-meta small { font-size: 7px; line-height: 1.45; }
  .review blockquote { padding-left: 23px; font-size: clamp(12px, 3.1vw, 14px); line-height: 1.48; }
  .review blockquote::before { font-size: 42px; }
  .letter-link { font-size: 7px; }
}

@media (max-width: 359px) {
  .review { grid-template-columns: 1fr; }
  .review blockquote { padding-left: 25px; }
  .letter-link { grid-column: 1; }
}

/* Final mobile polish: readable type, touch-safe controls and an unobstructed hero. */
@media (max-width: 767px) {
  html { scroll-padding-top: calc(72px + env(safe-area-inset-top)); }
  a,
  button { touch-action: manipulation; }
  body::before {
    background: rgba(10,10,10,.12);
    backdrop-filter: none;
  }
  .topbar {
    height: calc(64px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    padding-left: max(var(--mobile-gutter), env(safe-area-inset-left));
    padding-right: max(var(--mobile-gutter), env(safe-area-inset-right));
  }
  .topbar .nav {
    width: min(82vw, 332px);
    padding: max(86px, calc(70px + env(safe-area-inset-top))) max(22px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) 22px;
    background: #fff;
    box-shadow: -14px 0 42px rgba(10,10,10,.11);
    backdrop-filter: none;
  }
  .topbar .nav a {
    min-height: 60px;
    padding: 0 6px;
    border: 0;
    border-bottom: 1px solid #e4e4df;
    border-radius: 0;
    background: transparent;
    font-size: 12px;
  }
  .topbar .nav a::after {
    content: "↗";
    margin-left: auto;
    color: var(--red);
    font-size: 14px;
  }
  .topbar .nav a:hover { background: transparent; color: var(--red); }

  body .hero {
    grid-template-rows: auto auto auto auto minmax(400px, 105vw);
    background: #fff;
  }
  .hero-kicker {
    max-width: 36em;
    margin-bottom: 12px;
    font-size: 11px;
    line-height: 1.45;
  }
  .hero-copy h1 {
    font-size: clamp(40px, 12.2vw, 54px);
    line-height: .88;
  }
  .hero .hero-offer { margin-top: 20px; }
  .hero-offer small { font-size: 8px; }
  .hero-offer > p {
    max-width: 35em;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.5;
  }
  .hero-offer .hero-main-cta,
  .hero .round-dark {
    min-height: 48px;
    font-size: 10px;
  }
  .hero-series {
    grid-row: 5;
    z-index: 7;
    align-self: start;
    justify-self: end;
    width: min(47%, 172px);
    margin: 22px 0 0;
    text-align: left;
    font-size: clamp(14px, 4vw, 18px);
    line-height: 1.28;
  }
  .hero .hero-person {
    grid-column: 1;
    grid-row: 5;
    align-self: end;
    width: 116%;
    height: auto;
    max-height: calc(100% - 24px);
    margin-left: -18%;
    object-fit: contain;
    object-position: left bottom;
  }
  .hero .hero-mini-card {
    grid-column: 1;
    grid-row: 5;
    width: clamp(124px, 38vw, 164px);
    margin-bottom: 14px;
  }
  .hero .hero-wave {
    bottom: 0;
    height: 52%;
    opacity: .92;
    background-color: transparent;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  .hero .hero-wave::after { display: none; }
  .hero-mini-card .hero-variant-next { display: none; }
  .hero-mini-card .hero-card-body .swatches { gap: 8px; }
  .hero-mini-card .swatches > button[data-hero-color] {
    width: 24px;
    height: 24px;
  }

  .workwear-editorial,
  .workwear-media,
  .workwear-media > img,
  .workwear-editorial .editorial-caption {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    clip-path: none !important;
  }

  .intro-row p,
  .category-copy p,
  .ppe-copy p,
  .trust-aside > p { font-size: 12px; line-height: 1.5; }
  .category-copy a,
  .ppe-copy > a { min-height: 44px; font-size: 9px; }
  .product-grid.product-grid-four,
  .ppe-products {
    gap: 12px;
    margin-top: 18px;
  }
  .product-grid-four .product-card,
  .ppe-products .ppe-product {
    padding: 10px;
    border-color: #deded9;
    border-radius: 10px;
  }
  .product-grid-four .product-photo,
  .ppe-product > div { border-radius: 8px; }
  .product-grid-four .product-photo img,
  .category-ppe .ppe-product img,
  .category-ppe .ppe-product:hover img { padding: 6%; }
  .product-grid-four .product-type,
  .ppe-product > p {
    margin: 12px 0 7px;
    color: #5f5f5a;
    font-size: clamp(8px, 2.25vw, 10px);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: .025em;
  }
  .product-grid-four .article,
  .ppe-product .article {
    margin: 2px 0 14px;
    color: #71716b;
    font-size: clamp(8px, 2.2vw, 9px);
    line-height: 1.4;
    letter-spacing: .015em;
  }
  .product-grid-four h3,
  .ppe-product h3 {
    margin-bottom: 8px;
    font-size: clamp(12px, 3.25vw, 14px);
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -.02em;
    text-wrap: pretty;
  }
  .product-grid-four .detail-button,
  .ppe-product .detail-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 7px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .015em;
  }
  .review-meta span,
  .review-meta small { font-size: 7px; }
  .review-meta b { font-size: 9px; }
  .review blockquote { font-size: clamp(12px, 3.4vw, 14px); line-height: 1.5; }
  .letter-link {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 7px;
  }
  .review-controls button { width: 44px; height: 44px; }
}

@media (max-width: 359px) {
  .product-grid.product-grid-four,
  .ppe-products {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-columns: auto;
    margin-inline: 0;
    padding-inline: 0;
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .product-grid-four .product-photo,
  .ppe-product > div { height: clamp(220px, 76vw, 260px); }
  .product-grid-four .product-card,
  .ppe-products .ppe-product { padding: 12px; }
  .product-grid-four h3,
  .ppe-product h3 { font-size: 14px; }
  .product-grid-four .detail-button,
  .ppe-product .detail-button { font-size: 9px; }
}

@media (min-width: 768px) and (max-width: 1020px) {
  .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: #fff;
    font-size: 26px;
    line-height: 1;
    touch-action: manipulation;
  }
  .nav.open {
    top: calc(100% - 10px);
    left: 28px;
    right: 28px;
  }
  .nav.open a {
    display: flex;
    align-items: center;
    min-height: 52px;
  }
  .hero-person {
    left: 24%;
    width: 74%;
    height: 68%;
  }
  .hero-offer { width: 300px; }
  .hero-offer .hero-main-cta { min-height: 48px; }
  .detail-button,
  .category-copy a,
  .ppe-copy > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

/* Supabase-powered homepage assortment. All product media use one 4:5 frame. */
.home-product-loading,
.home-products-empty {
  grid-column: 1 / -1;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  color: var(--muted);
}
.home-products-empty a { min-height: 44px; display: inline-flex; align-items: center; color: var(--ink); border-bottom: 1px solid; }
.product-card,
.ppe-product {
  min-width: 0;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.product-photo,
.ppe-product > .ppe-product-photo {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  background: #ededeb;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.product-photo img,
.category-ppe .ppe-product img,
.category-ppe .ppe-product:hover img {
  width: 100%;
  height: 100%;
  padding: 6%;
  object-fit: contain;
  object-position: center;
  transform: none;
  transition: transform .3s ease;
}
@media (hover: hover) {
  .product-card:hover .product-photo img,
  .ppe-product:hover .ppe-product-photo img { transform: scale(1.025); }
}
.product-card:focus-visible,
.ppe-product:focus-visible,
.hero-product-photo:focus-visible,
.hero-card-body a:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 4px;
}
.product-card .product-type,
.ppe-product .product-type { margin: 16px 0 7px; }
.product-card .article,
.ppe-product .article { margin: 9px 0 0; }
.product-price {
  margin: 8px 0 16px;
  color: var(--ink);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.product-card .detail-button,
.ppe-product .detail-button {
  width: fit-content;
  min-height: 44px;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.hero-product-photo { display: block; }
.hero-product-photo .hero-product-image[data-variant-image] { transform: scale(.96); }
.hero-product-photo .hero-product-image[data-variant-image].active { transform: scale(1); }
.hero-card-body h3 a { color: inherit; }
.swatches > button[data-hero-variant] { width: 13px; height: 13px; padding: 0; border-radius: 50%; border: 2px solid #fff; background: #222; box-shadow: 0 0 0 1px #bcbcb8; }
.swatches > button[data-hero-variant]:nth-child(2) { background: #173c65; }
.swatches > button[data-hero-variant].active { box-shadow: 0 0 0 2px var(--ink); }

@media (max-width: 650px) {
  .product-grid-four .product-photo,
  .ppe-products .ppe-product > .ppe-product-photo,
  .product-photo,
  .ppe-product > .ppe-product-photo { height: auto; min-height: 0; aspect-ratio: 4 / 5; }
  .product-card .product-type,
  .ppe-product .product-type { font-size: 10px; line-height: 1.35; }
  .product-price { font-size: 13px; margin-bottom: 10px; }
  .product-card .detail-button,
  .ppe-product .detail-button { width: 100%; justify-content: center; }
}

@media (max-width: 767px) {
  .ppe-visual::after {
    background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.5) 48%, rgba(0,0,0,.88) 100%);
  }
  .ppe-copy { text-shadow: 0 2px 16px rgba(0,0,0,.72); }
}

/* Mobile testimonials: one clear story per screen, with readable metadata and touch-safe controls. */
@media (max-width: 767px) {
  .reviews.section-pad {
    padding: 64px var(--mobile-gutter) 72px;
    background: #f3f3f0;
  }
  .reviews::before { width: 40px; height: 4px; }
  .reviews::after { display: none; }
  .trust-head { gap: 16px; }
  .trust-head .eyebrow { font-size: 9px; line-height: 1.45; }
  .trust-head h2 {
    margin: 12px 0 0;
    font-size: clamp(30px, 9vw, 40px);
    line-height: .98;
    letter-spacing: -.04em;
  }
  .trust-aside > p {
    max-width: 32em;
    font-size: 13px;
    line-height: 1.55;
  }
  .trust-logo-strip { display: none; }
  .review-stage {
    margin-top: 30px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .review {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(10,10,10,.06);
  }
  .review-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 80px;
    gap: 6px 16px;
    align-items: start;
  }
  .review-meta > span {
    grid-column: 1;
    grid-row: 1;
    color: var(--red);
    font-size: 10px;
    font-weight: 600;
  }
  .reviews .review-meta .review-logo {
    display: flex;
    grid-column: 2;
    grid-row: 1 / 4;
    justify-self: end;
    width: 80px;
    height: 54px;
    margin: 0;
  }
  .review-meta b {
    grid-column: 1;
    grid-row: 2;
    font-size: 13px;
    line-height: 1.4;
  }
  .review-meta small {
    grid-column: 1;
    grid-row: 3;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
  }
  .review blockquote {
    grid-column: 1;
    margin: 0;
    padding: 28px 0 0;
    border-top: 1px solid var(--line);
    font-size: clamp(15px, 4.2vw, 17px);
    line-height: 1.58;
    letter-spacing: -.02em;
  }
  .review blockquote::before {
    left: 0;
    top: 8px;
    font-size: 34px;
  }
  .letter-link {
    grid-column: 1;
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--ink);
    font-size: 9px;
  }
  .review-controls {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
  }
  .review-controls button { width: 48px; height: 48px; }
  .review-progress { width: 100%; }
}