:root{
 --red:#e30a23;--red-d:#b5001a;--ink:#111214;--ink2:#26282c;--txt:#34363b;--mute:#6b6f76;
 --paper:#f2f1ed;--line:#dad8d2;--line2:#e9e7e2;--ok:#16794a;--white:#fff;--dk:#111214;--selbg:#111214;--selfg:#fff;
 --cond:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--sans:'Poppins',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--txt);background:var(--white);font-size:15px;line-height:1.55;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.w{max-width:1280px;margin:0 auto;padding:0 16px}
.cond{font-family:var(--cond);text-transform:uppercase;letter-spacing:.01em;line-height:.92;font-weight:800}
.mute{color:var(--mute)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* top + header */
.topbar{background:var(--dk);color:#d7d7da;font-size:12.5px}
.topbar .w{display:flex;justify-content:space-between;gap:12px;height:34px;align-items:center}
.topbar b{color:#fff;font-weight:600}
.topbar .t2{display:none}
.hdr{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--line)}
.hdr .w{display:flex;align-items:center;height:64px;gap:18px}
.hdr .logo img{height:26px;width:auto}
.nav{display:none;gap:4px;margin-left:10px}
.nav a{padding:8px 12px;font-weight:500;font-size:14px;position:relative}
.nav a:hover,.nav a.on{color:var(--red)}
.nav a.try{color:var(--red);font-weight:600}
.hdr .act{margin-left:auto;display:flex;gap:6px;align-items:center}
.icb{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);position:relative;background:var(--white)}
.icb svg{width:20px;height:20px}
.icb .n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.icb .n:empty{display:none}
.menu{display:none;position:fixed;inset:98px 0 0;background:var(--white);z-index:39;padding:12px 16px;overflow:auto}
.menu.on{display:block}
.menu a{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--line2);font-size:17px;font-weight:600}
.menu .ph{margin-top:18px;font-size:14px;color:var(--mute)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;font-weight:600;font-size:15px;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);transition:background .15s,color .15s,border-color .15s;text-align:center}
.btn:hover{background:var(--selbg);color:var(--selfg)}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.red:hover{background:var(--red-d);border-color:var(--red-d)}
.btn.inv{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}
.btn.inv:hover{background:var(--white);color:var(--ink)}
.btn.full{width:100%}
.btn svg{width:18px;height:18px;flex:none}
.lnk{font-weight:600;color:var(--red);display:inline-flex;gap:6px;align-items:center;font-size:14px}
.lnk:hover{text-decoration:underline}

/* stitch motif */
.stitch{border:1.5px dashed currentColor}
.stitch-line{height:0;border-top:2px dashed var(--line);margin:0}

