
:root{--red:#e8112d;--red-d:#c40d25;--green:#16a34a;--ink:#111;--mut:#5b5b5b;--line:#e3e3e3;--bg:#f2f2f2;--f:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--f);background:var(--bg);color:var(--ink);min-height:100vh;min-height:100dvh;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
button,input,select,textarea{font:inherit;color:inherit}
.app{width:100%;min-width:0;max-width:none;margin:0;background:var(--bg);min-height:100vh;min-height:100dvh}
header{background:#000;color:#fff;padding:calc(12px + env(safe-area-inset-top)) clamp(16px,5vw,24px) 12px;display:flex;justify-content:space-between;align-items:center}
.logo{line-height:.95}.logo b{display:block;font-weight:900;font-size:clamp(24px,7vw,30px);letter-spacing:-.5px}
.logo i{display:block;font-style:normal;font-weight:800;font-size:clamp(13px,3.8vw,16px);letter-spacing:-.2px}
.logo small{font-size:7.5px;font-weight:600;letter-spacing:.6px;display:block;margin-top:3px}
.burger{background:none;border:0;color:#fff;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border-radius:8px}
.burger:focus-visible,.btn:focus-visible,.qty button:focus-visible{outline:3px solid #fff;outline-offset:2px}
svg.i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.steps{background:#fff;display:flex;align-items:flex-start;padding:16px clamp(20px,8vw,40px) 12px;position:relative}
.st{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--mut);position:relative;z-index:1}
.st span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:#fff;border:1.5px solid #bbb;transition:.2s}
.st.done span{background:var(--green);border-color:var(--green);color:#fff}
.st.cur span{background:var(--red);border-color:var(--red);color:#fff}.st.cur{color:var(--ink);font-weight:700}
.st:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#ccc}
.st.done:not(:last-child)::after{background:var(--green)}
.hide{display:none!important}
.view{animation:in .22s ease}@keyframes in{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.view{animation:none}*{transition:none!important}}
/* hero */
.hero{background:#0b0b0b;color:#fff;position:relative;overflow:hidden;padding:clamp(18px,6vw,28px) clamp(16px,5vw,24px) 0;min-height:clamp(380px,112vw,480px)}
.hero h1{font-weight:900;font-size:clamp(34px,11vw,46px);line-height:.92;letter-spacing:-1.5px;font-style:italic;transform:rotate(-3deg);transform-origin:left;margin-top:6px}
.hero h1 em{color:#ffc400;display:block}
.tag{display:inline-block;background:var(--red);font-weight:800;font-size:12px;padding:4px 10px;transform:rotate(-3deg);margin:6px 0 14px;font-style:italic}
.hero p{max-width:55%;font-size:13px;line-height:1.35;margin-bottom:12px}
.feat{list-style:none;padding:0;display:grid;gap:9px;font-size:12px;font-weight:500;position:relative;z-index:2}
.feat li{display:flex;align-items:center;gap:10px}.feat .ic{width:34px;height:34px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:17px}
.badge{position:absolute;right:-10px;top:36%;width:44%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;transform:rotate(-12deg);font-weight:900;color:#111;text-align:center;line-height:.95;font-size:clamp(14px,4.2vw,19px);border:5px solid #e8112d;z-index:1}
.collage{position:absolute;left:0;right:0;bottom:0;height:34%;display:flex;flex-wrap:wrap;overflow:hidden}
.collage img{width:25%;aspect-ratio:1;object-fit:cover}
/* cards */
.pcard{background:#fff;border-radius:14px;margin:-14px 10px 0;padding:16px;position:relative;box-shadow:0 1px 3px #0001;border:1px solid var(--line)}
.pcard h2{font-size:15px;font-weight:800}
.price{color:var(--red);font-weight:900;font-size:clamp(34px,10vw,42px);letter-spacing:-1px;line-height:1.15}.price small{font-size:17px;letter-spacing:0;font-weight:700}
.checks{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:3px;font-size:14px}
.checks li{display:flex;gap:8px;align-items:center}.checks .i{color:var(--green);stroke-width:3}
.qty{display:inline-flex;border:1px solid #ccc;border-radius:6px;overflow:hidden;background:#fff}
.qty button{width:44px;height:42px;border:0;background:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}
.qty button:active{background:#eee}.qty button:disabled{opacity:.35}
.qty output{width:58px;display:grid;place-items:center;font-weight:700;border:solid #ccc;border-width:0 1px}
.btn{width:100%;border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:800;font-size:16px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s,transform .1s;padding:0 12px}
.btn:hover{background:var(--red-d)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}
.sec{text-align:center;font-size:13px;margin-top:10px}
.trust-h{text-align:center;padding:26px 16px 12px}.trust-h h2{font-size:clamp(24px,7vw,28px);font-weight:900;line-height:1;letter-spacing:-.5px}.trust-h p{font-size:13px;color:var(--mut);margin-top:8px}
.tm{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;margin:0 10px 10px;padding:10px 0 10px 12px;border:1px solid var(--line);overflow:hidden}
.av{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px}
.tm div.b{flex:1;min-width:0;font-size:12px;line-height:1.3}.tm .s{color:#f5b301;letter-spacing:1px;font-size:14px}.tm b{display:block;margin-top:4px;font-size:12px}.tm small{color:var(--mut);font-size:11px}
.tm img{width:36%;max-width:130px;align-self:stretch;object-fit:cover;min-height:100px}
.pad{padding:0 clamp(12px,4vw,18px)}
h2.t{font-size:clamp(20px,6vw,24px);font-weight:900;letter-spacing:-.3px;padding:18px 0 12px}
.card{background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line);box-shadow:0 1px 3px #0000000a}
.row{display:flex;gap:14px}.row img{width:clamp(84px,26vw,104px);aspect-ratio:1;border-radius:8px;object-fit:cover;flex:none}
.row h3{font-size:14px;font-weight:600}.row p{font-size:13px;color:var(--mut)}.row .pr{font-weight:800;font-size:22px;margin:2px 0 8px}
.sub{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:15px}.sub b{font-size:17px}
.total{text-align:center;margin-top:12px;background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line)}
.total h3{font-size:14px;font-weight:700}.total .amt{color:var(--red);font-size:clamp(40px,12vw,52px);font-weight:900;letter-spacing:-1.5px;line-height:1.1}.total p{color:var(--mut);font-size:14px}
.tr{display:flex;justify-content:space-around;gap:10px;padding:18px 0 28px;font-size:11px;color:var(--mut)}
.tr>div{display:flex;gap:8px;align-items:center}.tr .i{font-size:30px;color:#111}.tr b{display:block;color:#111;font-size:12px}
.tr3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:18px 0 28px;font-size:11px;color:var(--mut);gap:6px}
.tr3 .i{font-size:28px;color:#111;display:block;margin:0 auto 6px;fill:#111}.tr3 .i path.w{stroke:#fff}
.sub-t{font-size:13px;color:var(--mut);margin:-4px 0 12px;line-height:1.35}
label{display:block;font-weight:700;font-size:13px;margin:12px 0 5px}label span{font-weight:400;color:var(--mut)}label em{color:var(--red);font-style:normal}
.inp{width:100%;background:#fff;border:1px solid #cfcfcf;border-radius:6px;min-height:42px;padding:9px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
textarea.inp{min-height:76px;resize:vertical}
select.inp{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='M2 5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center}
.inp:focus{outline:0;border-color:#111;box-shadow:0 0 0 3px #11111122}
.inp.bad{border-color:var(--red)}.err{color:var(--red);font-size:12px;margin-top:4px;min-height:0}
.sum{margin-top:18px}.sum h3{font-size:13px;font-weight:800;margin-bottom:10px}
.sum .row img{width:64px}.sum .row{justify-content:space-between;align-items:flex-start}
.ln{display:flex;justify-content:space-between;font-size:13px;margin-top:6px}.ln.tt{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;font-weight:700;font-size:15px}.ln.tt b{color:var(--red);font-size:22px}
.fine{font-size:11px;color:var(--mut);text-align:center;margin-top:10px}.fine a{color:#111}
.done-box{text-align:center;padding:40px 20px}.done-box .ck{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 16px;font-size:32px}
.done-box h2{font-size:24px;font-weight:900}.done-box p{color:var(--mut);margin:10px 0 20px;font-size:14px;line-height:1.4}

@media(max-width:340px){.hero p{max-width:60%}.st{font-size:11px}}
@media(orientation:landscape) and (max-height:500px){.hero{min-height:0;padding-bottom:150px}}

/* Shared responsive ecommerce system: phone, tablet, desktop. */
:root{--bg:#f4f6f8;--red:#ff002b;--red-d:#df0026;--line:#e5e8ee;--ink:#0c1118}
body{background:var(--bg)}.app{background:var(--bg)}header{gap:16px}.header-links{display:none;margin-left:auto;align-items:center;gap:22px}.header-links button{color:white;background:none;border:0;cursor:pointer;font-size:13px;padding:10px}.header-links #cart-button{position:relative;font-size:22px}.header-links #cart-count{position:absolute;top:0;right:0;background:var(--red);border-radius:50%;min-width:16px;height:16px;font-size:10px;display:grid;place-items:center}.site-menu{background:#111;display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px}.site-menu button{color:#fff;border:1px solid #ffffff40;background:none;border-radius:6px;padding:10px 14px;cursor:pointer}.back{background:none;border:0;font-size:12px;color:var(--mut);padding:12px 0;cursor:pointer}.summary-title{font-size:17px;margin-bottom:18px}.checkout-summary .total h3{margin-top:22px}.sec .i{vertical-align:middle}.form-summary{min-width:0}.form-fields{min-width:0}.form-fields .t{padding-top:0}.form-fields .sub-t{line-height:1.5}.testimonials{min-width:0}.row>div{min-width:0}.row h3{overflow-wrap:anywhere}.ln{gap:12px}.qty{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #d49b00;outline-offset:3px}.btn:focus-visible,.qty button:focus-visible{outline-color:#d49b00}dialog{margin:auto;border:1px solid var(--line);border-radius:12px;padding:24px;width:calc(100% - 32px);max-width:480px}dialog::backdrop{background:#0008}dialog h2{font-size:20px;margin:12px 0}dialog p{font-size:14px;line-height:1.6;margin:12px 0}#v4{max-width:580px;margin:auto}.view{animation:none}
@media(max-width:767px){.app{border-radius:0;box-shadow:none}.hero{min-height:480px;padding-bottom:130px}.hero p{max-width:65%;line-height:1.45}.hero h1{font-size:clamp(34px,10vw,46px)}.collage{height:100px}.badge{width:35%;right:8px;top:43%;font-size:clamp(13px,4vw,18px)}.feat{font-size:12px;max-width:65%}.pcard{margin:-14px 10px 0}.checkout-summary .summary-title,.checkout-summary .total .ln{display:none}.form-summary .sum{margin-top:18px}.tr3{padding-bottom:24px}.fine{line-height:1.5}.btn{font-size:15px}.tm div.b{line-height:1.45}}
@media(min-width:768px){.app{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none}header{padding:12px 40px;height:70px}.logo b{font-size:29px}.logo i{font-size:15px}.header-links{display:flex}.burger{width:36px;height:36px}.steps{background:transparent;width:100%;max-width:none;margin:0;padding:22px var(--page-padding) 18px}.st{font-size:11px;gap:6px}.st span{height:26px;width:26px;font-size:12px}.st:not(:last-child)::after{top:13px;left:calc(50% + 13px);right:calc(-50% + 13px)}.storefront{padding:12px 32px 32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.hero{min-height:480px;border-radius:8px;padding:24px 24px 120px}.hero h1{font-size:clamp(32px,3.3vw,46px)}.hero p{max-width:70%;font-size:13px;line-height:1.45}.feat{font-size:12px;max-width:65%;gap:10px}.collage{height:100px}.badge{width:35%;right:8px;top:45%;font-size:17px}.pcard{margin:0;border-radius:9px;padding:24px;box-shadow:0 3px 12px #17294205;min-height:480px}.pcard h2{font-size:19px;line-height:1.3}.price{font-size:40px;margin:10px 0}.checks{font-size:13px;line-height:1.5;gap:5px;margin:12px 0 18px}.qty button{height:40px;width:42px}.qty output{width:52px}.btn{min-height:48px;font-size:15px}.sec{font-size:11px;margin-top:14px}.testimonials{grid-column:1/-1;background:#fff;border-radius:9px;padding:20px;border:1px solid var(--line)}.trust-h{text-align:left;padding:0 0 14px}.trust-h h2{font-size:20px;line-height:1.15}.trust-h p{font-size:11px;margin-top:6px}#tms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tm{margin:0;padding:12px;gap:8px;flex-wrap:wrap;border-radius:8px;align-content:start}.av{width:36px;height:36px;font-size:14px}.tm div.b{font-size:10px;line-height:1.45}.tm b{font-size:11px}.tm small{font-size:9px}.tm img{width:100%;max-width:none;height:100px;border-radius:6px}.view.pad{padding:0 32px 32px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.order-panel,.checkout-summary,.form-fields,.form-summary{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;box-shadow:0 3px 12px #17294205}.order-panel .t{padding-top:0;font-size:21px}.checkout-summary .total{margin:0;padding:0;border:0;background:none}.checkout-summary .total .ln{text-align:left}.checkout-summary .tr{padding:24px 0 0}.checkout-summary .total .amt{font-size:46px}.row img{width:88px}.row h3{font-size:14px}.row .pr{font-size:20px}.card{box-shadow:none}.back{margin-bottom:4px}#f{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:24px;align-items:start}#v3>.t{font-size:22px}.form-fields .t{font-size:21px}.form-fields label{font-size:12px;margin-top:14px}.inp{min-height:42px;font-size:14px;border-color:#d5dde6}.form-summary .sum{margin:0;padding:0;border:0;border-radius:0}.form-summary .sum>h3{font-size:16px;margin-bottom:20px}.sum .row img{width:64px}.sum .ln{margin-top:12px}.tr3{padding:24px 0 0;font-size:10px}.fine{line-height:1.5}.form-summary .btn{font-size:14px!important}}
@media(min-width:1200px){header{padding-left:48px;padding-right:48px}.storefront{padding:12px 48px 36px;grid-template-columns:minmax(0,1.38fr) minmax(0,1.03fr) minmax(0,.9fr);gap:22px}.hero{min-height:470px}.pcard{min-height:470px;padding:24px}.testimonials{grid-column:auto;padding:18px;min-height:470px}#tms{grid-template-columns:1fr;gap:10px}.tm{flex-wrap:nowrap;padding:10px;gap:8px;min-height:105px}.tm img{width:56px;height:74px;align-self:center;flex-shrink:0}.av{width:34px;height:34px;align-self:flex-start}.tm .s{font-size:12px;letter-spacing:0}.tm div.b{font-size:10px}.trust-h h2{font-size:19px}.trust-h p{font-size:10px}.view.pad{padding:0 48px 36px}.checkout-grid,#f{width:100%;min-width:0;max-width:none;margin:0}.back{margin-left:0}.hero h1{font-size:clamp(34px,3vw,44px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:768px){.tr3 .i{fill:none}.tm img{object-fit:contain;background:#f6f1e8}}

/* Fluid viewport shell; only individual text blocks retain reading limits. */
:root{--page-padding:clamp(16px,3vw,64px);--layout-gap:clamp(20px,1.6vw,36px)}
main,.storefront,.checkout-grid,#f{min-width:0;width:100%}
@media(min-width:768px){
 header{width:100%;max-width:none;padding-inline:var(--page-padding)}
 .site-menu{padding-inline:var(--page-padding)}
 .storefront{padding-inline:var(--page-padding);gap:var(--layout-gap)}
 .view.pad{padding-inline:var(--page-padding)}
 .checkout-grid,#f{gap:var(--layout-gap)}
 .hero{min-height:0;aspect-ratio:1/1.15;padding-bottom:120px}
 .pcard{width:100%;min-width:0;min-height:0;padding:clamp(24px,1.8vw,36px)}
 .hero p{max-width:min(70%,32ch)}
 .form-fields .sub-t{max-width:65ch}
 .order-panel,.checkout-summary,.form-fields,.form-summary{padding:clamp(24px,2vw,40px)}
 .storefront{align-items:stretch}
 .pcard{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
 .pcard .btn{margin-top:20px!important}
 .pcard .sec{align-self:center}
 .testimonials{min-height:0}
}
@media(min-width:1200px){
 .storefront{grid-template-columns:minmax(0,1.4fr) minmax(320px,.95fr) minmax(280px,.8fr)}
 .hero{aspect-ratio:1;min-height:470px;padding:clamp(24px,2vw,40px) clamp(24px,2vw,40px) clamp(120px,10vw,230px)}
 .hero h1{font-size:clamp(36px,3vw,64px)}
 .hero p,.feat{font-size:clamp(13px,.85vw,17px)}
 .hero p{margin-top:12px;margin-bottom:18px}
 .feat{gap:clamp(10px,1vw,20px)}
 .collage{height:clamp(100px,9vw,210px)}
 .badge{font-size:clamp(17px,1.4vw,30px)}
 .testimonials{padding:clamp(18px,1.5vw,32px);display:flex;flex-direction:column;justify-content:center}
 .trust-h h2{font-size:clamp(19px,1.2vw,26px)}
 .trust-h p{font-size:clamp(10px,.7vw,13px)}
 .tm{padding:clamp(10px,.8vw,18px);gap:clamp(8px,.7vw,16px)}
 .tm div.b{font-size:clamp(10px,.72vw,14px);max-width:42ch}
 .tm b{font-size:clamp(11px,.75vw,15px)}
 .tm small{font-size:clamp(9px,.65vw,12px)}
 .tm img{width:clamp(56px,4.5vw,100px);height:clamp(74px,5.5vw,120px)}
 .av{width:clamp(34px,2.5vw,48px);height:clamp(34px,2.5vw,48px)}
 .checks{font-size:clamp(13px,.9vw,17px);gap:clamp(5px,.45vw,10px)}
 .checkout-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr)}
 #f{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
}

@media(min-width:1200px){.storefront{align-items:start}.hero{aspect-ratio:1.25}.pcard,.testimonials{justify-content:flex-start}.pcard .checks{margin-block:18px 24px}.hero .badge{max-width:280px}.hero .feat{max-width:60%}}

button.st{border:0;background:transparent;font-family:inherit;padding:0;cursor:pointer}button.st:hover{color:var(--ink)}button.st:focus-visible{border-radius:4px;outline:3px solid #d49b00;outline-offset:5px}.edit-order{display:block;margin:0 auto 16px;font-weight:700}

.payment-methods{border:0;padding:0;margin:22px 0 0;min-width:0}.payment-methods legend{font-size:13px;font-weight:800;margin-bottom:4px}.payment-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;cursor:pointer}.payment-option input{accent-color:var(--red);width:18px;height:18px;flex-shrink:0}.payment-option span{color:var(--ink)}.payment-option strong{display:block;font-size:13px}.payment-option small{display:block;font-size:11px;font-weight:400;color:var(--mut);line-height:1.5;margin-top:4px}.payment-option:has(input:checked){border-color:var(--red)}.payment-option.unavailable{background:#f4f5f6;cursor:not-allowed}.payment-option.unavailable span{color:var(--mut)}.payment-summary{align-items:baseline}.payment-summary b{text-align:right}
/* Homepage: full-width studio storefront. */
.home-hero{background:#080909;color:#fff;display:grid;grid-template-columns:1fr 1.2fr;min-height:360px;overflow:hidden}.hero-copy{padding:clamp(32px,4vw,80px) var(--page-padding);align-self:center;z-index:1}.hero-copy .eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:16px}.hero-copy h1{font-size:clamp(30px,2.8vw,58px);font-weight:900;line-height:1.05;letter-spacing:-1px}.hero-copy h1 em{font-style:normal;color:var(--red)}.hero-copy>p:last-of-type{font-size:14px;line-height:1.6;max-width:46ch;margin:16px 0 24px}.hero-copy .btn{max-width:200px;min-height:48px}.home-art{position:relative;min-width:0;overflow:hidden;background:#191919}.home-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.75}.home-art>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);padding:24px;background:#111;border:8px solid #fff;border-radius:26px;font-weight:900;text-align:center;font-size:clamp(35px,4vw,80px);line-height:1;box-shadow:12px 12px 0 #0005}.home-art small{display:block;font-size:clamp(12px,1.4vw,25px);white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:22px var(--page-padding);gap:16px;background:#fff;border-bottom:1px solid var(--line)}.categories button{background:none;border:0;cursor:pointer;padding:4px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:8px}.categories .i{width:48px;height:48px;background:#f3f4f5;border-radius:10px;padding:8px;stroke-width:1.8}.categories b{font-size:12px}.categories small{font-size:11px;color:var(--mut)}.categories button:hover,.categories button[aria-pressed=true]{background:#f4f5f6}.categories button[aria-pressed=true] .i{outline:2px solid var(--red)}.featured{padding:32px var(--page-padding) 36px}.featured-heading{display:flex;gap:16px;justify-content:space-between;align-items:center}.featured h2{font-size:clamp(22px,1.8vw,34px);font-weight:900;letter-spacing:-.5px}.featured-heading p{font-size:13px;color:var(--mut);margin-top:6px;line-height:1.5}.featured-heading .back{white-space:nowrap;margin:0}.search-row{display:flex;gap:10px;max-width:540px}.search-row .btn{width:auto;min-height:42px;font-size:13px;padding:0 22px}#catalog-search{margin:18px 0 12px}#catalog-search label{font-size:12px}#catalog-status{font-size:12px;color:var(--mut);margin:14px 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;min-height:150px}.catalog-card{background:white;border:1px solid var(--line);border-radius:9px;padding:5px;box-shadow:0 3px 12px #17294206;position:relative;min-width:0;transition:border-color .15s}.catalog-card:hover{border-color:#a9adb4}.product-image-link{display:block;width:100%;border:0;background:#eee;padding:0;border-radius:6px;overflow:hidden;cursor:pointer}.catalog-card img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block}.catalog-body{padding:14px 8px 8px;display:flex;flex-direction:column;gap:16px}.product-title{border:0;background:none;text-align:left;padding:0;font-weight:800;font-size:12px;line-height:1.5;cursor:pointer;min-height:36px}.catalog-price{font-size:20px;font-weight:900;color:var(--red)}.catalog-price small{font-size:11px;font-weight:400;color:var(--mut)}.catalog-body .btn{font-size:11px;min-height:40px;gap:6px;padding:6px}.product-badge{position:absolute;top:14px;right:12px;background:var(--red);color:#fff;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700}.home-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px var(--page-padding);background:#fff;border-top:1px solid var(--line)}.home-benefits>div{display:flex;gap:16px;align-items:center}.home-benefits>div+div{border-left:1px solid var(--line);padding-left:24px}.home-benefits .i{width:32px;height:32px}.home-benefits b{font-size:12px;display:block}.home-benefits small{font-size:11px;color:var(--mut);display:block;line-height:1.5;margin-top:4px}.product-home{margin-inline:var(--page-padding)}
@media(min-width:1800px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
@media(min-width:768px) and (max-width:1199px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.home-benefits>div:nth-child(3){border:0;padding-left:0}.home-hero{grid-template-columns:1.1fr 1fr}.hero-copy h1{font-size:32px}}
@media(max-width:767px){.header-links{display:flex;gap:0}.header-links>button:not(#cart-button){display:none}.header-links #cart-button{padding:10px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:32px 16px}.hero-copy h1{font-size:clamp(28px,7vw,44px)}.home-art{min-height:240px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 16px;gap:16px}.featured{padding:28px 16px}.featured-heading{align-items:start;flex-wrap:wrap;gap:8px}.featured-heading .back{padding:8px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-body{padding:12px 6px 6px;gap:12px}.catalog-body .btn{font-size:10px;min-height:44px}.catalog-price{font-size:18px}.home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 16px}.home-benefits>div{gap:10px}.home-benefits>div+div{border:0;padding-left:0}.home-benefits .i{width:26px;height:26px}.home-benefits b{font-size:11px}.home-benefits small{font-size:10px}}

/* Supplied wide hero photography; preserve its dark text area and sticker detail. */
.home-hero{position:relative;isolation:isolate;grid-template-columns:1fr;min-height:clamp(360px,33.4vw,720px)}
.home-art{position:absolute;inset:0;z-index:-1;background:#080909;min-height:0}
.home-art img{opacity:1;object-fit:cover;object-position:center}
.hero-copy{width:min(50%,760px);padding-block:clamp(32px,3.5vw,72px);background:linear-gradient(90deg,#0008,transparent)}
@media(max-width:767px){.home-hero{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;background:#080909;padding:32px 16px}.home-art{position:relative;inset:auto;z-index:0;min-height:240px;width:100%}.home-art img{object-position:75% center}}

.sample-notice{font-size:12px;color:var(--mut);line-height:1.6;margin:0 0 18px;max-width:90ch}#sample-image{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:8px}#sample-price{color:var(--red);font-weight:800}
.product-photo{min-width:0;background:#ececec;border-radius:8px;overflow:hidden;align-self:start}.product-photo img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.cart-item{margin-bottom:14px}.cart-item .row{align-items:start;flex-wrap:wrap;gap:12px}.cart-item .row>div{flex:1;min-width:150px}.cart-item .row p{font-size:12px;line-height:1.6;margin:4px 0 10px}.cart-item .item-total{font-size:15px;margin-left:auto}.remove-item{display:block;padding:8px 0;margin:0!important;color:var(--red)}.summary-item{align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.summary-item>div{flex:1;min-width:120px}.summary-item img{width:56px!important;object-fit:contain;background:#f4f4f4}.summary-item h3{font-size:13px!important}.summary-item p{font-size:12px}.summary-item>b{font-size:13px;margin-left:auto}.empty-cart{font-size:14px;line-height:1.6;margin-bottom:20px}.checks .i{width:18px;height:18px;flex-shrink:0}
@media(max-width:767px){.product-photo{border-radius:0}.product-photo img{aspect-ratio:1.2}.cart-item .row img{width:64px}.cart-item .qty button{width:38px}.cart-item .qty output{width:42px}.cart-item .row>div{min-width:140px}}

.cart-item .row img{object-fit:contain;background:#f4f4f4}.catalog-card img{object-fit:contain;background:#f4f4f4}

.product-title{display:block;color:inherit;text-decoration:none}.product-title:hover{text-decoration:underline}.product-image-link{color:inherit}

.brand-logo{background:transparent;border:0;border-radius:4px;padding:7px 10px;flex-shrink:0;cursor:pointer;line-height:0}.brand-logo img{display:block;width:170px;height:auto;aspect-ratio:4950.38/1314.5;object-fit:contain}@media(max-width:767px){.brand-logo{padding:6px 8px}.brand-logo img{width:140px}}@media(max-width:340px){header{gap:8px}.brand-logo img{width:126px}}
.variant-group{border:0;padding:0;min-width:0;width:100%;margin:18px 0}.variant-group legend{font-size:13px;font-weight:800;margin-bottom:10px}.variant-group legend small{font-size:10px;font-weight:400;color:var(--mut);margin-left:8px}.variant-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variant-card{position:relative;padding:12px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:7px;margin:0;cursor:pointer;background:white}.variant-card input{position:absolute;opacity:0;width:1px;height:1px}.variant-card:has(input:checked){border:2px solid var(--red);padding:11px;background:#fff4f6}.variant-card:has(input:focus-visible){outline:3px solid #d49b00;outline-offset:3px}.variant-card:hover{border-color:#777}.variant-card img{width:100%;height:72px;object-fit:contain}.variant-card strong{font-size:12px;line-height:1.5}.variant-card small{font-size:11px;color:var(--mut);font-weight:400}.variant-check{display:none;position:absolute;top:4px;right:7px;color:var(--red)}.variant-card:has(input:checked) .variant-check{display:block}.variant-card.unavailable{opacity:.5;cursor:not-allowed}.color-swatch{width:24px;height:24px;border-radius:50%;border:1px solid #aaa}.variant-meta{font-size:11px;line-height:1.6;color:var(--mut);margin:8px 0 14px}#variant-groups{width:100%}#detail-image{transition:opacity 180ms ease}#detail-image.image-changing{opacity:.25}#product-gallery{display:flex;gap:8px;padding:12px;flex-wrap:wrap;background:white}.gallery-thumb{padding:4px;border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer}.gallery-thumb img{width:60px;height:60px;aspect-ratio:1;object-fit:contain}.cart-item small,.summary-item small{font-size:10px;color:var(--mut)}#order-error{line-height:1.5;margin-top:12px}

#product-gallery:empty{display:none}
#address-fields{min-width:0}#address-fields label{display:block;margin-top:9px}#address-results{background:#fff;border:1px solid #d8dde5;border-radius:7px;max-height:260px;overflow:auto;margin:5px 0;box-shadow:0 5px 14px #0000000a;width:100%;box-sizing:border-box}#address-results button{display:block;border:0;border-left:3px solid transparent;text-align:left;background:white;padding:12px;width:100%;min-height:48px;cursor:pointer;color:#10151b;white-space:normal;overflow-wrap:anywhere}#address-results button:hover,#address-results button.active{background:#f5f6f8;border-left-color:#ff003b}#address-results small{display:block;color:#596474;margin-top:3px}#address-results p{padding:12px;font-size:13px}.manual-address{font-size:13px!important;display:flex!important;gap:8px;align-items:center}.delivery-preview{margin-top:14px;padding:18px}.delivery-preview p{font-size:13px;white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}.delivery-preview h3{font-size:14px}#address-status{margin:5px 0}#address-fields .inp{width:100%;box-sizing:border-box}

#product-video{width:100%;max-height:620px;background:#111;border-radius:12px;object-fit:contain}.gallery-video{font-weight:700;display:grid;place-items:center;min-width:85px}#product-video[hidden],#detail-image[hidden]{display:none!important}