/* hero */
.hero{background:var(--dk);color:#fff;position:relative;overflow:hidden}
.hero .w{display:grid;gap:0;padding-top:30px}
.hero h1{font-size:56px;color:#fff}
.hero h1 .r{color:var(--red)}
.hero .lead{color:#c8c8cc;margin-top:16px;max-width:30em;font-size:15.5px}
.hero .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero .facts{display:none;grid-template-columns:repeat(3,auto);}
.hero .facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:26px;margin:28px 0 30px;border-top:1px solid #303237;padding-top:18px}
.hero .facts b{display:block;font-family:var(--cond);font-size:30px;line-height:1;color:#fff;font-weight:800}
.hero .facts span{font-size:12.5px;color:#9c9ca2}
.try-stage{position:relative;background:#e9e6e1;margin:0 -16px;touch-action:none;user-select:none}
.try-stage img.prod{width:100%;height:auto;max-height:70vh;object-fit:cover;object-position:50% 0}
.hero .copy{padding-bottom:26px}
.try-stage .lg{position:absolute;pointer-events:none}
.try-stage .lg img{width:100%}
.drop{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(17,18,20,.86);color:#fff;padding:14px 16px;display:flex;gap:14px;align-items:center;backdrop-filter:blur(6px)}
.drop .ic{width:44px;height:44px;flex:none;border:1.5px dashed #fff;display:grid;place-items:center}
.drop .ic svg{width:20px;height:20px}
.drop b{display:block;font-size:14.5px}
.drop span{font-size:12.5px;color:#b9b9be}
.drop label{cursor:pointer;position:absolute;inset:0}
.drop.has{background:rgba(255,255,255,.95);color:var(--ink)}
.drop.has span{color:var(--mute)}
.drop.has .ic{border-color:var(--ink)}
.dots{position:absolute;top:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:60%}
.dots button{width:26px;height:26px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.dots button[aria-pressed=true]{box-shadow:0 0 0 2px var(--red)}

/* sections */
.sec{padding:64px 0}
.sec.paper{background:var(--paper)}
.sh{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.sh h2{font-size:44px;color:var(--ink)}
.sh p{color:var(--mute);margin-top:8px;max-width:38em}

/* color wall */
.wall{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--dk)}
.wall a{position:relative;overflow:hidden;aspect-ratio:3/4;background:#ddd}
.wall img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .5s}
.wall a:hover img{transform:scale(1.05)}
.wall span{position:absolute;left:8px;bottom:8px;background:var(--white);color:var(--ink);font-size:11px;font-weight:600;padding:3px 7px;text-transform:uppercase;letter-spacing:.04em}

/* category mosaic */
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{position:relative;overflow:hidden;background:var(--paper);display:block;min-height:220px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .5s}
.tile:hover img{transform:scale(1.04)}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 16px;background:linear-gradient(transparent,rgba(10,10,12,.78));color:#fff}
.tile .cap b{font-family:var(--cond);font-size:34px;line-height:1;text-transform:uppercase;display:block;font-weight:800}
.tile .cap span{font-size:13px;opacity:.85}
.tile.big{grid-column:1/-1;min-height:380px}
.tile.flat img{object-fit:contain;padding:20px 20px 70px;background:#e3edf5}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 14px}
.pc{display:block}
.pc .im{position:relative;aspect-ratio:4/5;background:var(--paper);overflow:hidden}
.pc .im img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:opacity .25s}
.pc .im.flat img{object-fit:contain;padding:8px;background:var(--white)}
.pc .lab{position:absolute;left:0;top:10px;background:var(--dk);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;letter-spacing:.04em;text-transform:uppercase}
.pc h3{font-size:15px;font-weight:600;color:var(--ink);margin-top:12px;line-height:1.3}
.pc .pr{font-size:14px;color:var(--mute);margin-top:2px}
.pc .pr b{color:var(--ink);font-size:17px;font-weight:700}
.sws{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.sws i{width:16px;height:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.sws em{font-style:normal;font-size:12px;color:var(--mute);align-self:center;margin-left:2px}

/* how */
.how{display:grid;gap:0;border-top:1px solid var(--line)}
.how>div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}
.how .no{font-family:var(--cond);font-size:56px;line-height:.8;color:var(--red);font-weight:800}
.how b{font-size:18px;color:var(--ink);display:block}
.how p{color:var(--mute);font-size:14.5px;margin-top:2px}

/* compare */
.cmp{display:grid;gap:14px}
.cmp>div{background:var(--white);padding:22px;border-left:4px solid var(--ink)}
.cmp>div.n{border-left-color:var(--red)}
.cmp h3{font-family:var(--cond);font-size:32px;text-transform:uppercase;line-height:1;color:var(--ink);font-weight:800}
.cmp ul{list-style:none;margin-top:12px;display:grid;gap:7px;font-size:14.5px}
.cmp li{padding-left:18px;position:relative}
.cmp li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--red)}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line);padding:9px 15px;font-size:14px;font-weight:500;background:var(--white);min-height:42px;display:inline-flex;align-items:center}
.chip:hover{border-color:var(--ink)}

.band{background:var(--red);color:#fff}
.band .w{display:grid;gap:18px;padding-top:44px;padding-bottom:44px;align-items:center}
.band h2{font-size:46px;color:#fff}
.band p{opacity:.92;margin-top:8px}
.band .btn{background:var(--white);color:var(--red);border-color:#fff}
.band .btn:hover{background:var(--selbg);color:var(--selfg);border-color:var(--ink)}

.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:14px;font-size:15.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:24px;line-height:1;color:var(--red);font-weight:400}
.faq details[open] summary::after{content:'\2212'}
.faq p{padding:0 0 18px;color:var(--mute);max-width:46em}

/* footer */
.ftr{background:var(--dk);color:#a7a8ad;font-size:14px}
.ftr .w{display:grid;gap:28px;padding-top:52px;padding-bottom:110px}
.ftr .lg{height:26px;width:auto;filter:brightness(0) invert(1)}
.ftr b{display:block;color:#fff;margin-bottom:10px;font-weight:600}
.ftr a{display:block;padding:4px 0}
.ftr a:hover{color:#fff}
.ftr .bot{border-top:1px solid #2b2d31;padding-top:18px;font-size:12px;grid-column:1/-1}
.wa{position:fixed;right:16px;bottom:16px;z-index:45;width:56px;height:56px;background:#1c9d52;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa svg{width:28px;height:28px;fill:#fff}

/* breadcrumbs, page heads */
.crumb{font-size:13px;color:var(--mute);padding:16px 0 0}
.crumb a:hover{color:var(--red)}
.phead{padding:20px 0 26px;border-bottom:1px solid var(--line)}
.phead h1{font-size:54px;color:var(--ink)}
.phead p{color:var(--mute);margin-top:8px;max-width:40em}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:16px 0}
.tabs a{white-space:nowrap;padding:10px 16px;border:1.5px solid var(--line);font-weight:500;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.tabs a.on{background:var(--selbg);border-color:var(--ink);color:var(--selfg)}
.bar2{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 20px;font-size:14px;color:var(--mute);flex-wrap:wrap}
.bar2 select{border:1.5px solid var(--line);padding:9px 12px;background:var(--white);min-height:44px}
.cfilter{display:flex;gap:6px;flex-wrap:wrap}
.cfilter button{width:30px;height:30px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.cfilter button[aria-pressed=true]{outline:2px solid var(--red);outline-offset:2px}

/* product page */
.pp{display:grid;gap:26px;padding:14px 0 50px}
.pp>*{min-width:0}
.sticky.on~.wa{bottom:92px}
.mgrid img{max-height:52vh;object-fit:contain;background:var(--paper)}
.stage-col{position:relative}
.stage{position:relative;background:var(--paper);overflow:hidden;touch-action:none;user-select:none;margin:0 auto}
.stage>img{width:100%;height:auto}
.stage .lg{position:absolute;cursor:grab;touch-action:none}
.stage .lg img{width:100%;height:auto;pointer-events:none;display:block}
.stage .lg.sel{outline:1.5px dashed var(--red);outline-offset:4px}
.zw{position:relative;transition:transform .25s ease}
.stage .lg .h{position:absolute;right:-34px;bottom:-34px;width:30px;height:30px;background:var(--red);border:2px solid #fff;cursor:nwse-resize;display:none}
.stage .lg.sel .h{display:block}
.stage .lg.nakis img{filter:contrast(1.06) saturate(.92) drop-shadow(0 .7px .5px rgba(0,0,0,.45))}
.stage .tagz{position:absolute;left:10px;top:10px;background:var(--dk);color:#fff;font-size:12px;padding:5px 9px;font-weight:500}
.stage .zoom{position:absolute;right:10px;top:10px;display:flex;gap:4px}
.stage .zoom button{width:40px;height:40px;background:var(--white);border:1px solid var(--line);font-size:20px;line-height:1}
.thumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none}
.thumbs button{flex:none;width:58px;height:72px;background:var(--paper);overflow:hidden;border:1.5px solid transparent;padding:0}
.thumbs button img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.thumbs button[aria-pressed=true]{border-color:var(--red)}
.hint{font-size:12.5px;color:var(--mute);margin-top:8px}
.ctl{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.ctl .g{display:flex;align-items:center;border:1.5px solid var(--line);background:var(--white)}
.ctl .g span{font-size:12px;color:var(--mute);padding:0 6px}
.ctl button{min-width:44px;height:44px;font-size:20px;font-weight:600;color:var(--ink);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.ctl .g button:active{background:var(--paper)}
.ctl .ar button+button{border-left:1px solid var(--line2)}
.ctl .zb{border:1.5px solid var(--ink);padding:0 14px;font-size:14px;margin-left:auto}
.ctl .zb[aria-pressed=true]{background:var(--selbg);color:var(--selfg)}
.info h1{font-size:46px;color:var(--ink)}
.info .from{font-size:14px;color:var(--mute);margin-top:8px}
.info .from b{font-size:24px;color:var(--ink);font-weight:700}
.info .txt{margin-top:10px;color:var(--txt);max-width:36em}
.blk{border-top:1px solid var(--line);padding:20px 0}
.blk h2{font-size:15px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.blk h2 .k{font-family:var(--cond);font-size:26px;color:var(--red);font-weight:800;line-height:.8}
.blk h2 small{margin-left:auto;font-weight:400;color:var(--mute);font-size:13px}
.sw2{display:flex;flex-wrap:wrap;gap:8px}
.sw2 button{width:42px;height:42px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);position:relative}
.sw2 button[aria-pressed=true]::after{content:'';position:absolute;inset:-5px;border:2px solid var(--red)}
.up{display:grid;gap:10px}
.dz{border:1.5px dashed var(--ink2);padding:18px;display:flex;gap:14px;align-items:center;cursor:pointer;position:relative;background:var(--white);transition:background .15s}
.dz:hover,.dz.over{background:var(--paper)}
.dz .ic{width:48px;height:48px;background:var(--dk);color:#fff;display:grid;place-items:center;flex:none}
.dz .ic svg{width:22px;height:22px}
.dz b{display:block;color:var(--ink)}
.dz span{font-size:13px;color:var(--mute)}
.dz img.mini{width:48px;height:48px;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/12px 12px;flex:none}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--red);margin-top:1px;flex:none}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.opt{border:1.5px solid var(--line);padding:9px 14px;min-height:46px;font-size:14px;font-weight:500;background:var(--white);text-align:left;line-height:1.25}
.opt small{display:block;font-size:12px;color:var(--mute);font-weight:400}
.opt[aria-pressed=true]{border-color:var(--ink);background:var(--selbg);color:var(--selfg)}
.opt[aria-pressed=true] small{color:#bdbdc2}
.opt:disabled{opacity:.35;cursor:not-allowed}
.row2{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:12px}
.range{width:100%;accent-color:var(--red);height:30px}
.txtin{width:100%;border:1.5px solid var(--line);padding:11px 12px;min-height:46px;background:var(--white);font-size:16px}
.txtin:focus{outline:none;border-color:var(--ink)}
.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sizes label{border:1.5px solid var(--line);padding:6px 6px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--ink);display:block}
.sizes input{width:100%;border:0;text-align:center;font-size:18px;font-weight:600;min-height:34px;background:transparent;-moz-appearance:textfield}
.sizes input::-webkit-inner-spin-button{display:none}
.sizes label:focus-within{border-color:var(--ink)}
.sizes label.has{border-color:var(--ink);background:var(--paper)}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid var(--line)}
.tiers div{padding:8px 6px;text-align:center;font-size:12px;color:var(--mute);border-right:1px solid var(--line)}
.tiers div:last-child{border-right:0}
.tiers div b{display:block;font-size:14px;color:var(--ink)}
.tiers div.on{background:var(--dk);color:#bdbdc2}
.tiers div.on b{color:#fff}
.sum{background:var(--paper);padding:18px;display:grid;gap:7px;font-size:14px}
.sum div{display:flex;justify-content:space-between;gap:10px}
.sum .t{border-top:1.5px solid var(--ink);padding-top:10px;margin-top:4px;font-size:15px;font-weight:600;color:var(--ink);align-items:baseline}
.sum .t b{font-size:26px;font-family:var(--cond);font-weight:800}
.err{color:var(--red);font-size:13px;min-height:0}
.err:not(:empty){margin-top:6px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:44;background:var(--white);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s}
.sticky.on{transform:none}
.sticky .tt{font-size:12px;color:var(--mute)}
.sticky .tt b{display:block;font-size:20px;color:var(--ink);font-family:var(--cond);font-weight:800}
.specs{display:grid;gap:0;border-top:1px solid var(--line);margin-top:6px}
.specs div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.specs dt{color:var(--mute)}

/* modal + toast */
.modal{position:fixed;inset:0;background:rgba(10,10,12,.6);z-index:60;display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex}
.mbox{background:var(--white);width:100%;max-width:820px;max-height:92vh;overflow:auto;padding:22px;display:grid;gap:18px}
.mbox h3{font-family:var(--cond);font-size:36px;text-transform:uppercase;color:var(--ink);line-height:1;font-weight:800}
.mgrid{display:grid;gap:16px}
.mgrid img{border:1px solid var(--line);width:100%}
.kv{list-style:none;display:grid;gap:6px;font-size:14px}
.kv li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line2);padding-bottom:6px}
.kv li span:first-child{color:var(--mute)}
.kv li span:last-child{color:var(--ink);font-weight:500;text-align:right}
.note-ok{background:#e8f4ec;color:var(--ok);padding:11px 13px;font-size:13.5px}

/* cart */
.cart{display:grid;gap:26px;padding:10px 0 60px}
.line{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.line img{width:96px;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;background:var(--paper)}
.line h3{font-size:16px;color:var(--ink);font-weight:600}
.line .m{font-size:13px;color:var(--mute);margin-top:2px}
.line .sz{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.line .sz span{font-size:12px;border:1px solid var(--line);padding:2px 7px}
.line .bt{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
.line .bt b{font-size:17px;color:var(--ink)}
.line .rm{font-size:13px;color:var(--mute);text-decoration:underline;min-height:40px}
.empty{padding:60px 0;text-align:center}
.empty h2{font-family:var(--cond);font-size:44px;text-transform:uppercase;color:var(--ink);font-weight:800}
.form{display:grid;gap:12px}
.form .two{display:grid;gap:12px}
.form label{font-size:13px;color:var(--mute);display:grid;gap:4px}
.form input,.form textarea,.form select{border:1.5px solid var(--line);padding:11px 12px;min-height:48px;background:var(--white);font-size:16px;color:var(--ink)}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--ink)}
.pay{display:grid;gap:8px}
.pay label{border:1.5px solid var(--line);padding:14px;display:flex;gap:10px;align-items:center;color:var(--ink);font-size:14.5px;font-weight:500;cursor:pointer}
.pay label:has(input:checked){border-color:var(--ink);background:var(--paper)}
.pay input{accent-color:var(--red);width:18px;height:18px}
.done{padding:40px 0 70px;display:grid;gap:22px;max-width:760px}
.done h1{font-size:56px;color:var(--ink)}

/* admin */
.adm{background:#f6f6f4;min-height:100vh}
.adm .top{background:var(--dk);color:#fff}
.adm .top .w{display:flex;align-items:center;gap:14px;height:58px}
.adm .top img{height:22px;width:auto;filter:brightness(0) invert(1)}
.adm .top span{font-size:13px;color:#a7a8ad;border-left:1px solid #34363b;padding-left:14px}
.olist{display:grid;gap:8px}
.ocard{background:var(--white);border:1px solid var(--line);padding:14px;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%}
.ocard[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--red)}
.ocard img{width:64px;height:80px;object-fit:cover;object-position:50% 20%;background:var(--paper)}
.ocard b{color:var(--ink);font-size:14.5px;display:block}
.ocard span{font-size:12.5px;color:var(--mute)}
.st{font-size:11.5px;font-weight:600;padding:4px 8px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.st.s0{background:#fff4d6;color:#7a5600}.st.s1{background:#e3edfb;color:#1d4c94}.st.s2{background:#e8f4ec;color:var(--ok)}
.odet{background:var(--white);border:1px solid var(--line);padding:20px;display:grid;gap:20px}
.odet h2{font-family:var(--cond);font-size:34px;text-transform:uppercase;color:var(--ink);line-height:1;font-weight:800}
.files{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.files figure{border:1px solid var(--line);padding:10px;display:grid;gap:8px;align-content:start}
.files figure img{width:100%;aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/14px 14px}
.files figure.mk img{object-fit:cover;object-position:50% 15%;background:var(--paper)}
.files figcaption{font-size:12.5px;color:var(--mute);display:flex;justify-content:space-between;gap:8px;align-items:center}
.files a{color:var(--red);font-weight:600}
.stable{width:100%;border-collapse:collapse;font-size:14px}
.stable th,.stable td{border:1px solid var(--line);padding:8px;text-align:center}
.stable th{background:var(--paper);color:var(--ink)}
.stbtns{display:flex;gap:6px;flex-wrap:wrap}

@media(min-width:700px){
 .topbar .t2{display:inline}
 .hero .facts{display:grid}
 .grid{grid-template-columns:repeat(3,1fr)}
 .wall{grid-template-columns:repeat(8,1fr)}
 .mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px}
 .mosaic .tile.big{grid-row:span 2}
 .tile{min-height:0}
 .tile.big{grid-column:span 2;grid-row:span 2;min-height:0}
 .tile.wide{grid-column:span 2}
 .cmp{grid-template-columns:1fr 1fr}
 .how{grid-template-columns:repeat(3,1fr);gap:26px;border-top:0}
 .how>div{border-top:2px solid var(--ink);border-bottom:0;grid-template-columns:1fr}
 .sizes{grid-template-columns:repeat(7,1fr)}
 .form .two{grid-template-columns:1fr 1fr}
 .mgrid{grid-template-columns:1fr 1fr}
 .line{grid-template-columns:120px 1fr}
 .line img{width:120px}
}
@media(min-width:1000px){
 .nav{display:flex}
 .hdr .menu-b{display:none}
 .hero .w{grid-template-columns:1.05fr 1fr;gap:40px;padding-top:0;align-items:stretch}
 .hero .copy{padding:64px 0 0;display:flex;flex-direction:column}
 .hero .w{min-height:calc(100vh - 98px)}
 .try-stage{min-height:600px}
 .try-stage img.prod{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;object-fit:cover;object-position:50% 0}
 .hero h1{font-size:118px}
 .hero .facts{margin-top:auto}
 .try-stage{margin:0}
 .try-stage img.prod{max-height:none;height:100%;min-height:640px}
 .sh h2{font-size:64px}
 .grid{grid-template-columns:repeat(4,1fr)}
 .band .w{grid-template-columns:1fr auto}
 .band h2{font-size:60px}
 .ftr .w{grid-template-columns:1.3fr .8fr 1fr 1fr 1.2fr 1fr}
 .pp{grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
 .stage-col{position:sticky;top:80px}
 .info h1{font-size:64px}
 .phead h1{font-size:80px}
 .sticky{display:none}
 .cart{grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
 .cart aside{position:sticky;top:84px}
 .adm .lay{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}
 .odet .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.views{display:flex;gap:0;margin-bottom:8px;border:1.5px solid var(--ink);width:max-content}
.views button{min-height:44px;padding:0 18px;font-weight:600;font-size:14px;color:var(--ink)}
.views button small{font-weight:400;color:var(--mute);font-size:12px}
.views button[aria-pressed=true]{background:var(--selbg);color:var(--selfg)}
.views button[aria-pressed=true] small{color:#bdbdc2}
.stage .tagb{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.92);color:var(--ink);font-size:11.5px;padding:4px 8px;font-weight:500}
.backblk{margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
.mims{display:grid;gap:8px;grid-template-columns:1fr}
.mims:has(img:not([hidden])+img:not([hidden])){grid-template-columns:1fr 1fr}
.line .ims{display:flex;gap:6px}

[hidden]{display:none!important}
.prose{max-width:760px;padding:6px 0 70px}
.prose h2{font-size:20px;color:var(--ink);margin:26px 0 8px;font-weight:600}
.prose p{margin:0 0 12px;color:var(--txt)}
.prose ul{margin:0 0 14px 20px}
.draft{background:#fff8e1;border:1px solid #f0dca0;color:#6a5200;padding:14px 16px;margin:10px 0 20px;font-size:14px}
.rg{display:grid;gap:30px;padding:10px 0 40px}
.rg .lead2{font-size:17px;color:var(--ink);max-width:40em}
.mapw{border:1px solid var(--line);aspect-ratio:4/3;background:var(--paper)}
.mapw iframe{width:100%;height:100%;border:0;display:block}
.near{display:flex;flex-wrap:wrap;gap:8px}
.tk{display:grid;gap:14px}
.tk article{border-left:4px solid var(--ink);padding:4px 0 4px 18px}
.tk article.on{border-color:var(--red)}
.tk h2{font-family:var(--cond);font-size:34px;text-transform:uppercase;color:var(--ink);line-height:1;font-weight:800;margin-bottom:10px}
.tk p{margin-bottom:10px;max-width:46em}
.ctab{display:grid;gap:10px;margin:8px 0 30px}
.ctab form{display:grid;gap:10px;max-width:520px}
.ftr .regs a{font-size:13.5px}
@media(min-width:1000px){.rg{grid-template-columns:1.3fr 1fr;align-items:start}.ctab{grid-template-columns:1fr 1fr;gap:40px}}

.skip{position:absolute;left:-999px;top:0;background:var(--dk);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:8px;top:8px}
.topbar .usp button{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:12.5px}
.topbar .usp a{text-decoration:underline;text-underline-offset:3px}
.topbar .tr2{display:flex;gap:16px;align-items:center}
.hdr .act .hide-s{display:none}
.ck{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--white);border-top:2px solid var(--ink);box-shadow:0 -8px 24px rgba(0,0,0,.12)}
.ck .w{padding-top:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));display:grid;gap:12px}
.ck p{font-size:13.5px;color:var(--txt)}
.ck a{color:var(--red);text-decoration:underline}
.ckp{display:grid;gap:8px}
.ckb{display:flex;gap:8px;flex-wrap:wrap}
.ckb .btn{min-height:46px;padding:0 16px;font-size:14px;flex:1 1 auto}
.nl{background:#26282c;color:#d7d7da;border-bottom:1px solid #2b2d31}
.nl .w{display:grid;gap:14px;padding-top:28px;padding-bottom:28px}
.nl b{display:block;color:#fff;font-size:17px;margin:0}
.nl span{font-size:13px}
.nl form{display:grid;grid-template-columns:1fr auto;gap:8px}
.nl input[type=email]{min-height:50px;border:0;padding:0 14px;font-size:15px}
.nl .check{grid-column:1/-1;color:#bdbdc2;font-size:12.5px}
.nl .err{grid-column:1/-1;color:#ff8a96}
.nl .note-ok{grid-column:1/-1}
.soc{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}
.soc a{display:inline;border-bottom:1px solid #4a4c52}
.ftr .bot .pay{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.ftr .bot .pay span{border:1px solid #3a3c42;padding:5px 10px;font-size:12px;color:#d7d7da}
.ftr .bot .pay .etbis{border-style:dashed}
@media(min-width:700px){.hdr .act .hide-s{display:grid}.ck .w{grid-template-columns:1fr auto;align-items:center}.ckp{grid-column:1/-1;grid-row:2;display:flex;gap:18px}.ckb .btn{flex:0 0 auto}.nl .w{grid-template-columns:1fr 1.2fr;align-items:center}}

.fh{font-size:15px;color:var(--ink);margin-top:10px}
.check{display:flex!important;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;cursor:pointer}
.check input{width:20px;height:20px;min-height:0;flex:0 0 20px;margin-top:1px;accent-color:var(--red)}
.kp{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}
.kp input{min-height:48px;border:1px solid var(--line);padding:0 12px;font-size:15px;min-width:0}
.kp .btn{min-height:48px;padding:0 16px}

.auth{max-width:480px;margin-bottom:70px}
.ord{border:1px solid var(--line);padding:14px;display:grid;gap:10px;margin-bottom:10px}
.ord>div{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.ord .ims{justify-content:flex-start}
.ord .ims img{width:54px;height:66px;object-fit:cover;background:var(--paper)}
.ord .st{color:var(--red)}
.cmpt th{vertical-align:top;text-align:left}
.cmpt th img{width:100%;max-width:150px;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;background:var(--paper);display:block;margin-bottom:6px}
.cmpt th span{display:block;font-size:14px;color:var(--ink)}
.cmpt td{text-align:left;font-size:14px}
.form select[multiple]{min-height:150px;padding:6px}
.pc{position:relative}
.pc .fv{position:absolute;top:8px;right:8px;width:40px;height:40px;display:grid;place-items:center;background:var(--white);z-index:2;color:var(--ink);cursor:pointer}
.pc .fv svg{width:20px;height:20px}
.pc .fv.on{color:var(--red)}
.pc .fv.on svg{fill:var(--red)}

.pact{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pact button,.pact a{border:1px solid var(--line);padding:8px 12px;font-size:13px;font-weight:500;color:var(--ink);min-height:40px;display:inline-flex;align-items:center;background:var(--white)}
.pact button[aria-pressed=true]{color:var(--red);border-color:var(--red)}
.tsty{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;font-size:13px;color:var(--mute)}
.tsty label{display:grid;gap:4px}
.tsty select{border:1.5px solid var(--line);min-height:44px;padding:0 10px;font-size:15px;background:var(--white);color:var(--ink)}
.tcol{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.tcol button{width:36px;height:36px;border:1.5px solid var(--line);font-weight:700;color:var(--ink);background:var(--white)}
.tcol button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}
.rvg{display:grid;gap:24px}
.rv{border-bottom:1px solid var(--line2);padding:12px 0}
.rv b{color:var(--red);letter-spacing:2px}
.stars{display:flex;gap:2px}
.stars button{font-size:28px;color:#c9c9cc;width:40px;height:40px}
.stars button.on{color:var(--red)}
@media(min-width:700px){.tsty{grid-template-columns:1fr 1.4fr}.rvg{grid-template-columns:1.2fr 1fr}}
.nl .w>*{min-width:0}
.nl form{grid-template-columns:minmax(0,1fr) auto}
.nl input[type=email]{min-width:0;width:100%}
.xcat{grid-column:1/-1;border:1px solid var(--line);padding:22px;max-width:760px;background:var(--paper)}
.near{display:flex;flex-wrap:wrap;gap:8px}

.camp{background:var(--dk);color:#d7d7da;border-top:1px solid #2b2d31}
.camp .w{display:grid;grid-template-columns:1fr;gap:0}
.camp .w>div{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #2b2d31}
.camp b{flex:0 0 74px;font-family:var(--cond);font-size:26px;color:#fff;font-weight:800;text-transform:uppercase;line-height:1}
.camp span{font-size:13px;display:grid}
.camp strong{color:#fff;font-size:14.5px;font-weight:600}
.ptypes{margin-top:22px;display:grid;gap:0;border-top:1px solid var(--line)}
.ptypes h3{font-size:15px;color:var(--ink);padding:14px 0 6px}
.ptypes div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.ptypes b{color:var(--ink)}
@media(min-width:700px){.camp .w{grid-template-columns:repeat(2,1fr);column-gap:30px}}
@media(min-width:1100px){.camp .w{grid-template-columns:repeat(4,1fr)}.camp .w>div{border-bottom:0;padding:18px 0}}
@media(max-width:420px){.ptypes div{grid-template-columns:1fr;gap:2px}}
.ftr .fsub{display:block;color:#8e8f95;font-size:12px;margin-top:12px;padding-top:10px;border-top:1px solid #2b2d31}
.topbar .rot{font-weight:600}
.fsbar{margin-top:12px;border:1px solid var(--line);padding:10px 12px;position:relative;font-size:13.5px}
.fsbar i{display:block;height:4px;background:var(--red);margin-top:8px}
.nologo{margin-top:6px}
.nologo .lnk{font-size:14px}
.nologo #nlW{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}
.nologo #nlW[hidden]{display:none!important}
.nologo .btn{min-height:46px;padding:0 16px}
.ptsel{display:grid;gap:4px;margin-top:12px;font-size:13px;color:var(--mute)}
.ptsel select{border:1.5px solid var(--line);min-height:46px;padding:0 10px;font-size:15px;background:var(--white);color:var(--ink)}
.ptsel small{font-size:12.5px}

.mbar{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 18px}
.mbar label{display:grid;gap:4px;font-size:13px;color:var(--mute);flex:1 1 160px;max-width:280px}
.mbar select{border:1.5px solid var(--line);min-height:46px;padding:0 10px;font-size:15px;background:var(--white);color:var(--ink)}
.mgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mgrid2 .msub{grid-column:1/-1;font-size:14px;color:var(--mute)}
.mt{display:grid;gap:6px;color:var(--ink)}
.mtim{aspect-ratio:1;display:grid;place-items:center;padding:16%;border:1px solid var(--line)}
.mtim img{max-width:100%;max-height:100%;object-fit:contain}
.mt b{font-size:14px;font-weight:600}
.mt span{font-size:13px;color:var(--red);font-weight:600}
.mt:hover .mtim{outline:2px solid var(--ink);outline-offset:-2px}
@media(min-width:700px){.mgrid2{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.mgrid2{grid-template-columns:repeat(4,1fr);gap:20px}}

.tools{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:10px;background:var(--white)}
.tools button{display:grid;justify-items:center;gap:4px;padding:10px 4px;font-size:12.5px;font-weight:600;color:var(--ink);border-right:1px solid var(--line);min-height:64px}
.tools button:last-child{border-right:0}
.tools button svg{width:24px;height:24px;color:var(--red)}
.tools button:hover{background:var(--paper)}
.mm .mt{background:none;border:0;padding:0;text-align:left;cursor:pointer}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:62vh;overflow:auto}
.pgrid a{display:grid;gap:4px;color:var(--ink);font-size:13.5px}
.pgrid a.on{outline:2px solid var(--red);outline-offset:2px}
.pgrid img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;background:var(--paper);width:100%}
.pgrid span{color:var(--mute);font-size:12.5px}
#gm .mbox{max-height:92vh;overflow:auto}
@media(min-width:700px){.pgrid{grid-template-columns:repeat(4,1fr)}}

/* category icon bar */
.cbar{background:var(--white);border-bottom:1px solid var(--line)}
.cbar .w{display:flex;overflow-x:auto;scrollbar-width:none;gap:0}
.cbar .w::-webkit-scrollbar{display:none}
.cbar a{flex:0 0 auto;display:grid;justify-items:center;gap:6px;padding:12px 14px 10px;min-width:86px;font-size:12.5px;font-weight:600;color:var(--ink);text-align:center;border-bottom:3px solid transparent}
.cbar a svg{width:30px;height:30px;color:var(--ink)}
.cbar a:hover{border-color:var(--red)}
.cbar a.hot svg{color:var(--red)}
/* hero studio */
.stu{margin-top:20px;display:grid;gap:8px}
.stl{font-size:12.5px;color:#9c9ca2;font-weight:600;margin-top:4px}
.spick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.spick button{flex:0 0 auto;display:grid;justify-items:center;gap:4px;width:74px;padding:6px 4px;border:1.5px solid #34363b;color:#d7d7da;font-size:12px;font-weight:600;background:transparent}
.spick button img{width:54px;height:62px;object-fit:cover;object-position:50% 15%;background:#2a2c31}
.spick button[aria-pressed=true]{border-color:var(--red);color:#fff;background:#1b1c20}
.sact{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1.5px solid #4a4c52;color:#fff;font-weight:600;font-size:14px;cursor:pointer;background:transparent}
.sbtn svg{width:20px;height:20px;color:var(--red);flex:none}
.sbtn:hover{border-color:#fff}
.stx{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.stx[hidden]{display:none!important}
.stx input{min-height:48px;border:0;padding:0 12px;font-size:16px;min-width:0}
.stx .btn{min-height:48px}
.hero .cta{margin-top:18px}
@media(max-width:420px){.sbtn{flex-direction:column;gap:2px;font-size:12px;min-height:58px}}
/* sectors */
.secs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.secs a{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);padding:12px 14px;font-weight:600;font-size:14px;color:var(--ink);background:var(--white);min-height:56px}
.secs a svg{width:26px;height:26px;color:var(--red);flex:none}
.secs a:hover{border-color:var(--ink)}
.sct{padding-top:34px;padding-bottom:34px}
.motsec .tabs{padding-top:0}
.mt.more .mtim{background:var(--paper)}
.mt.more b{font-size:16px}
#hmg .mt{background:none;border:0;padding:0;text-align:left;cursor:pointer}
@media(min-width:700px){.secs{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.cbar .w{justify-content:space-between}.cbar a{flex:1 1 0}.hero h1{font-size:92px}.hero .copy{padding-top:44px}.hero .facts{margin-top:28px}.try-stage{min-height:680px}}
@media(min-width:1100px){#hmg{grid-template-columns:repeat(5,1fr)}}
@media(max-width:999px){
 .hero .w{display:flex;flex-direction:column;padding-top:0}
 .hero .try-stage{order:-1}
 .hero .try-stage img.prod{max-height:58vh}
 .hero h1{font-size:44px;margin-top:22px}
 .hero .lead{font-size:14.5px}
}

.mogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mo{border:1px solid var(--line);padding:8px;display:grid;gap:6px;background:var(--white)}
.mo.off{opacity:.45}
.mo .im{aspect-ratio:1;background:var(--paper);display:grid;place-items:center;padding:10%}
.mo .im img{max-width:100%;max-height:100%;object-fit:contain}
.mo input{border:1px solid var(--line);min-height:38px;padding:0 8px;font-size:14px;width:100%}
.mo .b{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mo .b button{border:1px solid var(--line);padding:6px 10px;font-size:13px}
@media(min-width:700px){.mogrid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1100px){.mogrid{grid-template-columns:repeat(6,1fr)}}
#t-mot .two{display:grid;grid-template-columns:1fr;gap:12px}
#t-mot .two label{display:grid;gap:4px;font-size:13px;color:var(--mute)}
#t-mot .two input{border:1.5px solid var(--line);min-height:44px;padding:0 10px;font-size:15px;width:100%}
@media(min-width:700px){#t-mot .two{grid-template-columns:1fr 1fr}}
.nav a{white-space:nowrap}
@media(min-width:1000px) and (max-width:1239px){.nav{display:none}.hdr .menu-b{display:grid}}

.mtw{display:grid;gap:4px;margin-top:10px;font-size:13px;color:var(--mute)}
.mtw[hidden]{display:none!important}
.mtw label{font-weight:600;color:var(--ink)}
.mtw small{font-size:12.5px}

/* editable templates */
.tplsec{background:var(--dk);color:#d7d7da;padding:56px 0}
.tplsec .sh h2{color:#fff}
.tplsec .sh p{color:#b9b9be}
.tplin{display:grid;gap:6px;max-width:520px;margin-bottom:22px}
.tplin label{font-size:13px;font-weight:600;color:#fff}
.tplin input{min-height:52px;border:0;padding:0 14px;font-size:17px;font-weight:600}
.tplrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}
.tpl{display:grid;gap:6px;color:#fff}
.tpl .mtim{border-color:#2b2d31}
.tpl b{font-size:14px;font-weight:600}
.tpl span{font-size:12.5px;color:#9c9ca2}
.tpl:hover .mtim{outline:2px solid var(--red);outline-offset:-2px}
/* tier band */
.tier{background:#1b1c20;color:#d7d7da;padding:56px 0}
.tier h2{font-size:44px;color:#fff}
.tier p{margin:8px 0 22px;max-width:40em}
.tiers2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}
.tiers2 div{border:1.5px solid #3a3c42;padding:14px;display:grid;gap:2px}
.tiers2 span{font-size:13px;color:#b9b9be}
.tiers2 b{font-family:var(--cond);font-size:40px;color:#fff;line-height:1;font-weight:800}
.tiers2 small{font-size:12px;color:#9c9ca2}
.tiers2 .top{background:var(--red);border-color:var(--red)}
.tiers2 .top span,.tiers2 .top small{color:#fff}
/* why */
.whyg{display:grid;gap:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--dk);color:#fff;padding:22px}
.stats[hidden]{display:none!important}
.stats b{font-family:var(--cond);font-size:40px;display:block;line-height:1}
.stats span{font-size:12.5px;color:#b9b9be}
.feats{display:grid;gap:10px}
.feats div{border:1.5px solid var(--line);padding:18px;background:var(--white)}
.feats b{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.feats p{font-size:14px}
/* final */
.fin{padding:20px 0 64px}
.finbox{background:var(--dk);color:#d7d7da;padding:34px 24px;display:grid;gap:12px}
.finbox h2{font-size:44px;color:#fff}
.finbox .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.svc{display:grid;gap:8px;margin-top:10px}
.svc a{border:1.5px solid var(--line);padding:18px;display:grid;gap:4px;color:var(--ink)}
.svc a:hover{border-color:var(--ink)}
.svc b{font-size:16px}
.svc span{font-size:13.5px;color:var(--mute)}
/* header CTA */
.nav a.try{background:var(--red);color:#fff!important;padding:10px 16px;margin-left:6px}
.nav a.try:hover{background:var(--red-d)}
@media(min-width:700px){.tiers2{grid-template-columns:repeat(4,1fr)}.feats{grid-template-columns:1fr 1fr}.svc{grid-template-columns:repeat(3,1fr)}.finbox{padding:48px}}
@media(min-width:1000px){.tier .w{display:grid;grid-template-columns:1fr 1.4fr;column-gap:40px;align-items:center}.tier .tiers2{grid-column:2;grid-row:1/4;margin:0}.tier h2{font-size:64px}.finbox h2{font-size:68px}.whyg{grid-template-columns:1fr}}
.tplrow{gap:16px}
.tpl{min-width:0}
.tpl .mtim{aspect-ratio:1;overflow:hidden;padding:14%}
.tpl .mtim img{max-height:100%;max-width:100%}
.tier .btn{justify-self:start}
@media(min-width:1100px){.tplrow{grid-auto-flow:row;grid-template-columns:repeat(6,1fr);overflow:visible}}
.tplin input{color:var(--ink)}

.pc .dz2{position:absolute;left:8px;bottom:8px;background:var(--red);color:#fff;font-size:12.5px;font-weight:700;padding:7px 11px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.pc:hover .dz2,.pc:focus-visible .dz2{opacity:1;transform:none}
@media(hover:none){.pc .dz2{opacity:1;transform:none;font-size:11.5px;padding:5px 8px}}
.pc .szr{display:inline-block;margin-left:6px;font-size:12px;border:1px solid var(--line);padding:1px 6px;color:var(--mute);vertical-align:2px}
/* category extras */
.cstrip{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border:1px solid var(--line);margin:4px 0 18px;background:var(--white)}
.cstrip div{flex:1 0 auto;padding:10px 14px;border-right:1px solid var(--line);font-size:13px;color:var(--mute);white-space:nowrap}
.cstrip div:last-child{border-right:0}
.cstrip b{color:var(--ink);font-size:14px;margin-right:4px}
.pc.promo{background:var(--dk);color:#d7d7da;padding:18px;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:auto;min-height:100%}
.pc.promo h3{color:#fff;font-family:var(--cond);font-size:30px;text-transform:uppercase;line-height:1;margin:0}
.pc.promo p{font-size:13.5px;margin:10px 0 16px}
.pc.promo .btn{min-height:44px;font-size:14px;padding:0 14px}
.pc.promo.r{background:var(--red);color:#fff}
.pc.promo.r .btn{background:var(--white);color:var(--red);border-color:#fff}

.mbar .mtx{max-width:none;flex:2 1 260px}
.mbar input{border:1.5px solid var(--line);min-height:46px;padding:0 10px;font-size:15px;color:var(--ink)}
.trust{display:grid;gap:6px;margin-top:14px;font-size:13px;color:var(--mute)}
.trust div{display:flex;gap:8px;align-items:flex-start}
.trust b{color:var(--ink)}
.trust i{flex:none;width:8px;height:8px;background:var(--red);margin-top:6px}

.pdesc{padding:30px 0 10px;border-top:1px solid var(--line);margin-top:20px}
.pdesc[hidden]{display:none!important}
.pdg{display:grid;gap:24px}
.txt2{max-width:46em}
.txt2 h3{font-size:19px;color:var(--ink);margin-bottom:10px}
.txt2 h4{font-size:15.5px;color:var(--ink);margin:16px 0 6px}
.txt2 p{font-size:14.5px;margin-bottom:10px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gal button{aspect-ratio:1;background:var(--paper);overflow:hidden;border:1px solid var(--line);padding:0}
.gal img{width:100%;height:100%;object-fit:cover}
.gal button:hover{outline:2px solid var(--ink);outline-offset:-2px}
.pvid{margin-top:8px;aspect-ratio:16/9;background:var(--paper);border:1px solid var(--line)}
.pvid[hidden]{display:none}
.pvid iframe{width:100%;height:100%;border:0;display:block}
@media(min-width:1000px){.pdg{grid-template-columns:1.3fr 1fr}.gal{grid-template-columns:repeat(2,1fr)}}

.cdesc{border-top:1px solid var(--line);padding:30px 0 60px}
.cdesc .txt2 h2{font-size:20px;color:var(--ink);margin-bottom:10px}
.cdesc .txt2 h3{font-size:16px;color:var(--ink);margin:14px 0 6px}
.cdesc .txt2 p{font-size:14px;color:var(--mute);margin-bottom:8px}
.cdesc.fold .txt2{max-height:180px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.cdesc .lnk{margin-top:10px}

.blist{display:grid;gap:12px;margin-bottom:70px}
.blist a{border:1.5px solid var(--line);padding:20px;display:grid;gap:6px;color:var(--ink)}
.blist a:hover{border-color:var(--ink)}
.blist b{font-size:18px}
.blist span{font-size:14px;color:var(--mute)}
.blist em{font-style:normal;color:var(--red);font-weight:600;font-size:14px}
.post h1{font-size:46px;color:var(--ink);margin:10px 0 20px;max-width:16em}
.post .txt2 h2{font-size:19px;color:var(--ink);margin:20px 0 8px}
.post .txt2 p{font-size:15px;margin-bottom:10px}
@media(min-width:800px){.blist{grid-template-columns:1fr 1fr}}
.txt2 ul{margin:4px 0 12px 18px;font-size:14.5px}.txt2 li{margin-bottom:4px;list-style:square}.txt2 li::marker{color:var(--red)}
.post .txt2 h4{font-size:18px;color:var(--ink);margin:20px 0 8px}
.ctree{padding:0 0 40px}
.ctree>ul{display:grid;gap:4px 30px;columns:1}
.ctree ul{list-style:none}
.ctree li{padding:5px 0;font-size:14.5px}
.ctree li a{color:var(--ink);font-weight:600}
.ctree li small{color:var(--mute);font-size:12px;margin-left:4px}
.ctree li ul{margin:4px 0 0 16px;border-left:1px solid var(--line);padding-left:12px}
.ctree li ul a{font-weight:500}
@media(min-width:800px){.ctree>ul{display:block;columns:3}.ctree>ul>li{break-inside:avoid}}
.nmb{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.nmb textarea{width:100%;margin-top:8px;resize:vertical;font-family:inherit;min-height:110px;padding:10px}
.nmb small{display:block;margin-top:6px;font-size:12.5px}
.nml{columns:3;column-gap:24px;margin:8px 0 0 18px;font-size:13.5px}
@media(max-width:700px){.nml{columns:2}}
.ctl .ur button{display:grid;place-items:center}
.ctl .ur button+button{border-left:1px solid var(--line2)}
.ctl .ur svg{width:18px;height:18px}
.ctl .ur button:disabled{opacity:.35;cursor:default}
.pc .qp{font-size:12.5px;color:var(--mute);margin-top:2px}
.pc .qp b{color:var(--ink);font-weight:600}
.occ{display:block;background:var(--red);color:#fff}
.occ .w{display:flex;align-items:center;gap:6px 14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;font-size:14px}
.occ b{font-weight:700}
.occ span{opacity:.92}
.occ em{font-style:normal;font-weight:600;margin-left:auto;display:flex;align-items:center;gap:4px;white-space:nowrap}
.occ:hover em{text-decoration:underline}
@media(max-width:699px){.occ .w{font-size:13px;padding-top:8px;padding-bottom:8px}.occ span{display:none}}
.exb span{display:none}
@media(min-width:1440px){.hdr .act .exb{width:auto;display:flex;gap:8px;padding:0 14px;font-size:14px;font-weight:600;color:var(--ink)}.exb span{display:inline}}
.exb svg{width:20px;height:20px}
.tplrow{min-width:0;max-width:100%}
.mgrid2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:700px){.mgrid2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.mgrid2{grid-template-columns:repeat(4,minmax(0,1fr))}}
.exb{white-space:nowrap;flex-shrink:0}.hdr .logo{flex-shrink:0}
@media(min-width:1240px) and (max-width:1439px){.hdr .act .exb{display:none}}
.stage .lg .h{width:26px;height:26px;right:-30px;bottom:-30px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30a23' stroke-width='2.4'%3E%3Cpath d='M7 17 17 7M10 7h7v7'/%3E%3C/svg%3E") center/16px no-repeat;border:2px solid var(--red)}
.stage.zm .lg .h{transform:scale(.42);transform-origin:0 0}
.stage.zm .lg.sel{outline-width:.7px}
.kidz{display:grid;gap:22px;margin-top:6px}
.kids{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kid{position:relative;margin:0;overflow:hidden;background:var(--paper);aspect-ratio:4/5}
.kid>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.kid .kp{position:absolute;transform:translate(-50%,-50%);height:auto;mix-blend-mode:multiply;opacity:.94;transition:opacity .18s;pointer-events:none}
.kid[data-shirt] .kp{mix-blend-mode:normal;opacity:.9;filter:contrast(.96)}
.kside{display:grid;gap:12px;align-content:start}
.kday{font-size:13px;font-weight:600;color:var(--red);text-transform:uppercase;letter-spacing:.04em}
.kname{font-size:22px;font-weight:700;color:var(--ink);line-height:1.2}
.kgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kt{aspect-ratio:1;background:var(--white);border:1.5px solid var(--line);display:grid;place-items:center;padding:14%;cursor:pointer}
.kt img{max-width:100%;max-height:100%;object-fit:contain}
.kt[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.kt:hover{border-color:var(--ink)}
.kact{display:flex;gap:10px;flex-wrap:wrap}
.knote{font-size:12.5px}
@media(min-width:900px){.kids{grid-template-columns:repeat(4,1fr)}.kside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:36px;align-items:start}.kside>*{grid-column:1}.kside .kgrid{grid-column:2;grid-row:1/span 4;margin:0}}
.form .rq{color:var(--red);margin-left:3px;font-weight:700}
.rqn{font-size:12.5px;margin-bottom:-4px}
.form .fe{display:block;color:var(--red);font-size:12.5px;font-weight:500;margin-top:5px;line-height:1.4}
.form .fe:empty{display:none}
.form .bad{border-color:var(--red)!important;background:#fff6f7}
.sum .shp{font-size:13px;color:var(--mute);border-top:0;padding-top:0}
.pol{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;margin-top:8px}
.pol .lnk{font-size:13px}
@media(max-width:899px){.wa{width:48px;height:48px;right:12px;bottom:12px}.wa svg{width:24px;height:24px}.wa.wa-pg{display:none}}
.sqf{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.sqf .btn{min-height:46px}
.wa{border-radius:28px;width:auto;min-width:56px;padding:0 18px 0 16px;gap:10px;display:flex;align-items:center;background:#1fa855;color:#fff;font-weight:600;font-size:15px;transition:transform .15s,background .15s}
.wa:hover{background:#18914a;transform:translateY(-1px)}
.wa span{white-space:nowrap}
.wa.on{background:#111214}
.wap{position:fixed;right:16px;bottom:84px;z-index:46;width:min(360px,calc(100vw - 24px));background:var(--white);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.28);border:1px solid var(--line);display:flex;flex-direction:column;max-height:calc(100vh - 110px)}
.wap[hidden]{display:none}
.waph{display:grid;grid-template-columns:40px 1fr 36px;gap:12px;align-items:center;background:#0f5e3b;color:#fff;padding:14px 12px 14px 16px}
.wapl{width:40px;height:40px;background:#1fa855;display:grid;place-items:center;border-radius:20px}
.wapl svg{width:22px;height:22px;fill:#fff}
.waph b{display:block;font-size:16px}
.waph small{display:block;font-size:12.5px;opacity:.85}
.wapx{width:36px;height:36px;display:grid;place-items:center;color:#fff}
.wapx svg{width:20px;height:20px}
.wapb{padding:16px;background:#efeae2;display:grid;gap:12px;overflow:auto}
.wapm{background:var(--white);padding:10px 12px;font-size:14px;line-height:1.5;max-width:88%;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wapq{display:flex;flex-wrap:wrap;gap:6px}
.wapq button{background:var(--white);border:1px solid #c9d8cf;color:#0f5e3b;font-size:13px;font-weight:600;padding:7px 11px;border-radius:16px}
.wapq button:hover{background:#0f5e3b;color:#fff}
.wapf{display:grid;grid-template-columns:1fr 46px;gap:8px;padding:10px;border-top:1px solid var(--line)}
.wapf textarea{border:1.5px solid var(--line);padding:9px 10px;font:inherit;font-size:14px;resize:none;min-height:46px}
.wapf textarea:focus{border-color:#1fa855;outline:none}
.wapsend{background:#1fa855;display:grid;place-items:center;border-radius:23px;width:46px;height:46px;align-self:end}
.wapsend svg{width:20px;height:20px;fill:#fff}
.wapn{font-size:11.5px;color:var(--mute);padding:0 12px 10px}
.wapn a{color:var(--ink);font-weight:600}
@media(max-width:899px){.wa{min-width:0;width:50px;height:50px;padding:0;justify-content:center;border-radius:25px}.wa span{display:none}.wap{right:12px;bottom:72px}}
.wa{border-radius:4px}.wapq button{border-radius:3px}.wapsend{border-radius:4px}.wapl{border-radius:4px}
@media(max-width:899px){.wa{border-radius:4px}}

/* dark theme */
html[data-theme=dark]{color-scheme:dark;--ink:#f1f1f3;--ink2:#e0e0e4;--txt:#c9cad0;--mute:#999ca4;--paper:#1b1c20;--line:#34363c;--line2:#2a2c31;--white:#131417;--dk:#0a0a0c;--selbg:#f1f1f3;--selfg:#111214;--ok:#3cc07c}
html[data-theme=dark] .lnk,html[data-theme=dark] .mt span{color:#ff5468}
html[data-theme=dark] .hdr .logo img{content:url(../img/logo-dark.png)}
html[data-theme=dark] .kt,html[data-theme=dark] .kid{background:#fff}
html[data-theme=dark] .topbar,html[data-theme=dark] .ftr,html[data-theme=dark] .camp{border-bottom:1px solid #222327}
html[data-theme=dark] .hdr{border-bottom-color:#26282c}
html[data-theme=dark] img{color-scheme:light}
html[data-theme=dark] .bad{background:#2a1418!important}
html[data-theme=dark] .wapb{background:#1d1f22}
html[data-theme=dark] .wapm,html[data-theme=dark] .wapq button{background:#2a2c31;color:#e8e8ea;border-color:#3a3c42}
.thb svg{width:20px;height:20px}
html[data-theme=dark] .nl{background:#1b1c20}
html[data-theme=dark] .nl input[type=email]{background:#2a2c31;color:#eee}
@media(min-width:1240px) and (max-width:1339px){.nav a{padding:8px 9px}}
.tadv{display:grid;gap:12px;margin-top:4px}
.tadv label,.adv label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--ink)}
.tadv output,.adv output{font-weight:500;color:var(--mute);margin-left:6px}
.tadv input[type=range],.adv input[type=range]{width:100%;accent-color:var(--red)}
.tadv .check{display:flex;font-weight:500}
.tadv span,.adv span{font-size:13px;font-weight:600;color:var(--ink);display:block;margin-bottom:6px}
.seg{display:flex;gap:6px}
.seg.wrap{flex-wrap:wrap}
.seg button{border:1.5px solid var(--line);padding:7px 11px;font-size:13px;font-weight:500;background:var(--white);color:var(--ink)}
.seg button[aria-pressed=true]{border-color:var(--ink);background:var(--selbg);color:var(--selfg)}
.adv{margin-top:14px;border:1px solid var(--line);padding:10px 12px}
.adv summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ink)}
.adv[open]{display:grid;gap:12px}
.adv small{display:block;margin-top:6px;font-size:12px}
.cpick{position:relative;width:34px;height:34px;border:1.5px solid var(--line);background:conic-gradient(red,#ff0,lime,cyan,blue,#f0f,red);display:inline-block;cursor:pointer}
.cpick.on{outline:2px solid var(--ink);outline-offset:1px}
.cpick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.tsty .tadv{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px 20px}
.tsty .tadv>div:first-child,.tsty .tadv .check{grid-column:1/-1}
@media(max-width:600px){.tsty .tadv{grid-template-columns:1fr}}
@media(min-width:1440px) and (max-width:1799px){.hdr .act .exb{width:44px;padding:0;justify-content:center}.exb span{display:none}}
@media(min-width:1340px) and (max-width:1799px){.nav a{padding:8px 9px}.hdr .w{gap:12px}}
.hdr .act .exb{width:44px!important;padding:0!important;justify-content:center}.hdr .act .exb span{display:none!important}
@media(min-width:1340px){.nav a{padding:8px 9px}.hdr .w{gap:12px}}
.ctl .p3{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);border:1.5px solid var(--line);height:44px;padding:0 10px;cursor:pointer}.ctl .p3 input{accent-color:var(--red);width:16px;height:16px}
.refg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.refg figure{margin:0;border:1px solid var(--line);background:#fff;display:grid;justify-items:center;gap:6px;padding:16px 10px 12px;transition:border-color .15s}
.refg img{width:86px;height:86px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.refg figure:hover{border-color:#111214}.refg figure:hover img{filter:none;opacity:1}
.refg figcaption{font-size:12.5px;font-weight:600;color:#34363b;text-align:center}
@media(min-width:600px){.refg{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1000px){.refg{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ab{display:grid;gap:44px;margin:10px 0 70px}
.abh{display:grid;gap:24px;align-items:center}
.abh figure{margin:0;aspect-ratio:3/2;overflow:hidden}.abh img{width:100%;height:100%;object-fit:cover}
.ablead{font-size:19px;line-height:1.55;color:var(--ink);font-weight:500}
.abq{margin-top:16px;padding-left:14px;border-left:4px solid var(--red);font-weight:600;color:var(--ink)}
.abact{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.abg{display:grid;gap:28px}
.abk{background:var(--paper);padding:24px;align-self:start}.abk h2{font-size:38px;color:var(--ink);margin-bottom:12px}.abk p{margin-top:10px}
.abf{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.abf div{background:var(--white);padding:18px;display:grid;gap:4px}.abf b{color:var(--ink);font-size:16px}.abf span{font-size:13.5px;color:var(--mute)}
.abr .sh h2{font-size:44px}
.abwide{margin:0;position:relative}.abwide img{width:100%;aspect-ratio:16/7;object-fit:cover}.abwide figcaption{font-size:13px;color:var(--mute);margin-top:8px}
@media(min-width:900px){.abh{grid-template-columns:1.1fr 1fr;gap:44px}.abg{grid-template-columns:1.4fr 1fr;gap:44px}.abf{grid-template-columns:repeat(4,1fr)}}
html[data-theme=dark] .refg figure{background:#f4f4f4}
.mailnote{border-left:4px solid var(--red);background:var(--paper);padding:12px 14px;font-size:14px;margin:6px 0 18px}
.tools{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.tools button[hidden]{display:none}
#v3B{color:var(--red)}
.v3{position:fixed;inset:0;z-index:80;background:rgba(10,10,12,.7);display:grid;place-items:center;padding:12px}
.v3in{background:var(--white);width:min(760px,100%);height:min(860px,100%);display:grid;grid-template-rows:auto 1fr auto auto}
.v3h{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.v3h b{font-size:17px;color:var(--ink)}.v3h span{font-size:13px;color:var(--mute);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3x{width:40px;height:40px;font-size:28px;line-height:1;color:var(--ink)}
.v3c{position:relative;min-height:0;background:radial-gradient(circle at 50% 40%,#fbfaf8,#e3e0da);overflow:hidden}
html[data-theme=dark] .v3c{background:radial-gradient(circle at 50% 40%,#2a2c31,#141518)}
.v3c canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.v3l{position:absolute;inset:0;display:grid;place-items:center;color:var(--mute);font-size:14px}
.v3b{display:flex;gap:8px;padding:12px 14px;flex-wrap:wrap;border-top:1px solid var(--line)}
.v3b button{border:1.5px solid var(--line);padding:9px 16px;font-weight:600;font-size:14px;color:var(--ink);background:var(--white)}
.v3b button:hover{border-color:var(--ink)}
.v3b [data-v=dur]{margin-left:auto}
.v3n{font-size:12px;color:var(--mute);padding:0 14px 12px}

.tside{position:absolute;top:12px;left:12px;display:flex;z-index:3;background:var(--white);border:1px solid var(--line)}
.tside button{min-height:40px;padding:0 16px;font-weight:600;font-size:14px;font-family:inherit;background:none;border:0;cursor:pointer;color:var(--ink)}
.tside button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.try-stage.hasv .dots{top:64px}
@media(max-width:600px){.tside{left:8px;right:8px;top:8px;overflow-x:auto}.tside button{padding:0 11px;font-size:13px;flex:1 0 auto}.try-stage.hasv .dots{top:58px;right:8px}}
.kolblk{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:grid;gap:8px}.kolh{font-weight:600;margin:0}
.mdl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.mdl span{font-weight:600;font-size:14px;margin-right:4px}.mdl button{min-height:40px;padding:0 14px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.mdl button[aria-checked=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.zw>img{width:100%;height:auto;display:block}
/* satış odaklı ürün sayfası */
.gmain{position:relative;background:var(--paper)}
.gmain>#gimg{width:100%;height:auto;display:block}
.gmot{position:absolute;transform:translate(-50%,-50%);height:auto;pointer-events:none}
.gth{margin-top:8px}
.gnote{font-size:12.5px;margin-top:8px}
.sprice{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.sprice b{font-family:var(--cond);font-size:40px;font-weight:800;color:var(--ink);line-height:1}
.sprice span{font-size:13px;color:var(--mute)}
.szg{font-size:13px;font-weight:600;color:var(--ink);margin:10px 0 6px}
.szg:first-child{margin-top:0}
.sizes+.szg{margin-top:12px}
.mtx{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:10px}
.lnote{font-size:13px;margin-top:10px}
.sbtn2{display:grid;gap:8px;margin-top:14px}
.sbtn2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.dsg{border:1.5px solid var(--red);padding:18px;margin:6px 0 20px}
.dsg h2{font-size:16px;font-weight:600;color:var(--ink)}
.dsg p{font-size:14px;margin:6px 0 14px}
.dsgb{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.dsgb .lnk{font-size:14px}
@media(min-width:1000px){.sp .gcol{position:sticky;top:80px}}
.hlogo{font-size:14px;margin-top:14px;color:inherit;opacity:.9}
.hdsg{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;border:1.5px solid var(--red);padding:18px;margin-top:28px}
.hdsg>div{flex:1 1 320px;display:grid;gap:4px}
.hdsg b{color:var(--ink);font-size:16px}
.hdsg span{font-size:14px}
/* ürün odaklı açılış */
.hero.hx .w{display:flex;flex-direction:column;gap:0;padding:22px 16px 26px;min-height:0}
.hx .copy{display:contents}
.hx h1{order:0;font-size:44px;margin:0;display:block}
.hx h1 .ln{display:inline-block;margin-right:.22em;animation:lnup .8s cubic-bezier(.2,.8,.2,1) both}
.hx h1 .ln:nth-child(2){animation-delay:.08s}.hx h1 .ln:nth-child(3){animation-delay:.16s}
.hx .hgrid{order:1;margin:18px -16px 0;padding:0 16px;display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none}
.hx .hgrid::-webkit-scrollbar{display:none}
.hx .lead,.hx .cta,.hx .facts,.hx .hlogo{order:2}
.hx .facts{display:grid;margin:22px 0 4px}
.ht{position:relative;display:block;overflow:hidden;background:#e9e6e1;height:330px;scroll-snap-align:start;color:#fff;animation:tilein .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d) + .15s)}
.ht .hi{position:absolute;inset:0;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ht .hi img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ht[data-p=cocuk-ikaz-yelegi]{background:#f3f3f1}
.ht[data-p=cocuk-ikaz-yelegi] .hi img{object-fit:contain;padding:10% 10% 26%}
.ht::after{content:'';position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(transparent,rgba(10,10,12,.86));pointer-events:none}
.ht .hc{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:grid;gap:4px}
.ht .hc b{font-size:15px;font-weight:600;line-height:1.2}
.ht .hp{font-family:var(--cond);font-weight:800;font-size:28px;line-height:1}
.ht .hp small{font-family:var(--body,inherit);font-size:12px;font-weight:500;color:#c9c9cd;margin-left:3px}
.ht .hd{display:flex;gap:4px;align-items:center;margin-top:2px}
.ht .hd i{width:14px;height:14px;box-shadow:0 0 0 1px rgba(255,255,255,.45);cursor:pointer}
.ht .hd em{font-style:normal;font-size:11.5px;color:#c9c9cd;margin-left:3px}
.ht .hgo{position:absolute;top:12px;right:12px;z-index:2;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;transform:translateY(-140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ht:hover .hgo,.ht:focus-visible .hgo{transform:none}
.ht:hover .hi img{transform:scale(1.07)}
@media(min-width:700px){.hx .hgrid{grid-auto-columns:40%}}
@media(min-width:1000px){
 .hero.hx .w{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:34px 0 40px;align-items:center}
 .hx .copy{display:flex;flex-direction:column;padding:0}
 .hx h1{font-size:96px;line-height:.92}
 .hx h1 .ln{display:block;margin:0}
 .hx .hgrid{margin:0;padding:0;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible}
 .ht{height:auto;aspect-ratio:3/4}
 .hx .facts{margin:26px 0 0}
}
@media(min-width:1000px) and (max-height:1000px){.ht{aspect-ratio:auto;height:calc((100vh - 222px - 68px - 8px) / 2);min-height:250px}.hx h1{font-size:84px}}
@keyframes lnup{from{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}
@keyframes tilein{from{opacity:0;transform:translateY(28px);clip-path:inset(18% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
/* kayan şerit */
.tick{background:var(--red);color:#fff;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.15)}
.tick .tt{display:inline-flex;animation:mq 42s linear infinite}
.tick span{font-family:var(--cond);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.02em;padding:11px 0 11px 26px;display:inline-flex;align-items:center;gap:26px}
.tick span::after{content:'';width:7px;height:7px;background:#fff;transform:rotate(45deg)}
@keyframes mq{to{transform:translateX(-50%)}}
/* referans şeridi */
.rmq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rmq .refg{display:flex;width:max-content;gap:10px;animation:mq 46s linear infinite}
.rmq:hover .refg{animation-play-state:paused}
.rmq .refg figure{width:150px;flex:none}
/* kaydırınca beliren öğeler */
.fx [data-rv]{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0ms)}
.fx [data-rv]:not(.in){opacity:0;transform:translateY(34px)}
.fx .pc .im,.fx .tile{overflow:hidden}
.pc .im img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pc:hover .im img{transform:scale(1.05)}
.tilt{transition:transform .25s ease-out;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
@media(prefers-reduced-motion:reduce){.hx h1 .ln,.ht,.tick .tt,.rmq .refg{animation:none!important}.fx [data-rv]:not(.in){opacity:1;transform:none}.tilt{transform:none!important}}
/* vitrin */
.vit{position:relative;overflow:hidden;background:var(--dk);touch-action:pan-y}
.vtrack{display:flex;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.vs{flex:0 0 100%;min-width:0;position:relative;overflow:hidden}
.vs.dk{background:#111214;color:#fff}.vs.rd{background:var(--red);color:#fff}.vs.lt{background:#e9e7e1;color:var(--ink)}
html[data-theme=dark] .vs.lt{background:#1b1c20;color:#f1f1f3}
.vs .w{display:grid;gap:22px;padding-top:30px;padding-bottom:78px;height:100%}
.vs h2{font-size:52px;line-height:.92;color:inherit}
.vs h2 .r{color:var(--red)}.vs.rd h2 .r{color:#111214}
.vs p{max-width:30em;margin-top:14px;font-size:15px;opacity:.82}
.vs .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.vs .btn.wh{background:#fff;color:var(--red);border-color:#fff}
.vs.lt .btn.inv,.vs.lt .btn:not(.red){color:var(--ink);border-color:var(--ink)}
.vg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.vt{position:relative;display:block;background:#f1f0ec;overflow:hidden;aspect-ratio:4/5}
.vt img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.vt:hover img{transform:scale(1.05)}
.vt .vm{position:absolute;left:50%;top:34%;width:34%;height:auto;transform:translate(-50%,-50%)!important;object-fit:contain}
.vt span{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(transparent,rgba(10,10,12,.72));color:#fff;font-size:12.5px;font-weight:600;display:grid;line-height:1.25}
.vt span b{font-family:var(--cond);font-size:22px;font-weight:800}
.vt.b{transform:translateY(-18px)}
.vs .vc>*{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.vs .vt{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}
.vs.on .vc>*{opacity:1;transform:none}.vs.on .vt{opacity:1;transform:none}.vs.on .vt.b{transform:translateY(-18px)}
.vs.on .vc>*:nth-child(2){transition-delay:.12s}.vs.on .vc>*:nth-child(3){transition-delay:.22s}
.vs.on .vt.a{transition-delay:.15s}.vs.on .vt.b{transition-delay:.27s}.vs.on .vt.c{transition-delay:.39s}
.vnav{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.vnav>*{pointer-events:auto}
.vdots{display:flex;gap:8px}
.vdots button{width:44px;height:24px;display:grid;align-items:center;padding:0}
.vdots i{display:block;height:3px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.vdots i::after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.vdots button[aria-selected=true] i::after{transform:scaleX(1)}
.vdots button.run i::after{animation:vprog 6.5s linear both;transform:none}
.vit.pz .vdots button.run i::after{animation-play-state:paused}
@keyframes vprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.varr{display:flex;gap:6px}
.varr button{width:44px;height:44px;border:1.5px solid rgba(255,255,255,.4);color:#fff;display:grid;place-items:center;background:rgba(0,0,0,.15)}
.varr button:hover{background:#fff;color:#111214}
.varr svg{width:20px;height:20px}
@media(min-width:1000px){
 .vs .w{grid-template-columns:.72fr 1.28fr;align-items:center;gap:44px;padding-top:34px;padding-bottom:84px}
 .vg{grid-template-columns:1fr 1.2fr 1fr}
 .vt{aspect-ratio:3/4}
 .vs h2{font-size:96px}
 .vg{gap:14px}
}
@media(max-width:999px){.vs .w{grid-template-columns:minmax(0,1fr);padding-top:18px}.vg{order:-1;gap:6px}.vt span{display:none}.vt.b,.vs.on .vt.b{transform:none}.vs h2{font-size:42px}.vs p{font-size:14.5px}}
/* kategori vitrini */
.cvg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cv{position:relative;display:block;overflow:hidden;background:#f1f0ec;aspect-ratio:4/5}
.cv img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cv::before{content:'';position:absolute;left:0;top:0;width:6px;height:0;background:var(--red);z-index:2;transition:height .5s cubic-bezier(.2,.8,.2,1)}
.cv:hover::before{height:100%}
.cv:hover img{transform:scale(1.05)}
.cvt{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(10,10,12,.78));color:#fff;display:grid;gap:2px}
.cvt b{font-family:var(--cond);font-size:30px;font-weight:800;line-height:1;text-transform:uppercase}
.cvt small{font-size:12.5px;color:#d6d6da}
.cvb{position:absolute;top:12px;right:12px;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;transform:translateY(-150%);transition:transform .35s}
.cv:hover .cvb{transform:none}
@media(min-width:800px){.cvg{grid-template-columns:repeat(4,1fr);gap:12px}.cv.lg{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.cv.lg .cvt b{font-size:44px}}
/* ürün sekmeleri */
.stabs{margin-bottom:16px}

.srow{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px) / 1.6);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.srow::-webkit-scrollbar{display:none}
.srow>*{scroll-snap-align:start}
.sarr{display:flex;gap:6px}
.sarr button{width:42px;height:42px;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--ink)}
.sarr button:hover{border-color:var(--ink)}
.sarr svg{width:18px;height:18px}
@media(min-width:700px){.srow{grid-auto-columns:calc((100% - 42px) / 3.3)}}
@media(min-width:1100px){.srow{grid-auto-columns:calc((100% - 56px) / 4.4)}}
@media(max-width:699px){.sarr{display:none}}
.kids.tees{grid-template-columns:repeat(3,1fr)}
.vit[data-k=lt] .varr button{color:#111214;border-color:rgba(17,18,20,.35);background:transparent}
.vit[data-k=lt] .varr button:hover{background:#111214;color:#fff}
.vit[data-k=lt] .vdots i{background:rgba(17,18,20,.2)}.vit[data-k=lt] .vdots i::after{background:#111214}
html[data-theme=dark] .vit[data-k=lt] .varr button{color:#fff;border-color:rgba(255,255,255,.4)}

.strip{background:var(--dk);color:#d7d7da;font-size:12.5px}
.strip.hot{background:var(--red);color:#fff}
.strip .w{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px}
.strip .sm{display:flex;gap:8px;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}
.strip .sm b{font-weight:700;color:#fff}
.strip .sm em{font-style:normal;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:#fff}
.strip button{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:12.5px}
.strip .tr2{display:flex;gap:16px;flex:none}
.strip .tr2 a{color:#fff;font-weight:600}
.strip .t2{display:none}
@media(min-width:700px){.strip .t2{display:inline}}
@media(min-width:1000px){.nav{display:flex}.hdr .menu-b{display:none}}

.vs .w{gap:18px}
.vg{grid-template-columns:1fr;justify-items:center}
.vt{width:min(100%,440px);aspect-ratio:4/5}
.vs h2{font-size:40px;line-height:.95;max-width:9em}
@media(max-width:999px){.vt{width:min(62%,260px)}.vt span{display:none}}
@media(min-width:1000px){.vs .w{grid-template-columns:1.15fr .85fr}.vg{grid-template-columns:1fr}.vt{aspect-ratio:4/5}.vs h2{font-size:80px}}

.camp .w{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px 26px;padding-top:11px;padding-bottom:11px}
.camp .w::-webkit-scrollbar{display:none}
.camp .w>div{display:flex;gap:6px;padding:0;border:0;align-items:baseline;white-space:nowrap;flex:none}
.camp b{flex:none;font-family:var(--sans);font-size:13px;font-weight:600;text-transform:none;color:#fff;line-height:1.4}
.camp span{display:inline;font-size:13px}
.camp .w>div:first-child{margin-left:auto}.camp .w>div:last-child{margin-right:auto}
.camp .w>div+div::before{content:'';width:4px;height:4px;background:var(--red);align-self:center;margin-right:20px}
@media(min-width:1100px){.camp .w>div{padding:0}}

.sh h2,.tier h2,.finbox h2,.abr .sh h2{font-family:var(--sans);text-transform:none;letter-spacing:-.01em;line-height:1.15;font-weight:600;font-size:26px}
@media(min-width:1000px){.sh h2,.tier h2,.finbox h2,.abr .sh h2{font-size:32px}}
.tk h2,.cmp h3,.mbox h3,.empty h2,.odet h2{font-family:var(--sans);text-transform:none;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.tk h2,.empty h2,.mbox h3{font-size:24px}
.cmp h3,.odet h2{font-size:22px}
.cvt b{font-family:var(--sans);text-transform:none;font-weight:600;font-size:18px;line-height:1.2}
@media(min-width:800px){.cv.lg .cvt b{font-size:26px}}
.tiers2 b{font-family:var(--sans);font-weight:700;font-size:32px}
.bvn{padding:10px 0 34px}

.pc .sws{margin-top:10px}
.pc .pnote{color:var(--red);font-size:13px;font-weight:600;margin-top:8px}
.pc h3{margin-top:6px}
.pc .pnote+h3{margin-top:0}
.pc .pr{margin-top:4px}

.acc{border-top:1px solid var(--line);margin-top:26px}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-weight:600;color:var(--ink);font-size:15px}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:'';flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.acc details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.acc .accb{padding:0 0 22px;display:grid;gap:16px}
.acc .gal{grid-template-columns:repeat(3,1fr)}
.acc .pvid{margin-top:0}
.acc .specs{margin-top:0}
.acc .accb>.lnk{justify-self:start}
.dlist{margin:0 0 0 18px;display:grid;gap:6px;font-size:14.5px}
.dlist li{list-style:square}
.dlist li::marker{color:var(--red)}
.sprice+.tiers{margin:8px 0 4px}

.phead .cnt{font-family:var(--sans);font-size:.36em;font-weight:500;color:var(--mute);text-transform:none;letter-spacing:0;vertical-align:middle}
.lst{display:grid}
.fside{display:none;border:1px solid var(--line);padding:16px;margin-bottom:18px;background:var(--white)}
.fside.on{display:grid;gap:20px}
.fg>b{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}
.fgc{display:none}
#fcat{display:grid}
#fcat a{display:flex;justify-content:space-between;gap:8px;padding:8px 0;font-size:14px;border-bottom:1px solid var(--line2)}
#fcat a:hover,#fcat a.on{color:var(--red)}
#fcat a.on{font-weight:600}
#fcat span{color:var(--mute);font-size:13px}
.fpr{display:flex;flex-wrap:wrap;gap:6px}
.fpr button{border:1.5px solid var(--line);padding:0 12px;font-size:13.5px;min-height:40px;background:var(--white)}
.fpr button[aria-pressed=true]{background:var(--selbg);border-color:var(--ink);color:var(--selfg)}
.fpr button:disabled{opacity:.4;cursor:default}
.fside .lnk{justify-self:start}
.bar2 label{display:flex;align-items:center;gap:8px}
.fbtn{min-height:44px;padding:0 18px;font-size:14px}
@media(min-width:1000px){
 .lst{grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}
 .fside{display:grid;gap:24px;border:0;padding:0;margin:0;position:sticky;top:84px}
 .fgc{display:block}
 .fbtn{display:none}
 #tabs:not(.keep){display:none}
 .lst .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.ftr .fco p{margin-top:14px;max-width:26em}
.fkv{display:grid;gap:12px;margin-top:20px}
.fkv dt{font-size:11.5px;color:#8e8f95;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.fkv dd{color:#d7d7da;display:grid;gap:2px}
.ftr .fkv a{display:inline;padding:0}
.ftr .legal{display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 0 14px}
.ftr .legal a{display:inline;padding:0;font-size:12.5px;color:#c4c5ca}
.ftr .legal a:hover{color:#fff}
@media(min-width:1000px){.ftr .w{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.pc.promo h3{font-family:var(--sans);text-transform:none;font-weight:600;font-size:22px;line-height:1.2}
.kdvn{font-size:12.5px;color:var(--mute);padding-top:6px}
.nav a.tsr{font-size:12.5px;font-weight:600;color:var(--red);border:1px solid currentColor;padding:5px 10px;margin-left:8px;align-self:center}
.nav a.tsr:hover{background:var(--red);color:#fff}
.l3b{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;background:var(--red);color:#fff;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:l3p 2.4s ease-in-out 3;white-space:nowrap}
.l3b[hidden]{display:none}
.l3b svg{width:28px;height:28px;flex:none}
.l3b span{display:grid;text-align:left;line-height:1.2}
.l3b b{font-size:15px;font-weight:700}
.l3b small{font-size:12px;opacity:.85}
.l3b:hover{background:var(--red-d)}
@keyframes l3p{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 0 rgba(227,10,35,.5)}50%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 12px rgba(227,10,35,0)}}
@media(prefers-reduced-motion:reduce){.l3b{animation:none}}
@media(max-width:600px){.l3b{bottom:10px;padding:10px 14px}.l3b small{display:none}}
.tools button.live{background:var(--red);color:#fff;border-color:var(--red)}

.vs.ph{background:#111214;color:#fff}
.vs.ph .vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.2;translate:-6% 0;transition:translate .8s cubic-bezier(.7,0,.2,1);-webkit-user-drag:none;user-select:none}
.vs.ph.pv .vbg{translate:6% 0}
.vs.ph.on .vbg{translate:0 0;animation:kb 7s cubic-bezier(.3,0,.6,1) both}
.vs.ph:nth-child(even).on .vbg{animation-name:kb2}
@keyframes kb{from{scale:1.1}to{scale:1.2}}
@keyframes kb2{from{scale:1.2}to{scale:1.1}}
.vit.drag .vtrack{transition:none}
@media(prefers-reduced-motion:reduce){.vs.ph .vbg,.vs.ph.pv .vbg,.vs.ph.on .vbg{scale:1;translate:0 0;animation:none}}
.vs.ph .vbw{position:relative;display:flex;align-items:flex-end;padding:0;height:100%}
.vband{display:flex;align-items:stretch;width:min(100%,860px);filter:drop-shadow(0 10px 30px rgba(0,0,0,.25))}
.vlg{flex:0 0 200px;display:grid;place-items:center;padding:0 34px 0 18px;background:#fff;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);margin-right:-34px}
.vlg img{width:100%;height:auto}
.vs.ph .vc{flex:1;min-width:0;background:var(--red);padding:24px 30px 26px 58px;clip-path:polygon(34px 0,100% 0,100% 100%,0 100%)}
.vs.ph h2{font-size:46px;line-height:.95;max-width:none;color:#fff}
.vs.ph p{margin-top:8px;font-size:14.5px;opacity:.92;max-width:34em}
.vs.ph .cta{margin-top:16px}
.vs.ph .btn{min-height:46px;padding:0 20px;font-size:14px}
.vs.ph .btn.inv{border-color:rgba(255,255,255,.7)}
@media(min-width:1000px){
 .vs.ph{min-height:clamp(460px,40vw,640px)}
 .vband{width:min(calc(100% - 520px),860px)}
 .vdots{margin-left:auto;margin-right:12px}
 .vit[data-k=ph] .vdots{background:rgba(17,18,20,.55);padding:10px 10px}
 .vit[data-k=ph] .varr button{background:rgba(17,18,20,.55)}
}
@media(max-width:999px){
 .vs.ph{display:flex;flex-direction:column}
 .vs.ph .vbg{position:relative;inset:auto;height:auto;aspect-ratio:4/3;flex:none}
 .vs.ph .vbw{flex:1;padding:0;align-items:stretch}
 .vdots{gap:6px}.vdots button{width:30px}
 .vband{width:100%;filter:none}
 .vlg{display:none}
 .vs.ph .vc{clip-path:none;padding:20px 16px 76px}
 .vs.ph h2{font-size:36px}
 .vs.ph .cta .btn{flex:1 1 auto}
}
.fcol summary{list-style:none}
.fcol summary::-webkit-details-marker{display:none}
@media(min-width:900px){.fcol summary{pointer-events:none}}
@media(max-width:899px){
 .ftr .w{gap:0;padding-bottom:96px}
 .ftr .fco{padding-bottom:22px}
 .fcol{border-top:1px solid #2b2d31}
 .fcol summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;cursor:pointer}
 .fcol summary b{margin:0}
 .fcol summary::after{content:'+';color:#fff;font-size:22px;font-weight:400}
 .fcol[open] summary::after{content:'\2212'}
 .fcol[open]{padding-bottom:14px}
 .ftr .bot{margin-top:6px}
}
.ctree summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px;border-top:1px solid var(--line)}
.ctree summary::-webkit-details-marker{display:none}
.ctree summary::after{content:'+';font-size:22px;color:var(--ink)}
.ctree[open] summary::after{content:'\2212'}
.ctree[open] summary{margin-bottom:8px}
@media(max-width:899px){
 .sec{padding:40px 0}
 .sh{margin-bottom:18px}
 .cstrip{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
 .cstrip div{white-space:normal;border-bottom:1px solid var(--line);padding:9px 12px}
 .cstrip div:nth-child(2n){border-right:0}
 .cstrip div:nth-last-child(-n+2){border-bottom:0}
 .cstrip b{display:block}
}
.nav{flex:1;min-width:0}
.nav-k{position:relative;display:flex;flex:none}
.nav-k[hidden]{display:none}
.nav-k>a{display:flex;align-items:center;gap:5px}
.nav .ok{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}
.nav-alt{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--white);border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:45}
.nav-k:hover>.nav-alt,.nav-k:focus-within>.nav-alt{display:block}
.nav-alt .nav-k>a{flex:1;justify-content:space-between;padding:11px 14px;white-space:normal}
.nav-alt .ok{transform:rotate(-45deg)}
.nav-alt .nav-alt{top:-1px;left:100%}
.nav-diger>.nav-alt{left:auto;right:0}
.nav-diger .nav-alt .nav-alt{left:auto;right:100%}