/* ---- app.css ---- */
[hidden]{display:none!important}
@font-face{font-family:Vazirmatn;src:url('../fonts/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:NarkhDigits;src:url('../fonts/narkh-digits.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039}
:root{
--ff:Vazirmatn;--ffd:"NKD none";--ffe:NarkhDigits;
--bg:#f7f3ec;--bg2:#efe7da;--card:#fffdf9;--field:#fbf8f2;--media:#fff;
--ink:#1b1f3b;--ink2:#474c6b;--muted:#7b7f97;
--line:rgba(27,31,59,.09);--line2:rgba(27,31,59,.16);
--saffron:#f4b43c;--saffron2:#ffd37a;--pom:#d9434f;--tq:#1aa39a;--tq2:#0f7f78;
--btn:#1b1f3b;--btn-ink:#fff8ea;
--glass:rgba(255,252,246,.74);--glass-hi:rgba(255,255,255,.6);
--ok:#0f7f63;--okbg:rgba(26,163,154,.12);--warn:#9a6205;--warnbg:rgba(244,180,60,.18);--bad:#b9303c;--badbg:rgba(217,67,79,.11);
--chip:rgba(26,163,154,.09);--chip-ink:#0f6f68;
--shadow:0 1px 2px rgba(27,31,59,.05),0 10px 30px -12px rgba(27,31,59,.18);
--shadow2:0 2px 6px rgba(27,31,59,.06),0 24px 60px -20px rgba(27,31,59,.28);
--r:24px;--r2:18px;--r3:12px;--hh:66px;
--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.3,.5,1);
--kilim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='10' viewBox='0 0 48 10'%3E%3Cpath d='M0 5 5 0 10 5 5 10z' fill='%23d9434f'/%3E%3Cpath d='M16 5 21 0 26 5 21 10z' fill='%23f4b43c'/%3E%3Cpath d='M32 5 37 0 42 5 37 10z' fill='%231aa39a'/%3E%3Cpath d='M11 5 13 3 15 5 13 7z M27 5 29 3 31 5 29 7z M43 5 45 3 47 5 45 7z' fill='%231b1f3b'/%3E%3C/svg%3E");
color-scheme:light;
}
[data-theme=dark]{
--bg:#0d0f1c;--bg2:#12152a;--card:#151a30;--field:#111528;--media:#f4f1ea;
--ink:#f1ebdf;--ink2:#c9c4d6;--muted:#8f92ab;
--line:rgba(241,235,223,.08);--line2:rgba(241,235,223,.15);
--tq:#2ec4b9;--tq2:#5fd9cf;--pom:#ee5d69;
--btn:#f4b43c;--btn-ink:#1b1f3b;
--glass:rgba(19,23,44,.72);--glass-hi:rgba(255,255,255,.05);
--ok:#5fd9b5;--okbg:rgba(46,196,185,.14);--warn:#ffc861;--warnbg:rgba(244,180,60,.14);--bad:#ff7d87;--badbg:rgba(238,93,105,.14);
--chip:rgba(46,196,185,.12);--chip-ink:#7fe3da;
--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -12px rgba(0,0,0,.55);
--shadow2:0 2px 8px rgba(0,0,0,.35),0 28px 70px -20px rgba(0,0,0,.7);
color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 80px)}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--ffd),var(--ff),Vazirmatn,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
font-feature-settings:normal;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .4s var(--ease),color .4s var(--ease)}
[lang=en] body{letter-spacing:-.005em}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--tq2)}
[data-theme=dark] a{color:var(--tq2)}
img{max-width:100%}
:root{--site-wx:1440px;--site-w:var(--site-wx);--gut:20px}
.wrap{max-width:calc(var(--site-w) + 2 * var(--gut));margin:0 auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2.5px solid var(--tq);outline-offset:2px;border-radius:8px}
bdi{unicode-bidi:isolate}
.num{font-variant-numeric:tabular-nums}
html[dir=ltr] body{font-feature-settings:normal}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.30;will-change:transform}
.aurora i:nth-child(1){width:46vmax;height:46vmax;background:var(--saffron);top:-18vmax;inset-inline-start:-14vmax;animation:drift1 38s var(--ease) infinite alternate}
.aurora i:nth-child(2){width:40vmax;height:40vmax;background:var(--tq);top:10vmax;inset-inline-end:-18vmax;opacity:.20;animation:drift2 44s var(--ease) infinite alternate}
.aurora i:nth-child(3){width:34vmax;height:34vmax;background:var(--pom);bottom:-20vmax;inset-inline-start:24vw;opacity:.13;animation:drift3 50s var(--ease) infinite alternate}
[data-theme=dark] .aurora i{opacity:.16}
[data-theme=dark] .aurora i:nth-child(3){opacity:.10}
@keyframes drift1{to{transform:translate(8vmax,6vmax) scale(1.08)}}
@keyframes drift2{to{transform:translate(-6vmax,10vmax) scale(.94)}}
@keyframes drift3{to{transform:translate(6vmax,-8vmax) scale(1.1)}}
.aurora::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,rgba(27,31,59,.05) 1px,transparent 1.2px) 0 0/22px 22px}
[data-theme=dark] .aurora::after{background:radial-gradient(circle at 1px 1px,rgba(241,235,223,.035) 1px,transparent 1.2px) 0 0/22px 22px}
.kilim{height:10px;background:var(--kilim) repeat-x center/48px 10px;opacity:.9}
.kilim.thin{height:6px;background-size:29px 6px;opacity:.75}
.ann{--k:var(--tq);position:relative;display:flex;align-items:center;gap:12px;width:fit-content;max-width:min(760px,100%);margin:0 auto clamp(16px,2.6vw,26px);
padding:7px 7px 7px 7px;padding-inline-end:8px;border-radius:999px;text-align:start;font-size:14px;line-height:1.5;color:var(--ink);
background:linear-gradient(var(--glass),var(--glass)) padding-box,linear-gradient(120deg,color-mix(in srgb,var(--k) 70%,transparent),color-mix(in srgb,var(--k) 12%,transparent) 45%,color-mix(in srgb,var(--saffron) 55%,transparent)) border-box;
border:1.5px solid transparent;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
box-shadow:0 1px 0 var(--glass-hi) inset,0 14px 34px -18px color-mix(in srgb,var(--k) 70%,transparent);animation:annin .7s var(--spring) .15s both}
.ann{max-width:min(760px,calc(100% - 32px))}
.ann:not([hidden]){margin-top:16px}
.ann.k-news{--k:var(--indigo,#5b61d6)}.ann.k-offer{--k:var(--saffron)}.ann.k-warning{--k:var(--pom)}
.ann-ico{position:relative;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--k);box-shadow:0 4px 12px -4px var(--k)}
.ann.k-offer .ann-ico{color:#1b1f3b}
.ann-ico::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--k);opacity:0;animation:annping 2.8s var(--ease) 1s infinite}
.ann-ico svg{width:17px;height:17px}
.ann p{margin:0;min-width:0;flex:1;unicode-bidi:plaintext;font-weight:600;color:var(--ink)}
.ann-cta{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;
color:var(--k);background:color-mix(in srgb,var(--k) 13%,transparent);transition:background .25s,transform .25s var(--spring)}
.ann.k-offer .ann-cta{color:#8a5a00}[data-theme=dark] .ann.k-offer .ann-cta{color:var(--saffron)}
.ann-cta:hover{background:color-mix(in srgb,var(--k) 22%,transparent);transform:translateY(-1px)}
.ann-x{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.ann-x:hover{background:var(--field);color:var(--ink)}
.ann-x svg{width:15px;height:15px}
.ann[hidden],.ann-cta[hidden]{display:none}
.ann.bye{animation:annout .38s var(--ease) both}
@keyframes annin{from{opacity:0;transform:translateY(-10px) scale(.96)}}
@keyframes annout{to{opacity:0;transform:translateY(-8px) scale(.97)}}
@keyframes annping{0%{opacity:.55;transform:scale(.85)}70%,100%{opacity:0;transform:scale(1.35)}}
@media (max-width:640px){
.ann{border-radius:20px;align-items:flex-start;flex-wrap:wrap;padding:10px 10px 10px 10px;gap:10px;font-size:13.5px;width:100%}
.ann p{flex:1 1 calc(100% - 90px);padding-top:4px}
.ann-cta{margin-inline-start:42px}
}
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 78%,transparent);
-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);transition:box-shadow .3s var(--ease)}
.scrolled .top{box-shadow:0 1px 0 var(--line),0 10px 30px -18px rgba(27,31,59,.35)}
.top-in{display:flex;align-items:center;gap:14px;height:var(--hh)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.brand svg{width:40px;height:40px;flex:none;transition:transform .6s var(--spring)}
.brand:hover svg{transform:rotate(-8deg) scale(1.05)}
.wm{display:flex;flex-direction:column;line-height:1.05}
.wm b{font-size:23px;font-weight:850;letter-spacing:-.01em}
.wm small{font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.14em;text-transform:uppercase;direction:ltr;text-align:start}
.dockq{flex:1;min-width:0;display:flex;justify-content:center;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .4s var(--ease)}
.acts{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.ib{position:relative;width:42px;height:42px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--spring)}
.ib:hover{background:var(--glass-hi);border-color:var(--line)}
.ib:active{transform:scale(.94)}
.ib svg{width:21px;height:21px}
.ib .cnt{position:absolute;top:3px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pom);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;animation:pop .35s var(--spring)}
.ib .cnt[hidden]{display:none}
.acct{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font-weight:600;font-size:14px;transition:box-shadow .25s,transform .25s var(--spring)}
[dir=rtl] .acct{padding:0 6px 0 14px}
.acct:hover{box-shadow:var(--shadow)}
.acct .av{width:30px;height:30px}
.acct.guest{background:var(--btn);color:var(--btn-ink);border-color:transparent;padding:0 16px}
.acct.guest .av{display:none}
.acct .uico{display:none;width:20px;height:20px}
.acct .nm{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seg{position:relative;display:inline-flex;padding:3px;border-radius:999px;background:var(--glass-hi);border:1px solid var(--line)}
.seg button{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink2);white-space:nowrap;transition:color .25s}
.seg button.on{color:var(--btn-ink)}
.seg .pill{position:absolute;top:3px;bottom:3px;left:0;border-radius:999px;background:var(--btn);transition:transform .45s var(--spring),width .45s var(--spring)}
.theme .moon{display:none}
[data-theme=dark] .theme .sun{display:none}
[data-theme=dark] .theme .moon{display:block}
.hero{position:relative;padding-top:clamp(26px,6vw,64px);text-align:center}
.hero h1{margin:0 auto;max-width:17em;font-size:clamp(30px,5.4vw,58px);line-height:1.18;font-weight:850;letter-spacing:-.02em}
.hero h1 .rot{display:inline-grid;grid-template-columns:minmax(0,1fr);justify-items:center;transition:width .8s var(--ease);vertical-align:bottom;height:1.22em;overflow:hidden;color:var(--pom);position:relative}
@supports (overflow:clip){.hero h1 .rot{overflow:visible;overflow-y:clip}}
.hero h1 .rot span{grid-area:1/1;transition:transform .8s var(--ease),opacity .8s var(--ease);white-space:nowrap;padding-inline:.06em}
.hero h1 .rot span.in{transform:none;opacity:1}
.hero h1 .rot span.up{transform:translateY(-100%);opacity:0}
.hero h1 .rot span.down{transform:translateY(100%);opacity:0}
.hero h1 .rot span{background:linear-gradient(color-mix(in srgb,var(--saffron) 55%,transparent),color-mix(in srgb,var(--saffron) 55%,transparent)) 0 88%/100% .14em no-repeat}
.hero p.lead{margin:14px auto 0;max-width:40em;color:var(--ink2);font-size:clamp(14.5px,1.6vw,17px)}
main{position:relative}
.floaters{position:absolute;top:0;inset-inline:0;height:470px;pointer-events:none;z-index:1}
.searching .floaters{display:none}
.fl{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:9px;max-width:205px;padding:8px 12px 8px 8px;border-radius:18px;
background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
cursor:pointer;text-align:start;color:var(--ink);animation:bob 7s ease-in-out infinite alternate,rise .9s var(--ease) both;transition:box-shadow .3s}
[dir=rtl] .fl{padding:8px 8px 8px 12px}
.fl:hover{box-shadow:var(--shadow2)}
.fl img{width:40px;height:40px;border-radius:12px;object-fit:contain;background:var(--media);flex:none}
.fl .ft{min-width:0;font-size:12px;line-height:1.35}
.fl .ft b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
html[dir=rtl] .fl .ft b{text-align:right}
.fl .ptag{font-size:12px;margin-top:3px}
@keyframes bob{from{transform:translateY(0) rotate(var(--rot,0deg))}to{transform:translateY(-10px) rotate(var(--rot,0deg))}}
.szone{position:relative;z-index:30;padding-top:24px}
body:not(.searching) .szone,body:not(.searching) .szone>.wrap{pointer-events:none}
body:not(.searching) .szone .sbox,body:not(.searching) .szone #old>*{pointer-events:auto}
.sbox{position:relative;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:6px;height:66px;padding:0 8px 0 20px;border-radius:999px;
background:var(--card);border:1.5px solid var(--line2);box-shadow:var(--shadow2);transition:border-color .25s,box-shadow .35s var(--ease),height .35s var(--ease)}
[dir=rtl] .sbox{padding:0 20px 0 8px}
.sbox:focus-within{border-color:var(--tq);box-shadow:0 0 0 5px color-mix(in srgb,var(--tq) 16%,transparent),var(--shadow2)}
.sbox .sico{width:22px;height:22px;color:var(--muted);flex:none}
.sbox input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:17px;font-weight:500}
.sbox input::placeholder{color:var(--muted);font-weight:400}
.sbox input::-webkit-search-cancel-button{display:none}
.sbox .clr{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.sbox .clr:hover{background:var(--field);color:var(--ink)}
.sbox .clr svg{width:16px;height:16px}
.sbox .clr[hidden]{display:none}
kbd{font:600 12px/1 var(--ffd),var(--ff),system-ui;border:1px solid var(--line2);border-bottom-width:2px;border-radius:7px;padding:4px 7px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;
font-weight:700;font-size:14.5px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .25s var(--spring),box-shadow .25s,background .2s,opacity .2s}
.btn svg{width:17px;height:17px;flex:none}
.btn:active{transform:scale(.96)}
.btn.primary{background:var(--btn);color:var(--btn-ink)}
.btn.primary:hover{box-shadow:0 8px 22px -8px color-mix(in srgb,var(--btn) 70%,transparent)}
.btn.ghost{background:transparent;border-color:var(--line2);color:var(--ink)}
.btn.ghost:hover{background:var(--field)}
.btn.soft{background:var(--chip);color:var(--chip-ink)}
.btn.danger{background:var(--badbg);color:var(--bad)}
.btn.sm{height:36px;padding:0 14px;font-size:13.5px}
.btn[disabled]{opacity:.5;pointer-events:none}
#go{height:50px;padding:0 26px;font-size:15.5px}
.sug{position:absolute;top:calc(100% + 10px);inset-inline:0;padding:8px;border-radius:22px;background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow2);text-align:start;z-index:5;animation:rise .28s var(--ease) both;max-height:min(420px,60vh);overflow:auto}
.sug[hidden]{display:none}
.sug .sh{font-size:11.5px;color:var(--muted);font-weight:600;padding:4px 12px 6px;letter-spacing:.02em}
.sug button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;cursor:pointer;padding:10px 12px;border-radius:14px;text-align:start}
.sug button.on,.sug button:hover{background:var(--field)}
.sug .si{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--chip);color:var(--chip-ink);flex:none}
.sug .si svg{width:18px;height:18px}
.sug .st{flex:1;min-width:0}
.sug .st b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.sug .st b mark{background:transparent;color:var(--pom);font-weight:800}
.sug .st small{color:var(--muted);font-size:12px}
.sug .sp{font-weight:700;font-size:13px;white-space:nowrap;color:var(--ink2)}
.sug .hist .si{background:var(--field);color:var(--muted)}
.searching .hero,.searching .ann{display:none}
.searching .szone{position:sticky;top:var(--hh);padding:10px 0 12px;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.searching.scrolled .szone{box-shadow:0 12px 24px -20px rgba(27,31,59,.4)}
.searching .sbox{height:54px;box-shadow:var(--shadow)}
.searching #go{height:42px}
.prog{position:fixed;top:0;inset-inline:0;height:3px;z-index:60;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}
.prog.on{opacity:1}
.prog::before{content:"";position:absolute;inset-block:0;width:40%;background:linear-gradient(90deg,transparent,var(--saffron),var(--pom),transparent);animation:prog 1.1s var(--ease) infinite}
@keyframes prog{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
.sec-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:46px 0 16px;font-size:clamp(19px,2.2vw,24px);font-weight:800;letter-spacing:-.01em}
.sec-h small{font-size:13.5px;color:var(--muted);font-weight:500}
.sec-h::before{content:"";width:14px;height:14px;align-self:center;background:var(--saffron);transform:rotate(45deg);border-radius:3px;box-shadow:7px -7px 0 -3px var(--pom)}
[dir=rtl] .sec-h::before{box-shadow:-7px -7px 0 -3px var(--pom)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;min-height:150px;border-radius:var(--r);border:1px solid var(--line);
background:var(--card);cursor:pointer;text-align:start;box-shadow:var(--shadow);animation:rise .7s var(--ease) both;animation-delay:calc(var(--i)*70ms);transition:transform .4s var(--spring),box-shadow .3s}
.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}
.tile .ti{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin-bottom:auto;color:#fff}
.tile .ti svg{width:26px;height:26px}
.tile b{font-size:18px;font-weight:800;margin-top:14px}
.tile small{color:var(--muted);font-size:13px}
.tile::after{content:"";position:absolute;inset-inline-end:-30px;bottom:-30px;width:110px;height:110px;border-radius:26px;transform:rotate(45deg);opacity:.10;background:currentColor}
.tile.c0{color:var(--tq)}.tile.c1{color:#5b61d6}.tile.c2{color:var(--pom)}.tile.c3{color:#c98a12}
.tile.c0 .ti{background:var(--tq)}.tile.c1 .ti{background:#5b61d6}.tile.c2 .ti{background:var(--pom)}.tile.c3 .ti{background:var(--saffron);color:#1b1f3b}
.tile b,.tile small{color:var(--ink)}.tile small{color:var(--muted)}
.deals{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.deal{display:flex;gap:14px;padding:14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);animation:rise .7s var(--ease) both;animation-delay:calc(var(--i)*60ms);min-width:0}
.deal .dimg{width:86px;height:86px;flex:none;border-radius:16px;background:var(--media) center/contain no-repeat;border:1px solid var(--line)}
.deal .t{font-weight:700;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext}
.deal ul{list-style:none;margin:8px 0 6px;padding:0;font-size:13px}
.deal li{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-bottom:1px dashed var(--line)}
.deal li:last-child{border:0}
.deal li a{color:var(--ink2);text-decoration:none;display:flex;align-items:center;gap:6px;min-width:0}
.deal li a:hover{color:var(--tq2)}
.deal li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.deal li.best b{color:var(--ok)}
.deal li{flex-wrap:wrap;align-items:center;row-gap:2px}
.deal li a{flex:1 1 6.5em;min-width:0;max-width:max-content;overflow:hidden}
.deal li a .dsn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deal li a>:not(.dsn){flex:none}
.deal li b{flex:none;margin-inline-start:auto;max-width:100%}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:how}
.how div{position:relative;padding:22px 20px 20px;border-radius:var(--r);background:var(--glass);border:1px solid var(--line);font-size:14px;color:var(--ink2)}
.how div::before{counter-increment:how;content:counter(how);display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--btn);color:var(--btn-ink);font-weight:800;margin-bottom:10px}
.how b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.filters{display:flex;align-items:center;gap:8px;margin-top:14px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filters:empty{display:none}
.fchip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink2);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.fchip:hover{border-color:var(--ink2)}
.fchip.on{background:var(--btn);color:var(--btn-ink);border-color:transparent}
.fchip svg{width:15px;height:15px}
.fsel{flex:none;height:36px;border-radius:999px;border:1px solid var(--line2);background:var(--card);padding:0 12px;font-size:13.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.fsep{flex:none;width:1px;height:22px;background:var(--line2);margin:0 4px}
.fmax{flex:none;display:inline-flex;align-items:center;height:36px;border-radius:999px;border:1px solid var(--line2);background:var(--card);padding:0 4px 0 12px;font-size:13.5px;color:var(--ink2)}
[dir=rtl] .fmax{padding:0 12px 0 4px}
.fmax input{width:86px;border:0;outline:0;background:transparent;font-weight:600;direction:ltr;text-align:center}
.understood{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-top:8px}
.understood:empty{display:none}
.tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 11px;background:var(--chip);color:var(--chip-ink);font-weight:600;animation:pop .35s var(--spring) both}
.tag.x{cursor:pointer}
.tag.x:hover{background:var(--badbg);color:var(--bad)}
.rtools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.rtools:empty{display:none}
.rtools .grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lbl{font-size:13px;color:var(--muted)}
.shown{font-size:13px;color:var(--muted)}
.clarify{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:14px 16px;border-radius:var(--r2);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);animation:rise .5s var(--ease) both}
.clarify b{margin-inline-end:6px}
.clarify button{border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:600;font-size:13.5px;animation:pop .35s var(--spring) both;transition:background .2s,color .2s}
.clarify button:hover{background:var(--btn);color:var(--btn-ink)}
.approx{grid-column:1/-1;padding:12px 16px;border-radius:var(--r2);background:var(--warnbg);color:var(--warn);font-size:14px}
.oldnote{margin:14px auto 0;max-width:760px;padding:10px 16px;border-radius:16px;background:var(--warnbg);color:var(--warn);font-size:13.5px;text-align:center}
.oldnote code{direction:ltr;unicode-bidi:isolate;background:rgba(0,0,0,.06);padding:1px 6px;border-radius:6px}
.ptag{position:relative;display:inline-flex;align-items:center;gap:.4em;padding:.3em .85em .3em 1.45em;background:var(--saffron);color:#1b1f3b;font-weight:800;
font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:.45em;clip-path:polygon(.7em 0,100% 0,100% 100%,.7em 100%,0 50%);unicode-bidi:isolate;direction:ltr}
.ptag::before{content:"";position:absolute;left:.62em;top:50%;width:.38em;height:.38em;margin-top:-.19em;border-radius:50%;background:var(--card);box-shadow:inset 0 1px 1px rgba(0,0,0,.28)}
.ptag.lg{font-size:18px}
.ptag.best{background:linear-gradient(135deg,var(--saffron2),var(--saffron))}
.ptag.muted{background:var(--bg2);color:var(--ink)}
.av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:9px;color:#fff;font-weight:800;font-size:11px;flex:none;letter-spacing:-.02em;direction:ltr}
.av.round{border-radius:50%}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:16px;margin-top:8px}
.card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);
overflow:hidden;animation:rise .6s var(--ease) both;animation-delay:calc(var(--i)*45ms);transition:transform .45s var(--spring),box-shadow .35s var(--ease),border-color .3s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}
.card.incmp{border-color:var(--tq);box-shadow:0 0 0 2px color-mix(in srgb,var(--tq) 30%,transparent),var(--shadow)}
.media{position:relative;display:block;width:100%;aspect-ratio:4/3;border:0;padding:12px;background:var(--media);cursor:zoom-in;overflow:hidden}
.media img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s var(--ease),transform .7s var(--ease)}
.media img.ok{opacity:1}
.card:hover .media img{transform:scale(1.04)}
.media.cover{padding:0}.media.cover img{object-fit:cover}
.media.noimg{cursor:default;background:var(--field) var(--kilim) center/96px 20px no-repeat;opacity:.9}
.pcount{position:absolute;bottom:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:rgba(27,31,59,.7);color:#fff;font-size:12px;font-weight:600}
.pcount svg{width:13px;height:13px}
.cardacts{position:absolute;top:10px;inset-inline-end:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.fab{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;color:var(--ink2);transition:transform .3s var(--spring),color .2s,background .2s}
.fab:hover{transform:scale(1.1);color:var(--ink)}
.fab svg{width:19px;height:19px}
.fab.fav.on{color:var(--pom);background:var(--card)}
.fab.fav.on svg{fill:currentColor;animation:heart .5s var(--spring)}
.btn[data-fav] svg{transition:fill .2s,color .2s}
.btn.ghost[data-fav].on{color:var(--pom);border-color:color-mix(in srgb,var(--pom) 45%,transparent);background:color-mix(in srgb,var(--pom) 9%,transparent)}
.btn[data-fav].on svg{fill:currentColor;animation:heart .5s var(--spring)}
.fab.cmp.on{color:#fff;background:var(--tq);border-color:transparent}
@keyframes heart{30%{transform:scale(1.35)}}
.cbody{display:flex;flex-direction:column;gap:7px;padding:14px 16px 12px;flex:1;min-width:0}
.shopline{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);min-width:0}
.shopline .sn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.shopline .sl{color:var(--muted);font-weight:400}
.dot{width:8px;height:8px;border-radius:50%;flex:none;margin-inline-start:auto}
.dot.verified{background:var(--tq);box-shadow:0 0 0 3px var(--okbg)}
.dot.unverified{background:var(--saffron);box-shadow:0 0 0 3px var(--warnbg)}
.dot.stale{background:var(--pom);box-shadow:0 0 0 3px var(--badbg)}
.card h3{margin:0;font-size:15px;line-height:1.5;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext;min-height:3em}
.meta{font-size:12.5px;color:var(--muted)}
.meta bdi{white-space:nowrap}
.pricebox{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.eq{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.save{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--pom);background:var(--badbg);padding:2px 10px;border-radius:999px}
.save::before{content:"";width:6px;height:6px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.cmpline{font-size:12.5px;color:var(--ink2)}
.cmpline b{color:var(--ok)}
.badges{display:flex;flex-wrap:wrap;gap:5px}
.b{font-size:11.5px;border-radius:999px;padding:1px 9px;background:var(--chip);color:var(--chip-ink)}
.b.verified{background:var(--okbg);color:var(--ok)}.b.unverified{background:var(--warnbg);color:var(--warn)}.b.stale,.b.oos{background:var(--badbg);color:var(--bad)}
.vchip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--tq);background:transparent;color:var(--chip-ink);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.vchip:hover{background:var(--chip)}
.vchip svg{width:14px;height:14px}
details.others{font-size:13px}
details.others summary{cursor:pointer;color:var(--ink2);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:6px}
details.others summary::-webkit-details-marker{display:none}
details.others summary::after{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s}
details.others[open] summary::after{transform:rotate(-135deg)}
details.others ul{list-style:none;margin:6px 0 0;padding:0}
details.others li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line)}
details.others li a{color:var(--ink2);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
details.others li b{white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.actions .btn{flex:1;height:40px;padding:0 12px;font-size:13.5px}
.repwrap{text-align:center;min-height:22px}
.rep{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.repmenu{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.repmenu button{border:1px solid var(--line2);background:var(--field);border-radius:999px;padding:2px 10px;font-size:12px;cursor:pointer}
.repmenu button:hover{border-color:var(--pom);color:var(--pom)}
.results.list{grid-template-columns:1fr}
.results.list .card{flex-direction:row}
.results.list .media{width:210px;flex:none;aspect-ratio:auto;min-height:190px}
.results.list .cbody{padding:16px 18px}
.results.list .card h3{min-height:0;-webkit-line-clamp:1;font-size:16px}
.results.list .actions{justify-content:flex-start}
.results.list .actions .btn{flex:0 0 auto;padding:0 18px}
.results.list .repwrap{text-align:start}
.sk{border-radius:var(--r);background:var(--card);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:10px}
.sk i{display:block;height:170px;border-radius:14px;background:linear-gradient(90deg,var(--field) 25%,var(--bg2) 50%,var(--field) 75%);background-size:300% 100%;animation:shim 1.3s linear infinite}
@keyframes shim{from{background-position:100% 0}to{background-position:-100% 0}}
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--ink2);padding:46px 16px;max-width:520px;margin:0 auto}
.empty svg{width:96px;height:96px}
.fb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:30px auto 0;max-width:560px;padding:12px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:14px}
.fb button{border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:5px 14px;cursor:pointer}
.fb input{flex:1;min-width:160px;height:36px;border:1px solid var(--line2);border-radius:999px;padding:0 14px;background:var(--card)}
.fb .ok{color:var(--ok);font-weight:600}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.tray{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;
border-radius:999px;background:var(--glass);border:1px solid var(--line2);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);animation:trayin .5s var(--spring) both;max-width:calc(100vw - 24px)}
[dir=rtl] .tray{padding:8px 14px 8px 8px}
.tray[hidden]{display:none}
@keyframes trayin{from{opacity:0;transform:translate(-50%,30px)}}
.tray .th{display:flex}
.tray .th span{width:38px;height:38px;border-radius:12px;border:2px solid var(--card);background:var(--media) center/contain no-repeat;margin-inline-start:-10px;box-shadow:var(--shadow)}
.tray .th span:first-child{margin-inline-start:0}
.tray .tl{font-size:13px;font-weight:600;white-space:nowrap}
.ov{position:fixed;inset:0;z-index:70}
.ov[hidden]{display:none}
.scrim{position:absolute;inset:0;background:rgba(13,15,28,.42);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .35s var(--ease) both}
.ov.closing .scrim{animation:fadeout .3s var(--ease) both}
@keyframes fade{from{opacity:0}}@keyframes fadeout{to{opacity:0}}
.panel{--out:110%;position:absolute;top:12px;bottom:12px;inset-inline-end:12px;width:min(620px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:28px;overflow:hidden;
background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow2);animation:slidein .5s var(--ease) both}
[dir=rtl] .panel{--out:-110%}
.ov.closing .panel{animation:slideout .35s var(--ease) both}
@keyframes slidein{from{transform:translateX(var(--out))}}
@keyframes slideout{to{transform:translateX(var(--out))}}
.panel.dialog{inset:50% auto auto 50%;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);transform:translate(-50%,-50%);animation:dlgin .45s var(--spring) both}
.ov.closing .panel.dialog{animation:dlgout .25s var(--ease) both}
@keyframes dlgin{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}}
@keyframes dlgout{to{opacity:0;transform:translate(-50%,-48%) scale(.97)}}
.panel.wide{width:min(1100px,calc(100vw - 24px));inset-inline:auto 12px}
.grab{display:none}
.phead{display:flex;gap:12px;align-items:center;padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.phead .pimg{width:60px;height:60px;border-radius:16px;flex:none;background:var(--media) center/contain no-repeat;border:1px solid var(--line);cursor:zoom-in}
.phead .ph-t{flex:1;min-width:0}
.phead h2{margin:0;font-size:15.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext}
.phead .pricebox{margin-top:4px}
.phead .small{font-size:12.5px;color:var(--muted)}
.pbody{position:relative;flex:1;overflow:auto;padding:6px 18px 22px;overscroll-behavior:contain;font-size:13.8px}
.pbody h4{margin:18px 0 8px;font-size:14.5px;display:flex;align-items:center;gap:8px}
.pbody h4::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--saffron);transform:rotate(45deg)}
.pfoot{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}
.pfoot .btn{flex:1}
.strip{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.shot{flex:none;width:132px;height:132px;border-radius:18px;border:1px solid var(--line);background:var(--media);padding:0;cursor:zoom-in;overflow:hidden;scroll-snap-align:start;animation:pop .4s var(--spring) both;animation-delay:calc(var(--i)*40ms);transition:transform .3s var(--spring)}
.shot:hover{transform:translateY(-3px) scale(1.03)}
.shot img{width:100%;height:100%;object-fit:contain;display:block}
.specs{width:100%;border-collapse:collapse;table-layout:fixed}
.specs td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.specs td:first-child{color:var(--muted);width:40%}
.specs td:last-child{unicode-bidi:plaintext}
.opt{margin:6px 0}.opt b{font-weight:600;margin-inline-end:6px}
.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 11px;margin:2px;font-size:12.5px;unicode-bidi:plaintext;background:var(--field)}
.chip.cur{border-color:transparent;background:var(--btn);color:var(--btn-ink);font-weight:600}
.chip.na{color:var(--muted);text-decoration:line-through}
.desc{white-space:pre-line;line-height:1.8;unicode-bidi:plaintext}
.small{font-size:12px;color:var(--muted)}
.vars{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:auto}
.vars th{background:var(--field);font-weight:600;color:var(--muted);text-align:start;padding:7px 6px;border-bottom:1px solid var(--line)}
.vars td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.vars td.p{white-space:nowrap;font-weight:700;unicode-bidi:plaintext}
.vars tr.this td{background:var(--chip)}
.vars .cfg{line-height:1.7}.vars bdi,.nc bdi{unicode-bidi:isolate;white-space:nowrap}.vars .col{color:var(--muted);font-size:12px;unicode-bidi:plaintext}
.vars td:nth-child(2){overflow-wrap:normal;word-break:normal;min-width:4.6em}
.vars bdi.w,.nc bdi{white-space:normal}
.vb{display:inline-block;font-size:11px;border-radius:999px;padding:0 8px;margin-inline-start:4px;background:var(--chip);color:var(--chip-ink)}
.vb.ch{background:var(--okbg);color:var(--ok);font-weight:700}.vb.oos{background:var(--badbg);color:var(--bad)}.vb.old{background:var(--warnbg);color:var(--warn)}
.nc{margin:8px 0 0;font-size:12.5px}.nc b{font-weight:600}
details.nc>summary{cursor:pointer;list-style-position:inside}
.varbox{border:1px solid var(--line);border-radius:16px;overflow-x:auto;background:var(--field)}
.pskel i{display:block;height:14px;margin:14px 0;border-radius:8px;background:linear-gradient(90deg,var(--field) 25%,var(--bg2) 50%,var(--field) 75%);background-size:300% 100%;animation:shim 1.3s linear infinite}
.pskel i:first-child{height:132px;width:60%}
.alertbox{margin-top:16px;padding:14px;border-radius:18px;background:var(--field);border:1px solid var(--line)}
.alertbox .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.alertbox input{flex:1;min-width:140px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--card);padding:0 12px;direction:ltr;font-weight:700}
.dlg-h{display:flex;align-items:center;gap:10px;padding:18px 18px 6px}
.dlg-h h2{margin:0;font-size:19px;flex:1}
.dlg-b{padding:8px 18px 20px;overflow:auto}
.tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--field);border:1px solid var(--line);margin:4px 0 14px}
.tabs button{flex:1;border:0;background:transparent;border-radius:999px;height:36px;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--ink2);white-space:nowrap;padding:0 10px}
.tabs button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.fld{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.fld label{font-size:13px;font-weight:600;color:var(--ink2)}
.fld .in{position:relative;display:flex}
.fld input,.fld select,.fld textarea{width:100%;height:46px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);padding:0 14px;outline:0;transition:border-color .2s,box-shadow .2s}
.fld textarea{height:auto;min-height:70px;padding:10px 14px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--tq);box-shadow:0 0 0 4px color-mix(in srgb,var(--tq) 14%,transparent)}
.fld input[type=tel],.fld input.ltr{direction:ltr;text-align:start}
[dir=rtl] .fld input.ltr{text-align:right}
.fld .show{position:absolute;inset-inline-end:6px;top:6px;height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:600;padding:0 8px;border-radius:10px}
.fld small{font-size:12px;color:var(--muted)}
.err{color:var(--bad);background:var(--badbg);border-radius:12px;padding:8px 12px;font-size:13.5px;margin-bottom:12px;animation:pop .3s var(--spring)}
.err[hidden]{display:none}
.okmsg{color:var(--ok);background:var(--okbg);border-radius:12px;padding:8px 12px;font-size:13.5px;margin-bottom:12px}
.note2{font-size:12.5px;color:var(--muted);margin:12px 0 0;line-height:1.7}
.dlg-b .btn.primary.full{width:100%;height:48px}
.mehead{display:flex;align-items:center;gap:12px;padding:18px 18px 10px}
.mehead .av{width:52px;height:52px;border-radius:18px;font-size:18px}
.mehead .who{flex:1;min-width:0}
.mehead .who b{display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mehead .who small{color:var(--muted);direction:ltr;unicode-bidi:isolate}
.metabs{padding:0 14px}
.metabs .tabs{overflow-x:auto;scrollbar-width:none}
.metabs .tabs button{flex:1 0 auto;position:relative}
.metabs .tabs .cnt{display:inline-block;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:var(--pom);color:#fff;font-size:11px;margin-inline-start:5px;padding:0 5px}
.metabs:empty{display:none}
.mback{display:flex;align-items:center;gap:10px;padding:2px 0 10px;border-bottom:1px solid var(--line2)}
.mback button{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s}
[dir=rtl] .mback button{padding:0 8px 0 12px}
.mback button:hover{background:var(--bg2)}
.mback button svg{width:17px;height:17px}
[dir=rtl] .mback button svg{transform:scaleX(-1)}
.mback b{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mmenu{display:flex;flex-direction:column;gap:16px;padding:4px 0 10px}
.mgrp h6{margin:0 4px 7px;font-size:12px;font-weight:700;color:var(--ink3);letter-spacing:.01em}
.mg-list{border:1px solid var(--line2);border-radius:16px;background:var(--card);overflow:hidden}
.mrow{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;cursor:pointer;color:var(--ink);transition:background .16s}
.mrow + .mrow{border-top:1px solid var(--line2)}
.mrow:hover{background:var(--bg2)}
.mrow:active{background:color-mix(in srgb,var(--tq) 9%,var(--bg2))}
.mrow:focus-visible{outline:2px solid var(--tq);outline-offset:-2px;border-radius:16px}
.mr-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--tq) 12%,transparent);color:var(--tq2,var(--tq))}
.mr-ic svg{width:20px;height:20px}
.mr-ic.k-saved,.mr-ic.k-alerts,.mr-ic.k-history{background:color-mix(in srgb,#e5484d 11%,transparent);color:#d23c43}
.mr-ic.k-notices,.mr-ic.k-chats{background:color-mix(in srgb,#3b82f6 12%,transparent);color:#2f6fdc}
.mr-ic.k-ads,.mr-ic.k-shop{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#b7700a}
.mr-ic.k-wallet,.mr-ic.k-invite{background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d}
.mr-ic.k-account{background:color-mix(in srgb,#64748b 14%,transparent);color:var(--ink2)}
[data-theme=dark] .mr-ic.k-saved,[data-theme=dark] .mr-ic.k-alerts,[data-theme=dark] .mr-ic.k-history{color:#ff8a8f}
[data-theme=dark] .mr-ic.k-notices,[data-theme=dark] .mr-ic.k-chats{color:#8ab4ff}
[data-theme=dark] .mr-ic.k-ads,[data-theme=dark] .mr-ic.k-shop{color:#fbbf4a}
[data-theme=dark] .mr-ic.k-wallet,[data-theme=dark] .mr-ic.k-invite{color:#5fd68a}
.mr-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mr-tx b{font-size:14.5px;font-weight:700;line-height:1.35}
.mr-tx small{font-size:12px;color:var(--ink2);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow .cnt{flex:none;min-width:20px;height:20px;line-height:20px;padding:0 6px;border-radius:10px;background:var(--pom);color:#fff;font-size:11.5px;font-weight:700;text-align:center}
.mrow .mr-n{flex:none;font-size:12.5px;font-weight:700;color:var(--ink3)}
.mr-chev{flex:none;width:18px;height:18px;color:var(--ink3);transition:transform .2s}
[dir=ltr] .mr-chev{transform:scaleX(-1)}
[dir=ltr] .mback .mr-chev{transform:none}
.mrow.mout{min-height:52px;justify-content:center;gap:8px;border:1px solid var(--line2);border-radius:16px;color:#d23c43;margin-top:2px}
.mrow.mout .mr-tx{flex:none}
.mrow.mout .mr-ic0{width:19px;height:19px}
[data-theme=dark] .mrow.mout{color:#ff8a8f}
@media (prefers-reduced-motion:no-preference){.mmenu .mgrp{animation:mgin .32s cubic-bezier(.2,.8,.25,1) both}.mmenu .mgrp:nth-child(2){animation-delay:.03s}.mmenu .mgrp:nth-child(3){animation-delay:.06s}.mmenu .mgrp:nth-child(4){animation-delay:.09s}.mmenu .mgrp:nth-child(5){animation-delay:.12s}}
@keyframes mgin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mlist{display:flex;flex-direction:column;gap:10px}
.mitem{display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;border:1px solid var(--line);background:var(--card);animation:rise .45s var(--ease) both;animation-delay:calc(var(--i)*35ms);min-width:0}
.mitem .mi{width:64px;height:64px;flex:none;border-radius:14px;background:var(--media) center/contain no-repeat;border:1px solid var(--line)}
.mitem .mt{flex:1;min-width:0;font-size:13px}
.mitem .mt a,.mitem .mt b{display:block;font-weight:700;font-size:13.5px;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.mitem .mt .ln{color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.mitem .down{color:var(--ok);font-weight:700}.mitem .up{color:var(--bad);font-weight:700}
.mitem .ma{display:flex;flex-direction:column;gap:6px}
.mitem.hit{border-color:var(--tq);background:linear-gradient(0deg,var(--okbg),var(--okbg)),var(--card)}
.mitem.gone{opacity:.65}
.hrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:start;width:100%}
.hrow:hover{border-color:var(--tq)}
.hrow svg{width:17px;height:17px;color:var(--muted);flex:none}
.hrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.hrow small{color:var(--muted);white-space:nowrap}
.card2{padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--card);margin-bottom:14px}
.card2 h3{margin:0 0 12px;font-size:15px}
.sess{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 0;border-bottom:1px dashed var(--line)}
.sess:last-child{border:0}
.sess span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.sess b{color:var(--ok);font-size:11.5px;white-space:nowrap}
.mempty{text-align:center;color:var(--muted);padding:30px 10px;font-size:14px}
.mempty svg{width:64px;height:64px;display:block;margin:0 auto 10px;opacity:.8}
.guestnote{font-size:12.5px;color:var(--warn);background:var(--warnbg);padding:10px 12px;border-radius:14px;margin-bottom:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cmpwrap{overflow:auto;flex:1;padding:0 12px 16px}
.cmpt{border-collapse:separate;border-spacing:0;min-width:100%;font-size:13.5px}
.cmpt th,.cmpt td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:start;min-width:190px;max-width:260px}
.cmpt th:first-child,.cmpt td:first-child{position:sticky;inset-inline-start:0;background:var(--card);color:var(--muted);font-weight:600;min-width:120px;z-index:1}
.cmpt thead td{position:sticky;top:0;background:var(--card);z-index:2;border-bottom:1px solid var(--line2)}
.cmpt thead td:first-child{z-index:3}
.cmpt .ci{width:100%;aspect-ratio:4/3;border-radius:16px;background:var(--media) center/contain no-repeat;border:1px solid var(--line);margin-bottom:8px}
.cmpt .ct{font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext;line-height:1.45}
.cmpt td.win{background:var(--okbg)}
.cmpt .rm{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;text-decoration:underline dotted}
.cmpt tr.diff td:not(:first-child){font-weight:600}
.cmpt td{unicode-bidi:plaintext;overflow-wrap:anywhere}
.lb{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:rgba(10,11,22,.92);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);color:#fff;animation:fade .3s var(--ease) both}
.lb[hidden]{display:none}
.lb.closing{animation:fadeout .28s var(--ease) both}
.lb-top{display:flex;align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) 14px 8px;position:relative;z-index:3}
.lb-count{font-variant-numeric:tabular-nums;direction:ltr;font-size:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 12px}
.lb-title{flex:1;min-width:0;font-size:13.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:background .2s,transform .25s var(--spring)}
.lb-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.06)}
.lb-btn svg{width:20px;height:20px}
.lb-stage{position:relative;flex:1;overflow:hidden;cursor:grab;touch-action:none}
.lb-stage:active{cursor:grabbing}
.lb-track{display:flex;height:100%;will-change:transform}
.lb-slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden;--lbx:64px;--lby:6px}
.lb-slide img{position:absolute;inset:0;margin:auto;max-width:calc(100% - 2 * var(--lbx));max-height:calc(100% - 2 * var(--lby));object-fit:contain;border-radius:14px;user-select:none;-webkit-user-drag:none;background:#fff;opacity:0;transform-origin:50% 50%;cursor:zoom-in;transition:opacity .35s,transform .3s var(--ease)}
.lb-slide img.drag{transition:opacity .35s}
.lb-slide img.ok{opacity:1}
.lb-slide.zoomed img{cursor:grab}
.lb-slide.zoomed img.drag{cursor:grabbing}
.lb-slide .err{position:absolute;inset:0;display:grid;place-items:center;opacity:.7;font-size:14px;background:none;color:#fff}
.lb-zoom{display:flex;align-items:center;gap:4px}
.lb-zv{min-width:60px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;direction:ltr;cursor:pointer}
.lb-zv:hover{background:rgba(255,255,255,.16)}
.lb-btn:disabled{opacity:.35;cursor:default;transform:none}
.lb-nav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:50px;height:50px;border-radius:50%}
.lb-nav:hover{transform:translateY(-50%) scale(1.08)}
.lb-nav.prev{inset-inline-start:12px}.lb-nav.next{inset-inline-end:12px}
[dir=rtl] .lb-nav svg{transform:scaleX(-1)}
.lb-thumbs{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:10px 14px max(14px,env(safe-area-inset-bottom));position:relative;z-index:3}
.lb-thumbs button{flex:none;width:58px;height:58px;border-radius:13px;border:2px solid transparent;background:#fff;padding:0;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .2s,transform .3s var(--spring),border-color .2s}
.lb-thumbs button.on{opacity:1;border-color:var(--saffron);transform:translateY(-3px)}
.lb-thumbs img{width:100%;height:100%;object-fit:contain}
.lb-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:12px;opacity:.55;pointer-events:none;z-index:2}
.lb-single .lb-nav,.lb-single .lb-thumbs{display:none}
footer{margin-top:70px}
footer .fin{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;padding:26px 20px 34px;font-size:13px;color:var(--muted)}
footer .fb1{display:flex;gap:12px;align-items:flex-start}
footer .fb1 svg{width:34px;height:34px;flex:none}
footer p{margin:0 0 6px}
footer .stats{color:var(--ink2);font-weight:600}
.toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,30px);opacity:0;z-index:90;padding:10px 18px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-size:14px;font-weight:600;box-shadow:var(--shadow2);pointer-events:none;transition:opacity .3s,transform .45s var(--spring);max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.tray:not([hidden]) ~ .toast{bottom:86px}
.totop{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));inset-inline-end:20px;z-index:44;width:46px;height:46px;border-radius:16px;border:1px solid var(--line2);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer;color:var(--ink);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .3s,transform .4s var(--spring)}
.far .totop{opacity:1;transform:none;pointer-events:auto}
.totop svg{width:20px;height:20px}
.tray:not([hidden]) ~ .totop{bottom:86px}
@media (max-width:980px){
.tiles{grid-template-columns:repeat(2,1fr)}
.how{grid-template-columns:1fr}
}
@media (min-width:721px) and (max-width:1179px){.floaters{display:none}}
@media (max-width:720px){
:root{--hh:60px}
:root{--gut:14px}
.wm small{display:none}
.wm b{font-size:21px}
.brand svg{width:36px;height:36px}
.acts{gap:2px}
.ib{width:38px;height:38px}
.acct .nm{display:none}
.acct.guest{width:40px;padding:0!important;justify-content:center}
.acct.guest .uico{display:block}
.shopline .sl{display:none}
.acct{padding:0 4px!important}
.seg button{padding:5px 8px;font-size:12px}
.hero{padding-top:20px}
.hero p.lead{font-size:14px}
.floaters{position:static;display:flex;justify-content:center;gap:10px;margin:16px 14px 0;height:auto}
.fl{position:relative!important;inset:auto!important;max-width:48%;animation:rise .9s var(--ease) both}
.fl.m2{display:none}
.sbox{height:56px;padding:0 6px 0 14px}
[dir=rtl] .sbox{padding:0 14px 0 6px}
.sbox input{font-size:16px}
.sbox kbd{display:none}
#go{height:44px;padding:0 16px}
.tiles{gap:10px}
.results{grid-template-columns:1fr 1fr;gap:10px}
.cbody{padding:10px 11px 10px;gap:6px}
.card h3{font-size:13.5px}
.ptag.lg{font-size:16px}
.actions{flex-direction:column}
.actions .btn{height:38px;font-size:13px}
.fab{width:34px;height:34px}
.results.list .card{flex-direction:column}
.results.list .media{width:100%;min-height:0;aspect-ratio:16/10}
.results.list{grid-template-columns:1fr}
.deals{grid-template-columns:1fr}
.panel{--out:0!important;top:auto;bottom:0;inset-inline:0;width:100%;height:92vh;border-radius:26px 26px 0 0;animation:sheetin .55s var(--ease) both}
.panel.wide{inset-inline:0;width:100%}
.ov.closing .panel{animation:sheetout .32s var(--ease) both}
.panel.dialog{top:auto;bottom:0;left:0;right:0;width:100%;transform:none;height:auto;max-height:92vh;border-radius:26px 26px 0 0;animation:sheetin .5s var(--ease) both}
.ov.closing .panel.dialog{animation:sheetout .3s var(--ease) both}
@keyframes sheetin{from{transform:translateY(100%)}}
@keyframes sheetout{to{transform:translateY(100%)}}
.grab{display:block;width:44px;height:5px;border-radius:5px;background:var(--line2);margin:9px auto 0;flex:none}
.lb-slide{--lbx:8px}
.lb-zoom{display:none}
.lb-nav{width:42px;height:42px;background:rgba(0,0,0,.35)}
footer .fin{grid-template-columns:1fr}
.tray .tl{display:none}
.fb{border-radius:22px}
}
@media (max-width:380px){
.results{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.aurora i{animation:none}
}
html[data-season=nowruz]{--saffron:#f2c14e;--saffron2:#ffe08a;--pom:#e0648a;--tq:#2f9e5b;--tq2:#1f7a45;--bg:#f5f6ee;--bg2:#e9eedc;--chip:rgba(47,158,91,.1);--chip-ink:#1f6e40}
html[data-season=nowruz][data-theme=dark]{--bg:#0c1410;--bg2:#111c16;--card:#132019;--field:#0f1a14;--tq:#4cc27d;--tq2:#7fdca5;--pom:#f07fa2;--chip-ink:#8fe0b0}
html[data-season=ramadan]{--saffron:#d4a73a;--saffron2:#f0d27a;--pom:#4b50c8;--tq:#1f7a8c;--tq2:#15606e;--bg:#f5f1e8;--bg2:#ebe3d3}
html[data-season=ramadan][data-theme=dark]{--bg:#0a0c22;--bg2:#10133a;--card:#141845;--field:#10133a;--pom:#9fa4ff;--tq:#4fb8c9;--tq2:#86d6e2;--saffron:#e8bf55}
html[data-season=eid]{--saffron:#f6b93b;--saffron2:#ffd98a;--pom:#c2185b;--tq:#16a085;--tq2:#0f7d67;--bg:#fbf4f1;--bg2:#f3e4de}
html[data-season=eid][data-theme=dark]{--bg:#150b12;--bg2:#1f1019;--card:#24121d;--field:#1c0f17;--pom:#f06292;--tq:#3ed1b1;--tq2:#7fe6cf}
html[data-season=summer]{--saffron:#ffb020;--saffron2:#ffd27a;--pom:#ff6b4a;--tq:#0fb5c9;--tq2:#0a8a9b;--bg:#fbf6ea;--bg2:#f5ebd4}
html[data-season=summer][data-theme=dark]{--bg:#07141a;--bg2:#0b1d25;--card:#0f2530;--field:#0b1d25;--pom:#ff8a6e;--tq:#35d2e4;--tq2:#7fe6f1}
html[data-season=autumn]{--saffron:#e39b2d;--saffron2:#f5c26b;--pom:#c1502e;--tq:#6f8f3a;--tq2:#56702c;--bg:#f6f0e6;--bg2:#ece1cf}
html[data-season=autumn][data-theme=dark]{--bg:#140f0a;--bg2:#1d160f;--card:#221a12;--field:#1b140e;--pom:#e8734f;--tq:#9bbd5e;--tq2:#bcd98a}
html[data-season=winter]{--saffron:#8fc1ea;--saffron2:#cfe6f8;--pom:#6c63d9;--tq:#2f7fc1;--tq2:#1f64a0;--bg:#f2f5f9;--bg2:#e3eaf3;--chip:rgba(47,127,193,.1);--chip-ink:#1f5e96}
html[data-season=winter][data-theme=dark]{--bg:#0a111d;--bg2:#0f1828;--card:#131f33;--field:#0f1828;--pom:#a39dff;--tq:#5aa9e6;--tq2:#94c9f2;--chip-ink:#a6d0f3}
html[data-season=whitefriday]{--saffron:#f4b43c;--pom:#1b1f3b;--tq:#1b1f3b;--tq2:#1b1f3b;--bg:#f7f7f5;--bg2:#ececea;--chip:rgba(27,31,59,.07);--chip-ink:#1b1f3b}
html[data-season=whitefriday][data-theme=dark]{--bg:#0b0b0d;--bg2:#141417;--card:#18181c;--field:#131316;--pom:#f4f1ea;--tq:#f4b43c;--tq2:#f4b43c;--chip-ink:#f4f1ea}
.deco{position:absolute;top:0;left:0;right:0;height:min(640px,92vh);overflow:hidden;pointer-events:none;z-index:0;
-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.deco i{position:absolute;left:var(--x);top:-40px;width:calc(20px * var(--s));height:calc(20px * var(--s));opacity:.55;color:var(--saffron);
animation:fall var(--d) linear var(--dl) infinite;will-change:transform}
.deco i.c1{color:var(--pom)}.deco i.c2{color:var(--tq)}
.deco i svg{display:block;width:100%;height:100%}
@keyframes fall{0%{transform:translate3d(0,0,0) rotate(var(--r))}50%{transform:translate3d(24px,340px,0) rotate(calc(var(--r) + 120deg))}100%{transform:translate3d(-12px,700px,0) rotate(calc(var(--r) + 240deg))}}
html[data-season=ramadan] .deco i{top:var(--y);animation:twinkle calc(var(--d) / 3) ease-in-out var(--dl) infinite alternate;color:var(--saffron)}
html[data-season=ramadan] .deco i.c1{color:var(--saffron2)}
@keyframes twinkle{from{opacity:.15;transform:scale(.7) rotate(var(--r))}to{opacity:.8;transform:scale(1.1) rotate(var(--r))}}
html[data-season=summer] .deco i{top:auto;bottom:-30px;opacity:.35;animation-name:bubble}
@keyframes bubble{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20px,-660px,0)}}
html[data-season=winter] .deco i{color:#9cc3e6}html[data-season=winter] .deco i.c1{color:#c9def2}html[data-season=winter] .deco i.c2{color:var(--tq)}
html[data-season=winter][data-theme=dark] .deco i{color:#e8f2fb}
html[data-season=whitefriday] .deco i{opacity:.35}
html[data-season=eid] .deco i{opacity:.6}
.hero{z-index:1}
.season{display:flex;align-items:center;gap:10px;width:fit-content;max-width:min(760px,100%);margin:0 auto 14px;padding:6px;padding-inline-end:14px;border-radius:999px;
background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--line);box-shadow:var(--shadow);animation:pop .55s var(--spring) both}
.season[hidden]{display:none}
.se-ico{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--saffron),var(--pom))}
.se-ico svg{width:18px;height:18px}
.se-t{font-weight:700;font-size:14px;unicode-bidi:plaintext;min-width:0}
.se-code{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1.5px dashed var(--pom);
background:color-mix(in srgb,var(--pom) 8%,transparent);color:var(--pom);font-weight:800;font-size:13px;cursor:pointer;transition:transform .2s var(--spring),background .2s}
.se-code:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--pom) 15%,transparent)}
.se-code svg{width:14px;height:14px}
@media (max-width:560px){.season{border-radius:20px;flex-wrap:wrap;justify-content:center;padding:8px 12px;text-align:center}}
.stories{margin:-6px auto 14px;max-width:100%}
.stories[hidden]{display:none}
.st-rail{display:flex;gap:12px;overflow-x:auto;padding:6px 4px 6px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.st-rail::-webkit-scrollbar{display:none}
.st{flex:none;position:relative;width:80px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--ink2);
scroll-snap-align:start;animation:pop .5s var(--spring) both;animation-delay:calc(var(--i) * 55ms)}
.st:first-child{margin-inline-start:auto}.st:last-child{margin-inline-end:auto}
.st-ring{display:block;width:72px;height:72px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--saffron),var(--pom),#b4508f,var(--tq),var(--saffron));
transition:transform .3s var(--spring);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--pom) 60%,transparent)}
.st.seen .st-ring{background:var(--line2);box-shadow:none}
.st:hover .st-ring{transform:scale(1.06) rotate(-3deg)}
.st:active .st-ring{transform:scale(.96)}
.st-img{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);background-size:cover;background-position:center;color:#fff}
.st-img svg{width:28px;height:28px}
.st-t{max-width:80px;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st.seen .st-t{color:var(--muted)}
.st-ad{position:absolute;top:58px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;line-height:16px;padding:0 7px;border-radius:999px;background:var(--ink);color:var(--bg);border:2px solid var(--bg);white-space:nowrap}
.bg-saffron{background-image:linear-gradient(140deg,#f7c04e,#e8793a)}
.bg-pomegranate{background-image:linear-gradient(140deg,#e2525e,#8e1f4a)}
.bg-turquoise{background-image:linear-gradient(140deg,#22b3a9,#0f5f7a)}
.bg-indigo{background-image:linear-gradient(140deg,#6d73e6,#2b2f7a)}
.bg-ink{background-image:linear-gradient(140deg,#2b3060,#12142a)}
.bg-sunset{background-image:linear-gradient(150deg,#ffa35b,#d9434f 55%,#5b61d6)}
.sv{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:rgba(6,7,16,.94);animation:fade .25s var(--ease)}
.sv[hidden]{display:none}
.sv.closing{animation:fadeout .26s var(--ease) both}
.sv-stage{position:relative;width:min(430px,100vw);height:min(780px,100vh);height:min(780px,100dvh)}
.sv-card{position:absolute;inset:0;border-radius:24px;overflow:hidden;color:#fff;box-shadow:0 30px 80px -20px #000;user-select:none;-webkit-user-select:none;touch-action:none;animation:pop .4s var(--spring)}
.sv-stage.turn-n .sv-card,.sv-stage.turn-p .sv-card{animation:svturn .45s var(--ease)}
@keyframes svturn{from{opacity:.2;transform:scale(.93)}to{opacity:1;transform:none}}
.sv-blur{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(30px) brightness(.55);transform:scale(1.1)}
.sv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.sv-art{position:absolute;inset:0;display:grid;place-items:center;opacity:.13;pointer-events:none}
.sv-art svg{width:62%;height:62%}
.sv-top{position:absolute;top:0;left:0;right:0;z-index:4;padding:12px 12px 34px;background:linear-gradient(rgba(0,0,0,.5),transparent);transition:opacity .25s}
.sv-bars{display:flex;gap:4px}
.sv-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.sv-bars b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}
html[dir=rtl] .sv-bars b{transform-origin:right center}
.sv-bars i.done b{transform:none}
.sv-head{display:flex;align-items:center;gap:10px;margin-top:10px}
.sv-av{flex:none;width:36px;height:36px;border-radius:50%;border:2px solid #fff;background-size:cover;background-position:center;display:grid;place-items:center}
.sv-av svg{width:17px;height:17px}
.sv-who{flex:1;min-width:0;line-height:1.3}
.sv-who b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-who small{font-size:11.5px;opacity:.85}
.sv-who small.ad{font-weight:800;opacity:1;background:rgba(255,255,255,.2);padding:0 7px;border-radius:999px}
.sv-btn{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.28);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.sv-btn:hover{background:rgba(0,0,0,.45)}
.sv-btn svg{width:18px;height:18px}
.sv-text{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:80px 22px 100px;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none;transition:opacity .25s}
.sv-text p{margin:0;font-size:17px;font-weight:650;line-height:1.7;unicode-bidi:plaintext;text-shadow:0 1px 8px rgba(0,0,0,.35);animation:rise .5s var(--ease) .1s both}
.sv-text.big{top:0;display:grid;place-items:center;text-align:center;background:none;padding:100px 30px 120px}
.sv-text.big p{font-size:clamp(22px,6.4vw,30px);font-weight:850;line-height:1.5}
.sv-tap{position:absolute;top:90px;bottom:96px;z-index:3;width:34%;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sv-tap.prev{inset-inline-start:0}.sv-tap.next{inset-inline-end:0;width:66%}
.sv-tap:focus-visible{outline-offset:-6px}
.sv-cta{position:absolute;bottom:28px;left:50%;z-index:5;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:48px;max-width:calc(100% - 40px);padding:0 26px;
border-radius:999px;background:#fff;color:#1b1f3b!important;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 12px 30px -10px rgba(0,0,0,.6);animation:ctain .55s var(--spring) .25s both;transition:opacity .25s}
.sv-cta svg{width:15px;height:15px}
@keyframes ctain{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
.sv-nav{position:absolute;top:50%;z-index:6;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.sv-nav:hover{background:rgba(255,255,255,.26)}
.sv-nav svg{width:22px;height:22px}
.sv-nav.prev{inset-inline-start:-66px}.sv-nav.next{inset-inline-end:-66px}
html[dir=rtl] .sv-nav svg{transform:scaleX(-1)}
.sv.holding .sv-top,.sv.holding .sv-text,.sv.holding .sv-cta{opacity:0}
@media (max-width:560px){.sv-stage{width:100vw;height:100vh;height:100dvh}.sv-card{border-radius:0}.sv-nav{display:none}.sv{background:#000}}
.wal{padding-bottom:10px}
.wcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.wc{position:relative;overflow:hidden;min-width:0;min-height:98px;border-radius:20px;padding:14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:4px;
animation:pop .45s var(--spring) both;animation-delay:calc(var(--i) * 70ms);box-shadow:0 12px 26px -14px rgba(27,31,59,.5)}
.wc::before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.13);inset-inline-end:-46px;top:-50px}
.wc::after{content:"";position:absolute;inset-inline:0;bottom:0;height:6px;background:var(--kilim) 0 0/24px 5px repeat-x;opacity:.55}
.wc.usd{background:linear-gradient(140deg,#22b3a9,#0f5f7a)}
.wc.iqd{background:linear-gradient(140deg,#e2525e,#8e1f4a)}
.wc.pts{background:linear-gradient(140deg,#f7c04e,#e8793a);color:#1b1f3b}
.wc small{position:relative;font-size:12px;font-weight:650;opacity:.92}
.wc b{position:relative;font-size:clamp(17px,4.4vw,22px);font-weight:850;line-height:1.2;overflow-wrap:anywhere}
.wc em{position:relative;font-style:normal;font-size:11.5px;opacity:.85}
@media (max-width:440px){.wcards{grid-template-columns:1fr 1fr}.wc.pts{grid-column:1/-1;min-height:0}}
.wmeta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:10px 2px 12px;font-size:12.5px;color:var(--muted)}
.wacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.wacts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:18px;border:1.5px solid var(--line2);background:var(--card);cursor:pointer;
font-weight:700;font-size:12.5px;line-height:1.3;color:var(--ink2);text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s var(--spring)}
.wacts button:hover{transform:translateY(-2px)}
.wacts button svg{width:20px;height:20px;padding:7px;box-sizing:content-box;border-radius:12px;background:var(--field);transition:background .2s,color .2s}
.wacts button.on{border-color:var(--tq);color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--tq) 13%,transparent)}
.wacts button.on svg{background:var(--tq);color:#fff}
.wform{animation:rise .35s var(--ease)}
.whow{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--field);line-height:1.8}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.mopt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;padding:9px 10px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);cursor:pointer;transition:border-color .2s,background .2s}
.mopt input{position:absolute;opacity:0;pointer-events:none}
.mopt:has(input:checked){border-color:var(--tq);background:color-mix(in srgb,var(--tq) 9%,var(--card))}
.mopt:has(input:focus-visible){outline:2.5px solid var(--tq);outline-offset:2px}
.mlogo{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:11.5px;letter-spacing:0!important;color:#fff;background:#5b61d6}
.m-zaincash{background:#1b1f3b}.m-fib{background:#0e8a6a}.m-fastpay{background:#d9434f}.m-qicard{background:#e0a100}.m-asiahawala{background:#c7303a}.m-bank{background:#2c7fb8}.m-cash{background:#2f8f5b}
.mopt b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.mopt small{font-size:10.5px;color:var(--muted)}
.minfo{margin:-2px 0 12px;padding:10px 12px;border-radius:14px;border:1.5px dashed var(--line2);background:var(--card)}
.minfo:empty{display:none}
.mi-h{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:6px}
.mi-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-bottom:6px}
.mi-row small{min-width:6em;color:var(--muted)}
.mi-row bdi{font-weight:800;font-size:16px;letter-spacing:.02em}
.mi-row .btn{margin-inline-start:auto;height:30px;padding:0 12px}
.minfo p{margin:4px 0 0}
.frow{display:flex;gap:10px}
.frow .fld:first-child{flex:0 0 118px}.frow .grow{flex:1;min-width:0}
.drop{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;padding:8px;border-radius:14px;border:1.5px dashed var(--line2);background:var(--field);cursor:pointer;overflow:hidden;transition:border-color .2s}
.drop:hover,.drop:focus-within{border-color:var(--tq)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.dz{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink2);font-size:13px;pointer-events:none}
.dz svg{width:26px;height:26px;color:var(--tq)}
.drop.has{justify-content:flex-start}
.drop.has .dz{flex-direction:row}
.drop img{order:-1;width:72px;height:72px;object-fit:cover;border-radius:10px;pointer-events:none;box-shadow:var(--shadow)}
.drop img[hidden]{display:none}
#tpkok.ok{color:var(--ok);font-weight:650}#tpkok.bad{color:var(--bad)}
.inrow{display:flex;gap:8px;align-items:center}
.inrow input{flex:1;min-width:0;height:44px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);padding:0 14px;outline:0;transition:border-color .2s,box-shadow .2s}
.inrow input:focus{border-color:var(--tq);box-shadow:0 0 0 4px color-mix(in srgb,var(--tq) 14%,transparent)}
#gcode{text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.wh{margin:18px 2px 8px;font-size:14px}
.wlist{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.wrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);animation:rise .35s var(--ease) both;animation-delay:calc(min(var(--i),10) * 30ms)}
.wrow:first-child{border-top:0}
.wk{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:15px}
.wk.in,.wk.st-approved{background:var(--okbg);color:var(--ok)}.wk.out,.wk.st-rejected{background:var(--badbg);color:var(--bad)}.wk.st-pending{background:var(--warnbg);color:var(--warn)}
.wt{flex:1;min-width:0}
.wt b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wt small{color:var(--muted);font-size:12px}
.wv{font-size:14px;white-space:nowrap}.wv.in{color:var(--ok)}.wv.out{color:var(--bad)}
.wside{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.wpill{font-size:11px;font-weight:700;line-height:18px;padding:0 8px;border-radius:999px}
.wpill.st-pending{background:var(--warnbg);color:var(--warn)}.wpill.st-approved{background:var(--okbg);color:var(--ok)}.wpill.st-rejected{background:var(--badbg);color:var(--bad)}
.wrule{margin-top:16px;text-align:center}
.nlist{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.nitem{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line);background:var(--card);animation:rise .35s var(--ease) both;animation-delay:calc(min(var(--i),10) * 35ms)}
.nitem.new{border-color:color-mix(in srgb,var(--tq) 45%,transparent);background:color-mix(in srgb,var(--tq) 6%,var(--card))}
.nitem.new::after{content:"";position:absolute;top:12px;inset-inline-end:12px;width:8px;height:8px;border-radius:50%;background:var(--pom)}
.nico{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--okbg);color:var(--ok)}
.nico svg{width:19px;height:19px}
.k-topup_rejected .nico{background:var(--badbg);color:var(--bad)}
.k-grant .nico,.k-gift .nico,.k-signup_points .nico{background:var(--warnbg);color:var(--warn)}
.nt{flex:1;min-width:0}
.nt p{margin:0 0 3px;font-size:14px;line-height:1.7;unicode-bidi:plaintext}
.nt small{color:var(--muted);font-size:12px}
.nitem .btn{align-self:center;height:32px}
footer.foot{margin-top:80px;background:color-mix(in srgb,var(--bg2) 65%,transparent)}
.fbrand{min-width:0}
footer .fb1{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
footer .fb1 svg{width:38px;height:38px}
footer .fb1 b{font-size:23px;font-weight:850;letter-spacing:-.01em}
#fabout{margin:10px 0 16px;max-width:32em;color:var(--ink2);font-size:13.5px;line-height:1.85}
.fsoc{display:flex;flex-wrap:wrap;gap:8px}
.fsoc a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--ink2);transition:transform .25s var(--spring),background .2s,color .2s}
.fsoc a:hover{transform:translateY(-3px);background:var(--tq);color:#fff}
.fsoc svg{width:18px;height:18px}
.fcol a,.fshop,.fct{display:inline-flex;align-items:center;gap:8px;max-width:100%;color:var(--ink2);text-decoration:none;font-size:13.5px;transition:color .2s}
.fcol a:hover{color:var(--tq2)}
.fcol small{color:var(--muted);font-size:11.5px}
.fct svg{flex:none;width:16px;height:16px;color:var(--tq)}
.fct bdi{overflow:hidden;text-overflow:ellipsis}
.fbar{border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.fbar-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;padding-top:14px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.fbar .stats{color:var(--ink2);font-weight:600}
.fgrid{display:grid;grid-template-columns:minmax(210px,1.25fr) repeat(4,minmax(0,1fr));gap:12px;align-items:center;padding-top:30px;padding-bottom:20px}
.fcol{position:relative;min-width:0;--a:var(--tq);--frow:46px}
.fcol[hidden]{display:none}
.fcol[data-fi="2"]{--a:var(--saffron)}.fcol[data-fi="3"]{--a:var(--pom)}.fcol[data-fi="4"]{--a:#6574e6}
.fcap{position:relative;box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;
box-shadow:0 1px 2px rgba(20,24,50,.05);transition:border-color .35s,box-shadow .35s,transform .45s var(--ease),opacity .45s}
.fcap::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:0 4px 4px 0;background:var(--a);opacity:.9}
[dir=ltr] .fcap::before{border-radius:4px 0 0 4px}
.fhd{margin:0}
.fhb{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;margin:0;padding:10px 12px 10px 12px;min-height:58px;border:0;background:none;color:var(--ink);font:inherit;font-size:13.5px;font-weight:800;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fhb:focus-visible{outline:2px solid var(--a);outline-offset:-3px;border-radius:18px}
.fhb>.fic{grid-row:1/3}
.fhb>span{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}
.fpre{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;font-weight:500;color:var(--muted);line-height:1.5}
.fpre:empty{display:none}
.fhb>.fcnt{grid-column:3;grid-row:1/3}.fhb>.fchev{grid-column:4;grid-row:1/3}
.fic{flex:none;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--a) 16%,transparent);color:color-mix(in srgb,var(--a) 72%,var(--ink))}
.fic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fcnt{flex:none;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--field);color:var(--muted);font-size:11px;font-weight:700;text-align:center;line-height:1.7}
.fcnt:empty{display:none}
.fchev{flex:none;width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.fcol .fbody,.fmore{display:none}
.fcol.open .fcap{transform:scale(.97);opacity:.55}
.fcol.open .fchev{transform:rotate(180deg)}
@media (hover:hover){.fcol:not(.open) .fcap:hover{border-color:color-mix(in srgb,var(--a) 40%,var(--line));box-shadow:0 10px 26px -16px rgba(20,24,50,.3);transform:translateY(-1px)}}
.fcol li{min-width:0;font-size:13px}
.fcol small{color:var(--muted);font-size:11.5px}
.fscrim{position:fixed;inset:0;z-index:180;background:rgba(14,17,36,.001);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);
transition:background .34s cubic-bezier(.25,.8,.25,1),backdrop-filter .34s cubic-bezier(.25,.8,.25,1),-webkit-backdrop-filter .34s cubic-bezier(.25,.8,.25,1)}
.fscrim.in{background:rgba(14,17,36,.22);-webkit-backdrop-filter:blur(7px) saturate(1.1);backdrop-filter:blur(7px) saturate(1.1)}
[data-theme=dark] .fscrim.in{background:rgba(0,0,0,.42)}
.fscrim[hidden],.fpop[hidden]{display:none}
.fpop{--a:var(--tq);--frow:46px;position:fixed;z-index:181;box-sizing:border-box;display:flex;flex-direction:column;padding:10px 10px 12px;border-radius:26px;
background:color-mix(in srgb,var(--card) 78%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);
border:1px solid color-mix(in srgb,var(--a) 38%,rgba(255,255,255,.6));
box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 30px 70px -24px rgba(14,17,36,.5),0 2px 8px rgba(14,17,36,.08);
transition:clip-path .42s cubic-bezier(.2,.86,.26,1),box-shadow .42s;will-change:clip-path}
[data-theme=dark] .fpop{background:color-mix(in srgb,var(--card) 80%,transparent);border-color:color-mix(in srgb,var(--a) 40%,rgba(255,255,255,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 70px -20px rgba(0,0,0,.7)}
.fpop::before{content:"";position:absolute;top:0;inset-inline:30px;height:3px;border-radius:0 0 4px 4px;background:var(--a)}
.fpop-hd{display:flex;align-items:center;gap:10px;padding:4px 4px 10px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(-4px);transition:opacity .26s .09s,transform .34s .09s var(--ease)}
.fpop-hd .fcnt{margin-inline-end:auto}
.fpop-t{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:850;color:var(--ink)}
.fpop-x{flex:none;width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--field) 70%,transparent);color:var(--ink2);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .3s var(--ease)}
.fpop-x:hover{background:var(--field);transform:rotate(90deg)}.fpop-x:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.fpop-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.fpop-w{position:relative;flex:1;min-height:0;display:grid;margin-top:6px;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .3s .13s,transform .4s .1s var(--ease)}
.fpop.in .fpop-hd,.fpop.in .fpop-w{opacity:1;transform:none}
.fpop:not(.in) .fpop-hd,.fpop:not(.in) .fpop-w{transition-delay:0s;transition-duration:.16s}
.fpop .fbody{display:block;grid-area:1/1;position:relative;z-index:1;height:calc(var(--frow) * var(--rows,5));overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;
padding-block:calc((var(--frow) * var(--rows,5) - var(--frow)) / 2);box-sizing:border-box;scrollbar-width:none;
-webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.fpop .fbody::-webkit-scrollbar{display:none}
.fpop ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.fpop li{height:var(--frow);display:flex;align-items:center;justify-content:center;gap:6px;padding-inline:14px;scroll-snap-align:center;text-align:center;
transform:perspective(420px) rotateX(calc(var(--d,0) * -20deg)) translateY(calc(var(--d,0) * var(--d,0) * var(--d,0) * -1.2px)) scale(calc(1 - var(--ad,0) * .08));
opacity:calc(1 - var(--ad,0) * .36);transition:color .2s,opacity .12s}
.fpop li>*{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fpop li a,.fpop li .fshop,.fpop li .fct{color:var(--ink2);font-size:13.5px;text-decoration:none;transition:font-size .25s var(--ease),color .2s}
.fpop li.on a,.fpop li.on .fshop,.fpop li.on .fct{color:var(--ink);font-weight:800;font-size:15px}
.fpop li small{color:var(--muted);font-size:11.5px}.fpop li.on small{color:var(--ink2)}
.fpop .flens{grid-area:1/1;align-self:center;height:var(--frow);margin-inline:4px;border-radius:15px;pointer-events:none;z-index:0;
background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.2)),color-mix(in srgb,var(--a) 13%,transparent);
border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 color-mix(in srgb,var(--a) 22%,transparent),0 8px 18px -12px color-mix(in srgb,var(--a) 70%,transparent)}
[data-theme=dark] .fpop .flens{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),color-mix(in srgb,var(--a) 16%,transparent);border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px -12px rgba(0,0,0,.6)}
.fpop .fct svg{flex:none;width:16px;height:16px;color:var(--tq)}
.fpop li a,.fpop .fshop,.fpop .fct{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%}
@media (min-width:861px){.fbar-in{padding-inline-end:84px}}
@media (min-width:861px) and (max-width:1120px){
.fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.fbrand{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.fbrand #fabout{margin:0;flex:1;min-width:220px}
}
.fnote{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;padding-bottom:14px;font-size:12px;color:var(--muted);line-height:1.8}
.fnote p{margin:0}
@media (max-width:860px){
.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:22px;padding-bottom:14px}
.fbrand{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:6px}
.fbrand #fabout{order:3;flex-basis:100%;margin:0;font-size:13px}
.fsoc a{width:34px;height:34px;border-radius:11px}
.fhb{grid-template-columns:auto minmax(0,1fr) auto;padding:9px 10px;min-height:56px;column-gap:8px}
.fhb>.fchev{display:none}
.fic{width:30px;height:30px;border-radius:10px}
.fpop li a,.fpop li .fshop,.fpop li .fct{font-size:14px}
.fpop li.on a,.fpop li.on .fshop,.fpop li.on .fct{font-size:16px}
.fnote{grid-template-columns:1fr;font-size:11.5px;line-height:1.75}
}
@media (prefers-reduced-motion:reduce){.fcap,.fchev,.fpop,.fpop-hd,.fpop-w,.fscrim{transition:none!important}.fpop li{transform:none}}
.pgpanel{width:min(660px,calc(100vw - 24px))!important}
.pgtext p{margin:0 0 12px;font-size:14.5px;line-height:1.95;unicode-bidi:plaintext}
@media (prefers-reduced-motion:reduce){
.deco i{animation:none!important;top:var(--y)!important;bottom:auto!important;opacity:.35}
}
.lat{font-feature-settings:normal!important;letter-spacing:.03em}
#gcode,#tpk,#tpr,#tpa,.mi-row bdi{font-feature-settings:normal}
.mlogo svg{width:18px;height:18px}
.dym{display:grid;gap:2px;justify-items:center;margin-top:4px;padding:12px 22px;border-radius:18px;border:1.5px dashed var(--line2);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;transition:transform .25s,border-color .25s,box-shadow .25s;animation:dymin .45s cubic-bezier(.34,1.3,.5,1) both}
.dym small{font-size:11.5px;color:var(--muted);font-weight:600}
.dym b{font-size:16px}
.dym span{font-size:12.5px;color:var(--ink2)}
.dym:hover,.dym:focus-visible{transform:translateY(-2px);border-color:#f4b43c;box-shadow:0 10px 24px -14px rgba(27,31,59,.35);outline:none}
@keyframes dymin{from{opacity:0;transform:translateY(8px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.dym{animation:none;transition:none}}
.dymbox{padding:18px 16px 6px}
html[dir=rtl] :is(.ptag,.eq,.save,.num,.cnt,.pcount,.b,.tile small,.lb-count,.lb-zv,.others li>b,td.p,#savedn){font-family:var(--ffe),var(--ff),Vazirmatn,system-ui,sans-serif}
.drop{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:999px;background:var(--okbg);color:var(--ok);font-size:12px;font-weight:700;white-space:nowrap;cursor:help}
.phbox{border:1px solid var(--line);border-radius:18px;padding:12px 12px 10px;background:var(--field)}
.phv{font-size:13.5px;font-weight:600;margin-bottom:8px;color:var(--ink2)}
.phv.good{color:var(--ok)}.phv.warn{color:var(--warn)}
.phwrap{position:relative;color:var(--tq);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.phsvg{display:block;width:100%;height:150px;overflow:visible}
.phline{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.phdots circle{fill:var(--card);stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.phdots .phlast{fill:currentColor}
.phbase{stroke:var(--line2);stroke-width:1;vector-effect:non-scaling-stroke}
.phguide{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.phx text{fill:var(--muted);font-size:11px;font-family:inherit}
.phtip{position:absolute;top:-6px;pointer-events:none;background:var(--btn);color:var(--btn-ink);border-radius:10px;padding:4px 9px;font-size:12px;line-height:1.45;white-space:nowrap;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}
.phtip span{opacity:.8;font-size:11px}
.phstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.phstats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.phstats small{color:var(--muted);font-size:11.5px}
.phstats b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.phstats span{color:var(--muted);font-size:11px}
html[dir=rtl] :is(.drop,.phv,.phstats b,.phtip b){font-family:var(--ffe),var(--ff),Vazirmatn,system-ui,sans-serif}
.tgcard{display:flex;align-items:center;gap:12px;margin:10px 0 4px;padding:12px 14px;border-radius:18px;border:1px solid rgba(34,158,217,.28);background:rgba(34,158,217,.07)}
.tgcard.on{border-color:var(--okbg);background:var(--okbg)}
.tgico{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#229ed9;color:#fff}
.tgico svg{width:22px;height:22px}
.tgt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tgt b{font-size:14px}
.tgt small{font-size:12.5px;color:var(--ink2);line-height:1.6}
.tgt .tgmail{color:var(--muted);font-size:11.5px}
.tgt .tgtest{color:var(--warn)}
.tgcard .btn{flex:none}
.btn.tgbtn{background:#229ed9;color:#fff;border-color:#229ed9}
@media (max-width:480px){.tgcard{flex-wrap:wrap}.tgcard .btn{width:100%;justify-content:center}}
.alertbox.mine{border:1.5px solid var(--tq);background:var(--card)}
.alertbox.mine .amh{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.alertbox.mine .amh svg{width:18px;height:18px}
.alertbox.mine .amv{font-size:1.35rem;margin:4px 0 2px}
.alertbox.mine.hit{border-color:var(--ok);background:var(--okbg)}
.alertbox.confirm{border:1.5px dashed var(--tq)}
.alertbox .row .grow{flex:1}
.alertbox.flash{animation:alflash 1.2s ease-out}
@keyframes alflash{0%{box-shadow:0 0 0 4px var(--tq2)}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.alertbox.flash{animation:none}}
#shal.on{color:var(--tq)}
.alertbox .alhit{color:var(--ok);font-weight:700;margin-top:6px}
.fclock{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.fclock svg{width:15px;height:15px;flex:none}
.fclock .nct{font-variant-numeric:tabular-nums;color:var(--ink2);letter-spacing:.02em}
@media (max-width:560px){.fclock .ncd{display:none}}
.ndbox .ndh{margin:0 0 6px}
.ndnote{font-size:13px;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:var(--field);border:1px solid var(--line)}
.ndnote.ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 9%,transparent)}
.ndlist{display:flex;flex-direction:column;gap:10px}
.nd{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.nd.cur{border-color:color-mix(in srgb,var(--tq) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tq) 25%,transparent)}
.nd.gone{opacity:.62}
.ndi{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--field);color:var(--tq)}
.ndi svg{width:22px;height:22px}
.ndb{flex:1;min-width:0}
.ndt{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ndt b{font-size:14.5px}
.ndp,.ndc,.ndo{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}
.ndp{background:color-mix(in srgb,#e0a800 18%,transparent);color:#9a6b00}
.ndc{background:color-mix(in srgb,var(--tq) 15%,transparent);color:var(--tq)}
.ndo{background:var(--field);color:var(--muted)}
.nds{font-size:12.5px;color:var(--muted);margin-top:2px}
.ndm{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;margin-top:6px}
.ndm small{color:var(--muted)}
.nda{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.ndq{display:flex;flex-direction:column;gap:8px;font-size:13px}
.ndq span{display:flex;gap:6px}
.ndold{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-top:10px;padding:9px 12px;border-radius:12px;background:var(--field)}
.ndbox > button{margin-top:12px}
.ndhow{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.7}
.mpage{display:flex;align-items:center;gap:8px;margin:16px 0 4px;padding:11px 14px;border:1px dashed var(--line2);border-radius:var(--r3);color:var(--tq2);font-weight:600;font-size:14px;text-decoration:none}
.mpage svg{width:16px;height:16px;flex:none}.mpage:hover{background:var(--chip)}
.m-usdt{background:#26a17b;font-size:17px}
.crnets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.crnet{position:relative;display:block;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);cursor:pointer;transition:border-color .2s,background .2s}
.crnet input{position:absolute;opacity:0;pointer-events:none}
.crnet:has(input:checked){border-color:#26a17b;background:color-mix(in srgb,#26a17b 10%,var(--card))}
.crnet:has(input:focus-visible){outline:2.5px solid #26a17b;outline-offset:2px}
.crnet span{display:grid;gap:2px}.crnet b{font-size:13.5px}.crnet small{font-size:11px;color:var(--muted)}
.crinv{display:grid;gap:12px}
.crhead{display:flex;align-items:center;gap:10px}
.crhead>div{flex:1;min-width:0;display:grid;gap:1px}.crhead b{font-size:15px}.crhead small{font-size:11px;color:var(--muted)}
.crico{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,#26a17b 14%,var(--card));color:#1d8a68}
.st-paid .crico{background:#26a17b;color:#fff}.st-expired .crico,.st-cancelled .crico{background:var(--warnbg);color:var(--warn)}
.crspin{width:16px;height:16px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;animation:crs 1s linear infinite}
@keyframes crs{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.crspin{animation-duration:3s}}
.crtime{font-weight:800;font-size:15px;padding:4px 10px;border-radius:10px;background:var(--field);direction:ltr}
.crtime.low{background:var(--warnbg);color:var(--warn)}
.crpay{display:grid;gap:10px}
.cramt{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,#26a17b 8%,var(--card));border:1.5px solid color-mix(in srgb,#26a17b 35%,transparent)}
.cramt>small{font-size:12px;color:var(--ink2)}
.crrow{display:flex;align-items:center;gap:10px;margin:4px 0}
.crrow b{font-size:26px;letter-spacing:.01em}.crrow b span{font-size:14px;color:var(--muted)}
.crrow .btn,.craddr .btn{margin-inline-start:auto;height:30px;padding:0 12px}
.crwhy{display:block;font-size:11.5px;color:var(--muted);line-height:1.55}
.craddr{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1.5px dashed var(--line2)}
.craddr>div{flex:1;min-width:0;display:grid;gap:4px}.craddr small{font-size:12px;color:var(--muted)}
.craddr code{font-size:13px;font-weight:700;overflow-wrap:anywhere;word-break:break-all;background:none;padding:0}
.craddr .btn{justify-self:start;margin:0}
.crqr{flex:0 0 auto;width:118px;height:118px;border-radius:10px;background:#fff;padding:4px}
.crwarn{margin:0;padding:9px 12px;border-radius:12px;background:var(--warnbg);color:var(--warn);font-size:12.5px;line-height:1.6}
.crclaim{border-top:1px solid var(--line2);padding-top:8px}.crclaim summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--ink2)}
.crclaim p{margin:6px 0}.crnote{margin:0}
.crdone{display:grid;gap:4px;justify-items:start}.crdone b{font-size:24px;color:#1d8a68}.crdone p{margin:0}
.cracts{display:flex;gap:8px;justify-content:flex-end}.cracts:empty{display:none}
@media (max-width:520px){.craddr{flex-direction:column;align-items:stretch}.crqr{align-self:center;width:150px;height:150px}.crrow b{font-size:22px}}
.wantbox p{margin:0}
.wantbox #wtact{margin-top:6px;min-height:44px;display:flex;align-items:center;justify-content:center}
.wantbox .wtok{color:var(--tq2,#138a82);font-weight:700}
.wantbox .wterr{color:#c0392b;font-weight:700}
.wtlist{margin-top:18px}
.wtlist h4{margin:0 2px 8px;font-size:14px;color:var(--ink2)}
.wtlist .mitem{grid-template-columns:1fr auto}
.wtlist .wtwait{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--saffron,#f2b33d);margin-inline-end:6px;vertical-align:middle;animation:wtpulse 1.8s ease-in-out infinite}
@keyframes wtpulse{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.wtlist .wtwait{animation:none}}
.b.wr{background:rgba(26,163,154,.12);color:#147a73}
.b.partner{background:rgba(124,58,237,.12);color:#6d28d9}
.oofm{display:grid;gap:12px}
.oofm p{margin:0;line-height:1.8}
.oof{display:grid;gap:5px;font-size:13.5px;font-weight:600}
.oin{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-weight:400;background:var(--card,#fff);color:inherit}
.oin:focus{outline:2px solid var(--tq,#1aa39a);outline-offset:1px}
textarea.oin{resize:vertical;min-height:70px}
.oohp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.ooerr{color:var(--bad);background:var(--badbg);padding:8px 12px;border-radius:10px}
.oobtn{justify-self:start;border:0;border-radius:12px;padding:11px 22px;font:inherit;font-weight:700;background:var(--ink,#1b1f3b);color:#fff;cursor:pointer}
.oobtn:disabled{opacity:.6}
.oodone{background:var(--okbg);color:var(--ok);padding:14px 16px;border-radius:12px}
.repbox{position:relative;display:grid;gap:8px;text-align:start;background:var(--field);border:1px solid var(--line2);border-radius:16px;padding:10px 12px 12px;margin-top:4px;animation:repin .25s ease both}
@keyframes repin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.reph{font-size:13px}
.repbox .repmenu{justify-content:flex-start}
.repbox .repmenu button{padding:4px 12px;transition:background .15s,border-color .15s,color .15s}
.repbox .repmenu button[aria-pressed=true]{background:var(--pom);border-color:var(--pom);color:#fff}
.repmore{display:grid;gap:8px}
.repmore textarea,.repmore input{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:12px;background:var(--card,#fff);color:inherit;font:inherit;font-size:13px;padding:8px 10px;resize:vertical}
.repmore textarea:focus,.repmore input:focus{outline:2px solid color-mix(in srgb,var(--pom) 40%,transparent);border-color:var(--pom)}
.repact{display:flex;gap:6px;flex-wrap:wrap}
.repx{position:absolute;inset-inline-end:6px;top:4px;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px}
.repdone{display:grid;gap:2px;justify-items:center;font-size:12.5px;color:var(--muted)}
.repdone b{color:var(--ink,inherit);font-weight:600}
.results.list .repdone{justify-items:start}
.sheetrep{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line2)}
.hs-wrap{position:relative;min-width:0;max-width:100%}
.hs-wrap.hs-inl{display:inline-block;vertical-align:middle}
.hs-el{--hs-a:0px;--hs-b:0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--hs-a),#000 calc(100% - var(--hs-b)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--hs-a),#000 calc(100% - var(--hs-b)),transparent 100%)}
.hs-el.hs-s{--hs-a:36px}.hs-el.hs-e{--hs-b:36px}
[dir=rtl] .hs-el{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 var(--hs-a),#000 calc(100% - var(--hs-b)),transparent 100%);mask-image:linear-gradient(to left,transparent 0,#000 var(--hs-a),#000 calc(100% - var(--hs-b)),transparent 100%)}
.hs-el.hs-drag{cursor:grabbing;user-select:none;scroll-snap-type:none!important;scroll-behavior:auto}
.hs-el.hs-drag *{pointer-events:none}
.hs-btn{position:absolute;top:50%;z-index:4;width:30px;height:30px;margin-top:-15px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line2);background:var(--card);color:var(--ink);box-shadow:0 4px 14px -6px rgba(0,0,0,.35);cursor:pointer;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .2s,transform .2s}
.hs-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hs-prev{inset-inline-start:-4px}.hs-next{inset-inline-end:-4px}
.hs-next svg{transform:scaleX(-1)}
[dir=rtl] .hs-prev svg{transform:scaleX(-1)}[dir=rtl] .hs-next svg{transform:none}
.hs-wrap.hs-s>.hs-prev,.hs-wrap.hs-e>.hs-next{opacity:1;pointer-events:auto;transform:none}
@media (hover:hover){.hs-btn:hover{border-color:var(--ink)}}
.hs-btn{background:#fff;color:#1b1f3b;border-color:rgba(15,20,45,.1)}
.sug.capsmode{padding:12px 12px 8px;max-height:min(520px,70vh)}
.sug.capsmode .cg{padding:2px 0 8px}
.sug.capsmode .cg+.cg{border-top:1px dashed var(--line);padding-top:8px}
.sug.capsmode .sh{display:flex;align-items:center;gap:6px;padding:2px 4px 7px}
.sug.capsmode .sh i{display:inline-grid;width:16px;height:16px}
.sug.capsmode .sh i svg{width:16px;height:16px}
.cg-pop .sh i{color:var(--pom)}.cg-deal .sh i{color:var(--tq)}.cg-try .sh i{color:#c98a12}
.sug.capsmode .cr{display:flex;flex-wrap:wrap;gap:7px}
.sug.capsmode button.cap{width:auto;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line2);
background:var(--glass);font-size:13.5px;font-weight:600;color:var(--ink);max-width:100%;
transition:transform .25s var(--spring),border-color .2s,background .2s,box-shadow .25s;animation:cap27 .38s var(--ease) both;animation-delay:calc(var(--d,0) * 22ms)}
.sug.capsmode button.cap bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:24em}
.sug.capsmode button.cap:hover,.sug.capsmode button.cap.on{transform:translateY(-2px);border-color:var(--tq);background:var(--card);box-shadow:0 8px 18px -12px rgba(27,31,59,.45)}
.sug.capsmode .k-hist{color:var(--ink2);font-weight:500}
.sug.capsmode .k-pop{border-color:color-mix(in srgb,var(--pom) 30%,var(--line2))}
.sug.capsmode .k-deal small{font-size:11.5px;font-weight:700;color:var(--tq);background:color-mix(in srgb,var(--tq) 12%,transparent);padding:1px 7px;border-radius:999px}
.sug.capsmode .k-cat .ci{display:inline-grid;width:18px;height:18px;color:var(--tq)}
.sug.capsmode .k-cat .ci svg{width:18px;height:18px}
@keyframes cap27{from{opacity:0;transform:translateY(6px) scale(.96)}}
.tiles{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}
.tile{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;min-height:0;border-radius:18px}
.tile:hover{transform:translateY(-3px)}
.tile .ti{width:44px;height:44px;border-radius:14px;margin:0;flex:none}
.tile .ti svg{width:23px;height:23px}
.tile .tt{display:flex;flex-direction:column;min-width:0;flex:1;text-align:start}
.tile b{font-size:15.5px;margin:0;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.tile small{font-size:12.5px;white-space:nowrap}
.tile .tgo{position:absolute;top:9px;inset-inline-end:9px;display:inline-grid;width:15px;height:15px;opacity:.3;transition:opacity .2s,transform .25s var(--spring)}
.tile .tgo svg{width:15px;height:15px}
html[dir=rtl] .tile .tgo{transform:scaleX(-1)}
.tile:hover .tgo{opacity:.9;transform:translateX(3px)}
html[dir=rtl] .tile:hover .tgo{transform:scaleX(-1) translateX(3px)}
.tile::after{width:70px;height:70px;inset-inline-end:-26px;bottom:-34px;border-radius:20px}
.hshops{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px;scroll-snap-type:x proximity}
.hshops::-webkit-scrollbar{display:none}
.hshop{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:10px;min-width:206px;padding:10px 14px 10px 12px;border-radius:18px;
border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:start;transition:transform .25s var(--spring),box-shadow .25s,border-color .2s}
.hshop:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:var(--line2)}
.hshop .av{width:38px;height:38px;border-radius:50%;font-size:13px}
.hshop .hst{display:flex;flex-direction:column;min-width:0;gap:1px}
.hshop b{font-size:14.5px;font-weight:750;display:flex;align-items:center;gap:6px;white-space:nowrap}
.hshop small{color:var(--muted);font-size:12px}
.hshop .hsr{font-size:11.5px;font-weight:700;color:#b7791f;background:color-mix(in srgb,var(--saffron) 18%,transparent);padding:0 6px;border-radius:999px}
.hshop .hsc{display:flex;gap:4px;margin-top:3px}
.hshop .hsc i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--field);color:var(--ink2)}
.hshop .hsc i svg{width:13px;height:13px}
@media (max-width:720px){
.tiles{grid-template-columns:1fr 1fr;gap:9px}
.tile{padding:10px 11px;gap:9px}
.tile .ti{width:38px;height:38px;border-radius:12px}
.tile .ti svg{width:20px;height:20px}
.tile b{font-size:14.5px}
.tile .tgo{display:none}
.hshop{min-width:180px;padding:9px 12px 9px 10px}
.sug.capsmode{max-height:min(460px,62vh)}
.sug.capsmode button.cap{font-size:13px;padding:6px 12px}
}
@media (prefers-reduced-motion:reduce){.sug.capsmode button.cap{animation:none}}
.lwide .lpost{width:100%;min-height:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:14px 18px;text-align:start;aspect-ratio:auto}
.lwide .lpost .lpi{margin:0;flex:none}
.lwide .lpost small{margin-inline-start:auto}
@media (min-width:721px){.floaters{height:300px}}
.sgcats{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sgcats legend{font-size:13.5px;font-weight:600;margin-bottom:6px;padding:0}
.sgchip{position:relative;cursor:pointer}
.sgchip input{position:absolute;opacity:0;pointer-events:none}
.sgchip span{display:inline-block;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card,#fff);font-size:13px;transition:background .2s,border-color .2s}
.sgchip input:checked+span{border-color:var(--tq,#1aa39a);background:color-mix(in srgb,var(--tq,#1aa39a) 14%,var(--card,#fff));font-weight:700}
.sgchip input:focus-visible+span{outline:2px solid var(--tq,#1aa39a);outline-offset:2px}
.sgown{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;cursor:pointer}
.sgown input{width:18px;height:18px;accent-color:var(--tq,#1aa39a)}
.sgcontact{display:grid;gap:10px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--tq,#1aa39a) 6%,var(--card,#fff));border:1px solid var(--line)}
.sgcontact p{margin:0}
.sgwt{margin-top:10px}
.sgwt a{color:var(--tq,#1aa39a);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){
.langs,.langs.hs-el{-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important}
.langs .pill{display:none}
.langs button:not(.on){display:none}
.langs button.on{background:var(--btn);color:var(--btn-ink);min-width:44px}
.langs.open button:not(.on){display:block;position:absolute;inset-inline-end:0;min-width:84px;height:36px;padding:0 14px;
background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow);z-index:70;text-align:start}
}
@media (max-width:400px){
.top-in{gap:8px}
.acts{gap:0}
.ib{width:35px;height:38px}
.brand{gap:7px}
.brand svg{width:32px!important;height:32px!important}
}
.b.shoplist{background:rgba(59,130,246,.13);color:var(--ink)}.dot.shoplist{background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.pl33p{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;min-width:0}
.pl33p h3{margin:0 0 4px}
.pl33p textarea,.pl33p input[type=text],.pl33p #plpnote,.pl33p select{width:100%;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--field);color:inherit;font:inherit;min-width:0}
.pl33p .btn{align-self:flex-start}
.pl33pr{display:flex;flex-direction:column;gap:4px}
.pl33ps{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:10px 12px;border-radius:12px;background:var(--chip)}
.pl33ps.live{background:var(--okbg)}.pl33ps.expired{background:var(--warnbg)}
.pl33how{margin:0;padding-inline-start:18px}.pl33how li{margin:2px 0}
.pl33hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pl33hist li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px}
.pl33hist .plk{font-weight:700}.pl33hist .pls{font-size:12px;padding:1px 9px;border-radius:999px;background:var(--chip)}
.pl33hist .pls.published{background:var(--okbg);color:var(--ok)}.pl33hist .pls.discarded{background:var(--badbg);color:var(--bad)}.pl33hist .pls.draft{background:var(--warnbg);color:var(--warn)}
.m-zaincash_online{background:#1b1f3b}.m-fib_online{background:#0e8a6a}
.mopt.m-pg{border-style:solid;border-color:color-mix(in srgb,var(--tq) 45%,var(--line2))}
.pgbadge{font-style:normal;font-weight:700;font-size:10px;color:#1d8a68;background:color-mix(in srgb,#26a17b 13%,var(--card));padding:1px 7px;border-radius:999px}
.pgtest{margin:0;padding:8px 11px;border-radius:11px;background:var(--warnbg);color:var(--warn);font-size:12.5px;font-weight:600}
.pgq{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}.pgq .chip{cursor:pointer;margin:0;padding:4px 12px}
.pgq .chip:hover{border-color:var(--tq)}
.pgbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:220px;min-height:50px;padding:8px 18px;border-radius:12px;
font-weight:700;font-size:15px;color:#fff;border:0;text-decoration:none;justify-self:start;box-shadow:0 6px 18px -8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .15s,filter .15s}
.pgbtn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pgbtn:disabled{opacity:.7;transform:none}
.pgbtn .mlogo{width:30px;height:30px;font-size:11px;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.pg-zc{background:linear-gradient(135deg,#2a2f5c,#1b1f3b)}.pg-fib{background:linear-gradient(135deg,#13a07c,#0b7259)}
.pgfib .crrow b{font-size:22px;letter-spacing:.06em}.pgapp{margin-top:8px;display:inline-flex}
.pginv.st-failed .crico,.pginv.st-error .crico{background:var(--warnbg);color:var(--warn)}
@media (max-width:520px){.pgbtn{width:100%}}
#pldlg{z-index:74}
.panel.dialog.pl42{width:min(520px,calc(100vw - 24px))}
.pl42 .dlg-b{display:flex;flex-direction:column;gap:10px;min-height:min(60vh,520px)}
.plsr{position:relative}
.plsr svg{position:absolute;inset-inline-start:13px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.plsr input{width:100%;height:46px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);padding:0 14px;padding-inline-start:40px;outline:0;font:inherit;color:inherit}
.plsr input:focus{border-color:var(--tq);box-shadow:0 0 0 4px color-mix(in srgb,var(--tq) 14%,transparent)}
.plcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:var(--muted)}
.plcrumb:empty{display:none}
.plcrumb button{border:0;background:none;padding:3px 6px;border-radius:8px;cursor:pointer;color:var(--tq);font:inherit;font-weight:600}
.plcrumb button[aria-current]{color:var(--ink);cursor:default}
.pllist{display:flex;flex-direction:column;gap:2px;overflow:auto;flex:1;max-height:52vh}
.plgrp h4{margin:6px 2px 8px;font-size:13px;color:var(--muted);font-weight:700}
.plgovs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.plgov{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font:inherit;font-weight:600;color:var(--ink2);transition:background .2s,border-color .2s}
.plgov:hover{border-color:var(--tq);background:color-mix(in srgb,var(--tq) 8%,var(--card))}
.plit{display:flex;align-items:center;gap:8px;border-radius:12px;transition:background .15s}
.plit:hover{background:color-mix(in srgb,var(--tq) 7%,transparent)}
.plmain{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;background:none;padding:9px 10px;cursor:pointer;font:inherit;color:inherit;text-align:start}
.plmain b{font-weight:650}
.plmain small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.plk{font-style:normal;font-size:11.5px;color:var(--muted);padding:2px 8px;border-radius:999px;background:var(--bg2);flex:none}
.plin{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font-size:18px;line-height:1;color:var(--ink2);margin-inline-end:4px}
[dir=ltr] .plin{transform:scaleX(-1)}
.plinfo .plmain{cursor:default}
.plit.nopick .plmain b{font-weight:600;color:var(--ink2)}
.plall{margin:2px 0 8px;height:42px;border-radius:12px;border:1.5px dashed var(--tq);background:color-mix(in srgb,var(--tq) 6%,transparent);color:var(--tq);font:inherit;font-weight:700;cursor:pointer}
.plnone{color:var(--muted);text-align:center;padding:24px 0}
.plfoot{border-top:1px solid var(--line);padding-top:8px}
.plsug,.plmiss summary{border:0;background:none;color:var(--tq);font:inherit;font-weight:600;cursor:pointer;padding:6px 2px}
.plok{color:var(--ok,#1a7f5a);font-weight:600}
.plsf .bar{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.plfield{width:100%;height:46px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);padding:0 14px;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit;color:inherit;text-align:start}
.plfield svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--tq);stroke-width:2}
.plfield:focus-visible{border-color:var(--tq);outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--tq) 14%,transparent)}
.plmore{border-style:dashed!important}
.plosm{margin:0;font-size:11px;color:var(--muted);text-align:end}
.plosm a{color:inherit}
.maplibregl-ctrl-attrib{direction:ltr}
.nr43chip{display:inline-flex;align-items:center;gap:2px;flex:none;border-radius:999px;padding:1px 7px 1px 6px;font-size:11.5px;line-height:1.6;
color:var(--ink2);background:rgba(120,130,150,.13);white-space:nowrap}
.nr43chip svg{width:11px;height:11px;fill:#b7791f}
.nr43chip.ok{color:#0f766e;background:color-mix(in srgb,#0f766e 12%,transparent)}
.nr43chip.ok svg{fill:#0f766e}
.nr43b{display:inline-flex;align-items:center;gap:5px;max-width:230px}
.nr43b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr43b svg{width:14px;height:14px;fill:currentColor;flex:none}
.nr43b.on{color:#0f766e;border-color:color-mix(in srgb,#0f766e 45%,transparent);background:color-mix(in srgb,#0f766e 9%,var(--card))}
.nr43x{font-weight:800;opacity:.7;margin-inline-start:2px}
.nr43line{display:flex;align-items:flex-start;gap:5px;font-size:12px;line-height:1.5;color:#0f766e;margin-top:2px}
.nr43line svg{width:12px;height:12px;fill:currentColor;flex:none}
.nr43line span{min-width:0;overflow-wrap:anywhere}
.nr43line svg{margin-top:3px}
@media (max-width:700px){
.how{grid-template-columns:1fr;gap:0;padding:4px 16px;border-radius:22px;background:var(--glass);border:1px solid var(--line);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.how div{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:start;padding:12px 0;background:none;border:0;border-radius:0;font-size:12.5px;line-height:1.65}
.how div+div{border-top:1px dashed var(--line2)}
.how div::before{grid-row:1 / span 2;width:30px;height:30px;border-radius:10px;margin:2px 0 0;font-size:13px}
.how b{grid-column:2;font-size:14.5px;margin-bottom:0}
}
@media (max-width:860px){.fbar-in{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
.pcard{border:1.5px dashed var(--warn);background:var(--warnbg)}
.pcard h3{display:flex;align-items:center;gap:8px}
.pcard h3::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px var(--warnbg)}
.pcq{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 0;border-top:1px solid var(--line,#e6e6e6)}
.pcq .btn{margin-inline-start:auto}
.pcrow{display:flex;flex-direction:column;min-width:0}
.pcrow small{color:var(--muted,#777);font-size:12px}
.pcrow bdi{font-weight:600;overflow-wrap:anywhere}
html.tgapp .kilim,html.tgapp .floaters{display:none}
html.tgapp .hero{padding-top:clamp(14px,4vw,30px)}
.tgbar{position:fixed;z-index:60;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;
padding:10px 10px 10px 14px;border-radius:16px;background:var(--card);color:var(--ink);border:1px solid var(--line2);box-shadow:var(--shadow2);font-size:13.5px;line-height:1.5;animation:rise .4s var(--ease) both}
[dir=rtl] .tgbar{padding:10px 14px 10px 10px}
.tgbar span{flex:1;min-width:0}
.tgbar .tgb-go{flex:none;border:0;border-radius:999px;padding:7px 14px;background:var(--btn);color:var(--btn-ink);font-weight:700;cursor:pointer}
.tgbar .tgb-x{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
@media (min-width:700px){.tgbar{inset-inline:auto 20px;max-width:440px}[dir=rtl] .tgbar{inset-inline:20px auto}}
.rails{display:none}
.rails:not([hidden]){display:block}
.searching .rails{display:none!important}
.rails-on .floaters{display:none}
.rail{min-width:0}
.rl-h{display:flex;align-items:center;gap:7px;margin:0 4px 10px;font-size:15px;font-weight:800;color:var(--ink)}
.rl-hi{width:19px;height:19px;flex:none;color:var(--saffron)}
.rl-list{display:flex;flex-direction:column;gap:10px}
.rl-c{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);text-align:start;text-decoration:none;cursor:pointer;font:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.rl-c:hover{transform:translateY(-2px);box-shadow:var(--shadow2);border-color:color-mix(in srgb,var(--tq) 35%,var(--line))}
.rl-c:focus-visible{outline:2px solid var(--tq);outline-offset:2px}
.rl-pic{flex:none;width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.rl-pic img{width:100%;height:100%;object-fit:contain;padding:3px}
.rl-ic{display:grid;place-items:center;width:100%;height:100%;background:color-mix(in srgb,var(--tq) 10%,var(--card))}
.rl-ic svg{width:24px;height:24px;color:var(--tq)}
.rl-t{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}
.rl-t b{display:block;width:100%;text-align:start;font-size:12.5px;font-weight:700;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-p{font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;background:#ffd34d;color:#1b1f3b;white-space:nowrap}
.rl-s,.rl-x{display:block;max-width:100%;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-b{font-style:normal;font-size:10px;font-weight:700;line-height:1.6;padding:0 7px;border-radius:6px;background:var(--field);color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-b.ad{background:#fff1d6;color:#8a5200}
.rl-b.hs{background:color-mix(in srgb,var(--tq) 14%,transparent);color:var(--tq)}
.rl-b.pk{background:color-mix(in srgb,var(--indigo) 13%,transparent);color:var(--indigo)}
[data-theme=dark] .rl-pic{background:#f4f5f8}
[data-theme=dark] .rl-b.ad{background:#4a3410;color:#ffd38a}
@media (min-width:1400px){
main{position:relative}
.rails:not([hidden]){position:absolute;top:var(--rl-top,560px);bottom:28px;left:0;right:0;z-index:2;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;
direction:ltr;padding-inline:max(14px,calc((100% - var(--site-w)) / 2 - 252px))}
.rail{pointer-events:auto;width:220px;position:sticky;top:calc(var(--hh) + 18px)}
[dir=rtl] .rail{direction:rtl}
.rl-R{order:2}.rl-L{order:1}
body.rails-on:not(.searching){--site-w:min(var(--site-wx),calc(100vw - 2 * 252px - 2 * var(--gut) - 16px))}
}
@media (max-width:1399px){
.rails:not([hidden]){display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;max-width:calc(var(--site-w) + 2 * var(--gut));margin:14px auto 0;padding:4px var(--gut) 12px;-webkit-overflow-scrolling:touch}
.rails::-webkit-scrollbar{display:none}
.rail,.rl-list{display:contents}
.rl-h,.rl-empty{display:none}
.rl-c{flex:0 0 236px;width:236px;min-width:0;scroll-snap-align:start}
}
@media (max-width:720px){.rails:not([hidden]){padding-inline:14px;margin-top:12px}.rl-c{flex-basis:min(72vw,250px);width:min(72vw,250px)}}
@media (min-width:1400px){.rail .rl-b.au{display:none}}
.fhb>.fcnt{display:none}
.fpre{font-size:11.5px!important;color:var(--ink3,var(--muted))}
.fnote{display:block;max-width:980px;margin-inline:auto;padding-top:16px;padding-bottom:18px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);text-align:center;font-size:12px;line-height:1.85;color:var(--muted)}
.fnote p{margin:0 auto;max-width:80ch}
.fnote p + p{margin-top:4px}
.fbar-in{align-items:center}
.fbar .stats{color:var(--muted);font-weight:500}
.fmeta{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;min-width:0}
.fver{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}
.fver:empty{display:none}
@media (max-width:860px){
.fnote{text-align:start;padding-top:14px}
.fbar-in{flex-direction:column;justify-content:center;text-align:center;gap:6px}
.fmeta{flex-direction:column;gap:4px}
}
.otpw{position:relative;display:block;min-width:min(260px,100%)}
.otpw.on>input{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0;padding:0!important;opacity:0;z-index:1;border:0!important;letter-spacing:0!important;cursor:text}
.otpb{display:none}
.otpw.on>.otpb{display:flex;justify-content:center;gap:8px;direction:ltr}
.otpb i{flex:1 1 0;min-width:0;max-width:48px;aspect-ratio:.86;display:grid;place-items:center;border-radius:12px;border:1.5px solid color-mix(in srgb,currentColor 22%,transparent);
background:var(--card,#fff);color:inherit;font:800 20px/1 system-ui,-apple-system,"Segoe UI",sans-serif;font-style:normal;transition:border-color .2s,box-shadow .2s,background .3s}
.otpb i.f{border-color:color-mix(in srgb,currentColor 40%,transparent);animation:otppop .18s ease}
.otpb i.cur{border-color:#1aa39a;box-shadow:0 0 0 4px rgba(26,163,154,.15)}
.otpw.bad>.otpb{animation:otpshake .45s cubic-bezier(.36,.07,.19,.97)}
.otpw.bad>.otpb i{border-color:#d9434f;background:color-mix(in srgb,#d9434f 10%,var(--card,#fff));color:#c0313d}
.otpw.ok>.otpb i{border-color:#1f9d63;background:color-mix(in srgb,#1f9d63 12%,var(--card,#fff));color:#157a4a;animation:otpwave .55s ease both}
.otpw.ok>.otpb i:nth-child(2){animation-delay:.05s}.otpw.ok>.otpb i:nth-child(3){animation-delay:.1s}.otpw.ok>.otpb i:nth-child(4){animation-delay:.15s}
.otpw.ok>.otpb i:nth-child(5){animation-delay:.2s}.otpw.ok>.otpb i:nth-child(6){animation-delay:.25s}.otpw.ok>.otpb i:nth-child(7){animation-delay:.3s}.otpw.ok>.otpb i:nth-child(8){animation-delay:.35s}
@keyframes otpshake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
@keyframes otpwave{40%{transform:translateY(-7px)}}
@keyframes otppop{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.otpw *,.otpw .otpb{animation:none!important}}
[data-theme=dark] select{color-scheme:dark}
select option,select optgroup{background-color:var(--card,#fff);color:var(--ink,#1b1f3b)}
@media (max-width:720px){
.panel,.panel.dialog{animation-duration:.52s;animation-timing-function:cubic-bezier(.32,.72,0,1)}
.ov.closing .panel,.ov.closing .panel.dialog{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.7,.2)}
.ov:not(.closing) .panel>:not(.grab){animation:ovfade .36s .1s ease-out both}
}
@keyframes ovfade{from{opacity:0}}
@supports (view-transition-name:none){
html.hd2 #top{view-transition-name:nk-top}
html.hd2 #h2bar{view-transition-name:nk-bar}
::view-transition-old(root){animation:nkvt-out .2s ease-in both}
::view-transition-new(root){animation:nkvt-in .36s cubic-bezier(.22,1,.36,1) both}
}
@keyframes nkvt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes nkvt-in{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:reduce){
.ov:not(.closing) .panel>:not(.grab){animation:none}
::view-transition-old(root),::view-transition-new(root){animation:none}
}
.ls-share-choice{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(7,10,25,.6)}
.ls-share-choice section{width:min(100%,360px);box-sizing:border-box;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:18px;display:grid;gap:8px;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.ls-share-choice h2{margin:0 0 8px;font-size:18px}.ls-share-choice a,.ls-share-choice button{display:block;width:100%;box-sizing:border-box;text-align:start;text-decoration:none;font:inherit;color:var(--ink);background:var(--field,var(--bg));border:1px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer}
.fpop{border-radius:70px;padding:7px 9px 9px}
.fpop::before{display:none}
.fpop-hd{padding:1px 14px 5px;gap:6px}
.fpop-hd .fic{width:28px;height:28px}.fpop-hd .fcnt{display:none}.fpop-t{font-size:12px}
.fpop-x{width:28px;height:28px;border-radius:50%}.fpop-w{margin-top:1px}
.fpop .flens{border-radius:999px;margin-inline:12px}
.fpop li{transform:translateX(calc(var(--d,0) * var(--d,0) * -5px)) scale(calc(1 - var(--ad,0) * .07));opacity:calc(1 - var(--ad,0) * .25)}
[dir=ltr] .fpop li{transform:translateX(calc(var(--d,0) * var(--d,0) * 5px)) scale(calc(1 - var(--ad,0) * .07))}
.fpop li a,.fpop li .fshop,.fpop li .fct{font-size:12px}.fpop li.on a,.fpop li.on .fshop,.fpop li.on .fct{font-size:13px}
@media (prefers-reduced-motion:reduce){.fpop li,[dir=ltr] .fpop li{transform:none!important}}
.fpop{padding:6px;border-radius:70px;overflow:hidden}
.fpop .fpop-x{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;z-index:3}
.fpop .fpop-x:focus-visible{width:auto;height:28px;clip-path:none;inset-block-start:3px;inset-inline-end:8px;padding:0 10px;background:var(--card)}
.fpop .fpop-x:focus-visible::after{content:'×';font-size:18px}
.fpop-w{margin:0;width:100%}
.fpop .fbody{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y}
.fpop li,[dir=ltr] .fpop li{transform:translateX(var(--arc-x,0px)) perspective(300px) rotateX(var(--arc-tilt,0deg)) scale(calc(1 - var(--ad,0) * .07));opacity:calc(1 - var(--ad,0) * .25)}
.fpop .flens{margin-inline:8px}
@media (prefers-reduced-motion:reduce){.fpop li,[dir=ltr] .fpop li{transform:none!important}}
.fpop ul{overflow-x:clip;max-width:100%}
.fscrim{opacity:0;background:rgba(14,17,36,.22);-webkit-backdrop-filter:blur(7px) saturate(1.1);backdrop-filter:blur(7px) saturate(1.1);transition:opacity .34s cubic-bezier(.25,.8,.25,1)}
.fscrim.in{opacity:1}
[data-theme=dark] .fscrim{background:rgba(0,0,0,.42)}
@media (prefers-reduced-motion:reduce){.fscrim{transition:none}}

/* ---- fonts.css ---- */
@font-face{font-family:"NK Noto";src:url('../fonts/f-noto.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"NK Kufi";src:url('../fonts/f-kufi.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"NK Naskh";src:url('../fonts/f-naskh.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:"NK Plex";src:url('../fonts/f-plex-400.woff2') format('woff2');font-weight:100 450;font-display:swap}
@font-face{font-family:"NK Plex";src:url('../fonts/f-plex-600.woff2') format('woff2');font-weight:451 650;font-display:swap}
@font-face{font-family:"NK Plex";src:url('../fonts/f-plex-700.woff2') format('woff2');font-weight:651 900;font-display:swap}
@font-face{font-family:"NKD vazirmatn";src:url('../fonts/d-vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:"NKD inter";src:url('../fonts/d-inter.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:"NKD noto";src:url('../fonts/d-noto.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:"NKD kufi";src:url('../fonts/d-kufi.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:"NKD plex";src:url('../fonts/d-plex-400.woff2') format('woff2');font-weight:100 550;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:"NKD plex";src:url('../fonts/d-plex-700.woff2') format('woff2');font-weight:551 900;font-display:swap;unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:"NKE noto";src:url('../fonts/e-noto.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:"NKE kufi";src:url('../fonts/e-kufi.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:"NKE plex";src:url('../fonts/e-plex-400.woff2') format('woff2');font-weight:100 550;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:"NKE plex";src:url('../fonts/e-plex-700.woff2') format('woff2');font-weight:551 900;font-display:swap;unicode-range:U+0030-0039}
html[data-font=noto]{--ff:"NK Noto";--ffe:"NKE noto"}
html[data-font=plex]{--ff:"NK Plex";--ffe:"NKE plex"}
html[data-font=kufi]{--ff:"NK Kufi";--ffe:"NKE kufi"}
html[data-font=naskh]{--ff:"NK Naskh";--ffe:NarkhDigits}
html[data-font=system]{--ff:system-ui;--ffe:NarkhDigits}
html[data-digits=vazirmatn]{--ffd:"NKD vazirmatn";--ffe:NarkhDigits}
html[data-digits=inter]{--ffd:"NKD inter";font-variant-numeric:tabular-nums}
html[data-digits=noto]{--ffd:"NKD noto";--ffe:"NKE noto"}
html[data-digits=plex]{--ffd:"NKD plex";--ffe:"NKE plex"}
html[data-digits=kufi]{--ffd:"NKD kufi";--ffe:"NKE kufi"}
html[data-font=kufi] body,html[data-font=naskh] body{line-height:1.8}
.skinpop .fnt{border-top:1px solid var(--line2);margin-top:6px;padding-top:6px}
.skinpop .fnt-row{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 8px}
.skinpop .fnt-row button{width:auto;display:inline-flex;flex-direction:column;align-items:center;gap:0;min-width:58px;padding:6px 8px;border:1px solid var(--line2);border-radius:12px}
.skinpop .fnt-row button::after{display:none}
.skinpop .fnt-row button b{font-size:17px;line-height:1.3;font-weight:600}
.skinpop .fnt-row button small{font-size:10.5px;white-space:nowrap}
.skinpop .fnt-row button[aria-checked=true]{border-color:var(--tq)}

/* ---- market.css ---- */
.mkh,.mks,.mkb{animation:rise .5s var(--ease) both}
.mkh .sec-h small,.mks .sec-h small,.mkb .sec-h small{font-size:12.5px;font-weight:500;color:var(--muted);letter-spacing:0}
.sec-h .mkall{margin-inline-start:auto}
.hot-ico,.mkbadge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--saffron),var(--pom));color:#fff;align-self:center}
.mkbadge{background:linear-gradient(135deg,var(--tq),var(--tq2))}
.hot-ico svg,.mkbadge svg{width:18px;height:18px}
.adnote{border:1px solid var(--line2);border-radius:6px;padding:0 6px;font-size:11px!important;line-height:18px}
#mkt:empty{display:none}
.mks{margin-top:10px;padding:18px;border-radius:var(--r3);background:color-mix(in srgb,var(--tq) 6%,var(--card));border:1px dashed color-mix(in srgb,var(--tq) 40%,var(--line))}
.mks .sec-h{margin-top:0}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.lrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,240px);gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.lrow>*{scroll-snap-align:start}
.lrow.sm{grid-auto-columns:minmax(170px,190px)}
.lcard{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r2);background:var(--card);border:1px solid var(--line);overflow:hidden;cursor:pointer;
box-shadow:var(--shadow);transition:transform .35s var(--spring),box-shadow .3s;animation:rise .45s var(--ease) both;animation-delay:calc(var(--i,0)*40ms);text-align:start;font:inherit;color:inherit;padding:0}
.lcard:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}
.lcard:focus-visible{outline:3px solid var(--tq);outline-offset:2px}
.lcard.promo{border-color:color-mix(in srgb,var(--saffron) 55%,var(--line))}
.lph{position:relative;aspect-ratio:4/3;background:var(--field);display:grid;place-items:center;overflow:hidden}
.lph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.lcard:hover .lph img{transform:scale(1.04)}
.lpi svg{width:44px;height:44px;opacity:.45}
.adtag{position:absolute;top:8px;inset-inline-start:8px;background:var(--saffron);color:#1b1f3b;font-size:11px;font-weight:800;border-radius:6px;padding:2px 7px}
.pcount{position:absolute;bottom:8px;inset-inline-end:8px;display:flex;align-items:center;gap:4px;background:rgba(13,15,28,.66);color:#fff;border-radius:999px;padding:2px 8px;font-size:11.5px}
.pcount svg{width:13px;height:13px}
.lbody{padding:11px 13px 13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.lt{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.lp{font-weight:800;font-size:16px;color:var(--pom)}
.lm{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2);min-width:0;margin-top:2px}
.ls bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lav{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:800}
.lav.lg{width:46px;height:46px;font-size:18px}
.pro{display:inline-flex;align-items:center;gap:3px;color:var(--saffron);font-size:11.5px;font-weight:700;margin-inline-start:6px}
.pro svg{width:14px;height:14px;fill:currentColor}
.lpost{align-items:center;justify-content:center;gap:6px;min-height:260px;border:2px dashed color-mix(in srgb,var(--tq) 45%,var(--line));background:color-mix(in srgb,var(--tq) 5%,var(--card));box-shadow:none;text-align:center;padding:18px}
.lpost .lpi{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--tq);color:#fff;margin-bottom:6px;transition:transform .4s var(--spring)}
.lpost .lpi svg{width:28px;height:28px;opacity:1}
.lpost:hover .lpi{transform:rotate(90deg) scale(1.08)}
.lpost b{font-size:15px}
.lpost small{color:var(--muted);font-size:12.5px}
.mkf{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.mkf .chips{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto}
.mkf>.chips,.mkf>.hs-wrap{flex:1 1 100%;min-width:0}
.mkf .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mkf .chips::-webkit-scrollbar{display:none}
.mkf .chips .fchip{flex:none}
.mkf select{height:40px;border-radius:999px;border:1px solid var(--line2);background:var(--field);padding:0 14px;color:var(--ink)}
.fchip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font-weight:600;font-size:13.5px;color:var(--ink2)}
.fchip svg{width:17px;height:17px}
.fchip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.mkmore{display:flex;justify-content:center;margin:22px 0}
.linkish{border:0;background:none;color:var(--pom);cursor:pointer;font-weight:800}
.lpill{display:inline-block;margin-inline-start:8px;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;background:color-mix(in srgb,var(--tq) 14%,transparent);color:var(--tq)}
.lfacts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.lfacts span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;background:var(--field);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.lfacts svg{width:15px;height:15px}
.seller{display:flex;gap:12px;align-items:center;margin:18px 0 10px;padding:14px;border-radius:var(--r2);background:var(--field);border:1px solid var(--line)}
.seller b{display:flex;align-items:center;flex-wrap:wrap}
.seller small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.safety{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink2);background:var(--warnbg);border-radius:14px;padding:10px 12px}
.safety svg{flex:none;width:20px;height:20px;color:var(--warn)}
.pfoot a.btn{flex:1;text-decoration:none}
.pfoot .btn svg{width:18px;height:18px}
.adintro,.adst,.inv{text-align:center;padding:14px 8px 4px}
.adintro h3,.adst h3,.inv h3{margin:10px 0 6px;font-size:19px}
.adintro p,.adst p,.inv p{color:var(--ink2);font-size:14px;line-height:1.7;margin:0 auto 10px;max-width:460px}
.adsti{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--tq),var(--tq2));color:#fff;box-shadow:0 14px 30px -14px var(--tq);animation:pop .6s var(--spring) both}
.adsti svg{width:32px;height:32px}
.adst.pend .adsti{background:linear-gradient(135deg,var(--saffron),#e89a2c)}
.adst.bad .adsti{background:linear-gradient(135deg,var(--pom),#b8303c)}
.adintro ul{list-style:none;padding:0;margin:12px auto 16px;display:grid;gap:8px;max-width:380px;text-align:start}
.adintro li{position:relative;padding-inline-start:28px;font-size:14px;animation:rise .4s var(--ease) both;animation-delay:calc(var(--i)*70ms)}
.adintro li::before{content:'';position:absolute;inset-inline-start:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--okbg);box-shadow:inset 0 0 0 5px var(--ok)}
.row2{display:flex;gap:10px;justify-content:center}
.row2 .btn{flex:1}
.frow{display:flex;gap:10px;flex-wrap:wrap}
.frow>.fld{flex:1 1 130px;min-width:0}
.frow>.fld.grow{flex:2 1 160px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin:6px 0 14px;cursor:pointer}
.chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--tq);flex:none}
.segs{display:flex;gap:6px;flex-wrap:wrap}
.segs label{flex:1;cursor:pointer}
.segs input{position:absolute;opacity:0;pointer-events:none}
.segs span{display:flex;align-items:center;justify-content:center;height:42px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);font-weight:600;font-size:13.5px;transition:all .2s}
.segs input:checked+span{border-color:var(--tq);background:color-mix(in srgb,var(--tq) 12%,var(--field));color:var(--tq)}
.segs input:focus-visible+span{outline:2px solid var(--tq)}
.adhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.adhead .who{flex:1;min-width:0}
.adhead .who b{display:flex;align-items:center;flex-wrap:wrap}
.adhead .who small{color:var(--muted);font-size:12.5px}
.adstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.adstats>div{background:var(--field);border:1px solid var(--line);border-radius:16px;padding:10px;text-align:center;animation:rise .4s var(--ease) both;animation-delay:calc(var(--i)*60ms)}
.adstats b{display:block;font-size:20px}
.adstats small{color:var(--muted);font-size:12px}
.adquota{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.adquota span{font-size:12px;border-radius:999px;padding:3px 10px;background:color-mix(in srgb,var(--tq) 10%,transparent);color:var(--ink2)}
.adtabs{margin-top:12px}
.mylist{display:grid;gap:10px}
.myl{display:flex;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line);background:var(--card);animation:rise .4s var(--ease) both;animation-delay:calc(var(--i)*40ms)}
.myl .mi{flex:none;width:76px;height:76px;border-radius:14px;background:var(--field) center/cover;display:grid;place-items:center}
.myl .mi svg{width:30px;height:30px;opacity:.5}
.myl .mt{flex:1;min-width:0}
.myl .mt>b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.myl .ln{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.myl .ln span{display:inline-flex;align-items:center;gap:4px}
.myl .ln svg{width:14px;height:14px;opacity:.7}
.myl .ln .num{font-weight:800;color:var(--pom)}
.myl .bad{color:var(--bad)}
.myl .bk{color:var(--saffron);font-weight:700}
.myl.st-sold,.myl.st-withdrawn,.myl.st-expired,.myl.st-removed{opacity:.72}
.myacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.myacts .btn{height:32px;padding:0 12px;font-size:12.5px}
.myacts .btn svg{width:15px;height:15px}
.catpick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.catpick button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink2)}
.catpick button svg{width:24px;height:24px}
.catpick button.on{border-color:var(--tq);color:var(--tq);background:color-mix(in srgb,var(--tq) 10%,var(--field))}
.catpick button:disabled{opacity:.35;cursor:not-allowed}
.attrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 10px;padding:12px 12px 0;border-radius:16px;background:var(--bg2);margin-bottom:12px}
.attrs .chk{align-self:center}
.phs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.ph{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--field);border:1.5px solid var(--line2);cursor:pointer}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.cover{border-color:var(--tq);box-shadow:0 0 0 2px color-mix(in srgb,var(--tq) 30%,transparent)}
.ph>span{position:absolute;bottom:0;inset-inline:0;background:var(--tq);color:#fff;font-size:11px;font-weight:700;text-align:center;padding:2px}
.phx{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(13,15,28,.7);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.phx svg{width:13px;height:13px}
.ph.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed;color:var(--tq)}
.ph.add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ph.add svg{width:26px;height:26px}
.ph.add small{font-size:11px;text-align:center}
.cost{font-size:13.5px;border-radius:14px;padding:10px 12px;margin:4px 0 12px}
.cost.ok{background:var(--okbg);color:var(--ok)}
.cost.paid{background:var(--warnbg);color:var(--warn)}
.curplan{display:flex;flex-direction:column;gap:2px;border-color:var(--tq)}
.curplan small{color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:12px}
.plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px;border-radius:22px;border:1.5px solid var(--line);background:var(--card);animation:rise .45s var(--ease) both;animation-delay:calc(var(--i)*70ms)}
.plan.pop{border-color:var(--saffron);box-shadow:0 18px 40px -24px var(--saffron)}
.plan.c-turquoise{background-image:linear-gradient(180deg,color-mix(in srgb,var(--tq) 9%,transparent),transparent 45%)}
.plan.c-saffron{background-image:linear-gradient(180deg,color-mix(in srgb,var(--saffron) 12%,transparent),transparent 45%)}
.plan.c-pomegranate{background-image:linear-gradient(180deg,color-mix(in srgb,var(--pom) 9%,transparent),transparent 45%)}
.plan.c-indigo{background-image:linear-gradient(180deg,color-mix(in srgb,#5b61d6 11%,transparent),transparent 45%)}
.poptag{position:absolute;top:-11px;inset-inline-start:16px;background:var(--saffron);color:#1b1f3b;font-size:11px;font-weight:800;border-radius:999px;padding:3px 10px}
.plan .pn{font-size:17px}
.plan .pb{color:var(--muted);font-size:12.5px}
.plan .pp{font-size:26px;font-weight:900;display:flex;align-items:baseline;gap:6px}
.plan .pp small{font-size:12.5px;font-weight:500;color:var(--muted)}
.plan .piqd{color:var(--muted);font-size:12px;margin-top:-6px}
.plan ul{list-style:none;padding:0;margin:6px 0 8px;display:grid;gap:6px;flex:1}
.plan li{position:relative;padding-inline-start:22px;font-size:13px}
.plan li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--ok);font-weight:900}
.pcode{height:38px;border-radius:12px;border:1.5px solid var(--line2);background:var(--field);padding:0 12px;font-size:13px}
.bopts{display:grid;gap:8px;margin-bottom:10px}
.bopt{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line2);background:var(--field);cursor:pointer;transition:border-color .2s,background .2s}
.bopt input{position:absolute;opacity:0;pointer-events:none}
.bopt .bi{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--card);color:var(--saffron)}
.bopt .bi svg{width:20px;height:20px}
.bopt b{font-size:14px}
.bopt small{grid-column:2;color:var(--muted);font-size:12px}
.bopt em{grid-row:1/3;grid-column:3;font-style:normal;font-weight:800;font-size:13px;white-space:nowrap}
.bopt:has(input:checked){border-color:var(--saffron);background:color-mix(in srgb,var(--saffron) 10%,var(--field))}
.bopt:has(input:focus-visible){outline:2px solid var(--saffron)}
#broom{margin:0 0 10px}
#broom.ok{color:var(--ok)}
#broom.bad{color:var(--bad)}
.btotal{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:12px 0;border-top:1px dashed var(--line2)}
.btotal:empty{display:none}
.btotal b{font-size:22px;margin-inline-start:auto}
.btotal small{flex-basis:100%;color:var(--ok);font-size:12.5px}
.invcode{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin:6px auto 16px;padding:10px 26px;border-radius:18px;border:2px dashed var(--saffron);background:color-mix(in srgb,var(--saffron) 8%,transparent)}
.invcode small{color:var(--muted);font-size:12px}
.invcode bdi{font-size:26px;font-weight:900;letter-spacing:.14em}
.inv .fld{text-align:start}
.inrow{display:flex;gap:8px}
.inrow input{flex:1;min-width:0}
.inv .btn.full{margin-bottom:12px}
.shareh{font-size:13px;color:var(--muted);margin:4px 0 8px;text-align:start}
.sharerow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.shbtn{--c1:#1aa39a;--c2:#0f7f78;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px 12px;
border-radius:20px;background:linear-gradient(180deg,var(--card),var(--field));border:1px solid var(--line2);color:var(--ink);text-decoration:none;
font-weight:700;font-size:13px;line-height:1.3;text-align:center;min-height:98px;box-shadow:inset 0 1px 0 var(--glass-hi),0 10px 24px -18px rgba(27,31,59,.5);
transition:transform .25s var(--spring),box-shadow .25s var(--ease),border-color .25s;animation:rise .4s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
.shbtn:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c1) 45%,var(--line2));box-shadow:inset 0 1px 0 var(--glass-hi),0 18px 32px -20px var(--c2)}
.shbtn:active{transform:translateY(0) scale(.97);transition-duration:.08s}
.shbtn:focus-visible{outline:2.5px solid var(--c1);outline-offset:2px}
.shi{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;overflow:hidden;
background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 12px 22px -12px var(--c2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.08);
transition:transform .3s var(--spring)}
.shi::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none}
.shbtn:hover .shi{transform:scale(1.07) rotate(-5deg)}
.shi svg{width:24px;height:24px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.shl{display:block}
.shbtn.sh-tg{--c1:#3fc1f5;--c2:#1b8fcf}.shbtn.sh-fb{--c1:#4b97ff;--c2:#1460d8}.shbtn.sh-sms{--c1:#3fcf72;--c2:#1f9450}
@media (prefers-reduced-motion:reduce){.shbtn,.shi{transition:none;animation:none}}
.inv .btn svg,.adf .btn svg{width:18px;height:18px}
@media (max-width:560px){
.lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lpost{min-height:200px}
.lt{font-size:13px}
.lp{font-size:14.5px}
.catpick span{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.lcard,.plan,.myl,.adstats>div,.adintro li,.mkh,.mks,.mkb{animation:none}}
.inv input.lat,.pcode,#lfk,#bk{font-feature-settings:normal}
.plan.c-ink{background-image:linear-gradient(180deg,color-mix(in srgb,var(--ink) 8%,transparent),transparent 45%)}
.plan.c-sunset{background-image:linear-gradient(180deg,color-mix(in srgb,#f4b43c 10%,transparent),color-mix(in srgb,#d9434f 6%,transparent) 30%,transparent 55%)}
.nm2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.fld .in .at{position:absolute;left:14px;top:0;height:46px;display:grid;place-items:center;color:var(--muted);font-weight:700;pointer-events:none}
.fld input.uname{padding-left:32px}
.fld input.codein,.inl input.codein{font-size:22px;letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;direction:ltr}
.vbadge{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--tq) 9%,transparent);border:1px solid color-mix(in srgb,var(--tq) 22%,transparent);border-radius:16px;padding:12px 14px;margin-bottom:14px}
.vbadge svg{width:26px;height:26px;color:var(--tq2);flex:none;margin-top:2px}
.vbadge p{margin:0 0 4px;font-size:14px;font-weight:600}
.vbadge small{color:var(--muted);font-size:12.5px}
.gatelist{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.gitem{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line2);background:var(--card);cursor:pointer;font:inherit;color:var(--ink);text-align:start;animation:rise .45s var(--spring) both;animation-delay:calc(var(--i) * 60ms);transition:border-color .2s,background .2s}
.gitem span:nth-child(2){flex:1;font-weight:600}
.gitem b{color:var(--tq2);font-size:13px}
.gitem.on{border-color:var(--tq);background:color-mix(in srgb,var(--tq) 8%,var(--card))}
.gnum{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--saffron);color:#1b1f3b;font-weight:800;font-size:13px;flex:none}
#gpane:not(:empty){margin-top:6px;padding-top:12px;border-top:1px dashed var(--line2)}
.legaltxt{max-height:38vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:4px 14px;margin:8px 0 12px;font-size:13px;line-height:1.75;background:var(--bg2)}
.legaltxt h4{margin:12px 0 4px;font-size:13.5px}
.avrow{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.avrow .av,.avrow img{box-shadow:0 0 0 3px var(--card),0 0 0 5px color-mix(in srgb,var(--saffron) 55%,transparent)}
.avbtns{display:flex;gap:8px;flex-wrap:wrap}
img.avimg{object-fit:cover;display:inline-block;background:var(--line)}
.crow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.crow .cico svg{width:20px;height:20px;color:var(--muted)}
.crow .cv{flex:1;min-width:0;display:flex;flex-direction:column}
.crow .cv small{font-size:11.5px;color:var(--muted)}
.crow .cv bdi{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vtag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}
.vtag.ok{color:var(--ok);background:var(--okbg)}
.cform:not(:empty){padding:10px 0 4px}
.inl{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.inl .fld{flex:1 1 150px;margin-bottom:0}
.h3i svg{width:18px;height:18px;vertical-align:-3px;margin-inline-end:6px;color:var(--tq2)}
.tfkey{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px dashed var(--line2);margin:8px 0}
.tfkey bdi{font-size:16px;font-weight:700;letter-spacing:.08em;word-break:break-all}
.needbar{margin:0 16px 8px}
@media (max-width:420px){.nm2{grid-template-columns:1fr;gap:0}}
.fld input.ltr,.fld input[type=tel],.fld input[type=email],.inl input.ltr,.inrow input[dir=ltr],.crow bdi,.tfkey bdi{font-feature-settings:normal!important}
.fld input.ltr::placeholder,.fld input[type=tel]::placeholder{font-feature-settings:normal}
body:has(.ov:not([hidden])) #toast.toast{bottom:auto;top:max(14px,env(safe-area-inset-top));transform:translate(-50%,-30px);z-index:120}
body:has(.ov:not([hidden])) #toast.toast.on{transform:translate(-50%,0)}
.toast{width:max-content;max-width:calc(100vw - 32px);text-align:center}
.rg-end{display:block;height:2px}
.rghint{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink2);margin:0 0 8px}
.rghint span{animation:rgNudge 1.6s ease-in-out infinite}
.rg-in{animation:rgIn .38s cubic-bezier(.2,.7,.2,1)}
@keyframes rgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rgNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.rghint span,.rg-in{animation:none}}
.rgdone{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:6px 0 10px;font-size:13px}
.rgdone b{color:var(--ok,#15803d)}
.rgslot{margin:6px 0 10px}

/* ---- listings.css ---- */
[dir=rtl] .flipx{transform:scaleX(-1)}
.lc29 .lph{aspect-ratio:4/3}
.lfav{position:absolute;top:8px;inset-inline-end:8px;width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;z-index:2;
background:rgba(255,255,255,.88);color:#1b1f3b;box-shadow:0 2px 10px -2px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s var(--spring),color .2s}
.lfav svg{width:19px;height:19px}
.lfav:hover{transform:scale(1.08)}
.lfav.on{color:var(--pom)}
.lfav.on svg{fill:currentColor}
.lfav:focus-visible{outline:3px solid var(--tq);outline-offset:2px}
.ldrop{position:absolute;bottom:8px;inset-inline-start:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px 3px 6px;border-radius:999px;
background:var(--ok);color:#fff;font-size:11.5px;font-weight:800;direction:ltr}
.ldrop svg{width:13px;height:13px;stroke-width:2.6}
.ldrop.in{position:static;vertical-align:middle;margin-inline-start:6px}
.lsold{position:absolute;inset:auto 0 0 0;padding:6px;text-align:center;font-weight:800;font-size:13px;letter-spacing:.02em;background:rgba(27,31,59,.78);color:#fff}
.lcard.issold .lph img{filter:grayscale(.7)}
.lpr{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;min-width:0}
.lwas{font-size:12px;color:var(--muted)}
.lneg{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--warnbg);color:var(--warn);white-space:nowrap}
.lneg.fixed{background:var(--bg2);color:var(--ink2)}
.lchips{display:flex;gap:5px;flex-wrap:wrap;min-width:0;max-height:24px;overflow:hidden}
.lchips span{font-size:11.5px;padding:2px 8px;border-radius:8px;background:var(--chip);color:var(--chip-ink);white-space:nowrap}
.lc29 .lm{display:flex;align-items:center;gap:4px}
.lc29 .lm svg{width:13px;height:13px;flex:none}
.lc29 .lm bdi{overflow:hidden;text-overflow:ellipsis}
.lago{flex:none}
.lver{display:inline-grid;place-items:center;color:var(--tq);flex:none}
.lver svg{width:15px;height:15px}
.lver.lbl{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:1px 8px 1px 6px;border-radius:999px;background:var(--okbg);color:var(--ok);margin-inline-start:6px;vertical-align:middle}
.lpill.sm{margin:0;font-size:10.5px;padding:1px 7px}
.lgal{position:relative;margin:12px 0 4px;border-radius:20px;overflow:hidden;background:var(--field);border:1px solid var(--line)}
.lgal.none{aspect-ratio:16/9;display:grid;place-items:center;color:var(--muted)}
.lgal.none .lpi svg{width:56px;height:56px;opacity:.5}
.lgtrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3;max-height:420px}
.lgtrack::-webkit-scrollbar{display:none}
.lgimg{flex:0 0 100%;scroll-snap-align:center;border:0;padding:0;background:var(--media);cursor:zoom-in;display:grid;place-items:center}
.lgimg img{width:100%;height:100%;object-fit:contain}
.lgcount{position:absolute;top:10px;inset-inline-end:10px;padding:3px 10px;border-radius:999px;background:rgba(13,15,28,.6);color:#fff;font-size:12px;direction:ltr}
.lgdots{position:absolute;bottom:9px;inset-inline:0;display:flex;justify-content:center;gap:5px;pointer-events:none}
.lgdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.15);transition:width .25s var(--ease)}
.lgdots i.on{width:18px;border-radius:4px;background:#fff}
.lsoldbar{margin:12px 0 0;padding:10px 14px;border-radius:14px;background:var(--badbg);color:var(--bad);font-weight:700;font-size:13.5px}
.lfacts2{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.lfacts2 span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;background:var(--bg2);font-size:12.5px;color:var(--ink2)}
.lfacts2 svg{width:15px;height:15px;flex:none}
.lhint{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--tq) 8%,var(--card));border:1px solid color-mix(in srgb,var(--tq) 25%,var(--line))}
.lhint .lhi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--chip);color:var(--chip-ink)}
.lhint .lhi svg{width:20px;height:20px}
.lhint>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lhint b{font-size:13px}
.lhint .num{font-weight:800;font-size:15px;color:var(--tq2)}
.lhint em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--ok)}
.lhint small{font-size:11.5px;color:var(--muted)}
.lhint.sm{margin-top:10px}
.desc.clamp{max-height:9.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.lmore{margin-top:6px;font-weight:700;color:var(--tq2)}
.seller.s29{align-items:flex-start}
.seller.s29 .sw{flex:1;min-width:0}
.sstats{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.sstats span{font-size:11.5px;padding:2px 8px;border-radius:8px;background:var(--bg2);color:var(--ink2)}
.lsafe{margin:14px 0 4px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:var(--field)}
.lsafe summary{display:flex;align-items:center;gap:8px;padding:11px 0;cursor:pointer;font-weight:700;font-size:13.5px;list-style:none}
.lsafe summary::-webkit-details-marker{display:none}
.lsafe summary svg{width:18px;height:18px;color:var(--tq)}
.lsafe ul{margin:0 0 12px;padding-inline-start:20px;font-size:13px;color:var(--ink2);display:grid;gap:4px}
.lsimh{justify-content:space-between}
.lsimh .linkish{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:700;color:var(--tq2)}
.lsimh .linkish svg,.lcatall svg{width:15px;height:15px}
[dir=rtl] .lsimh .linkish svg,[dir=rtl] .lcatall svg{transform:scaleX(-1)}
.lcatall{margin:16px 0 0;text-align:center}
.lrepw{margin:18px 0 0;text-align:center}
.lrep{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.lrep svg{width:15px;height:15px}
.lrep:disabled{opacity:.5}
.lfavh.on{color:var(--pom)}
.lfavh.on svg{fill:currentColor}
.lquick{display:flex;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.lquick::-webkit-scrollbar{display:none}
.lq{flex:none;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap}
.lq:hover{border-color:var(--tq);color:var(--tq2)}
.pfoot .lchat{flex:1 1 100%;height:48px;font-size:15px}
.pfoot .lchat svg{width:20px;height:20px}
.lmine{flex:1;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink2)}
.lmine svg{width:18px;height:18px}
.pfoot .lmine+.btn{flex:none}
.lfbtn{position:relative;gap:6px}
.lfbtn svg{width:16px;height:16px}
.lfbtn.on{border-color:var(--tq);color:var(--tq2)}
.lfbtn .cnt{position:static;margin-inline-start:2px}
.lfx{margin:4px 0 14px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);animation:pop .3s var(--spring) both}
.lfsw{display:flex;flex-wrap:wrap;gap:4px 18px}
.lfsw .chk{margin:6px 0}
.lfsw .chk svg{width:15px;height:15px;color:var(--tq);vertical-align:-3px;margin-inline-end:3px}
.lfcount{margin:0 0 10px;color:var(--muted)}
.lseg{display:inline-flex;flex-wrap:nowrap;gap:3px;padding:3px;border-radius:14px;background:var(--bg2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.lseg::-webkit-scrollbar{display:none}
.lseg.wrap{flex-wrap:wrap}
.lseg button{flex:none;height:34px;padding:0 13px;border-radius:11px;border:0;background:transparent;color:var(--ink2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.lseg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.lrr{display:grid;gap:6px;margin-bottom:12px}
.lrro{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:13.5px}
.lrro:has(input:checked){border-color:var(--tq);background:var(--chip)}
.lrro input{accent-color:var(--tq);width:17px;height:17px;flex:none}
.lcur{display:flex;align-items:center;height:44px;padding:0 6px;font-size:14px}
.lbanner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:12px 0;padding:11px 14px;border-radius:14px;background:var(--chip);color:var(--chip-ink);font-size:13px}
.lbanner>span{flex:1 1 200px;min-width:0}
.lbanner>svg{width:18px;height:18px;flex:none}
.lbanner.warn{background:var(--warnbg);color:var(--warn)}
.lbanner.bad{background:var(--badbg);color:var(--bad)}
.adstats.s5{grid-template-columns:repeat(4,minmax(0,1fr))}
.adstats.s5 [data-gochats]{cursor:pointer}
.adstats.s5 [data-gochats]:hover b{color:var(--tq2)}
.lst5 span{display:inline-flex;align-items:center;gap:3px}
.lst5 svg{width:14px;height:14px}
.adintro.ls29i ul{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:9px;text-align:start}
.adintro.ls29i li::before{display:none}
.adintro.ls29i li{padding-inline-start:0;display:flex;gap:9px;align-items:flex-start;font-size:14px}
.adintro.ls29i li svg{width:18px;height:18px;flex:none;color:var(--ok);margin-top:2px}
.adtabs.hs-inl{overflow-x:auto;scrollbar-width:none}
.wz{padding:16px}
.wzh{margin:0 0 10px}
.wzsteps{list-style:none;display:flex;gap:4px;margin:0 0 16px;padding:0;counter-reset:s}
.wzsteps li{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--muted);position:relative}
.wzsteps li::before{content:"";position:absolute;top:13px;inset-inline-start:calc(-50% + 16px);width:calc(100% - 32px);height:2px;background:var(--line2)}
.wzsteps li:first-child::before{display:none}
.wzsteps li.done::before,.wzsteps li.on::before{background:var(--tq)}
.wzsteps i{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12.5px;background:var(--bg2);color:var(--ink2);border:2px solid var(--card)}
.wzsteps i svg{width:15px;height:15px;stroke-width:3}
.wzsteps li.on i{background:var(--btn);color:var(--btn-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--btn) 18%,transparent)}
.wzsteps li.done i{background:var(--tq);color:#fff}
.wzsteps li.on span{color:var(--ink);font-weight:700}
.wzsteps span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wzbody h3{margin:4px 0 12px;font-size:16px}
.wzbody h3 small{font-weight:500;color:var(--muted);font-size:13px}
.wzcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wzcats button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:18px;border:1.5px solid var(--line2);background:var(--card);cursor:pointer;
text-align:start;font:inherit;color:var(--ink);animation:pop .4s var(--spring) both;animation-delay:calc(var(--i)*50ms);transition:border-color .2s,transform .25s var(--spring),box-shadow .2s}
.wzcats button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.wzcats button.on{border-color:var(--tq);background:var(--chip)}
.wzcats .wci{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--bg2);margin-bottom:4px}
.wzcats .wci svg{width:24px;height:24px}
.wzcats b{font-size:15px}
.wzcats small{font-size:12px;color:var(--muted)}
.lchipset{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px}
.lchipset::-webkit-scrollbar{display:none}
.lchipset.wrap{flex-wrap:wrap;overflow:visible}
.lchipset button{flex:none;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line2);background:var(--card);color:var(--ink2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.lchipset button:hover{border-color:var(--ink2)}
.lchipset button.on{background:var(--btn);color:var(--btn-ink);border-color:transparent}
.lchipset.sugg{margin-top:6px}
.lchipset.sugg:empty{display:none}
.lchipset.sugg button{height:30px;font-size:12.5px;border-style:dashed;font-weight:500}
.lchipset select{height:36px;border-radius:999px;padding:0 12px}
.wz .fld input[hidden]{display:none}
.wz .fld>input+input,.wz #wzbo{margin-top:8px}
.wzprice{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wzprice input{flex:1 1 180px;min-width:0;height:58px;font-size:26px;font-weight:800;text-align:center;border-radius:16px;letter-spacing:.02em}
.wzneg{margin-top:14px}
.wzneg span{display:flex;flex-direction:column;gap:2px}
.wzneg small{color:var(--muted);font-size:12px}
#wzpiq{margin-top:6px;color:var(--muted);min-height:1.2em}
.wzphs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.wzphs .ph.add svg{width:26px;height:26px}
.wztips{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink2)}
.wztips li{display:flex;align-items:center;gap:5px}
.wztips svg{width:14px;height:14px;color:var(--ok)}
.small.warn{color:var(--warn)}
.wzprof{margin:14px 0 8px;padding:14px;border-radius:16px;background:var(--field);border:1px solid var(--line)}
.wzprof p{margin:4px 0 10px}
.wzprev{margin:14px 0 6px}
.wzprev>small{display:block;margin-bottom:8px;color:var(--muted);font-weight:700}
.wzprev .lcard{max-width:260px;cursor:default;animation:none}
.wzprev .lcard:hover{transform:none}
.wzrev{display:flex;gap:8px;align-items:flex-start;color:var(--muted)}
.wzrev svg{width:16px;height:16px;flex:none;color:var(--tq)}
.wznav{position:sticky;bottom:-22px;display:flex;gap:10px;margin:18px -16px -16px;padding:12px 16px;background:color-mix(in srgb,var(--card) 92%,transparent);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-radius:0 0 var(--r2) var(--r2)}
.wznav .btn{flex:1}
.wznav .btn.primary{flex:2}
.wzdone{text-align:center;padding:28px 18px}
.wzdone .adsti.ok{background:var(--okbg);color:var(--ok)}
.wzdone .row2{justify-content:center;margin-top:16px}
#chatbtn svg{width:22px;height:22px}
.chin .chf{margin:4px 0 12px}
.chin .chf small{opacity:.65}
.chlist{display:grid;gap:4px}
.chrow{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:16px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:start;font:inherit;color:var(--ink);
animation:pop .35s var(--spring) both;animation-delay:calc(var(--i)*25ms);transition:background .15s}
.chrow:hover{background:var(--field);border-color:var(--line)}
.chrow.new{background:color-mix(in srgb,var(--tq) 7%,transparent)}
.chrow.off .chth{filter:grayscale(1);opacity:.7}
.chth{flex:none;width:52px;height:52px;border-radius:14px;background:var(--field) center/cover no-repeat;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}
.chth svg{width:22px;height:22px}
.chtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.chl1{display:flex;align-items:center;gap:6px;min-width:0}
.chl1 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.chl1 time{margin-inline-start:auto;flex:none;font-size:11.5px;color:var(--muted)}
.chrole{flex:none;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--bg2);color:var(--ink2)}
.chl2,.chl3{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chl3{color:var(--muted)}
.chl3 em{font-style:normal}
.chrow.new .chl3{color:var(--ink);font-weight:700}
.chrow .cnt{position:static;flex:none;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--pom);color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}
.mempty b{display:block;margin-top:8px}
.mempty small{display:block;margin-top:4px;color:var(--muted)}
.chin .mempty>svg{width:40px;height:40px;opacity:.5}
.chpanel{width:min(520px,calc(100vw - 24px))}
.chhead{display:flex;align-items:center;gap:6px;padding:10px 10px 10px 8px;border-bottom:1px solid var(--line)}
.chlst{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:2px;border-radius:12px;cursor:pointer;text-align:start;font:inherit;color:var(--ink)}
.chlst:hover{background:var(--field)}
.chlst .chth{width:42px;height:42px;border-radius:12px}
.chhx{min-width:0;display:flex;flex-direction:column}
.chhx b{display:flex;align-items:center;gap:6px;font-size:14.5px;min-width:0}
.chhx b bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chhx small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chhx em{font-style:normal}
.chhx .bad{color:var(--bad)}
.chmw{position:relative}
.chmenu{position:absolute;top:46px;inset-inline-end:0;z-index:5;min-width:190px;padding:6px;border-radius:14px;background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow2);display:grid;animation:pop .2s var(--spring) both}
.chmenu[hidden]{display:none}
.chmenu button{border:0;background:transparent;text-align:start;padding:10px 12px;border-radius:10px;font:inherit;font-size:13.5px;color:var(--ink);cursor:pointer}
.chmenu button:hover{background:var(--field)}
.chnote{display:flex;gap:8px;align-items:flex-start;padding:8px 14px;font-size:11.5px;line-height:1.55;color:var(--ink2);background:var(--field);border-bottom:1px solid var(--line)}
.chnote svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--tq)}
.chbody{flex:1;overflow-y:auto;padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;overscroll-behavior:contain;background:
radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--tq) 5%,transparent),transparent 40%),var(--bg)}
.chempty{margin:auto;text-align:center;max-width:300px;color:var(--muted);font-size:13px}
.chempty svg{width:44px;height:44px;opacity:.45}
.chday{text-align:center;margin:8px 0 2px}
.chday span{font-size:11px;padding:3px 10px;border-radius:999px;background:var(--card);color:var(--muted);border:1px solid var(--line)}
.chm{display:flex}
.chm.me{justify-content:flex-end}
.chbub{max-width:78%;padding:8px 12px 6px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 1px rgba(0,0,0,.04);animation:pop .25s var(--spring) both}
.chm.them .chbub{border-end-start-radius:6px}
.chm.me .chbub{background:color-mix(in srgb,var(--tq) 16%,var(--card));border-color:color-mix(in srgb,var(--tq) 30%,var(--line));border-end-end-radius:6px}
.chbub p{margin:0;font-size:14px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;unicode-bidi:plaintext}
.chbub time,.chcard time,.chstaff time{display:block;margin-top:2px;font-size:10.5px;color:var(--muted);text-align:end}
.chmask{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:var(--warn)}
.chmask svg{width:12px;height:12px;flex:none}
.chheld{color:var(--muted,#888);font-style:italic}
.chcard{min-width:200px;max-width:82%;padding:11px 13px 7px;border-radius:18px;background:var(--card);border:1.5px solid var(--line2);display:flex;flex-direction:column;gap:4px;animation:pop .25s var(--spring) both}
.chcard>small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}
.chcard>small svg,.chcard.phone>svg{width:16px;height:16px}
.chcard.offer>b{font-size:22px;color:var(--ink)}
.chcard .ost{font-size:11.5px;font-weight:700;color:var(--muted)}
.chcard.st-accepted{border-color:var(--ok)}
.chcard.st-accepted .ost{color:var(--ok)}
.chcard.st-declined .ost,.chcard.st-replaced .ost{color:var(--bad)}
.chcard.st-replaced>b,.chcard.st-declined>b{text-decoration:line-through;opacity:.6}
.chcard.phone{border-color:color-mix(in srgb,var(--saffron) 60%,var(--line))}
.chcard.phone>svg{color:var(--warn)}
.chcard p{margin:0;font-size:13.5px}
.chcard .row2{margin-top:6px;gap:6px}
.chcard .row2 .btn{flex:1}
.chsys{text-align:center;margin:4px 0}
.chsys span{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 12px;border-radius:999px;background:var(--bg2);color:var(--ink2)}
.chsys span svg{width:13px;height:13px}
.chsys.ok span{background:var(--okbg);color:var(--ok)}
.chstaff{display:flex;gap:10px;margin:6px 4px;padding:11px 13px;border-radius:16px;background:var(--warnbg);border:1px solid color-mix(in srgb,var(--saffron) 50%,var(--line))}
.chstaff>svg{width:20px;height:20px;flex:none;color:var(--warn)}
.chstaff b{font-size:12.5px}
.chstaff p{margin:2px 0 0;font-size:13.5px}
.chpin{position:sticky;top:-12px;z-index:2;display:flex;align-items:center;gap:10px;margin:-12px -14px 6px;padding:10px 14px;background:var(--okbg);border-bottom:1px solid var(--line);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chpin>svg{width:20px;height:20px;color:var(--ok);flex:none}
.chpin>span{flex:1;display:flex;flex-direction:column;min-width:0}
.chpin small{font-size:11px;color:var(--ink2)}
.chpin bdi{font-size:17px;font-weight:800;letter-spacing:.03em}
.chfoot{border-top:1px solid var(--line);padding:8px 10px 10px;background:var(--card)}
.chqs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 2px 8px}
.chqs::-webkit-scrollbar{display:none}
.chq{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap}
.chq svg{width:15px;height:15px}
.chq:hover:not(:disabled){border-color:var(--tq);color:var(--tq2)}
.chq.chph{border-color:color-mix(in srgb,var(--saffron) 60%,var(--line2));background:var(--warnbg);color:var(--warn);font-weight:700}
.chq.of{font-weight:700;color:var(--tq2)}
.chq:disabled{opacity:.75;cursor:default}
.choff{display:flex;gap:6px;align-items:center;margin:0 2px 8px;flex-wrap:wrap}
.choff[hidden]{display:none}
.choff input{flex:1 1 120px;min-width:0;height:40px;border-radius:12px;font-weight:700;text-align:center}
.chin2{display:flex;gap:8px;align-items:flex-end;--fx:1}
.chin2 textarea{flex:1;min-width:0;resize:none;min-height:46px;max-height:120px;padding:12px 15px;border-radius:23px;font:inherit;font-size:14px;line-height:1.45;border:1px solid var(--line2);background:var(--field);color:var(--ink);transition:border-color .35s ease,box-shadow .35s ease}
.chin2 textarea:focus{outline:none;border-color:var(--tq);box-shadow:0 0 0 3px color-mix(in srgb,var(--tq) 16%,transparent)}
[dir=rtl] .chin2{--fx:-1}
[dir=rtl] .chin2 .chsend{order:-1}
.chsend{width:46px;height:46px;min-height:46px;padding:0;flex:none;border-radius:50%;display:grid;place-items:center;border:0;
box-shadow:0 6px 16px -7px color-mix(in srgb,var(--btn) 75%,transparent);
transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease,box-shadow .5s ease,filter .5s ease}
.chin2:not(.has) .chsend{opacity:.45;transform:scale(.88);box-shadow:none;filter:saturate(.5)}
.chin2.has .chsend:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--btn) 80%,transparent)}
.chin2.has .chsend:active{transform:scale(.93);transition-duration:.15s}
.chsend svg{width:20px;height:20px}
.chsend.fly svg{animation:chfly .75s cubic-bezier(.45,0,.2,1)}
@keyframes chfly{0%{translate:0 0;opacity:1}42%{translate:calc(var(--fx) * 16px) -16px;opacity:0}43%{translate:calc(var(--fx) * -12px) 12px;opacity:0}100%{translate:0 0;opacity:1}}
@media (prefers-reduced-motion:reduce){.chsend,.chin2 textarea{transition:none}.chsend.fly svg{animation:none}}
.chstop{padding:12px;text-align:center;font-size:13px;color:var(--ink2);background:var(--bg2);border-radius:14px}
@media (max-width:720px){
.mkf .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 100%;min-width:0;padding-bottom:2px}
.mkf .chips::-webkit-scrollbar{display:none}
.mkf .chips .fchip{flex:none}
.mkf select{flex:1 1 0;min-width:0}
.wzcats{gap:8px}
.wzcats button{padding:13px}
.wzsteps span{font-size:10px}
.adstats.s5 small{font-size:11px}
.chpanel{width:100vw;max-width:none;inset-inline:0;height:100vh;height:100dvh;border-radius:0}
.chbub,.chcard{max-width:86%}
.lgtrack{max-height:none}
}
html[dir=rtl] :is(.wzsteps,.lfacts2 span,.lago,.lfcount,.adquota span,#adwal,.lst5 span,.seller.s29 .sstats span,.chrow .cnt,#chatn){font-family:var(--ffe),var(--ff),Vazirmatn,system-ui,sans-serif}
.lc29 .lact{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line2)}
.lc29 .lmore{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--tq2)}
.lc29 .lmore svg{width:14px;height:14px}
[dir=rtl] .lc29 .lmore svg{transform:scaleX(-1)}
.lc29 .lmsg{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--ink);cursor:pointer;flex:none}
.lc29 .lmsg svg{width:17px;height:17px}
.lc29 .lmsg:hover{border-color:var(--tq);color:var(--tq2)}
.lc29:hover .lmore{text-decoration:underline}
.sq37ask svg,.sq37ih svg,.sq37ico svg,.sq37lab svg,.sq37hum svg,.sq37hon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sq37ask{display:inline-flex;align-items:center;gap:6px}
.sq37rvask{display:flex;justify-content:flex-end;margin:0 0 10px}
.sq37ico{display:grid;place-items:center;color:var(--tq);background:color-mix(in srgb,var(--tq) 12%,var(--card))}
.sq37ico svg{width:22px;height:22px}
.sq37h{cursor:default}
.sq37lab{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--tq);margin-bottom:2px}
.sq37lab svg{width:14px;height:14px}
.sq37lab.team{color:var(--muted)}
.chm.sq37b .chbub{background:color-mix(in srgb,var(--tq) 7%,var(--card));border-style:dashed}
.sq37hum{border-color:color-mix(in srgb,var(--tq) 45%,var(--line));color:var(--tq);font-weight:700}
.sq37hon{opacity:.75;cursor:default}
.chq svg{vertical-align:-4px;margin-inline-end:4px}
.sq37rep{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;margin:6px 0;background:var(--card)}
.sq37rr{display:flex;flex-wrap:wrap;gap:6px}
.sq37in{margin:0 0 14px}
.sq37ih{display:flex;align-items:center;gap:6px;margin:4px 2px 8px;font-size:14px}
.sq37seg{margin:10px 0;flex-wrap:wrap}
.sq37pf summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}
.sq37pf summary::-webkit-details-marker{display:none}
.sq37pfb{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.sq37w{background:color-mix(in srgb,#e8a33d 18%,var(--card));color:#9a6200}
.sq37th{display:flex;flex-direction:column;gap:10px;min-width:0}
.sq37tt{display:flex;align-items:center;gap:10px;min-width:0}
.sq37tt>div{display:flex;flex-direction:column;min-width:0;flex:1}
.sq37tt small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq37msgs{display:flex;flex-direction:column;gap:6px;max-height:min(52vh,460px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--line) 25%,transparent)}
.sq37rf{display:flex;gap:8px;align-items:flex-end}
.sq37rf textarea{flex:1;min-width:0}
.sq37acts{display:flex;flex-wrap:wrap;gap:6px}
.sq37place{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--line,#e5e0d8)}
.sq37place .fld{display:flex;flex-direction:column;gap:3px;min-width:0}
.sq37place input{width:100%;min-width:0}
.sq37place .btn{align-self:flex-start}
.wzfind{position:relative;margin:0 0 12px}
.wzfind svg{position:absolute;inset-inline-start:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--muted);pointer-events:none}
.wzfind input{width:100%;min-height:46px;padding:11px 14px;padding-inline-start:42px;border-radius:14px;border:1px solid var(--line2);background:var(--field);color:var(--ink);font:inherit;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease}
.wzfind input:focus{outline:none;border-color:var(--tq);box-shadow:0 0 0 3px color-mix(in srgb,var(--tq) 15%,transparent)}
.wzg{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:560px){.wzg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wzg button small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.wzg button.sk{min-height:118px;background:linear-gradient(90deg,var(--bg2),var(--card),var(--bg2));background-size:200% 100%;animation:wzsk 1.4s ease infinite;border-color:transparent}
@keyframes wzsk{to{background-position:-200% 0}}
.wzleaves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:380px){.wzleaves{grid-template-columns:1fr}}
.wzleaf{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 12px;border-radius:14px;border:1.5px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;text-align:start;cursor:pointer;
transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;animation:wzin .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 25ms)}
.wzleaf:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.wzleaf.on{border-color:var(--tq);background:var(--chip)}
.wzleaf .wci{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--bg2)}
.wzleaf .wci svg{width:21px;height:21px}
.wzleaf .wlt{display:flex;flex-direction:column;min-width:0}
.wzleaf b{font-size:14px;line-height:1.4}
.wzleaf small{font-size:11.5px;color:var(--muted)}
@keyframes wzin{from{opacity:0;transform:translateY(6px)}}
.wzbk{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;margin:0 0 6px;border:0;border-radius:10px;background:var(--bg2);color:var(--ink2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.wzbk svg{width:16px;height:16px}
.wzgh{display:flex;align-items:center;gap:10px;margin:6px 0 10px;font-size:16px}
.wzgh::before{content:none!important;display:none}
.wzgh .wci{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--bg2)}
.wzgh .wci svg{width:20px;height:20px}
.wznone{margin:4px 0 10px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.wzleaf{animation:none;transition:none}.wzg button.sk{animation:none}}
.lsub{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-6px 0 14px;padding-bottom:2px}
.lsub::-webkit-scrollbar{display:none}
.lsub .fchip{flex:none;font-size:12.5px;min-height:34px;background:var(--bg2);border-color:transparent}
.lsub .fchip.on{background:var(--chip);border-color:var(--tq)}
html[dir=rtl] .chm{justify-content:flex-end}
html[dir=rtl] .chm.me{justify-content:flex-start}
html[dir=rtl] .chm.them .chbub{border-end-start-radius:18px;border-end-end-radius:6px}
html[dir=rtl] .chm.me .chbub{border-end-end-radius:18px;border-end-start-radius:6px}

/* ---- reviews.css ---- */
.rvpanel{width:min(620px,calc(100vw - 24px))!important}
#rvb{padding-bottom:22px}
.rvchip,.rvlink{display:inline-flex;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--saffron) 45%,transparent);
background:linear-gradient(180deg,color-mix(in srgb,var(--saffron2) 30%,var(--card)),color-mix(in srgb,var(--saffron) 14%,var(--card)));
color:var(--ink);border-radius:999px;padding:1px 8px 1px 7px;font:inherit;font-size:11.5px;line-height:1.6;cursor:pointer;flex:none;
box-shadow:inset 0 1px 0 var(--glass-hi),0 3px 8px -6px rgba(154,98,5,.6);transition:transform .2s var(--spring)}
.rvchip:hover,.rvlink:hover{transform:translateY(-1px)}
.rvchip svg,.rvlink svg{width:12px;height:12px;fill:#f2a516;filter:drop-shadow(0 1px 0 rgba(154,98,5,.35))}
.rvchip b{font-weight:800}.rvchip span{color:var(--muted)}
.rvlink{font-size:12.5px;padding:3px 11px 3px 9px;margin-inline-start:8px}
.rvlink svg{width:14px;height:14px}
.rvst{--s:16px;position:relative;display:inline-block;line-height:0;vertical-align:middle;flex:none}
.rvst>span{display:inline-flex;gap:1px}
.rvst svg{flex:none;width:var(--s);height:var(--s);fill:color-mix(in srgb,var(--ink) 13%,transparent)}
.rvst .on{position:absolute;inset:0;overflow:hidden;width:var(--v);flex-wrap:nowrap}
[dir=rtl] .rvst .on{inset:0 0 0 auto;direction:rtl}
.rvst .on svg{fill:#f4a91c;filter:drop-shadow(0 1px 0 rgba(154,98,5,.3))}
.rvsum{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;background:linear-gradient(180deg,var(--card),var(--field));
border:1px solid var(--line2);border-radius:22px;padding:16px;box-shadow:inset 0 1px 0 var(--glass-hi),0 14px 30px -24px rgba(27,31,59,.55)}
.rvbig{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.rvbig b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.5px;background:linear-gradient(180deg,#f7b733,#e08a00);
-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(154,98,5,.15))}
.rvbig b.na{background:none;color:var(--muted)}
.rvbig small{color:var(--muted);font-size:12px;margin-top:-4px}
.rvbig span{font-size:12.5px;color:var(--ink2)}
.rvbars{display:flex;flex-direction:column;gap:5px}
.rvbar{display:grid;grid-template-columns:14px 13px 1fr 30px;align-items:center;gap:6px;font-size:12px;color:var(--ink2)}
.rvbar svg{width:12px;height:12px;fill:#f4a91c}
.rvbar i{height:9px;border-radius:9px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.rvbar i b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#ffcf5a,#f29c12);transition:width .6s var(--ease)}
.rvbar em{font-style:normal;color:var(--muted);text-align:end}
.rvfew{margin:8px 2px 0;color:var(--muted)}
.rvtags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 2px}
.rvtags.sm{margin:8px 0 0;gap:4px}
.rvtag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 11px;font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--field);color:var(--ink2)}
.rvtags.sm .rvtag{font-size:11.5px;padding:1px 9px}
.rvtag.good{background:var(--okbg);color:var(--ok);border-color:transparent}
.rvtag.bad{background:var(--badbg);color:var(--bad);border-color:transparent}
.rvtag b{font-weight:800;opacity:.8}
.rvtag.pick{cursor:pointer;background:var(--card);border:1px solid var(--line2);color:var(--ink2);transition:transform .2s var(--spring),background .2s,box-shadow .2s}
.rvtag.pick:hover{transform:translateY(-1px)}
.rvtag.pick.good.on{background:linear-gradient(180deg,#22b3a8,#0f8a80);color:#fff;border-color:transparent;box-shadow:0 6px 14px -8px #0f7f78}
.rvtag.pick.bad.on{background:linear-gradient(180deg,#e2545f,#bf2f3c);color:#fff;border-color:transparent;box-shadow:0 6px 14px -8px #b9303c}
#rvme{margin:14px 0}
.rvwrite{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px}
.rvwrite svg{width:20px;height:20px;fill:#ffcf5a;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}
.rvmine .rvmh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.rvpill{font-size:11.5px;font-weight:700;border-radius:999px;padding:1px 10px;background:var(--warnbg);color:var(--warn)}
.rvpill.approved{background:var(--okbg);color:var(--ok)}.rvpill.rejected,.rvpill.hidden{background:var(--badbg);color:var(--bad)}
.rvnote{color:var(--bad)}
.rvact{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.rvwhy{margin:0}
.rvform .rvq{display:block;font-weight:700;font-size:13.5px;margin:12px 0 6px}
.rvform .rvq:first-child{margin-top:0}
.rvpick{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rvpick button{width:46px;height:46px;border-radius:15px;border:1px solid var(--line2);display:grid;place-items:center;cursor:pointer;padding:0;
background:linear-gradient(180deg,var(--card),var(--field));box-shadow:inset 0 1px 0 var(--glass-hi),0 6px 14px -10px rgba(27,31,59,.5);
transition:transform .25s var(--spring),background .2s,box-shadow .2s}
.rvpick button svg{width:26px;height:26px;fill:color-mix(in srgb,var(--ink) 16%,transparent);transition:fill .2s,transform .3s var(--spring)}
.rvpick button:hover{transform:translateY(-2px)}
.rvpick button.on{background:linear-gradient(135deg,#ffd46b,#f29c12);border-color:transparent;box-shadow:0 10px 18px -10px #c97a00,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.08)}
.rvpick button.on svg{fill:#fff;filter:drop-shadow(0 1px 1px rgba(154,98,5,.45));animation:rvpop .35s var(--spring) both;animation-delay:calc(var(--k)*35ms)}
.rvpick button:focus-visible{outline:2.5px solid var(--tq);outline-offset:2px}
.rvslbl{font-weight:700;color:var(--warn);margin-inline-start:6px}
@keyframes rvpop{0%{transform:scale(.6)}100%{transform:scale(1)}}
.rvform textarea{width:100%;resize:vertical;min-height:84px}
.rvcnt{display:block;text-align:end;color:var(--muted)}
.rvbuy{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:13.5px}
.rvrules{color:var(--muted)}
.rvlist{display:flex;flex-direction:column;gap:10px}
.rvcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 14px;animation:rise .35s var(--ease) both}
.rvch{display:flex;align-items:center;gap:10px}
.rvch>div{flex:1;min-width:0}
.rvch b{font-size:13.5px}
.rvbought{color:var(--ok);font-weight:600}
.rvtext{margin:8px 0 0;white-space:pre-line;overflow-wrap:anywhere;font-size:14px;line-height:1.75}
.rvcf{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}
.rvrep{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:2px 6px;border-radius:8px}
button.rvrep:hover{background:var(--field);color:var(--ink)}
.rvrep.done{cursor:default}
.rvempty{text-align:center;color:var(--muted);padding:12px}
.rvmore{display:block;margin:12px auto 0}
@media (max-width:520px){.rvsum{grid-template-columns:1fr}.rvpick button{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.rvpick button,.rvpick button svg,.rvcard,.rvchip,.rvlink{transition:none;animation:none}}

/* ---- shop.css ---- */
.sppanel{width:min(560px,calc(100vw - 24px))!important}
#spcb{padding-bottom:22px}
.spico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;flex:none;color:#fff;
background:linear-gradient(160deg,color-mix(in srgb,var(--tq) 78%,#fff),var(--tq));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 16px -10px var(--tq)}
.spico svg{width:22px;height:22px}
.spver{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--ok)}
.spver svg{width:14px;height:14px;padding:2px;border-radius:50%;background:var(--ok);color:#fff;box-sizing:content-box}
.rvver{font-size:12px;vertical-align:middle;margin-inline-start:6px;background:var(--okbg);border-radius:999px;padding:2px 9px 2px 7px}
.sphead{display:flex;align-items:center;gap:12px;margin:6px 2px 12px}
.spwho{display:flex;flex-direction:column;gap:2px;min-width:0}
.spwho b{font-size:16px}
.spwho select{font:inherit;font-weight:700;font-size:15px;border:1px solid var(--line2);border-radius:12px;padding:6px 10px;background:var(--card);color:var(--ink);max-width:100%}
.sptabs{margin-bottom:12px}
.spdays,.spfilt{margin-bottom:12px}
.sptiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sptile{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:18px;border:1px solid var(--line2);overflow:hidden;
background:linear-gradient(180deg,var(--card),var(--field));box-shadow:inset 0 1px 0 var(--glass-hi),0 12px 24px -20px rgba(27,31,59,.55)}
.sptile b{font-size:22px;font-weight:800;line-height:1.1}
.sptile small{font-size:11.5px;color:var(--muted);line-height:1.35}
.spti{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;margin-bottom:4px}
.spti svg{width:16px;height:16px}
.sptile.a .spti{background:color-mix(in srgb,var(--tq) 15%,transparent);color:var(--tq)}
.sptile.b .spti{background:color-mix(in srgb,var(--saffron) 22%,transparent);color:#b87400}
.sptile.c .spti{background:var(--okbg);color:var(--ok)}
.sptile.d .spti{background:var(--chip);color:var(--ink2)}
.sphow{margin:8px 2px 12px;line-height:1.7}
.spchart{padding:12px 14px}
.spch{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}
.splg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.splg i{display:inline-block;width:10px;height:10px;border-radius:3px}
.splg i.b{background:linear-gradient(180deg,#ffcf5a,#f29c12)}
.splg i.a{height:3px;border-radius:2px;background:var(--tq)}
.spsvg svg{display:block;width:100%;height:150px;overflow:visible}
.spsvg .bars rect{fill:#f5ad22}
.spsvg .imp{fill:none;stroke:var(--tq);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.8}
.spsvg .ax{stroke:var(--line2);stroke-width:1;vector-effect:non-scaling-stroke}
.spsvg text{font-size:11px;fill:var(--muted);font-family:inherit}
.spalerts{margin:12px 0}
.spalerts .guestnote{margin-bottom:8px}
.spgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:12px 0}
.spgrid .card2,.spchart,.spfixes,.spteam+p{margin:0}
.card2 h3{font-size:14px;margin:0 0 10px}
.spfacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:0 0 8px}
.spfacts>div{background:var(--field);border-radius:12px;padding:8px 10px}
.spfacts dt{font-size:18px;font-weight:800}
.spfacts dd{margin:0;font-size:11.5px;color:var(--muted);line-height:1.35}
.spfacts .warn{background:var(--warnbg)}.spfacts .warn dt{color:var(--warn)}
.spfacts .ok{background:var(--okbg)}.spfacts .ok dt{color:var(--ok)}
.sprate{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sprate>b{font-size:30px;font-weight:800;background:linear-gradient(180deg,#f7b733,#e08a00);-webkit-background-clip:text;background-clip:text;color:transparent}
.sptop{list-style:none;margin:0;padding:0;counter-reset:t}
.sptop li{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:13px;counter-increment:t}
.sptop li:first-child{border-top:0}
.sptop li::before{content:counter(t);display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:var(--chip);font-size:11px;font-weight:700}
.sptt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sptop .num{color:var(--muted);font-size:12px}
.sptop b{min-width:28px;text-align:end;color:#b87400}
.splist{display:flex;flex-direction:column;gap:10px}
.sprep{margin-top:10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--tq) 7%,var(--card));border:1px solid color-mix(in srgb,var(--tq) 22%,transparent);
border-inline-start:3px solid var(--tq)}
.sprep.pending{border-inline-start-color:var(--saffron)}
.sprep.hidden{border-inline-start-color:var(--bad);background:var(--badbg)}
.sprh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}
.sprh b{display:inline-flex;align-items:center;gap:5px;color:var(--tq)}
.sprh b svg{width:15px;height:15px}
.sprep .rvtext{margin:6px 0 0}
.spform textarea,.spform input,.spform select,.spclaim select{width:100%;box-sizing:border-box;font:inherit;border:1px solid var(--line2);border-radius:12px;padding:9px 11px;background:var(--card);color:var(--ink)}
.spslot .spform{margin-top:10px}
.spform .err{margin:6px 0 0}
.spdis{color:var(--muted)}.spdis.hidden{color:var(--ok)}.spdis.kept{color:var(--warn)}
.spdisf{width:100%;text-align:start}
.spdisf label{display:block;margin-bottom:6px;line-height:1.6}
.spintro{line-height:1.7;margin:4px 2px 12px}
.sptools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.sptools input{flex:1 1 200px;font:inherit;border:1px solid var(--line2);border-radius:12px;padding:9px 12px;background:var(--card);color:var(--ink)}
.spcount{margin:0 2px 6px;color:var(--muted)}
.spfx:empty{display:none}
.spfixf{margin-top:8px;padding:10px;border-radius:14px;background:var(--field)}
.spkinds{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:6px}
.spfixf .fld{margin-bottom:8px}
.spfixes{margin-top:14px!important}
.spfix{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.spfix:first-of-type{border-top:0}
.spfix .small{line-height:1.6}
.spteam{display:flex;flex-direction:column}
.spmem{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.spmem:first-child{border-top:0}
.spmem>div{flex:1;min-width:0}
.spmem .rvpill{margin-inline-end:4px}
#spadd{margin-top:12px}
.spok{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--okbg);color:var(--ok);margin-bottom:12px}
.spok svg{width:26px;height:26px;flex:none}
.spok.wait{background:var(--warnbg);color:var(--warn)}
.spok p{margin:0;font-weight:600;color:var(--ink)}
.spcode{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;margin:4px 0 10px;border-radius:18px;border:1px dashed var(--line2);
background:linear-gradient(180deg,var(--card),var(--field))}
.spcode bdi{font:800 24px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;user-select:all}
.spcode small{color:var(--muted)}
.spclaim .fld small{display:block;margin-top:4px}
.spclaim .btn.primary{width:100%;margin-top:6px}
.spcard{display:flex;align-items:center;gap:12px;margin-top:14px}
.spcard>div{flex:1;min-width:0}
.spcard h3{margin:0 0 2px;font-size:14px}
.spcard p{margin:0;line-height:1.6}
.spfoot{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px auto 0;padding:9px 14px;border-radius:999px;width:max-content;max-width:100%;
font-size:13px;font-weight:600;color:var(--tq);text-decoration:none;background:color-mix(in srgb,var(--tq) 8%,var(--card));border:1px solid color-mix(in srgb,var(--tq) 25%,transparent)}
.spfoot svg{width:16px;height:16px}
.sprep.pub{margin-top:8px}
@media (max-width:560px){
.sptiles{grid-template-columns:repeat(2,1fr)}
.spgrid{grid-template-columns:1fr}
.sptop li{grid-template-columns:22px 1fr auto}
.sptop .num{display:none}
}
.spdays button.on,.spfilt button.on,.sptools .seg button.on{background:var(--btn);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 10px -6px rgba(0,0,0,.4)}
.spo{flex-wrap:wrap}
.spo>.spfx{flex:1 0 100%}
.spkinds .chk{display:inline-flex;align-items:center;gap:6px;margin:0;white-space:nowrap}
.spkinds .chk input{margin:0}
.splg{gap:12px}.splg>span{display:inline-flex;align-items:center;gap:5px}
.spform input[type=radio],.spform input[type=checkbox]{width:18px;height:18px;padding:0;border:0;flex:none;accent-color:var(--tq)}
.sx35cur{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sx35cur>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sx35cur>div>b{font-size:20px;font-weight:800}
.sx35wal{white-space:nowrap}
.sx35rule{margin:-4px 2px 12px;padding-inline-start:10px;border-inline-start:3px solid var(--tq)}
.sx35pw{container-type:inline-size;margin-bottom:14px}
.sx35plans{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@container (min-width:860px){.sx35plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:460px){.sx35plan .sx35feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.sx35plan .sx35feat li.small{grid-column:1/-1}}
.sx35plan{display:flex;flex-direction:column;gap:10px;margin:0;min-width:0;position:relative}
.sx35plan.sx-pro{border-color:color-mix(in srgb,var(--tq) 45%,var(--line))}
.sx35plan.sx-smart{border-color:color-mix(in srgb,var(--saffron) 55%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--saffron) 7%,var(--card)),var(--card) 55%)}
.sx35plan.here{box-shadow:0 0 0 2px var(--tq)}
.sx35ph{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sx35ph h3,.sx35ph h4{margin:0}
.sx35price{display:flex;flex-direction:column;gap:2px}
.sx35pr{font-size:24px;font-weight:800;line-height:1.1}
.sx35price small{font-size:12px;color:var(--muted)}
.sx35feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;flex:1}
.sx35feat li{display:flex;gap:7px;align-items:flex-start;line-height:1.45}
.sx35feat svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--ok)}
.sx35feat li.small{color:var(--muted);padding-inline-start:23px}
.sx35act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sx35buy{display:flex;flex-direction:column;gap:9px;padding-top:10px;border-top:1px dashed var(--line2)}
.sx35mon{display:grid;gap:6px}
.sx35mon label{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line2);border-radius:12px;cursor:pointer}
.sx35mon label:has(input:checked){border-color:var(--tq);background:color-mix(in srgb,var(--tq) 8%,transparent)}
.sx35mon span{display:flex;flex-direction:column;min-width:0}
.sx35mon small{font-size:12px;color:var(--muted)}
.sx35mon input{accent-color:var(--tq)}
.sx35code{display:flex;gap:6px;align-items:center;min-width:0}
.sx35code input,.sx35code select{flex:1;min-width:0;height:38px;border:1px solid var(--line2);border-radius:12px;padding:0 10px;background:var(--card);color:var(--ink);font:inherit}
.sx35code select{flex:0 0 auto}
.sx35sw{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}
.sx35sw input{width:18px;height:18px;accent-color:var(--tq)}
.sx35lock{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.sx35lock .sx35feat{text-align:start;max-width:420px}
.sx35bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.sx35bar input[type=search]{flex:1;min-width:160px;height:38px;border:1px solid var(--line2);border-radius:12px;padding:0 12px;background:var(--card);color:var(--ink);font:inherit}
.sx35tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}
.sx35seg button.on{background:var(--btn);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 10px -6px rgba(0,0,0,.4)}
.sx35tiles .sptile b{font-size:20px}
.sx35f{margin:6px 0 10px}
.sx35tbl{overflow-x:auto}
.sx35tbl table{width:100%;border-collapse:collapse;font-size:13px}
.sx35tbl th{font-size:12px;color:var(--muted);font-weight:600;text-align:start;padding:6px 8px;border-bottom:1px solid var(--line2);white-space:nowrap}
.sx35tbl td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.sx35tbl td.num{white-space:nowrap}
.sx35tbl td.bad{color:var(--bad);font-weight:700}.sx35tbl td.good{color:var(--ok);font-weight:700}
.sx35dem,.sx35inv,.sx35models,.sx35week{list-style:none;margin:0;padding:0}
.sx35dem li,.sx35models li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.sx35dem .q{flex:1;min-width:0;font-weight:600}
.sx35models li>div{flex:1;min-width:0;display:flex;flex-direction:column}
.sx35bars{display:flex;flex-direction:column;gap:6px}
.sx35bars>div{display:grid;grid-template-columns:minmax(80px,30%) 1fr auto;gap:8px;align-items:center;font-size:13px}
.sx35bars i{height:10px;border-radius:6px;background:var(--line);position:relative;overflow:hidden}
.sx35bars i::after{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:var(--tq);border-radius:6px}
.sx35inv li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:10px}
.sx35inv li:hover,.sx35inv li:focus-visible{background:var(--chip);outline:0}
.sx35g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sx35ivf h4,.sx35ib h4{margin:12px 0 6px;font-size:14px}
.sx35line{display:grid;grid-template-columns:minmax(0,1fr) 70px 120px auto;gap:6px;margin-bottom:6px}
.sx35line input{height:38px;border:1px solid var(--line2);border-radius:10px;padding:0 9px;background:var(--card);color:var(--ink);font:inherit;min-width:0}
.sx35paper{background:#fff;color:#111}
.sx35me{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--tq) 10%,var(--card)),var(--card))}
.sx35me p{margin:0 0 8px;line-height:1.6}
.sx35me>div{flex:1;min-width:0}
.sx35bot{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;flex:none;color:#fff;background:linear-gradient(135deg,var(--tq),color-mix(in srgb,var(--tq) 55%,#5b3df5))}
.sx35bot svg{width:26px;height:26px}
.sx35meter{height:7px;border-radius:5px;background:var(--line);overflow:hidden;margin-bottom:4px;position:relative}
.sx35meter i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:var(--tq);border-radius:5px}
.sx35week li{padding:7px 0;border-bottom:1px solid var(--line);line-height:1.55;font-size:13.5px}
.sx35items{display:flex;flex-direction:column;gap:8px}
.sx35item{border:1px solid var(--line2);border-radius:16px;padding:10px}
.sx35item.open{border-color:var(--tq)}
.sx35ih{display:flex;gap:10px;align-items:center}
.sx35ih>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sx35thumb{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none;background:var(--field);display:grid;place-items:center;color:var(--muted)}
.sx35thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.sx35thumb em{position:absolute;inset-inline:0;bottom:0;font-size:9px;font-style:normal;text-align:center;background:rgba(0,0,0,.6);color:#fff;line-height:1.5}
.sx35thumb svg{width:22px;height:22px}
.sx35ib{padding-top:10px;margin-top:10px;border-top:1px solid var(--line)}
.sx35ib .fld input,.sx35ib .fld textarea{height:40px}
.sx35ib .fld textarea{height:auto;min-height:96px}
.sx35ib .fld .btn{align-self:flex-start}
.sx35specs{display:flex;flex-direction:column;gap:6px}
.sx35sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto auto;gap:6px;align-items:center}
.sx35sp input{height:36px;border:1px solid var(--line2);border-radius:10px;padding:0 9px;background:var(--card);color:var(--ink);font:inherit;min-width:0}
.sx35sp small{font-size:11px;color:var(--muted);white-space:nowrap}
.sx35ib{container-type:inline-size}
.sx35tx{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@container (min-width:760px){.sx35tx{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sx35photo{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sx35photo .sx35code{width:100%}
.sx35file{cursor:pointer}
.sx35mk{line-height:1.7}
#sxprint{display:none}
.sxdoc{font-size:13px;line-height:1.55;position:relative}
.sxdoc header{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}
.sxdoc h1{font-size:20px;margin:0 0 4px}
.sxdoc header p{margin:0;color:#444}
.sxdocno{display:flex;flex-direction:column;align-items:flex-end;text-align:end;gap:2px}
.sxdocno b{font-size:16px}
.sxdoc dl{margin:0 0 12px}
.sxdoc dl>div{display:flex;gap:10px;justify-content:space-between;padding:3px 0}
.sxdoc dt{color:#555}.sxdoc dd{margin:0;font-weight:600}
.sxdoc table{width:100%;border-collapse:collapse;margin-bottom:12px}
.sxdoc th,.sxdoc td{border:1px solid #bbb;padding:6px 8px;text-align:start}
.sxdoc th{background:#f1f1f1;font-size:12px}
.sxdocsum{max-width:320px;margin-inline-start:auto !important}
.sxdocsum .tot{border-top:2px solid #111;font-size:15px}
.sxdocnote{color:#333;margin:6px 0}
.sxdoc footer{border-top:1px solid #bbb;margin-top:14px;padding-top:8px;text-align:center;color:#555;font-size:12px}
.sxdoc.void{opacity:.85}
.sxvoid{position:absolute;inset:30% 0 auto;text-align:center;font-size:56px;font-weight:900;color:rgba(200,0,0,.18);transform:rotate(-14deg);pointer-events:none}
@media (max-width:760px){
}
@media (max-width:560px){
.sx35g2{grid-template-columns:1fr}
.sx35inv li{grid-template-columns:auto minmax(0,1fr) auto}
.sx35inv li>.small{display:none}
.sx35line{grid-template-columns:minmax(0,1fr) 56px 96px auto}
.sx35sp{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}
.sx35sp small{display:none}
}
@media print{
body.sxprinting>*:not(#sxprint){display:none !important}
body.sxprinting #sxprint{display:block;color:#000;background:#fff}
body.sxprinting{background:#fff !important}
.sxdoc{font-size:12pt}
@page{margin:14mm}
}
.sx35ib .fld .sx35code input,.sx35ib .sx35code input{flex:1 1 auto;width:auto;min-width:0}
.sx35ib .fld .sx35code select,.sx35code select{flex:0 0 88px;width:88px}
.sx35ib .sx35sp input.k{direction:ltr;text-align:start}
.sl43{display:flex;flex-direction:column;gap:8px}
.sl43 h3{margin:0;font-size:15px}
.sl43st{display:flex;align-items:center;gap:8px;font-size:15px}.sl43st svg{width:22px;height:22px;flex:none;color:var(--muted)}
.sl43st.verified svg,.sl43st.verified b{color:var(--ok)}.sl43st.pending svg{color:var(--saffron)}.sl43st.rejected svg,.sl43st.rejected b{color:var(--warn)}
.sl43why{color:var(--warn)}
.sl43steps{list-style:none;margin:4px 0;padding:0;display:grid;gap:6px}
.sl43steps li{display:flex;gap:8px;align-items:center;font-size:13.5px}
.sl43steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--chip);color:var(--muted);flex:none}
.sl43steps li.done i{background:var(--okbg);color:var(--ok)}
.sl43map{height:320px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.sl43acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sl43acts .btn svg,.sl43 .btn svg,.sl43file svg{width:17px;height:17px;vertical-align:-3px;margin-inline-end:4px}
.sl43file{cursor:pointer;align-self:flex-start}.sl43file.off{opacity:.5;pointer-events:none}
.sl43res.ok{color:var(--ok);font-weight:600}.sl43res.bad{color:var(--warn);font-weight:600}
.sl43hist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sl43hist li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--field)}
.sl43hist li.ok{border-inline-start:3px solid var(--ok)}.sl43hist li.bad{border-inline-start:3px solid var(--warn)}
.sl43k{font-weight:600;font-size:13px}
.sl43pub{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.sl43ph{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sl43badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}
.sl43badge svg{width:17px;height:17px}
.sl43badge.ok{background:var(--okbg);color:var(--ok)}.sl43badge.un{background:rgba(120,130,150,.13);color:var(--muted)}
.sl43pmap{height:190px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.spinv{align-items:flex-start;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--acc,#2563eb) 35%,transparent)}
.spinv .small{margin:2px 0 0}
.spinv-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.spmem-inv{opacity:.85}
.pt553cs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.pt553c{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--okbg);color:var(--ink)}
.pt553c.warn{background:var(--warnbg)}
.pt553err{color:var(--bad);font-weight:600}
.pt553code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}
input.pt553code{width:100%;margin:6px 0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--field,var(--card));color:var(--ink)}
.pt553s{margin:6px 0 0;padding-inline-start:18px}

/* ---- shopads.css ---- */
.spnbox{grid-column:1/-1;position:relative;border-radius:22px;padding:12px 14px 14px;margin-bottom:4px;
border:1px solid color-mix(in srgb,var(--saffron) 45%,var(--line2));
background:linear-gradient(180deg,color-mix(in srgb,var(--saffron) 9%,var(--card)),var(--card));
box-shadow:inset 0 1px 0 var(--glass-hi),0 16px 30px -24px rgba(27,31,59,.6)}
.spnh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:13.5px}
.spntag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:#7a4b00;
padding:3px 9px 3px 8px;border-radius:999px;background:linear-gradient(180deg,#ffe29a,#f6b93b);
box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 10px -6px #c98a00}
.spntag svg{width:13px;height:13px}
.spnwhy{margin-inline-start:auto;font-size:12px;color:var(--muted)}
.spnwhy summary{cursor:pointer;list-style:none;padding:2px 8px;border-radius:999px;border:1px solid var(--line2);background:var(--field)}
.spnwhy summary::-webkit-details-marker{display:none}
.spnwhy[open]{flex-basis:100%;margin-inline-start:0}
.spnwhy p{margin:8px 2px 0;line-height:1.7;color:var(--ink2)}
.spnlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.spnitem{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border-radius:16px;text-decoration:none;color:var(--ink);
border:1px solid var(--line2);background:linear-gradient(180deg,var(--card),var(--field));
box-shadow:inset 0 1px 0 var(--glass-hi),0 10px 18px -16px rgba(27,31,59,.55);transition:transform .15s,box-shadow .15s}
.spnitem:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--glass-hi),0 14px 22px -14px rgba(27,31,59,.5)}
.spnitem:focus-visible{outline:3px solid color-mix(in srgb,var(--saffron) 70%,transparent);outline-offset:2px}
.spnimg{flex:none;width:58px;height:58px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.spnimg img{max-width:100%;max-height:100%;object-fit:contain}
.spntx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.spntt{font-weight:700;font-size:13.5px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.spnsh{font-size:12px;color:var(--muted)}
.spnpr{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.spnpr b{font-size:14.5px;font-weight:800;white-space:nowrap}
.spngo{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--tq)}
.spngo svg{width:12px;height:12px}
.results.list .spnbox{margin-bottom:8px}
.sastate{display:flex;flex-direction:column;gap:6px}
.sast{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sast b{font-size:15px}
.sadot{width:11px;height:11px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--muted) 18%,transparent)}
.sastate.on .sadot{background:var(--ok);box-shadow:0 0 0 4px var(--okbg)}
.sastate.off{border-color:color-mix(in srgb,var(--saffron) 35%,var(--line))}
.safacts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 0}
.safacts div{padding:10px;border-radius:14px;background:var(--field);border:1px solid var(--line)}
.safacts dt{font-weight:800;font-size:15px;text-align:start}
.safacts dd{margin:2px 0 0;font-size:11.5px;color:var(--muted)}
.saintro summary{cursor:pointer}
.saintro ul{margin:10px 0 0;padding-inline-start:20px;line-height:1.8;font-size:13.5px}
.saask{margin:0 0 14px}
.saask .btn svg,.saform h3 svg,.sapause svg{width:16px;height:16px;vertical-align:-3px;margin-inline-end:4px}
#spb .spgrid:has(.saform){grid-template-columns:repeat(3,1fr)}
.saform h3{font-size:14px}
.sarow{display:flex;gap:8px;margin-top:8px}
.sarow input{flex:1;min-width:0;font:inherit;padding:8px 10px;border-radius:12px;border:1px solid var(--line2);background:var(--field);color:var(--ink)}
.sapause{margin-top:10px}
.safree,.saled{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.safree li,.saled li{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:7px 10px;border-radius:12px;background:var(--field)}
.saled li span{flex:1;min-width:0}
.saled .pos{color:var(--ok)}
.saled .neg{color:var(--ink2)}
html[dir=rtl] :is(.spnpr b,.safacts dt,.saled b,.safree b){font-family:var(--ffe),var(--ff),Vazirmatn,system-ui,sans-serif}
@media (max-width:760px){#spb .spgrid:has(.saform){grid-template-columns:1fr}}
@media (max-width:560px){
.spnlist{grid-template-columns:1fr}
.safacts{grid-template-columns:repeat(2,1fr)}
}

/* ---- testers.css ---- */
.tstfb{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));inset-inline-start:20px;z-index:44;display:flex;align-items:center;gap:8px;
height:46px;padding:0 16px 0 12px;padding-inline:12px 16px;border-radius:16px;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:14px;
color:#fff8ea;background:linear-gradient(180deg,#2b3060,#1b1f3b);
box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 -2px 0 rgba(0,0,0,.25) inset,0 10px 24px -10px rgba(27,31,59,.7);
transition:transform .25s var(--spring,ease),box-shadow .25s}
.tstfb:hover{transform:translateY(-2px)}
.tstfb:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 12px -6px rgba(27,31,59,.7)}
.tstfb svg{width:22px;height:22px;flex:none;fill:none;stroke:#f4b43c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){.tstfb{width:46px;padding:0;justify-content:center}.tstfb span{display:none}}
.tstov{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(13,15,28,.45);backdrop-filter:blur(3px)}
.tstbox{width:min(480px,100%);min-width:0;box-sizing:border-box;background:var(--card);color:var(--ink);border-radius:24px;padding:22px 20px 18px;overflow:hidden;
box-shadow:0 2px 6px rgba(27,31,59,.08),0 30px 70px -24px rgba(13,15,28,.55)}
.tstk{height:6px;margin:-22px -20px 16px;background:linear-gradient(90deg,#d9434f,#f4b43c,#1aa39a)}
.tstbox h3{margin:0 0 4px;font-size:17px}
.tstbox p{margin:0 0 12px;color:var(--ink2);font-size:13.5px}
.tstbox textarea{width:100%;min-width:0;box-sizing:border-box;border-radius:14px;border:1px solid var(--line2);background:var(--field);color:var(--ink);
padding:10px 12px;font:inherit;resize:vertical;min-height:120px}
.tsterr{color:var(--bad,#b9303c);font-weight:700;margin-top:8px}
.tstrow{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.tstrow .btn{flex:1;min-width:120px}
.tsttry{margin:0 0 12px;border-radius:14px;background:var(--field);border:1px solid var(--line2);padding:8px 12px;font-size:13.5px}
.tsttry summary{cursor:pointer;font-weight:800;color:var(--ink)}
.tsttry ol{margin:8px 0 6px;padding-inline-start:20px;color:var(--ink2);max-height:38vh;overflow:auto}
.tsttry li{margin:3px 0}.tsttry p{margin:4px 0 0!important;font-weight:700}
.tstbox{display:flex;flex-direction:column;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));animation:tstin .38s cubic-bezier(.2,.8,.2,1) both}
.tstbox>h3,.tstbox>.tstk,.tstbox>.tstrow{flex:none}
.tstsc{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px}
.tstsc textarea{min-height:96px;max-height:30vh}
.tsttry ol{max-height:none}
@keyframes tstin{from{opacity:0;transform:translateY(16px) scale(.98)}}
@media (max-width:640px){
.tstov{place-items:end center;padding:0}
.tstbox{width:100%;border-radius:22px 22px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top))}
.tsttry ol{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.tstbox{animation:none}}
.tbchip{align-self:center;margin-inline-start:2px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:800;line-height:1.7;white-space:nowrap;
color:#8a5a00;background:linear-gradient(180deg,#ffe9b8,#fbd98a);box-shadow:inset 0 0 0 1px rgba(160,104,0,.22),0 2px 6px -3px rgba(160,104,0,.45)}
[data-theme=dark] .tbchip{color:#ffd88a;background:rgba(244,180,60,.16);box-shadow:inset 0 0 0 1px rgba(244,180,60,.35)}
.tbrib{position:fixed;top:0;inset-inline-end:0;width:110px;height:110px;overflow:hidden;pointer-events:none;z-index:60}
.tbrib span{position:absolute;top:24px;inset-inline-end:-38px;width:160px;padding:4px 0;text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.02em;
color:#3d2a00;background:linear-gradient(90deg,#f4b43c,#ffd27a,#f4b43c);box-shadow:0 4px 12px -4px rgba(0,0,0,.35);transform:rotate(45deg)}
[dir=rtl] .tbrib span{transform:rotate(-45deg)}
@media (max-width:640px){.tbchip{font-size:10px;padding:1px 7px}.tbrib{width:92px;height:92px}.tbrib span{top:16px;inset-inline-end:-44px;font-size:10px}}
.tg-run{position:fixed;inset:0;z-index:150;pointer-events:none}
.tg-focus{position:fixed;border:3px solid var(--tq,#1aa39a);border-radius:14px;box-shadow:0 0 0 9999px rgba(10,14,35,.57),0 0 0 6px rgba(255,255,255,.8);pointer-events:none}
.tg-focus[hidden]{display:none}
.tg-card{position:fixed;pointer-events:auto;width:min(370px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:18px;border:1px solid var(--line2);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.tg-card h2{font-size:18px;margin:6px 0}.tg-card p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.tg-count{color:var(--muted);font-weight:700}.tg-missing{color:var(--muted)}
.tg-controls{display:flex;gap:6px;flex-wrap:wrap}.tg-list-body{display:grid;gap:8px;max-height:55vh;overflow:auto;margin:12px 0}
.tg-list-body button{justify-content:flex-start}
.tst-history-item{border:1px solid var(--line,#ddd);border-radius:12px;padding:8px 10px;margin:8px 0;overflow-wrap:anywhere}
.tst-history-item p{white-space:pre-wrap;margin:6px 0 0}

/* ---- helper.css ---- */
.hlpfab{position:fixed;z-index:58;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;
height:52px;padding:0 18px 0 14px;border:0;border-radius:26px;background:var(--btn);color:var(--btn-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;
box-shadow:0 10px 28px -10px color-mix(in srgb,var(--btn) 80%,transparent),0 2px 6px rgba(0,0,0,.08);
transition:transform .5s var(--ease),box-shadow .5s ease,opacity .4s ease;animation:hlpin .7s var(--ease) both .6s}
[dir=rtl] .hlpfab{padding:0 14px 0 18px}
.hlpfab svg{width:22px;height:22px;color:var(--saffron2)}
.hlpfab:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px color-mix(in srgb,var(--btn) 85%,transparent)}
.hlpfab:active{transform:scale(.96)}
.hlpfab:focus-visible{outline:3px solid color-mix(in srgb,var(--tq) 55%,transparent);outline-offset:3px}
.hlpdot{position:absolute;top:6px;inset-inline-end:8px;width:10px;height:10px;border-radius:50%;background:var(--pom);box-shadow:0 0 0 2px var(--btn)}
body.hlp-on .hlpfab{opacity:0;pointer-events:none;transform:scale(.85)}
body.searching .hlpfab .hlpfl{display:none}
body.searching .hlpfab{width:52px;padding:0;justify-content:center}
@keyframes hlpin{from{opacity:0;transform:translateY(14px) scale(.92)}}
.hlp{position:fixed;z-index:60;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:min(400px,calc(100vw - 36px));height:min(640px,calc(100dvh - 110px));
display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow2);
opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .24s ease,transform .3s var(--ease)}
[dir=rtl] .hlp{transform-origin:bottom left}
.hlp.in{opacity:1;transform:none}
.hlp[hidden]{display:none}
.hlph{display:flex;align-items:center;gap:10px;padding:12px 12px 10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--card))}
.hlpav{width:40px;height:40px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--btn);color:var(--saffron2)}
.hlpav svg{width:22px;height:22px}
.hlptt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.hlptt b{font-size:15px}
.hlptt small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hlp.live .hlptt small{color:var(--tq2);font-weight:600}
.hlpib{width:38px;height:38px;flex:none;border:0;border-radius:12px;background:transparent;color:var(--ink2);display:grid;place-items:center;cursor:pointer;transition:background .25s ease}
.hlpib:hover{background:var(--bg2)}
.hlpib svg{width:19px;height:19px}
.hlpbar{display:flex;justify-content:flex-end;padding:8px 12px 0}
.hlpbar[hidden]{display:none}
.hlphum{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .25s ease,color .25s ease}
.hlphum:hover{border-color:var(--tq);color:var(--tq2)}
.hlphum svg{width:16px;height:16px}
.hlpconf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 12px 0;padding:10px 12px;border-radius:14px;background:var(--badbg);font-size:13px;font-weight:600}
.hlpconf span{flex:1 1 140px}
.hlpconf[hidden]{display:none}
.hlpdanger{background:var(--bad);color:#fff;border:0}
.hlplog{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 6px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.hmsg{display:flex;gap:8px;align-items:flex-end;max-width:100%;animation:hmsg .4s var(--ease) both}
@keyframes hmsg{from{opacity:0;transform:translateY(6px)}}
.hmsg .hav{width:28px;height:28px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--bg2);color:var(--tq2)}
.hmsg .hav svg{width:16px;height:16px}
.hbub{min-width:0;max-width:calc(100% - 36px);padding:10px 12px;border-radius:18px;background:var(--bg2);font-size:13.5px;line-height:1.65}
.hmsg.bot .hbub{border-end-start-radius:6px}
.hbub p{margin:0}
.hbub p + p{margin-top:6px}
.hmsg.me{justify-content:flex-end}
.hmsg.me .hbub{background:var(--btn);color:var(--btn-ink);border-end-end-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}
.hmsg.staff .hav{background:color-mix(in srgb,var(--tq) 16%,transparent)}
.hmsg.staff .hbub{background:color-mix(in srgb,var(--tq) 10%,var(--card));border:1px solid color-mix(in srgb,var(--tq) 30%,transparent);white-space:pre-wrap;overflow-wrap:anywhere}
.hwho{display:block;font-size:11px;font-weight:700;color:var(--tq2);margin-bottom:2px}
.hnote{font-size:12px;color:var(--muted)}
.hask{font-weight:700}
.hsub{margin-top:8px!important;font-size:12px;font-weight:700;color:var(--ink2)}
.hsys{align-self:center;max-width:90%;text-align:center;font-size:12px;color:var(--ink2);padding:8px 12px;border-radius:12px;background:var(--chip)}
.hsys.warn{background:var(--warnbg);color:var(--warn)}
.hcards{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.hcard{display:flex;gap:10px;align-items:center;width:100%;padding:7px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:start;cursor:pointer;
transition:border-color .25s ease,box-shadow .3s ease,transform .3s var(--ease)}
.hcard:hover{border-color:color-mix(in srgb,var(--tq) 50%,transparent);box-shadow:var(--shadow);transform:translateY(-1px)}
.hci{width:54px;height:54px;flex:none;border-radius:10px;background:var(--media) center/contain no-repeat;border:1px solid var(--line)}
.hci.none{display:grid;place-items:center;color:var(--muted)}
.hci.none svg{width:22px;height:22px}
.hct{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.hct b{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:start}
.hcp{display:flex;align-items:center;gap:6px}
.hcp bdi{font-size:14px;font-weight:800;color:var(--ink)}
.hoos{font-style:normal;font-size:11px;color:var(--bad);font-weight:700}
.hct small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hct small .b{font-size:10px;padding:1px 6px;border-radius:6px;margin-inline-start:4px}
.hpeople{border-style:dashed}
.hchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hchip{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tq) 40%,transparent);
background:var(--card);color:var(--tq2);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;animation:hmsg .4s var(--ease) both;animation-delay:calc(var(--i,0) * 40ms);
transition:background .25s ease,transform .25s var(--ease)}
.hchip:hover{background:var(--chip);transform:translateY(-1px)}
.hchip.ghost{border-color:var(--line2);color:var(--ink2)}
.hchip svg{width:15px;height:15px}
.hdots{display:inline-flex;gap:4px;margin-inline-end:8px;vertical-align:middle}
.hdots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:hdot 1.2s ease-in-out infinite}
.hdots i:nth-child(2){animation-delay:.15s}.hdots i:nth-child(3){animation-delay:.3s}
@keyframes hdot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.typing small{color:var(--muted);font-size:12px}
.hlpin{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 12px;border-top:1px solid var(--line);--fx:1}
[dir=rtl] .hlpin{--fx:-1}
[dir=rtl] .hlpin .hlpsend{order:-1}
.hlpin textarea{flex:1;min-width:0;resize:none;min-height:46px;max-height:112px;padding:12px 15px;border-radius:23px;font:inherit;font-size:14px;line-height:1.45;border:1px solid var(--line2);background:var(--field);color:var(--ink);transition:border-color .35s ease,box-shadow .35s ease}
.hlpin textarea:focus{outline:none;border-color:var(--tq);box-shadow:0 0 0 3px color-mix(in srgb,var(--tq) 16%,transparent)}
.hlpsend{width:46px;height:46px;flex:none;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:var(--btn-ink);cursor:pointer;
box-shadow:0 6px 16px -7px color-mix(in srgb,var(--btn) 75%,transparent);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease,box-shadow .5s ease,filter .5s ease}
.hlpin:not(.has) .hlpsend{opacity:.45;transform:scale(.88);box-shadow:none;filter:saturate(.5)}
.hlpin.has .hlpsend:hover{transform:translateY(-1px) scale(1.05)}
.hlpsend svg{width:20px;height:20px}
.hlpsend:disabled{cursor:default}
html[dir=rtl] .hmsg.bot .hbub,html[dir=rtl] .hmsg.staff .hbub{font-family:var(--ffe),var(--ff),Vazirmatn,system-ui,sans-serif}
@media (min-width:1400px){
.rails-on:not(.searching) .hlpfab{inset-inline-end:calc(max(14px,(100vw - var(--site-w)) / 2 - 252px) + 236px)}
}
@media (max-width:640px){
.hlpfab{inset-inline-end:14px;bottom:calc(14px + env(safe-area-inset-bottom));height:50px}
.hlpfab .hlpfl{display:none}
.hlpfab,[dir=rtl] .hlpfab{width:50px;padding:0;justify-content:center}
.hlp{inset:auto 0 0 0;width:100%;height:calc(100dvh - 40px);border-radius:24px 24px 0 0;border-bottom:0;transform:translateY(40px)}
.hlp.in{transform:none}
.hlpin{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
body.hlp-on::before{content:"";position:fixed;inset:0;z-index:59;background:rgba(10,12,28,.42);animation:hmsg .35s ease both}
}
@media (prefers-reduced-motion:reduce){.hlpfab,.hlp,.hmsg,.hchip,.hcard,.hlpsend{animation:none;transition:none}.hdots i{animation:none}}
html[dir=rtl] .hmsg.bot,html[dir=rtl] .hmsg.staff{flex-direction:row-reverse}
html[dir=rtl] .hmsg.me{justify-content:flex-start}
html[dir=rtl] .hmsg.bot .hbub{border-end-start-radius:18px;border-end-end-radius:6px}
html[dir=rtl] .hmsg.me .hbub{border-end-end-radius:18px;border-end-start-radius:6px}
.hlp.fx{transition:none;opacity:1;transform:none}
.hlp-rip{position:fixed;z-index:61;border-radius:50%;pointer-events:none;border:2px solid var(--saffron,#f4b43c);
background:radial-gradient(circle,color-mix(in srgb,var(--saffron,#f4b43c) 22%,transparent) 0 55%,transparent 70%)}
body.hlp-closing::before{animation:hlpscrimout .42s ease both!important}
@keyframes hlpscrimout{to{opacity:0}}
@media (prefers-reduced-motion:reduce){.hlp-rip{display:none}}

/* ---- skins.css ---- */
@property --sk-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.skinb svg{width:19px;height:19px}
.skinpop{position:fixed;z-index:60;min-width:250px;padding:8px;border-radius:18px;background:var(--card);border:1px solid var(--line2);
box-shadow:0 24px 60px -20px rgba(15,18,40,.45);display:grid;gap:4px;transform-origin:top;animation:sk-pop .32s var(--ease) both}
.skinpop[hidden]{display:none}
.skinpop h6{margin:4px 8px 6px;font-size:12px;font-weight:600;color:var(--ink3)}
.skinpop button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:none;color:var(--ink);cursor:pointer;text-align:start;font:inherit}
.skinpop button:hover{background:var(--bg2)}
.skinpop button[aria-checked=true]{background:color-mix(in srgb,var(--tq) 13%,transparent)}
.skinpop button[aria-checked=true]::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-radius:50%;background:var(--tq);flex:none}
.skinpop b{display:block;font-size:14px;font-weight:700}
.skinpop small{display:block;font-size:12px;color:var(--ink2)}
.skinpop .sw{flex:none;width:44px;height:32px;border-radius:9px;border:1px solid var(--line2);position:relative;overflow:hidden;background:var(--bg)}
.sw-classic{background:linear-gradient(180deg,var(--card) 0 34%,var(--bg) 34%) !important}
.sw-classic::after{content:"";position:absolute;inset:auto 7px 6px;height:8px;border-radius:4px;background:var(--saffron)}
.sw-depth{background:linear-gradient(160deg,#eef0f6,#d9dde9) !important}
.sw-depth::before,.sw-depth::after{content:"";position:absolute;width:24px;height:15px;border-radius:5px;background:#fff;box-shadow:0 6px 10px -3px rgba(27,31,59,.45);transform:perspective(60px) rotateX(24deg) rotateY(-16deg)}
.sw-depth::before{inset-inline-start:5px;top:5px;opacity:.7}
.sw-depth::after{inset-inline-start:14px;top:12px;background:var(--tq)}
.sw-liquid{background:#14102c !important}
.sw-liquid::before,.sw-liquid::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;filter:blur(5px)}
.sw-liquid::before{background:var(--pom);top:-6px;inset-inline-start:-4px}
.sw-liquid::after{background:var(--tq);bottom:-8px;inset-inline-end:-2px;box-shadow:-12px -8px 0 2px var(--saffron)}
@keyframes sk-pop{from{opacity:0;transform:translateY(-6px) scale(.97)}}
.lq-sky,.lq-glow,.lq-edge{display:none}
.sk-ghost{position:absolute;pointer-events:none;z-index:3;margin:0 !important}
.sk-wave{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;border-radius:inherit}
.sk-wave svg{position:absolute;top:0;height:100%;width:170%;inset-inline-start:-35%}
[data-skin=depth]{
--r:20px;--r2:15px;
--dp-s1:0 1px 0 rgba(255,255,255,.75) inset,0 1px 2px rgba(27,31,59,.05),0 8px 16px -8px rgba(27,31,59,.14),0 26px 44px -26px rgba(27,31,59,.30);
--dp-s2:0 1px 0 rgba(255,255,255,.75) inset,0 2px 4px rgba(27,31,59,.06),0 18px 30px -12px rgba(27,31,59,.20),0 46px 80px -34px rgba(27,31,59,.42);
--shadow:var(--dp-s1);--shadow2:var(--dp-s2);
--dp-rot:-12deg}
[data-skin=depth][dir=rtl]{--dp-rot:12deg}
[data-skin=depth][data-theme=dark]{
--dp-s1:0 1px 0 rgba(255,255,255,.06) inset,0 2px 4px rgba(0,0,0,.30),0 18px 36px -18px rgba(0,0,0,.70);
--dp-s2:0 1px 0 rgba(255,255,255,.07) inset,0 4px 8px rgba(0,0,0,.35),0 36px 70px -28px rgba(0,0,0,.85)}
[data-skin=depth] .aurora{perspective:1400px;transform:translate3d(0,calc(var(--sy,0) * -.06px),0)}
[data-skin=depth] .aurora i{filter:none;opacity:.55;border-radius:56px;
background:linear-gradient(150deg,color-mix(in srgb,var(--pc) 26%,transparent),color-mix(in srgb,var(--pc) 3%,transparent) 70%);
border:1px solid color-mix(in srgb,var(--pc) 22%,transparent);
box-shadow:0 60px 90px -50px color-mix(in srgb,var(--pc) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.5);
transform:rotateX(56deg) rotateZ(-16deg);animation:dp-plane 34s ease-in-out infinite alternate}
[data-skin=depth] .aurora i:nth-child(1){--pc:var(--saffron);width:44vmax;height:30vmax}
[data-skin=depth] .aurora i:nth-child(2){--pc:var(--tq);width:38vmax;height:26vmax;animation-duration:42s;animation-delay:-12s}
[data-skin=depth] .aurora i:nth-child(3){--pc:var(--pom);width:30vmax;height:22vmax;animation-duration:38s;animation-delay:-20s}
[data-skin=depth][data-theme=dark] .aurora i{opacity:.32;box-shadow:0 60px 90px -50px color-mix(in srgb,var(--pc) 40%,transparent)}
@keyframes dp-plane{
0%{transform:rotateX(56deg) rotateZ(-16deg) translate3d(0,0,0)}
50%{transform:rotateX(50deg) rotateZ(-8deg) translate3d(3vmax,-2vmax,60px)}
100%{transform:rotateX(58deg) rotateZ(-22deg) translate3d(-2vmax,2vmax,-40px)}}
[data-skin=depth] .top{box-shadow:inset 0 -1px 0 var(--line),0 1px 0 rgba(255,255,255,.5);transition:box-shadow .5s var(--ease),background .5s}
[data-skin=depth] .scrolled .top{box-shadow:inset 0 -1px 0 var(--line),0 18px 40px -24px rgba(27,31,59,.38)}
[data-skin=depth][data-theme=dark] .scrolled .top{box-shadow:inset 0 -1px 0 var(--line),0 18px 40px -20px rgba(0,0,0,.8)}
[data-skin=depth] .brand svg{transition:transform .9s var(--ease)}
[data-skin=depth] .brand:hover svg{transform:perspective(300px) rotateY(180deg)}
[data-skin=depth] .ib,[data-skin=depth] .acct{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 4px 10px -6px rgba(27,31,59,.3);transition:transform .35s var(--ease),box-shadow .35s}
[data-skin=depth] .ib:hover,[data-skin=depth] .acct:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 18px -8px rgba(27,31,59,.35)}
[data-skin=depth] .hero{perspective:1000px;transform:translate3d(0,calc(var(--sy,0) * .14px),0);opacity:calc(1 - var(--sy,0) / 900)}
[data-skin=depth] .hero h1{transform-origin:50% 100%;animation:dp-settle 1.2s var(--ease) both;
text-shadow:0 1px 0 color-mix(in srgb,var(--ink) 14%,transparent),0 2px 0 color-mix(in srgb,var(--ink) 9%,transparent),0 3px 0 color-mix(in srgb,var(--ink) 6%,transparent),0 20px 34px color-mix(in srgb,var(--ink) 16%,transparent)}
[data-skin=depth] .hero .lead{animation:dp-settle 1.2s .12s var(--ease) both}
@keyframes dp-settle{from{opacity:0;transform:rotateX(32deg) translateY(26px)}}
[data-skin=depth] .sbox{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 3px rgba(27,31,59,.05),0 20px 44px -20px rgba(27,31,59,.38),0 0 0 7px color-mix(in srgb,var(--card) 45%,transparent);
transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .3s}
[data-skin=depth] .sbox:focus-within{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 8px rgba(27,31,59,.06),0 34px 60px -24px rgba(27,31,59,.45),0 0 0 4px color-mix(in srgb,var(--tq) 22%,transparent)}
[data-skin=depth][data-theme=dark] .sbox{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 50px -20px rgba(0,0,0,.85),0 0 0 7px color-mix(in srgb,var(--card) 40%,transparent)}
[data-skin=depth] .sbox::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%) no-repeat;background-size:260% 100%;background-position:160% 0;opacity:0}
[data-skin=depth] .sbox:focus-within::after{animation:dp-sweep 1.3s var(--ease) both}
[data-skin=depth][data-theme=dark] .sbox::after{background-image:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%)}
@keyframes dp-sweep{0%{opacity:1;background-position:160% 0}100%{opacity:1;background-position:-60% 0}}
[data-skin=depth] .btn.primary,[data-skin=depth] .sbox #go{
background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 3px 0 color-mix(in srgb,var(--btn) 68%,#000),0 12px 22px -12px color-mix(in srgb,var(--btn) 85%,transparent);
transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
[data-skin=depth] .btn.primary:active,[data-skin=depth] .sbox #go:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 color-mix(in srgb,var(--btn) 68%,#000),0 4px 10px -6px color-mix(in srgb,var(--btn) 85%,transparent)}
[data-skin=depth] :is(.tile,.hshop,.card,.lcard,.deal,.plan,.how>div){box-shadow:var(--dp-s1)}
[data-skin=depth] :is(.tile,.hshop,.card,.lcard,.deal,.plan):hover{box-shadow:var(--dp-s2)}
[data-skin=depth] .tile .ti{transition:transform .5s var(--ease)}
[data-skin=depth] .how>div{border-radius:var(--r)}
[data-skin=depth] .st-ring{background:conic-gradient(from var(--sk-a),var(--saffron),var(--pom),var(--tq),var(--saffron));animation:sk-turn 14s linear infinite}
[data-skin=depth] .st.seen .st-ring{background:var(--line2);animation:none}
[data-skin=depth] .sec-h::before{animation:dp-turn 7s ease-in-out infinite}
@keyframes dp-turn{0%,72%{transform:rotate(45deg)}86%{transform:rotate(45deg) rotate3d(1,1,0,180deg)}100%{transform:rotate(45deg) rotate3d(1,1,0,360deg)}}
[data-skin=depth].fx-reveal .rv{opacity:0;transform:perspective(1000px) rotateX(12deg) translateY(30px);animation:none !important;
transition:opacity .8s var(--ease),transform 1s var(--ease),box-shadow .4s}
[data-skin=depth].fx-reveal .rv.in{opacity:1;transform:none;transition-delay:calc(min(var(--rvi,0),8) * 70ms)}
[data-skin=depth].fx-reveal .rv.in.rvd{transition-delay:0s}
:root[data-skin=depth] .fx-tilt.fx-tilt{transition:transform .16s ease-out,box-shadow .4s;
transform:perspective(900px) rotateX(calc(var(--py,0) * -7deg)) rotateY(calc(var(--px,0) * 9deg)) translateY(-5px);
background-image:radial-gradient(circle at calc(50% + var(--px,0) * 45%) calc(50% + var(--py,0) * 45%),rgba(255,255,255,.38),transparent 58%)}
:root[data-skin=depth][data-theme=dark] .fx-tilt.fx-tilt{background-image:radial-gradient(circle at calc(50% + var(--px,0) * 45%) calc(50% + var(--py,0) * 45%),rgba(255,255,255,.07),transparent 58%)}
[data-skin=depth] .fx-tilt .ti{transform:translate(calc(var(--px,0) * 7px),calc(var(--py,0) * 7px)) scale(1.06)}
[data-skin=depth] .card.fx-tilt,[data-skin=depth] .lcard.fx-tilt{transform:perspective(1200px) rotateX(calc(var(--py,0) * -3deg)) rotateY(calc(var(--px,0) * 4deg)) translateY(-4px)}
@media (min-width:761px){
[data-skin=depth] .ov:not(.closing) .panel:not(.dialog){animation:dp-hinge .7s var(--ease) both;transform-origin:var(--dp-o,right) center}
[data-skin=depth][dir=rtl] .ov:not(.closing) .panel:not(.dialog){--dp-o:left}
[data-skin=depth] .ov:not(.closing) .panel.dialog{animation:dp-dlg .65s var(--ease) both}
}
@keyframes dp-hinge{from{opacity:0;transform:perspective(1600px) rotateY(var(--dp-rot)) translateX(calc(var(--out,0px) * .15))}}
@keyframes dp-dlg{from{opacity:0;transform:translate(-50%,-50%) perspective(1200px) rotateX(16deg) translateY(30px) scale(.95)}}
[data-skin=depth] .ov .scrim{-webkit-backdrop-filter:blur(6px) saturate(.9);backdrop-filter:blur(6px) saturate(.9)}
[data-skin=depth] .sk-ghost.go-out{animation:dp-out .62s var(--ease) both;transform-origin:50% 50%}
[data-skin=depth] .sk-new{animation:dp-in .7s .12s var(--ease) both}
@keyframes dp-out{to{opacity:0;transform:perspective(900px) rotateY(calc(var(--dir,1) * -62deg)) translateZ(-90px)}}
@keyframes dp-in{from{opacity:0;transform:perspective(900px) rotateY(calc(var(--dir,1) * 55deg)) translateZ(-90px)}}
[data-skin=depth] .toast{box-shadow:var(--dp-s2)}
[data-skin=liquid]{--r:24px;--r2:16px;--lq-v:#6a5cf0;
--lq-grad:linear-gradient(100deg,var(--pom),var(--saffron),var(--tq),var(--lq-v),var(--pom))}
[data-skin=liquid][data-theme=dark]{--glass:rgba(20,22,44,.62)}
[data-skin=liquid] .aurora i{filter:blur(70px);opacity:.36;animation:drift1 38s var(--ease) infinite alternate,lq-morph 13s ease-in-out infinite}
[data-skin=liquid] .aurora i:nth-child(2){animation:drift2 44s var(--ease) infinite alternate,lq-morph 16s ease-in-out infinite reverse}
[data-skin=liquid] .aurora i:nth-child(3){background:var(--lq-v);animation:drift3 50s var(--ease) infinite alternate,lq-morph 11s ease-in-out infinite}
[data-skin=liquid][data-theme=dark] .aurora i{opacity:.26}
@keyframes lq-morph{0%,100%{border-radius:42% 58% 63% 37%/45% 41% 59% 55%}33%{border-radius:61% 39% 35% 65%/58% 62% 38% 42%}66%{border-radius:37% 63% 54% 46%/38% 55% 45% 62%}}
[data-skin=liquid] .top{background:color-mix(in srgb,var(--bg) 50%,transparent)}
[data-skin=liquid] .lq-sky{display:block;position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
[data-skin=liquid] .lq-goo{position:absolute;inset:-40px -10px;filter:url(#lq-goo);opacity:.62}
[data-skin=liquid] .lq-goo i{position:absolute;top:18%;width:clamp(120px,17vw,260px);aspect-ratio:1;border-radius:42% 58% 63% 37%/45% 41% 59% 55%;
animation:lq-swim var(--d,22s) ease-in-out infinite alternate,lq-morph 9s ease-in-out infinite}
[data-skin=liquid] .lq-goo i:nth-child(1){background:var(--saffron);left:2%;--d:19s}
[data-skin=liquid] .lq-goo i:nth-child(2){background:var(--pom);left:24%;--d:24s;animation-delay:-6s,-3s}
[data-skin=liquid] .lq-goo i:nth-child(3){background:var(--tq);left:50%;--d:21s;animation-delay:-11s,-5s}
[data-skin=liquid] .lq-goo i:nth-child(4){background:var(--lq-v);left:72%;--d:27s;animation-delay:-3s,-7s}
[data-skin=liquid] .lq-goo i:nth-child(5){background:var(--saffron);left:88%;--d:23s;animation-delay:-15s,-1s}
[data-skin=liquid] .lq-gloss{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 10%,transparent),color-mix(in srgb,var(--bg) 42%,transparent))}
[data-skin=liquid][data-theme=dark] .lq-goo{opacity:.5}
@keyframes lq-swim{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(55%,-18%) rotate(70deg)}100%{transform:translate(-35%,12%) rotate(-40deg)}}
[data-skin=liquid] .top .kilim{animation:lq-flow 26s linear infinite}
@keyframes lq-flow{to{background-position-x:290px}}
[data-skin=liquid] .brand svg{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--saffron) 55%,transparent))}
[data-skin=liquid] .hero h1 .rot span{background:var(--lq-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lq-text 9s linear infinite}
[data-skin=liquid][data-theme=dark] .hero h1{text-shadow:0 0 42px color-mix(in srgb,var(--pom) 30%,transparent)}
@keyframes lq-text{to{background-position:300% 0}}
@keyframes lq-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 60%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
[data-skin=liquid] .ann{background:linear-gradient(var(--glass),var(--glass)) padding-box,conic-gradient(from var(--sk-a),var(--pom),var(--saffron),var(--tq),var(--lq-v),var(--pom)) border-box;animation:sk-turn 7s linear infinite}
[data-skin=liquid] .sbox{border:2px solid transparent;
background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--sk-a),var(--saffron),var(--pom),var(--lq-v),var(--tq),var(--saffron)) border-box;
animation:sk-turn 6s linear infinite}
[data-skin=liquid] .sbox::before{content:"";position:absolute;inset:4px;border-radius:inherit;z-index:-1;pointer-events:none;
background:conic-gradient(from var(--sk-a),var(--saffron),var(--pom),var(--lq-v),var(--tq),var(--saffron));filter:blur(22px);opacity:.38;
animation:sk-turn 6s linear infinite;transition:opacity .5s,inset .5s}
[data-skin=liquid] .sbox:focus-within::before{opacity:.75;inset:-4px}
[data-skin=liquid] .sbox:focus-within{animation-duration:3s}
[data-skin=liquid] .sbox #go{background-image:var(--lq-grad);background-size:250% 100%;color:#fff;border:0;animation:lq-text 7s linear infinite;
box-shadow:0 10px 26px -10px color-mix(in srgb,var(--pom) 80%,transparent)}
[data-skin=liquid] :is(.btn,.tabs button,.acct,.seg button,.fchip,.sbtn){position:relative}
[data-skin=liquid] .btn.primary{background-image:var(--lq-grad);background-size:250% 100%;color:#fff;border-color:transparent;transition:background-position .9s var(--ease),box-shadow .4s,transform .3s var(--spring);
box-shadow:0 10px 24px -12px color-mix(in srgb,var(--pom) 85%,transparent)}
[data-skin=liquid] .btn.primary:hover{background-position:100% 0;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--lq-v) 85%,transparent)}
[data-skin=liquid] .fchip.on{box-shadow:0 0 0 1px color-mix(in srgb,var(--tq) 60%,transparent),0 8px 22px -8px color-mix(in srgb,var(--tq) 85%,transparent)}
.lq-rw{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.lq-rw i{position:absolute;left:var(--x);top:var(--y);width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:50%;
background:radial-gradient(circle,color-mix(in srgb,currentColor 38%,transparent) 0 40%,transparent 70%);transform:scale(0);animation:lq-rip .75s var(--ease) forwards}
.lq-rw i+i{background:none;border:2px solid color-mix(in srgb,currentColor 35%,transparent);animation-delay:.08s}
@keyframes lq-rip{to{transform:scale(1);opacity:0}}
[data-skin=liquid] .lq-glow,[data-skin=liquid] .lq-edge{display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;z-index:2}
[data-skin=liquid] .lq-glow{background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--tq) 14%,transparent),transparent 62%)}
[data-skin=liquid] .lq-edge{padding:1.5px;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),var(--saffron),var(--pom) 40%,transparent 72%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
[data-skin=liquid] .fx-glow>.lq-glow,[data-skin=liquid] .fx-glow>.lq-edge{opacity:1}
[data-skin=liquid][data-theme=dark] .fx-glow{box-shadow:0 18px 50px -22px color-mix(in srgb,var(--pom) 55%,transparent)}
[data-skin=liquid] .tile>*{position:relative;z-index:1}
[data-skin=liquid] .tile>.tgo{position:absolute}
[data-skin=liquid] .tile::before{content:"";position:absolute;inset:auto 0 0;height:190%;pointer-events:none;background:currentColor;opacity:.11;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M0 12C40 0 80 0 120 12S200 24 240 12V24H0z'/%3E%3C/svg%3E") repeat-x 0 0/240px 24px,linear-gradient(#000 0 0) 0 23px/100% 100% no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M0 12C40 0 80 0 120 12S200 24 240 12V24H0z'/%3E%3C/svg%3E") repeat-x 0 0/240px 24px,linear-gradient(#000 0 0) 0 23px/100% 100% no-repeat;
transform:translateY(100%);transition:transform 1.2s var(--ease);animation:lq-wave 3.2s linear infinite}
[data-skin=liquid] .tile:hover::before,[data-skin=liquid] .tile:focus-visible::before{transform:translateY(58%)}
@keyframes lq-wave{to{-webkit-mask-position:240px 0,0 23px;mask-position:240px 0,0 23px}}
[data-skin=liquid] :is(.tile,.card,.lcard,.deal,.how>div,.plan){animation:lq-in .8s var(--ease) both;animation-delay:calc(min(var(--i,0),10) * 55ms)}
@keyframes lq-in{from{opacity:0;filter:blur(10px);transform:translateY(14px) scale(.965)}}
[data-skin=liquid] .deal .save,[data-skin=liquid] .card .save{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;animation:lq-shine 3.6s ease-in-out infinite}
@keyframes lq-shine{0%,40%{background-position:150% 0}100%{background-position:-50% 0}}
[data-skin=liquid] .sec-h::before{border-radius:50% 50% 50% 4px;background:var(--lq-grad);background-size:300% 100%;animation:lq-text 6s linear infinite;
box-shadow:0 0 14px color-mix(in srgb,var(--pom) 60%,transparent)}
[data-skin=liquid] .st-ring{background:conic-gradient(from var(--sk-a),var(--saffron),var(--pom),var(--lq-v),var(--tq),var(--saffron));animation:sk-turn 4s linear infinite;
box-shadow:0 0 18px -2px color-mix(in srgb,var(--pom) 55%,transparent)}
[data-skin=liquid] .st.seen .st-ring{background:var(--line2);animation:none;box-shadow:none}
[data-skin=liquid] .st:hover .st-ring{animation:sk-turn 1.6s linear infinite,lq-morph 2.4s ease-in-out infinite}
@media (min-width:761px){
[data-skin=liquid] .ov:not(.closing) .panel:not(.dialog){animation:lq-panel .75s var(--ease) both}
[data-skin=liquid] .ov:not(.closing) .panel.dialog{animation:lq-drop .75s var(--ease) both}
}
@keyframes lq-panel{from{clip-path:circle(0% at var(--lq-cx,100%) 40px)}to{clip-path:circle(160% at var(--lq-cx,100%) 40px)}}
[data-skin=liquid][dir=rtl]{--lq-cx:0%}
@keyframes lq-drop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55);border-radius:50%;filter:blur(10px)}
55%{opacity:1;transform:translate(-50%,-50%) scale(1.025);border-radius:44px;filter:blur(0)}100%{transform:translate(-50%,-50%)}}
[data-skin=liquid] .ov .scrim{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--lq-v) 30%,rgba(10,10,30,.45)),rgba(10,10,30,.55))}
[data-skin=liquid] .sk-wave svg{animation:lq-sweep 1.2s cubic-bezier(.45,0,.25,1) both}
[data-skin=liquid] .sk-wave.rev svg{animation-name:lq-sweep-r}
[data-skin=liquid][dir=rtl] .sk-wave svg{animation-name:lq-sweep-r}
[data-skin=liquid][dir=rtl] .sk-wave.rev svg{animation-name:lq-sweep}
@keyframes lq-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes lq-sweep-r{from{transform:translateX(100%) scaleX(-1)}to{transform:translateX(-100%) scaleX(-1)}}
[data-skin=liquid] .sk-ghost.go-out{animation:lq-fade-out .6s var(--ease) both}
[data-skin=liquid] .sk-new{animation:lq-fade-in .7s .5s var(--ease) both}
@keyframes lq-fade-out{to{opacity:0;filter:blur(8px);transform:scale(.98)}}
@keyframes lq-fade-in{from{opacity:0;filter:blur(10px);transform:translateY(8px)}}
[data-skin=liquid] .tabs{position:relative}
[data-skin=liquid] .tabs button.on{box-shadow:0 6px 18px -8px color-mix(in srgb,var(--pom) 70%,transparent)}
[data-skin=liquid] .totop{border-radius:50%;
background:radial-gradient(closest-side,var(--card) 82%,transparent 84%),conic-gradient(var(--tq) calc(var(--sp,0) * 1%),color-mix(in srgb,var(--line2) 80%,transparent) 0)}
[data-skin=liquid] .toast{box-shadow:0 18px 50px -18px color-mix(in srgb,var(--lq-v) 70%,transparent)}
[data-skin=liquid] .foot{background-image:radial-gradient(60% 120px at 50% 0,color-mix(in srgb,var(--lq-v) 12%,transparent),transparent)}
[data-skin=liquid] .foot .kilim{animation:lq-flow 32s linear infinite reverse}
@keyframes sk-turn{to{--sk-a:360deg}}
.fx-low:is([data-skin=depth],[data-skin=liquid]) .aurora i{animation:none !important}
.fx-low[data-skin=liquid] .lq-goo{filter:blur(16px)}
.fx-low[data-skin=liquid] .lq-goo i:nth-child(n+4){display:none}
.fx-low:is([data-skin=depth],[data-skin=liquid]) :is(.tile,.card,.lcard,.deal,.how>div,.plan){animation-name:sk-fade !important}
.fx-low[data-skin=liquid] .sbox::before{filter:blur(12px)}
@keyframes sk-fade{from{opacity:0}}
.fx-paused:is([data-skin=depth],[data-skin=liquid]) *,.fx-paused:is([data-skin=depth],[data-skin=liquid]) *::before,.fx-paused:is([data-skin=depth],[data-skin=liquid]) *::after{animation-play-state:paused !important}
@media (prefers-reduced-motion:reduce){
:is([data-skin=depth],[data-skin=liquid]) .aurora,:is([data-skin=depth],[data-skin=liquid]) .hero{transform:none !important;opacity:1 !important}
:is([data-skin=depth],[data-skin=liquid]) *,:is([data-skin=depth],[data-skin=liquid]) *::before,:is([data-skin=depth],[data-skin=liquid]) *::after{animation:none !important;transition-duration:.01ms !important}
:is([data-skin=depth],[data-skin=liquid]).fx-reveal .rv{opacity:1;transform:none}
[data-skin=liquid] .lq-goo{display:none}
}
@media print{.lq-sky,.sk-wave,.sk-ghost{display:none !important}}
.sw-fresh{background:linear-gradient(160deg,#e6f6f2,#fff 60%) !important}
.sw-fresh::before{content:"";position:absolute;inset:6px 6px auto;height:9px;border-radius:5px;background:#fff;box-shadow:0 2px 5px rgba(15,27,61,.18)}
.sw-fresh::after{content:"";position:absolute;inset:auto 6px 6px auto;width:16px;height:9px;border-radius:5px;background:#0f1b3d;box-shadow:-20px 0 0 #14a38b}
.fr-strip{display:none}
[data-skin=fresh]{
--bg:#f4f8fa;--bg2:#e9f1f4;--card:#fff;--field:#f3f7f9;--media:#fff;
--ink:#0f1b3d;--ink2:#46506b;--muted:#7a8399;--ink3:#7a8399;
--line:rgba(15,27,61,.075);--line2:rgba(15,27,61,.13);
--tq:#14a38b;--tq2:#0e7f6c;--pom:#e5484d;--saffron:#f6c445;--saffron2:#ffe08a;
--btn:#0f1b3d;--btn-ink:#fff;
--glass:rgba(255,255,255,.74);--glass-hi:rgba(255,255,255,.7);
--chip:rgba(20,163,139,.09);--chip-ink:#0e7f6c;
--shadow:0 1px 2px rgba(15,27,61,.04),0 10px 28px -14px rgba(15,27,61,.16);
--shadow2:0 2px 6px rgba(15,27,61,.05),0 22px 50px -22px rgba(15,27,61,.26);
--r:20px;--r2:16px;--r3:12px;
--fr-wash1:rgba(20,163,139,.16);--fr-wash2:rgba(80,140,230,.13);--fr-panel:linear-gradient(135deg,#eaf7f4 0%,#f7fbfc 45%,#eef4fb 100%)}
[data-skin=fresh][data-theme=dark]{
--bg:#0a1222;--bg2:#0f192e;--card:#111c33;--field:#0e182d;--media:#f4f6f8;
--ink:#eaf1f7;--ink2:#b9c4d6;--muted:#8291a8;--ink3:#8291a8;
--line:rgba(234,241,247,.07);--line2:rgba(234,241,247,.13);
--tq:#2fc4a8;--tq2:#63dcc4;--pom:#f06a6f;
--btn:#2fc4a8;--btn-ink:#04211b;
--glass:rgba(14,24,45,.72);--glass-hi:rgba(255,255,255,.05);
--chip:rgba(47,196,168,.12);--chip-ink:#7fe6d2;
--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -14px rgba(0,0,0,.6);
--shadow2:0 2px 8px rgba(0,0,0,.35),0 26px 60px -24px rgba(0,0,0,.75);
--fr-wash1:rgba(47,196,168,.13);--fr-wash2:rgba(90,130,240,.12);--fr-panel:linear-gradient(135deg,#0f2a2c 0%,#0f1a30 50%,#121d3a 100%)}
[data-skin=fresh] .kilim{display:none}
[data-skin=fresh] .deco{display:none}
[data-skin=fresh] .aurora i{filter:blur(70px);opacity:.9}
[data-skin=fresh] .aurora i:nth-child(1){background:var(--fr-wash1)}
[data-skin=fresh] .aurora i:nth-child(2){background:var(--fr-wash2)}
[data-skin=fresh] .aurora i:nth-child(3){background:transparent}
[data-skin=fresh] .top{background:color-mix(in srgb,var(--card) 82%,transparent);box-shadow:0 1px 0 var(--line)}
[data-skin=fresh] .scrolled .top{box-shadow:0 1px 0 var(--line),0 12px 30px -20px rgba(15,27,61,.3)}
[data-skin=fresh] .top .ib{border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,27,61,.04)}
[data-skin=fresh] .top .seg{background:var(--field);border:1px solid var(--line)}
[data-skin=fresh] .top .seg .pill{background:var(--btn)}
[data-skin=fresh] .top .acct{border-radius:14px}
[data-skin=fresh] main::before{content:"";position:absolute;z-index:0;pointer-events:none;top:14px;inset-inline:max(var(--gut),calc((100% - var(--site-w)) / 2));
height:var(--fr-hero,420px);border-radius:32px;background:var(--fr-panel);border:1px solid var(--line);
box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 70px -40px rgba(15,27,61,.25);transition:height .35s var(--ease),opacity .3s}
[data-skin=fresh] main::after{content:"";position:absolute;z-index:0;pointer-events:none;top:14px;inset-inline:max(var(--gut),calc((100% - var(--site-w)) / 2));
height:var(--fr-hero,420px);border-radius:32px;opacity:.75;
background:radial-gradient(420px 260px at 88% 18%,var(--fr-wash1),transparent 70%),radial-gradient(360px 240px at 8% 92%,var(--fr-wash2),transparent 70%),
repeating-radial-gradient(circle at 92% 110%,transparent 0 38px,color-mix(in srgb,var(--tq) 7%,transparent) 38px 39px)}
[data-skin=fresh] body.searching main::before,[data-skin=fresh] body.searching main::after{opacity:0}
[data-skin=fresh] .hero{z-index:1}
[data-skin=fresh] .hero h1{font-weight:900;color:var(--ink)}
[data-skin=fresh] .hero h1 .rot{color:var(--tq)}
[data-skin=fresh] .hero h1 .rot span{background:none}
[data-skin=fresh] .hero p.lead{color:var(--ink2)}
[data-skin=fresh] .sbox{border:1px solid var(--line2);box-shadow:0 2px 4px rgba(15,27,61,.04),0 18px 40px -22px rgba(15,27,61,.28)}
[data-skin=fresh] .sbox:focus-within{border-color:var(--tq);box-shadow:0 0 0 5px color-mix(in srgb,var(--tq) 14%,transparent),0 18px 40px -22px rgba(15,27,61,.28)}
[data-skin=fresh] .sbox .sico{color:var(--tq)}
[data-skin=fresh] .sbox .btn.primary{background:var(--btn);color:var(--btn-ink);border-radius:999px;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--btn) 70%,transparent)}
[data-skin=fresh] .sbox kbd{border-radius:8px}
[data-skin=fresh] .btn.primary{background:var(--btn);color:var(--btn-ink)}
[data-skin=fresh] .chip,[data-skin=fresh] .sugchip,[data-skin=fresh] #old button{border-radius:999px}
[data-skin=fresh] body:not(.searching) .fr-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:980px;margin:22px auto 0;padding:10px 6px;
border-radius:20px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.fr-it{display:flex;align-items:center;gap:12px;padding:6px 16px;min-width:0}
.fr-it+.fr-it{border-inline-start:1px solid var(--line)}
.fr-ic{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)}
.fr-ic svg{width:22px;height:22px}
.fr-it b{display:block;font-size:16px;font-weight:800;color:var(--ink);line-height:1.3;font-variant-numeric:tabular-nums}
.fr-it small{display:block;font-size:12px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-skin=fresh] .sec-h::before{width:22px;height:22px;transform:none;border-radius:7px;box-shadow:none;
background:var(--tq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Crect x='5' y='5' width='6' height='6' rx='1.6'/%3E%3Crect x='13' y='5' width='6' height='6' rx='1.6'/%3E%3Crect x='5' y='13' width='6' height='6' rx='1.6'/%3E%3Crect x='13' y='13' width='6' height='6' rx='1.6'/%3E%3C/svg%3E") center/16px no-repeat}
[data-skin=fresh] .tile{border-radius:20px;border-color:var(--line);background:linear-gradient(135deg,color-mix(in srgb,currentColor 11%,var(--card)),var(--card) 70%)}
[data-skin=fresh] .tile::after{opacity:.07;border-radius:50%;transform:none;width:120px;height:120px}
[data-skin=fresh] .tile .ti{border-radius:50%;background:color-mix(in srgb,currentColor 16%,var(--card)) !important;color:currentColor !important}
[data-skin=fresh] .tile.c3{color:#d99a0b}
[data-skin=fresh] .tile:hover{transform:translateY(-3px)}
[data-skin=fresh] .deal,[data-skin=fresh] .lcard,[data-skin=fresh] .hs-el,[data-skin=fresh] .card,[data-skin=fresh] .res-card{border-radius:20px;border-color:var(--line);box-shadow:var(--shadow)}
[data-skin=fresh] .deal:hover,[data-skin=fresh] .lcard:hover{box-shadow:var(--shadow2)}
[data-skin=fresh] .deal li.best b{color:var(--tq2)}
[data-skin=fresh] .deal .dimg{border-radius:14px}
[data-skin=fresh] .fl{border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
[data-skin=fresh] .ptag{background:#fde7a6;color:#5a4300}
[data-skin=fresh][data-theme=dark] .ptag{background:#4a3c10;color:#ffe08a}
[data-skin=fresh] .how>*{border-radius:20px}
[data-skin=fresh] .foot{background:var(--card);border-top:1px solid var(--line)}
@media (max-width:760px){
[data-skin=fresh] main::before,[data-skin=fresh] main::after{top:8px;inset-inline:var(--gut);border-radius:24px}
[data-skin=fresh] body:not(.searching) .fr-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 0;margin-top:16px;padding:8px 4px}
.fr-it{padding:6px 10px;gap:9px}
.fr-it:nth-child(3){border-inline-start:0}
.fr-ic{width:36px;height:36px}.fr-ic svg{width:19px;height:19px}
.fr-it b{font-size:14.5px}
.fr-it small{white-space:normal;font-size:11.5px}
}
[data-skin=fresh] body:not(.searching) #home>.sec-h:first-child{margin-top:64px}
@media (max-width:1399px){[data-skin=fresh] .rails:not([hidden]){margin-top:58px}}
@media (max-width:720px){[data-skin=fresh] .rails:not([hidden]){margin-top:42px}}
.fr-nav,.fr-art,.fr-cat{display:none}
[data-skin=fresh] .fr-nav{display:flex;align-items:center;gap:2px;margin-inline-start:22px}
.fr-nav button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:12px;font-weight:700;font-size:14px;color:var(--ink2);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.fr-nav button svg{width:18px;height:18px;flex:none}
.fr-nav button:hover{background:var(--field);color:var(--ink)}
.fr-nav button.on{background:color-mix(in srgb,var(--tq) 14%,transparent);color:var(--tq2)}
.fr-nav button:focus-visible{outline:2px solid var(--tq);outline-offset:2px}
@media (max-width:1279px){[data-skin=fresh] .fr-nav button span{display:none}[data-skin=fresh] .fr-nav button{padding:9px}}
@media (max-width:1099px){[data-skin=fresh] .fr-nav{display:none}}
[data-skin=fresh] .fr-cat{display:flex;align-items:center;position:relative;flex:none;height:38px;margin-inline:2px 4px;padding-inline-start:10px;border-inline-start:1px solid var(--line2)}
.fr-cat select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);height:100%;padding-inline:4px 22px;cursor:pointer;max-width:150px;text-overflow:ellipsis}
.fr-cat select:focus-visible{outline:2px solid var(--tq);border-radius:8px}
.fr-cat select option{color:#0f1b3d;background:#fff}
.fr-cat svg{position:absolute;inset-inline-end:2px;width:16px;height:16px;color:var(--muted);pointer-events:none}
[data-skin=fresh] .sbox kbd{display:none}
[data-skin=fresh] .sbox #go{flex:none;width:52px;height:52px;padding:0;border-radius:50%;font-size:0;background:var(--tq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") center/22px no-repeat;
box-shadow:0 10px 22px -10px color-mix(in srgb,var(--tq) 80%,transparent);transition:transform .2s,background-color .2s}
[data-skin=fresh] .sbox #go:hover{background-color:var(--tq2);transform:scale(1.05)}
[data-skin=fresh][data-theme=dark] .sbox #go{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304211b' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E")}
@media (max-width:600px){[data-skin=fresh] .fr-cat{display:none}[data-skin=fresh] .sbox #go{width:46px;height:46px}}
@media (min-width:1180px){
[data-skin=fresh] body:not(.searching) .hero{text-align:start}
[data-skin=fresh] body:not(.searching) .hero h1,[data-skin=fresh] body:not(.searching) .hero .lead{max-width:600px;margin-inline:0 auto}
[data-skin=fresh] body:not(.searching) .hero h1{font-size:clamp(38px,3.3vw,50px)}
[data-skin=fresh] body:not(.searching) .szone #f{max-width:620px;margin-inline:0 auto}
[data-skin=fresh] body:not(.searching) .fr-art{display:flex;align-items:center;justify-content:flex-end;position:absolute;z-index:0;pointer-events:none;top:14px;height:var(--fr-art-h,380px);
inset-inline-end:calc(max(var(--gut),(100% - var(--site-w)) / 2) + var(--hx-pad,0px) + 10px);width:calc(min(var(--site-w),100% - 2 * var(--gut)) - 720px - var(--hx-pad,0px))}
.fr-photo{position:absolute;inset-inline-start:0;top:50%;translate:0 -50%;width:min(100%,calc(var(--fr-art-h,380px) * 1.81));aspect-ratio:880/486;
background:url(../img/fr/art.webp) center/cover no-repeat;
-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 66%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 66%,transparent 100%)}
html[dir=ltr] .fr-photo{transform:scaleX(-1)}
.fr-trust{position:relative;z-index:1;flex:none;width:250px;list-style:none;margin:0;padding:8px 18px;border-radius:24px;color:#fff;pointer-events:auto;
background:linear-gradient(160deg,rgba(20,163,139,.88),rgba(14,127,108,.84));border:1px solid rgba(255,255,255,.28);
box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px -24px rgba(14,127,108,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.fr-trust li{display:flex;align-items:center;gap:12px;padding:13px 0}
.fr-trust li+li{border-top:1px solid rgba(255,255,255,.2)}
.fr-ti{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.fr-ti svg{width:22px;height:22px}
.fr-trust b{display:block;font-size:15px;font-weight:800;line-height:1.3}
.fr-trust small{display:block;font-size:12px;opacity:.86;line-height:1.4}
[data-skin=fresh][data-theme=dark] .fr-photo{filter:brightness(.62) saturate(.85) contrast(1.05);
-webkit-mask-image:radial-gradient(ellipse 46% 44% at 50% 54%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 46% 44% at 50% 54%,#000 40%,transparent 100%)}
}
@media (min-width:1180px) and (max-width:1299px){.fr-trust{width:214px;padding:6px 14px}.fr-trust small{display:none}}
[data-skin=fresh] .tiles{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}
[data-skin=fresh] .tile:is([data-c=mobile],[data-c=laptop],[data-c=car],[data-c=property],[data-c=appliance],[data-c=tv]){flex-wrap:wrap;padding:8px 8px 12px;gap:8px 10px;background:var(--card)}
[data-skin=fresh] .tile:is([data-c=mobile],[data-c=laptop],[data-c=car],[data-c=property],[data-c=appliance],[data-c=tv])::before{content:"";flex:0 0 100%;order:-1;aspect-ratio:4/3;border-radius:14px;background:var(--ph) center/cover no-repeat,var(--field);transition:transform .45s var(--ease)}
[data-skin=fresh] .tile:is([data-c=mobile],[data-c=laptop],[data-c=car],[data-c=property],[data-c=appliance],[data-c=tv])::after{display:none}
[data-skin=fresh] .tile:is([data-c=mobile],[data-c=laptop],[data-c=car],[data-c=property],[data-c=appliance],[data-c=tv]) .ti{display:none}
[data-skin=fresh] .tile:is([data-c=mobile],[data-c=laptop],[data-c=car],[data-c=property],[data-c=appliance],[data-c=tv]) .tt{padding-inline-start:6px}
[data-skin=fresh] .tile:hover::before{transform:scale(1.03)}
[data-skin=fresh] .tile .tgo{position:static;width:30px;height:30px;border-radius:50%;background:var(--field);color:var(--ink);display:grid;place-items:center;flex:none;opacity:1;margin-inline-start:auto}
[data-skin=fresh] .tile .tgo svg{width:16px;height:16px}
[data-skin=fresh] .tile[data-c=mobile]{--ph:url(../img/fr/mobile.webp)}
[data-skin=fresh] .tile[data-c=laptop]{--ph:url(../img/fr/laptop.webp)}
[data-skin=fresh] .tile[data-c=car]{--ph:url(../img/fr/car.webp)}
[data-skin=fresh] .tile[data-c=property]{--ph:url(../img/fr/property.webp)}
[data-skin=fresh] .tile[data-c=appliance]{--ph:url(../img/fr/appliance.webp)}
[data-skin=fresh] .tile[data-c=tv]{--ph:url(../img/fr/tv.webp)}
@media (max-width:600px){[data-skin=fresh] .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-skin=fresh] .deals.fr-hs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 14px}
[data-skin=fresh] .deals.fr-hs::-webkit-scrollbar{display:none}
[data-skin=fresh] .deals.fr-hs .deal{flex:0 0 min(360px,84vw);scroll-snap-align:start}
[data-skin=fresh] .deal .dimg{width:96px;height:110px;background-color:#fff}
[data-skin=fresh] .deal li.best b{font-size:17px;font-weight:900}
[data-skin=fresh] .deal li.best a{background:#fff4d6;color:#6b4e00;border-radius:999px;padding:1px 9px 1px 3px;font-weight:700}
[data-skin=fresh][data-theme=dark] .deal li.best a{background:#3d3210;color:#ffe08a}
[data-skin=fresh] .deal .save{background:var(--chip);color:var(--chip-ink);border-radius:999px;padding:2px 10px;font-weight:700;font-size:12px;display:inline-block}
.set61 #langs,.set61 #theme{display:none!important}
.setb{width:auto;min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.setb .skl{font-size:13.5px;font-weight:700;white-space:nowrap}
.setb .skc{width:14px!important;height:14px!important;opacity:.55;margin-inline-start:-2px;transition:transform .2s}
.setb[aria-expanded=true] .skc{transform:rotate(180deg)}
@media (max-width:760px){.setb{padding:0;width:42px}.setb .skl,.setb .skc{display:none}}
@media (max-width:640px){.setb{width:38px;min-width:38px}}
.skinpop{width:320px;max-width:calc(100vw - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.skinpop .set-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 2px}
.skinpop .set-h b{font-size:15px}
.skinpop .set-h .set-x{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;flex:none}
.skinpop .set-h .set-x svg{width:18px;height:18px}
.skinpop:not(.sheet) .set-h .set-x{display:none}
.skinpop .set-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;margin:0 8px 10px;padding:4px;border-radius:13px;background:var(--bg2)}
.skinpop .set-seg button{justify-content:center;padding:8px 6px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--ink2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s,color .18s,box-shadow .18s}
.skinpop .set-seg button:hover{background:color-mix(in srgb,var(--card) 60%,transparent)}
.skinpop .set-seg button[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(15,20,40,.12)}
.skinpop .set-seg button[aria-checked=true]::after{display:none}
.skinpop h6 + button[data-skin]{margin-top:0}
.setscrim{position:fixed;inset:0;z-index:59;background:rgba(8,10,22,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:setfade .2s ease-out}
.skinpop.sheet{left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-width:none;max-height:min(86vh,720px);border-radius:22px 22px 0 0;border-bottom:0;
padding:6px 10px calc(14px + env(safe-area-inset-bottom));animation:setup .28s cubic-bezier(.2,.8,.25,1)}
.skinpop.sheet::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--line2);margin:2px auto 6px}
body.setpop-open{overflow:hidden}
@keyframes setup{from{transform:translateY(100%)}to{transform:none}}
@keyframes setfade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.skinpop.sheet,.setscrim{animation:none}}
.skinpop .fnt-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.skinpop .fnt-row button{min-width:0;width:100%}

/* ---- navy.css ---- */
.nv-bar,.nv-fab{display:none}
.sw-navy{background:linear-gradient(160deg,#0b1630,#152a5c) !important}
.sw-navy::before{content:"";position:absolute;inset:6px 6px auto;height:9px;border-radius:5px;background:rgba(255,255,255,.14)}
.sw-navy::after{content:"";position:absolute;inset:auto 6px 6px auto;width:16px;height:9px;border-radius:5px;background:#f5b623;box-shadow:-20px 0 0 #4c7dff}
[data-skin=navy]{
--bg:#f3f5fb;--bg2:#e8ecf7;--card:#fff;--card2:#f8f9fe;--field:#f1f3fa;--media:#fff;
--ink:#121a33;--ink2:#465072;--muted:#7a83a0;--ink3:#7a83a0;
--line:rgba(18,26,51,.08);--line2:rgba(18,26,51,.14);
--tq:#d8930b;--tq2:#a86f00;--pom:#e5484d;--ok:#a86f00;--saffron:#f5b623;--saffron2:#ffd76a;
--btn:#f5b623;--btn-ink:#1a1405;
--glass:rgba(255,255,255,.78);--glass-hi:rgba(255,255,255,.75);
--chip:rgba(245,182,35,.14);--chip-ink:#8a5b00;
--shadow:0 1px 2px rgba(18,26,51,.05),0 10px 26px -14px rgba(18,26,51,.18);
--shadow2:0 2px 6px rgba(18,26,51,.06),0 22px 48px -22px rgba(18,26,51,.3);
--r:18px;--r2:14px;--r3:12px;
--nv-blue:#4c7dff;--nv-amber:#f5b623;--nv-price:#a86f00;
--nv-panel:linear-gradient(120deg,#e9edfb 0%,#f6f7fd 48%,#eceaff 100%);
--nv-glow1:rgba(110,120,255,.18);--nv-glow2:rgba(245,182,35,.14);
--nv-art:url(../img/nv/hero-light.webp)}
[data-skin=navy][data-theme=dark]{
--bg:#070d1c;--bg2:#0a1328;--card:#0e1830;--card2:#0b1428;--field:#0b1529;--media:#eef1f8;
--ink:#eef2fb;--ink2:#b8c2da;--muted:#7f8bab;--ink3:#7f8bab;
--line:rgba(150,175,255,.09);--line2:rgba(150,175,255,.16);
--tq:#f5b623;--tq2:#ffcc4d;--pom:#f06a6f;--ok:#ffc53d;
--btn:#f5b623;--btn-ink:#1a1405;
--glass:rgba(12,22,44,.72);--glass-hi:rgba(255,255,255,.05);
--chip:rgba(245,182,35,.13);--chip-ink:#ffd36b;
--shadow:0 1px 2px rgba(0,0,0,.35),0 12px 30px -14px rgba(0,0,0,.7);
--shadow2:0 2px 8px rgba(0,0,0,.4),0 26px 60px -24px rgba(0,0,0,.8);
--nv-price:#ffc53d;
--nv-panel:linear-gradient(120deg,#0a1530 0%,#0b1730 45%,#101a3f 100%);
--nv-glow1:rgba(76,125,255,.22);--nv-glow2:rgba(245,182,35,.10);
--nv-art:url(../img/nv/hero-dark.webp)}
[data-skin=navy] .kilim,[data-skin=navy] .deco{display:none}
[data-skin=navy] .floaters{display:none}
[data-skin=navy] .aurora i{filter:blur(80px);opacity:.85}
[data-skin=navy] .aurora i:nth-child(1){background:var(--nv-glow1)}
[data-skin=navy] .aurora i:nth-child(2){background:var(--nv-glow2)}
[data-skin=navy] .aurora i:nth-child(3){background:transparent}
[data-skin=navy] .top{background:color-mix(in srgb,var(--bg) 78%,transparent);box-shadow:0 1px 0 var(--line)}
[data-skin=navy] .scrolled .top{box-shadow:0 1px 0 var(--line),0 14px 32px -22px rgba(0,0,0,.55)}
[data-skin=navy] .top .ib{border-radius:12px;background:var(--card);border:1px solid var(--line)}
[data-skin=navy] .top .seg{background:var(--field);border:1px solid var(--line)}
[data-skin=navy] .top .seg .pill{background:var(--nv-amber)}
[data-skin=navy] .top .seg button[aria-pressed=true],[data-skin=navy] .top .seg .on{color:#1a1405}
[data-skin=navy] .top .acct{border-radius:12px;background:var(--nv-amber);color:#1a1405;border-color:transparent}
[data-skin=navy] .fr-nav{display:flex;align-items:center;gap:2px;margin-inline-start:22px}
[data-skin=navy] .fr-nav button{position:relative;font-size:14px;color:var(--ink2);border-radius:10px}
[data-skin=navy] .fr-nav button svg{display:none}
[data-skin=navy] .fr-nav button.on{background:transparent;color:var(--nv-amber)}
[data-skin=navy][data-theme=light] .fr-nav button.on,[data-skin=navy]:not([data-theme=dark]) .fr-nav button.on{color:var(--nv-price)}
[data-skin=navy] .fr-nav button.on::after{content:"";position:absolute;inset-inline:12px;bottom:2px;height:2px;border-radius:2px;background:var(--nv-amber)}
@media (max-width:1279px){[data-skin=navy] .fr-nav button{padding:8px 9px;font-size:13.5px}}
@media (max-width:1099px){[data-skin=navy] .fr-nav{display:none}}
[data-skin=navy] main::before{content:"";position:absolute;z-index:0;pointer-events:none;top:14px;inset-inline:max(var(--gut),calc((100% - var(--site-w)) / 2));
height:var(--fr-hero,420px);border-radius:28px;background:var(--nv-panel);border:1px solid var(--line);
box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 70px -40px rgba(0,0,0,.6);transition:height .35s var(--ease),opacity .3s}
[data-skin=navy] main::after{content:"";position:absolute;z-index:0;pointer-events:none;top:14px;inset-inline:max(var(--gut),calc((100% - var(--site-w)) / 2));
height:var(--fr-hero,420px);border-radius:28px;
background:radial-gradient(520px 300px at 14% 30%,var(--nv-glow1),transparent 70%),radial-gradient(380px 220px at 92% 100%,var(--nv-glow2),transparent 70%)}
html[dir=ltr][data-skin=navy] main::after{background:radial-gradient(520px 300px at 86% 30%,var(--nv-glow1),transparent 70%),radial-gradient(380px 220px at 8% 100%,var(--nv-glow2),transparent 70%)}
[data-skin=navy] body.searching main::before,[data-skin=navy] body.searching main::after{opacity:0}
[data-skin=navy] .hero{z-index:1}
[data-skin=navy] .hero h1{font-weight:900;color:var(--ink)}
[data-skin=navy] .hero h1 .rot{color:var(--nv-amber)}
[data-skin=navy]:not([data-theme=dark]) .hero h1 .rot{color:var(--nv-price)}
[data-skin=navy] .hero h1 .rot span{background:none}
[data-skin=navy] .hero p.lead{color:var(--ink2)}
[data-skin=navy] .sbox{border-radius:999px;background:var(--field);border:1px solid var(--line2);box-shadow:0 18px 40px -24px rgba(0,0,0,.55)}
[data-skin=navy] .sbox:focus-within{border-color:var(--nv-amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--nv-amber) 18%,transparent),0 18px 40px -24px rgba(0,0,0,.55)}
[data-skin=navy] .sbox .sico{color:var(--muted)}
[data-skin=navy] .sbox kbd{display:none}
[data-skin=navy] .fr-cat{display:flex;align-items:center;position:relative;flex:none;height:38px;margin-inline:2px 4px;padding-inline-start:10px;border-inline-start:1px solid var(--line2)}
[data-skin=navy] .fr-cat select:focus-visible{outline-color:var(--nv-amber)}
[data-skin=navy] .sbox #go{flex:none;width:50px;height:50px;padding:0;border-radius:50%;font-size:0;border:0;
background:var(--nv-amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1405' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") center/22px no-repeat;
box-shadow:0 10px 24px -10px rgba(245,182,35,.75);transition:transform .2s,filter .2s}
[data-skin=navy] .sbox #go:hover{transform:scale(1.05);filter:brightness(1.06)}
@media (max-width:600px){[data-skin=navy] .fr-cat{display:none}[data-skin=navy] .sbox #go{width:44px;height:44px;background-size:20px}}
[data-skin=navy] .btn.primary{background:var(--btn);color:var(--btn-ink)}
[data-skin=navy] .chip,[data-skin=navy] .sugchip,[data-skin=navy] #old button{border-radius:999px}
[data-skin=navy] body:not(.searching) .fr-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:980px;margin:22px auto 0;padding:10px 6px;
border-radius:18px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
[data-skin=navy] .fr-ic{border-radius:12px;background:color-mix(in srgb,var(--nv-amber) 15%,transparent);color:var(--nv-amber)}
[data-skin=navy]:not([data-theme=dark]) .fr-ic{color:var(--nv-price)}
@media (max-width:760px){
[data-skin=navy] main::before,[data-skin=navy] main::after{top:8px;inset-inline:var(--gut);border-radius:22px}
[data-skin=navy] body:not(.searching) .fr-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 0;margin-top:16px;padding:8px 4px}
}
[data-skin=navy] body:not(.searching) #home>.sec-h:first-child{margin-top:60px}
@media (max-width:1399px){[data-skin=navy] .rails:not([hidden]){margin-top:58px}}
@media (max-width:720px){[data-skin=navy] .rails:not([hidden]){margin-top:42px}}
@media (min-width:1180px){
[data-skin=navy] body:not(.searching) .hero{text-align:start}
[data-skin=navy] body:not(.searching) .hero h1,[data-skin=navy] body:not(.searching) .hero .lead{max-width:600px;margin-inline:0 auto}
[data-skin=navy] body:not(.searching) .hero h1{font-size:clamp(38px,3.3vw,50px)}
[data-skin=navy] body:not(.searching) .szone #f{max-width:620px;margin-inline:0 auto}
[data-skin=navy] body:not(.searching) .fr-art{display:flex;align-items:center;position:absolute;z-index:0;pointer-events:none;top:14px;height:var(--fr-art-h,380px);
inset-inline-end:calc(max(var(--gut),(100% - var(--site-w)) / 2) + var(--hx-pad,0px) + 10px);width:calc(min(var(--site-w),100% - 2 * var(--gut)) - 680px - var(--hx-pad,0px))}
[data-skin=navy] .fr-photo{inset-inline-start:auto;inset-inline-end:0;width:min(100%,calc(var(--fr-art-h,380px) * 1.81));background-image:var(--nv-art);
-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}
}
[data-skin=navy] .sec-h::before{width:5px;height:22px;transform:none;border-radius:3px;box-shadow:none;background:var(--nv-amber)}
[data-skin=navy] .tiles{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px}
[data-skin=navy] .tile{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:18px 10px 14px;min-height:132px;border-radius:18px;
background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);box-shadow:var(--shadow);--c1:#4c7dff;--c2:#2f56d9}
[data-skin=navy] .tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c1) 45%,transparent);box-shadow:var(--shadow2),0 0 0 1px color-mix(in srgb,var(--c1) 25%,transparent)}
[data-skin=navy] .tile::after,[data-skin=navy] .tile .tgo{display:none}
[data-skin=navy] .tile .ti{width:50px;height:50px;border-radius:15px;margin:0;color:#fff !important;background:linear-gradient(145deg,var(--c1),var(--c2)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 22px -10px var(--c1)}
[data-skin=navy] .tile .tt{align-items:center;text-align:center;flex:none}
[data-skin=navy] .tile b{font-size:14.5px;color:var(--ink)}
[data-skin=navy] .tile small{font-size:12px;color:var(--muted)}
[data-skin=navy] .tile:nth-child(8n+2){--c1:#8b5cf6;--c2:#6a3be0}
[data-skin=navy] .tile:nth-child(8n+3){--c1:#22c55e;--c2:#15964a}
[data-skin=navy] .tile:nth-child(8n+4){--c1:#ef4444;--c2:#c2282f}
[data-skin=navy] .tile:nth-child(8n+5){--c1:#14b8a6;--c2:#0d8f82}
[data-skin=navy] .tile:nth-child(8n+6){--c1:#f59e0b;--c2:#d0780a}
[data-skin=navy] .tile:nth-child(8n+7){--c1:#38bdf8;--c2:#1b8ccc}
[data-skin=navy] .tile:nth-child(8n+8){--c1:#ec4899;--c2:#c42a78}
@media (max-width:600px){
[data-skin=navy] .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
[data-skin=navy] .tile{min-height:0;padding:12px 4px 10px;gap:7px;border-radius:16px}
[data-skin=navy] .tile .ti{width:42px;height:42px;border-radius:13px}
[data-skin=navy] .tile .ti svg{width:21px;height:21px}
[data-skin=navy] .tile b{font-size:12px;-webkit-line-clamp:1;line-clamp:1}
[data-skin=navy] .tile small{display:none}
}
[data-skin=navy] .deals.fr-hs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 14px}
[data-skin=navy] .deals.fr-hs::-webkit-scrollbar{display:none}
[data-skin=navy] .deals.fr-hs .deal{flex:0 0 min(260px,74vw);flex-direction:column;gap:10px;scroll-snap-align:start}
[data-skin=navy] .deal,[data-skin=navy] .lcard,[data-skin=navy] .hs-el,[data-skin=navy] .card,[data-skin=navy] .res-card{border-radius:18px;border-color:var(--line);box-shadow:var(--shadow);background:linear-gradient(180deg,var(--card),var(--card2))}
[data-skin=navy] .deal:hover,[data-skin=navy] .lcard:hover{box-shadow:var(--shadow2)}
[data-skin=navy] .deals.fr-hs .deal .dimg{width:100%;height:150px;border-radius:14px;background-color:var(--media);background-size:contain}
[data-skin=navy] .deal li.best b{color:var(--nv-price);font-size:16px;font-weight:900}
[data-skin=navy] .deal li.best a{background:var(--chip);color:var(--chip-ink);border-radius:999px;padding:1px 9px 1px 3px;font-weight:700}
[data-skin=navy] .deal .save{background:var(--chip);color:var(--chip-ink);border-radius:999px;padding:2px 10px;font-weight:700;font-size:12px;display:inline-block}
[data-skin=navy] .fl{border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
[data-skin=navy] .ptag{background:#ffe7a3;color:#5a4300}
[data-skin=navy][data-theme=dark] .ptag{background:#3d3110;color:#ffd76a}
[data-skin=navy] .how>*{border-radius:18px}
[data-skin=navy] .how div::before{background:var(--nv-amber);color:#1a1405}
[data-skin=navy] .foot{background:var(--card2);border-top:1px solid var(--line)}
@media (max-width:1099px){
[data-skin=navy] .nv-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;position:fixed;z-index:46;
inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:62px;padding:5px;border-radius:22px;
background:color-mix(in srgb,var(--card) 84%,transparent);border:1px solid var(--line2);box-shadow:0 18px 40px -16px rgba(0,0,0,.55);
-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);transition:transform .45s var(--ease),opacity .3s}
.nv-bar button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;min-width:0;
border-radius:16px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s,background-color .25s}
.nv-bar button svg{width:22px;height:22px}
.nv-bar button span{font-size:10.5px;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-bar button.on{color:var(--ink);background:color-mix(in srgb,var(--nv-amber) 14%,transparent)}
.nv-bar button.on svg{color:var(--nv-amber)}
[data-skin=navy]:not([data-theme=dark]) .nv-bar button.on svg{color:var(--nv-price)}
.nv-bar button:focus-visible{outline:2px solid var(--nv-amber);outline-offset:-2px}
.nv-bar .nv-post i{display:grid;place-items:center;width:46px;height:46px;margin-top:-22px;border-radius:50%;background:var(--nv-amber);color:#1a1405;
box-shadow:0 0 0 4px var(--bg),0 12px 24px -8px rgba(245,182,35,.7);transition:transform .3s var(--ease)}
.nv-bar .nv-post:active i{transform:scale(.94)}
.nv-bar .nv-post span{color:var(--ink2)}
[data-skin=navy] body:has(input:focus,textarea:focus,select:focus) .nv-bar{transform:translateY(140%);opacity:0;pointer-events:none}
[data-skin=navy] body.nv-on{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
[data-skin=navy] body.nv-on :is(.tray,.totop,.tstfb,.toast){bottom:calc(84px + env(safe-area-inset-bottom))}
[data-skin=navy] body.nv-on .hlpfab{bottom:calc(84px + env(safe-area-inset-bottom))}
[data-skin=navy] body.nv-on .tgbar{bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media (min-width:1100px){
[data-skin=navy] .nv-fab:not([hidden]){all:unset;box-sizing:border-box;position:fixed;z-index:45;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;translate:-50% 0;
display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px 0 18px;border-radius:999px;cursor:pointer;
background:var(--nv-amber);color:#1a1405;font-weight:800;font-size:15px;box-shadow:0 16px 34px -12px rgba(245,182,35,.7);animation:nvIn .5s var(--ease) both;transition:transform .25s,filter .25s}
.nv-fab svg{width:20px;height:20px}
[data-skin=navy] .nv-fab:hover{transform:translateY(-2px);filter:brightness(1.05)}
[data-skin=navy] .nv-fab:focus-visible{outline:3px solid color-mix(in srgb,var(--nv-amber) 50%,transparent);outline-offset:3px}
}
@keyframes nvIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-skin=navy] .nv-fab:not([hidden]){animation:none}.nv-bar{transition:none}}
@media (min-width:1180px){
[data-skin=navy] body.searching main>.wrap:has(#filters:not(:empty)){display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:22px;align-items:start}
[data-skin=navy] body.searching main>.wrap:has(#filters:not(:empty))>*{grid-column:2;min-width:0}
[data-skin=navy] body.searching main>.wrap>:is(#filters,.hs-wrap:has(>#filters)):not(:empty){grid-column:1;grid-row:1 / span 12;position:sticky;top:calc(var(--hh,66px) + 92px);margin-top:14px}
[data-skin=navy] body.searching .hs-wrap:has(>#filters)>.hs-btn{display:none}
[data-skin=navy] body.searching #filters:not(:empty){flex-direction:column;align-items:stretch;gap:6px;margin-top:0;padding:12px;border-radius:18px;
background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);box-shadow:var(--shadow);
max-height:calc(100vh - var(--hh,66px) - 112px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;-webkit-mask-image:none;mask-image:none}
[data-skin=navy] body.searching main>.wrap>#filters:not(:empty){margin-top:14px}
[data-skin=navy] body.searching #filters .fchip{width:100%;justify-content:flex-start;border-radius:12px;height:38px;flex:none}
[data-skin=navy] body.searching #filters .fchip:not(.on){background:transparent;border-color:transparent}
[data-skin=navy] body.searching #filters .fchip.on{background:var(--chip);color:var(--ink);border-color:color-mix(in srgb,var(--nv-amber) 45%,transparent)}
[data-skin=navy] body.searching #filters .fchip.on svg{color:var(--nv-amber)}
[data-skin=navy]:not([data-theme=dark]) body.searching #filters .fchip.on svg{color:var(--nv-price)}
[data-skin=navy] body.searching #filters .fchip:not(.on):hover{background:var(--field);border-color:var(--line)}
[data-skin=navy] body.searching #filters .fsel{width:100%;border-radius:12px;height:40px;background:var(--field);flex:none}
[data-skin=navy] body.searching #filters .fmax{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;border-radius:12px;height:40px;background:var(--field);flex:none}
[data-skin=navy] body.searching #filters .fmax input{min-width:0;flex:1}
[data-skin=navy] body.searching #filters .fsep{display:block;flex:none;width:100%;height:1px;margin:6px 0;background:var(--line2)}
}
@media (min-width:761px) and (max-width:1099px){
[data-skin=navy] .nv-bar{inset-inline:auto;left:50%;right:auto;translate:-50% 0;width:min(560px,calc(100vw - 48px))}
}
@media (max-width:1099px){
[data-skin=navy] .top #acct{display:none}
.nv-bar button{position:relative}
.nv-bar button .nv-cnt{position:absolute;top:5px;inset-inline-start:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--pom,#e5484d);color:#fff;
font:700 10.5px/17px inherit;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--card)}
}

/* ---- home57.css ---- */
.sug.capsmode{inset-inline:0;margin-inline:auto;width:min(100%,700px);max-height:none;height:auto;padding:5px;border-radius:999px;overflow:hidden;
background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
border:1px solid color-mix(in srgb,var(--line2) 85%,transparent);
box-shadow:0 20px 44px -20px rgba(27,31,59,.5),0 2px 8px -4px rgba(27,31,59,.18),inset 0 1px 0 rgba(255,255,255,.45);animation:none}
.sug.capsmode.popen{animation:pill57 .46s cubic-bezier(.2,.8,.2,1) both}
.sug.capsmode.pclose{animation:pill57out .22s ease both;pointer-events:none}
@keyframes pill57{from{opacity:0;transform:translateY(-6px);clip-path:inset(0 38% round 999px)}to{opacity:1;transform:none;clip-path:inset(0 0 round 999px)}}
@keyframes pill57out{to{opacity:0;transform:translateY(-4px);clip-path:inset(0 30% round 999px)}}
.sug.capsmode .prow{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;
overscroll-behavior-x:contain;padding:1px 12px;scroll-padding-inline:12px;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}
.sug.capsmode .prow::-webkit-scrollbar{display:none}
.sug.capsmode .pg{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:5px;height:26px;padding-inline:10px 2px;font-size:11.5px;font-weight:700;color:var(--muted);
white-space:nowrap;border-inline-start:1px solid var(--line2)}
.sug.capsmode .pg:first-child{border:0;padding-inline-start:2px}
.sug.capsmode .pg i{display:inline-grid;width:15px;height:15px}.sug.capsmode .pg i svg{width:15px;height:15px}
.pg-pop i{color:var(--pom)}.pg-deal i{color:var(--tq)}.pg-try i,.pg-sug i{color:#c98a12}.pg-hist i{color:var(--muted)}
.sug.capsmode button.cap{flex:none;width:auto;height:38px;padding:0 14px;scroll-snap-align:start;border-radius:999px;gap:7px;
background:color-mix(in srgb,var(--card) 70%,transparent);animation:cap57 .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(120ms + var(--d,0) * 28ms)}
.sug.capsmode button.cap bdi{max-width:16em}
.sug.capsmode button.cap:hover,.sug.capsmode button.cap.on{transform:none;border-color:var(--tq);background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--tq) 16%,transparent)}
.sug.capsmode button.cap .ci{display:inline-grid;width:18px;height:18px;color:var(--tq)}.sug.capsmode button.cap .ci svg{width:18px;height:18px}
.sug.capsmode mark{background:transparent;color:var(--pom);font-weight:800}
@keyframes cap57{from{opacity:0;transform:scale(.9)}}
@media (max-width:640px){
.sug.capsmode{top:calc(100% + 8px);padding:4px}
.sug.capsmode button.cap{height:36px;padding:0 12px;font-size:13px}
.sug.capsmode .prow{padding:1px 8px}
}
.sec-h .seeall{margin-inline-start:auto;align-self:center;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;
border:1px solid var(--line2);background:var(--glass);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;
transition:border-color .25s,background .25s,transform .3s var(--ease)}
.sec-h .seeall svg{width:15px;height:15px}
[dir=rtl] .sec-h .seeall svg{transform:scaleX(-1)}
.sec-h .seeall:hover{border-color:var(--tq);background:var(--card);transform:translateY(-1px)}
.deal.pin{border-color:color-mix(in srgb,var(--saffron) 55%,var(--line));position:relative}
.dpin{position:absolute;top:-9px;inset-inline-start:14px;padding:0 9px;border-radius:999px;background:var(--saffron);color:#1b1f3b;font-size:11px;font-weight:800;line-height:18px}
.panel.dialog.cmppanel{width:min(1060px,calc(100vw - 32px));height:min(880px,calc(100dvh - 40px));max-height:none}
.cmpsub{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.cmptools{display:flex;gap:8px;padding:6px 18px 4px;flex:none}
.cmpq{flex:1;min-width:0;height:42px;border-radius:999px;border:1px solid var(--line2);background:var(--field);color:var(--ink);padding:0 16px;font:inherit;font-size:14px}
.cmpq:focus{outline:none;border-color:var(--tq);box-shadow:0 0 0 3px color-mix(in srgb,var(--tq) 18%,transparent)}
.cmpsort{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 6px 0 12px;padding-inline:12px 6px;border-radius:999px;border:1px solid var(--line2);background:var(--field);font-size:12.5px;color:var(--muted)}
.cmpsort select{border:0;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;height:38px;cursor:pointer}
.cmpcats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 18px 6px;flex:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent)}
.cmpcats::-webkit-scrollbar{display:none}
.cmpc{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--glass);
color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.cmpc i{display:inline-grid;width:16px;height:16px;color:var(--tq)}.cmpc i svg{width:16px;height:16px}
.cmpc small{font-size:11px;color:var(--muted);font-weight:700}
.cmpc.on{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}.cmpc.on i,.cmpc.on small{color:inherit}
.cmpb{flex:1;min-height:0}
.cmpn{margin:4px 0 10px;color:var(--muted);font-size:12.5px}
.deals.cmpgrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.cmppanel .dlg-h>div{flex:1;min-width:0}
.cmpgrid .deal{animation-delay:calc(min(var(--i,0),12) * 30ms)}
.cmpnone{margin:40px auto;text-align:center;color:var(--muted);max-width:28em}
.cmpmore{display:flex;justify-content:center;padding:16px 0 4px}
@media (max-width:640px){
.panel.dialog.cmppanel{width:100%;height:calc(100dvh - 10px);max-height:none}
.cmptools{padding:4px 14px}.cmpcats{padding:6px 14px}
.cmpsort span{display:none}
.deals.cmpgrid{grid-template-columns:1fr}
}
.hlpfab:hover{transform:translateY(-2px) scale(1.03)}
.hlpfab.moved{transition:transform .4s var(--ease),box-shadow .4s ease,opacity .4s ease}
.hlpfab.snap{transition:left .42s cubic-bezier(.2,.9,.25,1.15),right .42s cubic-bezier(.2,.9,.25,1.15),top .42s cubic-bezier(.2,.8,.2,1),transform .4s var(--ease)}
.hlpfab.dragging{transition:none;cursor:grabbing;transform:scale(1.08);box-shadow:0 22px 40px -14px color-mix(in srgb,var(--btn) 90%,transparent),inset 0 -6px 14px -6px rgba(0,0,0,.35)}
.hlpfab.dragging::after{animation:none;opacity:0}
.hlpdot{top:3px;inset-inline-end:3px;z-index:4}
body.searching .hlpfab{width:56px}
@media (max-width:640px){.hlpfab,[dir=rtl] .hlpfab{width:52px;height:52px}body.searching .hlpfab{width:52px}}
@media (min-width:1400px){.rails-on:not(.searching) .hlpfab.moved{inset-inline-end:auto}}
@media (prefers-reduced-motion:reduce){
.hlpfab,.hlpfab::after{animation:none!important}
.hlpfab.snap{transition:none}
.sug.capsmode.popen,.sug.capsmode.pclose,.sug.capsmode button.cap{animation:none}
}
.totop.stack{margin-bottom:58px}
.fgrid{grid-template-columns:minmax(180px,1fr) repeat(4,minmax(78px,108px));gap:10px;padding-top:22px;padding-bottom:14px;align-items:stretch}
.fbrand{display:flex;flex-direction:column;justify-content:center;gap:8px}
#fabout{margin:0;font-size:12.5px;line-height:1.6;max-width:28em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.fcap{border-radius:20px}
.fhb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:10px 6px;text-align:center}
.fhb>span{font-size:12.5px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fhb .fpre,.fhb .fcnt,.fhb .fchev{display:none!important}
.fhb .fic{width:38px;height:38px;border-radius:13px;transition:transform .35s var(--ease)}
.fhb:hover .fic{transform:translateY(-2px) scale(1.05)}
.fbar-in{padding-top:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom));font-size:12px}
@media (max-width:860px){
.fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.fbrand{flex-direction:row;align-items:center;justify-content:space-between}
}
@media (max-width:640px){
.fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:16px;padding-bottom:10px}
.fbrand #fabout{display:none}
.fhb{min-height:68px;padding:8px 2px;gap:5px}
.fhb .fic{width:34px;height:34px}
.fhb>span{font-size:11.5px}
.fbar-in{justify-content:center;text-align:center;gap:2px 12px}
}

/* ---- home58.css ---- */
@media (max-width:720px){
.panel{height:92vh;height:calc(100dvh - 14px - env(safe-area-inset-top,0px))}
.panel.dialog{max-height:92vh;max-height:calc(100dvh - 14px - env(safe-area-inset-top,0px))}
#me .panel{height:auto;max-height:90vh;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px))}
#me .pbody{flex:1 1 auto;min-height:0}
.grab{width:40px;height:5px;margin:8px auto 2px;opacity:.9}
.grab,.mehead,.phead,.dlg-h{touch-action:none}
.panel.swiping{animation:none!important;transition:none!important}
.panel.swipe-back{transition:transform .32s var(--ease)}
.mehead{margin:8px 14px 4px;padding:14px 14px 14px 12px;gap:12px;border-radius:22px;border:1px solid var(--line);
background:linear-gradient(135deg,color-mix(in srgb,var(--tq) 8%,var(--card)),var(--card) 62%,color-mix(in srgb,var(--saffron) 7%,var(--card)))}
[dir=rtl] .mehead{padding:14px 12px 14px 14px}
.mehead .av,.mehead img.av{width:52px;height:52px;border-radius:17px;flex:none}
.mehead .who b{font-size:16.5px;line-height:1.35}
.mehead .who small{display:block;margin-top:1px;font-size:12.5px}
.mehead .ib{flex:none;width:38px;height:38px;border-radius:13px;background:var(--card);border:1px solid var(--line)}
#me .metabs.on{margin:4px 14px 0}
#me .pbody{padding:10px 14px calc(18px + env(safe-area-inset-bottom))}
}
.hlpfab,[dir=rtl] .hlpfab{width:auto;min-width:56px;height:56px;padding:0;gap:0;justify-content:flex-start;direction:ltr;flex-direction:row;
border:0;border-radius:19px;overflow:visible;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
color:#fff;background:linear-gradient(150deg,#2b3668,#151a36);
box-shadow:0 12px 26px -10px rgba(21,26,54,.55),0 2px 6px rgba(21,26,54,.16),inset 0 1px 0 rgba(255,255,255,.13);
animation:hlpin .7s var(--ease) both .6s;transition:transform .25s var(--ease),box-shadow .25s ease,border-radius .35s var(--ease)}
.hlpfab[data-side=r],html[dir=ltr] .hlpfab:not([data-side=l]){flex-direction:row-reverse}
.hlpfab::before,.hlpfab::after{content:none}
.hlpic{flex:none;width:56px;height:56px;display:grid;place-items:center}
.hlpfab .hlpic svg{width:27px;height:27px;color:#fff;filter:none}
.hlpfab .hlpic .spk{fill:#f6c445;stroke:#f6c445;stroke-width:1}
.hlpfab .hlpfl{display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:.005em;
transition:max-width .4s var(--ease),opacity .2s ease,padding .4s var(--ease)}
[dir=rtl] .hlpfab .hlpfl{direction:rtl}
.hlpon{position:absolute;top:-3px;left:-3px;width:14px;height:14px;border-radius:50%;background:#1fb39a;border:3px solid var(--bg);z-index:3;animation:on58 3.4s ease-in-out infinite}
.hlpfab[data-side=r] .hlpon,html[dir=ltr] .hlpfab:not([data-side=l]) .hlpon{left:auto;right:-3px}
@keyframes on58{0%,100%{box-shadow:0 0 0 0 rgba(31,179,154,.5)}55%{box-shadow:0 0 0 6px rgba(31,179,154,0)}}
.hlpdot{top:-4px;right:auto;left:auto;inset-inline-end:auto}
.hlpfab[data-side=r] .hlpdot,html[dir=ltr] .hlpfab:not([data-side=l]) .hlpdot{left:-4px}
.hlpfab:not([data-side=r]) .hlpdot{right:-4px}
html[dir=ltr] .hlpfab:not([data-side=l]) .hlpdot{right:auto}
.hlpfab:hover{transform:translateY(-2px)}
.hlpfab:active{transform:scale(.96)}
.hlpfab.dragging{transform:scale(1.06);box-shadow:0 22px 40px -14px rgba(21,26,54,.6)}
@media (hover:hover) and (min-width:861px){
.hlpfab:not(.dragging):hover .hlpfl,.hlpfab:not(.dragging):focus-visible .hlpfl{max-width:240px;opacity:1;padding-inline:18px}
}
[data-theme=dark] .hlpfab{color:#1b1f3b;background:linear-gradient(150deg,#f8cd57,#e9a514);
box-shadow:0 12px 26px -10px rgba(233,165,20,.5),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35)}
[data-theme=dark] .hlpfab .hlpic svg{color:#1b1f3b}
[data-theme=dark] .hlpfab .hlpic .spk{fill:#1b1f3b;stroke:#1b1f3b}
body.searching .hlpfab{width:auto}
@media (max-width:640px){.hlpfab,[dir=rtl] .hlpfab{min-width:52px;height:52px;border-radius:17px}.hlpic{width:52px;height:52px}.hlpfab .hlpic svg{width:25px;height:25px}}
.hlpav svg .spk{fill:#f6c445;stroke:#f6c445;stroke-width:1}
@media (prefers-reduced-motion:reduce){.hlpon{animation:none}.hlpfab .hlpfl{transition:none}}
.fgrid{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:20px 32px;align-items:center;padding-top:26px;padding-bottom:20px}
.fbrand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0}
.fbrand #fabout{display:block;margin:0;font-size:13px;line-height:1.7;color:var(--muted);-webkit-line-clamp:unset}
.fsoc{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:2px}
.fsoc[hidden]{display:none}
.fsoc-l{font-size:11.5px;font-weight:700;color:var(--ink3,var(--muted));letter-spacing:.02em}
.fsoc-i{display:flex;flex-wrap:wrap;gap:8px}
.fsoc a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--ink2);
transition:transform .25s var(--spring,var(--ease)),background .2s,color .2s,border-color .2s}
.fsoc a:hover,.fsoc a:focus-visible{transform:translateY(-2px);color:#fff;border-color:transparent;background:var(--sc,var(--tq))}
.fsoc a.s-telegram{--sc:#229ed9}.fsoc a.s-facebook{--sc:#1877f2}.fsoc a.s-youtube{--sc:#e62117}.fsoc a.s-tiktok{--sc:#111}
.fsoc a.s-x{--sc:#111}.fsoc a.s-whatsapp{--sc:#1fae5b}
.fsoc a.s-instagram:hover,.fsoc a.s-instagram:focus-visible{background:linear-gradient(45deg,#f9a825,#e1306c 50%,#7b3fe4)}
.fcaps{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:24px;background:color-mix(in srgb,var(--card) 55%,transparent);border:1px solid var(--line)}
.fcaps-h{margin:0 6px;font-size:12px;font-weight:700;color:var(--ink3,var(--muted));letter-spacing:.02em}
.fcaps-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(92px,112px);gap:10px}
.fbar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px}
.flegal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.flegal a{color:var(--muted);text-decoration:none;transition:color .2s}
.flegal a:hover{color:var(--tq2,var(--tq))}
.flegal i{font-style:normal;opacity:.45}
@media (min-width:861px) and (max-width:1120px){
.fgrid{grid-template-columns:minmax(200px,1fr) auto}
.fbrand{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start}
.fcaps-row{grid-auto-columns:minmax(84px,100px)}
}
@media (max-width:860px){
.fgrid{grid-template-columns:1fr;gap:16px;padding-top:24px;padding-bottom:14px}
.fbrand{grid-column:auto;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:8px;margin:0}
.fbrand #fabout{display:block;order:0;flex-basis:auto;font-size:12.5px}
.fsoc{align-items:center}
.fsoc-i{justify-content:center}
.fcaps{padding:12px 10px}
.fcaps-h{text-align:center}
.fcaps-row{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-columns:auto}
.fbar-in{flex-direction:column;justify-content:center;text-align:center;gap:6px}
}
@media (max-width:640px){
.fbrand #fabout{display:block}
.fcaps-row{gap:7px}
.fsoc a{width:36px;height:36px;border-radius:12px}
}
@media (min-width:1024px){
[data-skin] body.hx-full main::before,[data-skin] body.hx-full main::after{top:0;inset-inline:0;border-radius:0;border-inline-width:0;border-top-width:0;
height:calc(var(--fr-hero,420px) + 14px)}
}
body.hx-on main{position:relative}
body.hx-on main::before,body.hx-on main::after{display:none!important}
body.hx-on .fr-art{display:none!important}
.hx{--hx-bg:linear-gradient(135deg,color-mix(in srgb,var(--saffron) 13%,var(--card)) 0%,var(--card) 52%,color-mix(in srgb,var(--tq) 12%,var(--card)) 100%);
--veil:color-mix(in srgb,var(--card) 90%,transparent);--veil2:color-mix(in srgb,var(--card) 55%,transparent);
position:absolute;z-index:0;pointer-events:none;top:14px;inset-inline:max(var(--gut),calc((100% - var(--site-w)) / 2));height:var(--hx-h,420px);
border-radius:30px;overflow:hidden;background:var(--hx-bg);border:1px solid var(--line);transition:height .35s var(--ease),opacity .3s}
[data-skin=fresh] .hx{--hx-bg:var(--fr-panel)}
[data-skin=navy] .hx{--hx-bg:var(--nv-panel)}
body.hxp-saffron .hx{--hx-bg:linear-gradient(135deg,color-mix(in srgb,#f5b623 22%,var(--card)),var(--card) 60%,color-mix(in srgb,#f5b623 12%,var(--card)))}
body.hxp-turquoise .hx{--hx-bg:linear-gradient(135deg,color-mix(in srgb,#14a38b 20%,var(--card)),var(--card) 60%,color-mix(in srgb,#508ce6 12%,var(--card)))}
body.hxp-indigo .hx{--hx-bg:linear-gradient(135deg,color-mix(in srgb,#5b5fd6 20%,var(--card)),var(--card) 60%,color-mix(in srgb,#5b5fd6 10%,var(--card)))}
body.hxp-sunset .hx{--hx-bg:linear-gradient(135deg,color-mix(in srgb,#ff7a59 20%,var(--card)),var(--card) 55%,color-mix(in srgb,#f5b623 16%,var(--card)))}
body.hxp-ink .hx{--hx-bg:linear-gradient(135deg,#151a36,#26305e 60%,#1b2350);border-color:transparent;--veil:rgba(16,20,42,.88);--veil2:rgba(16,20,42,.5)}
body.searching .hx{opacity:0}
.hx-s{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.hx-s.on{opacity:1}
.hx-img{position:absolute;inset:0;overflow:hidden}
.hx-img::before{content:"";position:absolute;inset:0;background:var(--hx-im) var(--hx-x,50%) 50%/cover no-repeat}
.hx-img.flip::before{transform:scaleX(-1)}
.hx-s[data-tone=dark]{--veil:rgba(12,16,36,.84);--veil2:rgba(12,16,36,.46)}
.hx-s[data-tone=light]{--veil:rgba(255,255,255,.9);--veil2:rgba(255,255,255,.55)}
.hx-s::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--veil) 0%,var(--veil2) 58%,var(--veil) 100%)}
.hx-s:not(:has(.hx-img))::after{content:none}
body.hx-center .hx-img{opacity:.35}
@media (max-width:760px){.hx{top:8px;inset-inline:var(--gut);border-radius:22px}}
@media (min-width:1024px){
body.hx-full .hx{top:0;inset-inline:0;border-radius:0;border-inline-width:0;border-top-width:0;height:calc(var(--hx-h,420px) + 14px)}
}
@media (min-width:1180px){
.hx-img::before{background-image:var(--hx-i)}
body.hx-split .hx-img{inset-inline-start:auto;inset-inline-end:0;width:min(60%,980px)}
body.hx-full.hx-split .hx-img{inset-inline-end:max(0px,calc((100% - var(--site-w)) / 2 - 40px))}
body.hx-split .hx-s::after{content:none}
[dir=rtl] body.hx-split .hx-img{-webkit-mask-image:linear-gradient(to right,#000 52%,transparent 96%);mask-image:linear-gradient(to right,#000 52%,transparent 96%)}
[dir=ltr] body.hx-split .hx-img{-webkit-mask-image:linear-gradient(to left,#000 52%,transparent 96%);mask-image:linear-gradient(to left,#000 52%,transparent 96%)}
[dir=rtl] body.hx-cover .hx-s::after{background:linear-gradient(to left,var(--veil) 0%,var(--veil2) 42%,transparent 72%)}
[dir=ltr] body.hx-cover .hx-s::after{background:linear-gradient(to right,var(--veil) 0%,var(--veil2) 42%,transparent 72%)}
body.hx-center .hx-img{opacity:.28}
body.hx-center .hx-s::after{background:radial-gradient(60% 80% at 50% 45%,var(--veil) 0%,var(--veil2) 60%,transparent 100%)}
body.hx-split:not(.searching) .hero,body.hx-cover:not(.searching) .hero{text-align:start}
body.hx-split:not(.searching) .hero h1,body.hx-split:not(.searching) .hero .lead,
body.hx-cover:not(.searching) .hero h1,body.hx-cover:not(.searching) .hero .lead{max-width:600px;margin-inline:0 auto}
body.hx-split:not(.searching) .szone #f,body.hx-cover:not(.searching) .szone #f{max-width:620px;margin-inline:0 auto}
body.hx-center:not(.searching) .hero,body.hx-compact:not(.searching) .hero{text-align:center}
body.hx-center:not(.searching) .hero h1,body.hx-center:not(.searching) .hero .lead,
body.hx-compact:not(.searching) .hero h1,body.hx-compact:not(.searching) .hero .lead{max-width:780px;margin-inline:auto}
body.hx-center:not(.searching) .szone #f,body.hx-compact:not(.searching) .szone #f{max-width:760px;margin-inline:auto}
body.hx-split:not(.searching) .hx-dots,body.hx-cover:not(.searching) .hx-dots{justify-content:flex-start}
}
body.hx-compact:not(.searching) .hero h1{font-size:clamp(26px,2.6vw,38px)}
body.hx-compact:not(.searching) .hero .lead{display:none}
.hero h1 .hx-acc{color:var(--tq2,var(--tq))}
[data-skin=classic] .hero h1 .hx-acc{color:var(--pom)}
[data-skin=navy] .hero h1 .hx-acc{color:var(--nv-price,var(--tq))}
[data-skin=navy][data-theme=dark] .hero h1 .hx-acc{color:var(--nv-amber)}
body.hx-on.hx-dark:not(.searching) .hero h1,body.hx-on.hx-dark:not(.searching) .hero .lead,
body.hxp-ink:not(.hx-light):not(.searching) .hero h1,body.hxp-ink:not(.hx-light):not(.searching) .hero .lead{color:#fff}
body.hx-on.hx-dark:not(.searching) .hero .lead,body.hxp-ink:not(.hx-light):not(.searching) .hero .lead{opacity:.88}
body.hx-on.hx-dark .hero h1 .hx-acc,body.hxp-ink:not(.hx-light) .hero h1 .hx-acc{color:#f6c445}
body.hx-on.hx-light:not(.searching) .hero h1{color:#14182f}
body.hx-on.hx-light:not(.searching) .hero .lead{color:#3c4160}
body.hx-on .hero h1,body.hx-on .hero .lead,.hx-cta{transition:opacity .26s ease,transform .26s ease}
.hero.hx-swap h1,.hero.hx-swap .lead,.hero.hx-swap .hx-cta{opacity:0;transform:translateY(6px)}
.hx-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;height:40px;padding:0 20px;border-radius:999px;position:relative;z-index:1;
background:var(--btn);color:var(--btn-ink);font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--btn) 80%,transparent)}
.hx-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}
body.hx-dark .hx-cta{background:linear-gradient(135deg,#ffd36b,#f2b21f);color:#1b1f3b;box-shadow:0 10px 24px -12px rgba(242,178,31,.75)}
@media (min-width:861px){body.hx-on.hx-split .floaters,body.hx-on.hx-cover .floaters{display:none}}
body.searching .hx-cta,body.searching .hx-dots{display:none}
.hx-dots{display:flex;justify-content:center;gap:6px;margin-top:12px;position:relative;z-index:1}
.hx-dots button{all:unset;cursor:pointer;width:8px;height:8px;border-radius:8px;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:width .3s var(--ease),background .3s}
.hx-dots button.on{width:22px;background:var(--btn)}
.hx-dots button:focus-visible{outline:2px solid var(--tq);outline-offset:2px}
body.hx-dark .hx-dots button,body.hxp-ink:not(.hx-light) .hx-dots button{background:rgba(255,255,255,.35)}
body.hx-dark .hx-dots button.on,body.hxp-ink:not(.hx-light) .hx-dots button.on{background:#f6c445}
@media (prefers-reduced-motion:reduce){.hx-s,.hx,body.hx-on .hero h1,body.hx-on .hero .lead,.hx-cta{transition:none}}
.lay-off{display:none!important}
#home.lay-home{display:flex;flex-direction:column}
#home.lay-home>*{min-width:0}
.fapps{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:360px}
.fapps-h{margin:0;font-size:14px;font-weight:800;color:var(--ink)}
.fapps-s{margin:0;font-size:12.5px;color:var(--muted);line-height:1.6}
.fapps-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fapp{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:8px 12px;border-radius:14px;background:#14172b;color:#fff;
text-decoration:none;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px rgba(15,18,40,.14);transition:transform .2s var(--ease),box-shadow .2s}
a.fapp:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,18,40,.22)}
a.fapp:focus-visible{outline:2px solid var(--saffron,#f5b623);outline-offset:2px}
.fapp-i{flex:none;width:24px;height:24px;display:grid;place-items:center}
.fapp-i svg{width:22px;height:22px}
.fapp-t{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.fapp-t small{font-size:10.5px;opacity:.72;white-space:nowrap}
.fapp-t b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fapp.soon{opacity:.62;cursor:default;box-shadow:none}
.fapp.soon em{position:absolute;top:-8px;inset-inline-end:8px;font-style:normal;font-size:10px;font-weight:700;padding:1px 7px;border-radius:99px;
background:var(--saffron,#f5b623);color:#1b1f3b;box-shadow:0 2px 6px rgba(0,0,0,.12)}
[data-theme=dark] .fapp{background:#0b0e1d;border-color:rgba(255,255,255,.12)}
@media (min-width:861px){
.fgrid.has-apps{grid-template-columns:minmax(220px,1fr) minmax(250px,330px) auto}
}
@media (max-width:860px){
.fapps{max-width:none;align-items:center;text-align:center}
.fapps-row{width:100%;max-width:420px}
}
body{--hx-pad:clamp(26px,3.2vw,52px)}
@media (min-width:1024px){body.hx-full{--hx-pad:0px}}
@media (max-width:760px){body{--hx-pad:12px}}
body:not(.searching) #hero.wrap,body:not(.searching) #szone>.wrap{padding-inline:calc(var(--gut) + var(--hx-pad))}
#home.lay-home>.plcard.lay-first{margin-top:clamp(30px,3.4vw,44px)}
@media (min-width:1400px) and (max-width:1639px){
:is([data-skin=fresh],[data-skin=navy]) body.rails-on:not(.searching) .hero{text-align:center}
:is([data-skin=fresh],[data-skin=navy]) body.rails-on:not(.searching) .hero h1,
:is([data-skin=fresh],[data-skin=navy]) body.rails-on:not(.searching) .hero .lead{margin-inline:auto}
:is([data-skin=fresh],[data-skin=navy]) body.rails-on:not(.searching) .szone #f{margin-inline:auto}
:is([data-skin=fresh],[data-skin=navy]) body.rails-on:not(.searching) .fr-art{display:none}
}
.fcol[data-fi="5"]{--a:#0e9f9a}
.fapps-band{margin-top:26px}
.fapps-band+.fgrid{padding-top:22px}
.fgrid+.fapps-band{margin:0 auto 22px}
.fapps-band,.fap-card,.st-compact{--fap-a:var(--tq,#14a38b);--fap-b:#f4b43c;--fap-scr:#f6f7fb;--fap-card:#fff;--fap-line:rgba(27,31,59,.08);--fap-ink:#1b1f3b;--fap-soft:#eceff7}
[data-theme=dark] .fapps-band,[data-theme=dark] .fap-card,[data-theme=dark] .st-compact{--fap-scr:#1c2040;--fap-card:#272c4f;--fap-line:rgba(255,255,255,.07);--fap-ink:#e8eaf6;--fap-soft:#343a66}
.fap-band{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr) minmax(250px,320px);align-items:center;gap:28px;padding:20px 30px;overflow:hidden;border-radius:26px;
border:1px solid var(--line2,var(--line));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--fap-a) 13%,transparent),transparent 60%),
radial-gradient(80% 120% at 100% 100%,color-mix(in srgb,var(--fap-b) 12%,transparent),transparent 60%),var(--card);box-shadow:0 18px 40px -30px rgba(27,31,59,.45)}
.fap-band.nophone{grid-template-columns:minmax(0,1fr) minmax(250px,320px);padding-block:24px}
.fap-ph{position:relative;align-self:end;margin-block:-14px -44px}
.fap-svg{display:block;width:100%;height:auto;overflow:visible}
.fap-bub{animation:fapbob 4.5s ease-in-out infinite;transform-box:fill-box}
.fap-bub.b2{animation-delay:-2.2s}
@keyframes fapbob{50%{transform:translateY(-5px)}}
.fap-tx{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.fap-eye{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;font-size:11.5px;font-weight:800;
background:color-mix(in srgb,var(--fap-b) 22%,transparent);color:#8a5200}
.fap-eye i{width:7px;height:7px;border-radius:50%;background:var(--fap-b);box-shadow:0 0 0 0 color-mix(in srgb,var(--fap-b) 60%,transparent);animation:fapping 2.4s ease-out infinite}
.fap-eye.live{background:color-mix(in srgb,#16a34a 15%,transparent);color:#137a3a}.fap-eye.live i{background:#16a34a}
[data-theme=dark] .fap-eye{color:#ffd38a}[data-theme=dark] .fap-eye.live{color:#7ee2a2}
@keyframes fapping{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.fap-band .fapps-h,.fap-card .fapps-h{margin:9px 0 3px;font-size:clamp(18px,1.6vw,22px);font-weight:900;line-height:1.35}
.fap-band .fapps-s,.fap-card .fapps-s{font-size:13.5px}
.fap-f{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;width:100%}
.fap-f li{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px;font-weight:600;color:var(--ink);line-height:1.5}
.fap-f svg{flex:none;width:30px;height:30px;padding:6px;border-radius:10px;fill:none;stroke:var(--fap-a);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
background:color-mix(in srgb,var(--fap-a) 12%,transparent)}
.fap-st .fapps-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fap-band .fapp,.fap-card .fapp{padding:10px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.08)}
.fap-band .fapp.soon,.fap-card .fapp.soon,.st-compact .fapp.soon{opacity:1;background:linear-gradient(135deg,#1c2040,#14172b)}
.fap-band .fapp.soon .fapp-i,.fap-band .fapp.soon .fapp-t,.fap-card .fapp.soon .fapp-i,.fap-card .fapp.soon .fapp-t,.st-compact .fapp.soon .fapp-i,.st-compact .fapp.soon .fapp-t{opacity:.78}
.fap-band .fapp.soon em,.fap-card .fapp.soon em,.st-compact .fapp.soon em{background:var(--fap-b);color:#3b2600;box-shadow:0 3px 8px -3px rgba(0,0,0,.35)}
.fap-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:16px 16px 14px;border-radius:22px;overflow:hidden;border:1px solid var(--line2,var(--line));
background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--fap-a) 12%,transparent),transparent 60%),var(--card)}
.fap-card .fap-ph{position:absolute;inset-inline-end:10px;top:12px;width:84px;margin:0;pointer-events:none}
.fap-card .fap-eye,.fap-card .fapps-h,.fap-card .fapps-s{max-width:calc(100% - 96px)}
.fap-card .fap-f{grid-template-columns:1fr;gap:6px;margin-top:10px}
.fap-card .fap-f svg{width:26px;height:26px;padding:5px}
.fap-card .fapps-row{width:100%;margin-top:12px}
.st-compact .fapps-row{margin-top:12px}
.fgrid.has-apps .fapps:has(.fap-card){max-width:380px}
@media (max-width:1100px){.fap-band{grid-template-columns:160px minmax(0,1fr);gap:20px}.fap-band .fap-st{grid-column:1/-1}.fap-band.nophone .fap-st{grid-column:auto}}
@media (max-width:760px){
.fapps-band{margin-top:18px}
.fap-band,.fap-band.nophone{grid-template-columns:1fr;text-align:center;padding:18px 16px;gap:14px}
.fap-band .fap-ph{width:124px;margin:-4px auto -6px;order:-1}
.fap-band .fap-tx{align-items:center}.fap-band .fap-st{grid-column:auto;order:2}
.fap-f{grid-template-columns:1fr;max-width:340px;margin-inline:auto;text-align:start}
.fap-st .fapps-row{max-width:420px;margin-inline:auto}
.fap-card .fap-ph{width:76px}
}
@media (prefers-reduced-motion:reduce){.fap-bub,.fap-eye i{animation:none}}
@media (max-width:640px){
.fcaps{padding:12px}
.fcaps-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fcaps-row .fhb{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;align-items:center;justify-items:start;text-align:start;
min-height:64px;padding:11px 16px 11px 14px}
.fcaps-row .fhb>.fic{grid-row:auto;width:36px;height:36px;border-radius:12px}
.fcaps-row .fhb>span{grid-column:2;max-width:100%;font-size:12.5px;font-weight:800;line-height:1.4;white-space:normal;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fcaps-row .fcap::before{inset-block:16px}
}
.fapps-band.low .fap-band{grid-template-columns:150px minmax(0,1fr) minmax(250px,320px);padding-block:16px}
.fapps-band.low .fap-band.nophone{grid-template-columns:minmax(0,1fr) minmax(250px,320px)}
.fapps-band.low .fap-ph{margin-block:-8px -30px}
.fapps-band.low .fap-band .fapps-h{font-size:clamp(16px,1.4vw,19px)}
@media (max-width:1100px){.fapps-band.low .fap-band{grid-template-columns:120px minmax(0,1fr)}}
@media (max-width:860px){
.fapps-band.low .fap-band,.fapps-band.low .fap-band.nophone{grid-template-columns:1fr;padding:16px 14px}
.fapps-band.low .fap-band .fap-ph{width:96px;margin:-2px auto -4px}
}
.fapps-band.low .fap-f{display:flex;flex-wrap:wrap;gap:8px 22px}
@media (max-width:860px){.fapps-band.low .fap-f{justify-content:center}}
footer.foot.fd-sheet,footer.foot.fd-brand{position:relative;margin-top:64px;border-top:0;border-radius:34px 34px 0 0;overflow:clip}
footer.foot.fd-sheet{background:var(--card);box-shadow:0 -1px 0 var(--line),0 -24px 50px -36px rgba(15,20,45,.5)}
footer.foot.fd-sheet::after{content:"";position:absolute;inset:0 0 auto;height:120px;pointer-events:none;
background:radial-gradient(70% 120px at 50% 0,color-mix(in srgb,var(--tq) 7%,transparent),transparent)}
[data-theme=dark] footer.foot.fd-sheet{box-shadow:0 -1px 0 var(--line),0 -24px 50px -30px rgba(0,0,0,.7)}
footer.foot.fd-sheet>*,footer.foot.fd-brand>*{position:relative;z-index:1}
footer.foot.fd-brand{--fband:#1b1f3b;background:radial-gradient(80% 160px at 50% 0,rgba(255,255,255,.08),transparent),var(--fband);color:#fff;
--ink:#fff;--ink2:rgba(255,255,255,.86);--ink3:rgba(255,255,255,.66);--muted:rgba(255,255,255,.64);--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.22);
--card:rgba(255,255,255,.07);--card2:rgba(255,255,255,.1);--bg2:rgba(255,255,255,.06);--tq:#f4b43c;--tq2:#f4b43c;box-shadow:0 -20px 46px -34px rgba(10,14,32,.8)}
[data-skin=fresh] footer.foot.fd-brand{--fband:#0f6f68}
[data-skin=liquid] footer.foot.fd-brand{--fband:#2a2350}
[data-theme=dark] footer.foot.fd-brand{--fband:#1c2147}
footer.foot.fd-brand .fb1,footer.foot.fd-brand .fb1 b{color:#fff}
footer.foot.fd-brand .fbar{border-top-color:rgba(255,255,255,.12);background:rgba(0,0,0,.14)}
footer.foot.fd-brand .fsoc a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.ftrust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:26px}
.ftrust.lay-off,.fcta.lay-off{display:none}
.ftr-i{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;border-radius:18px;
background:color-mix(in srgb,var(--bg2) 75%,transparent);border:1px solid var(--line)}
.ftr-ic{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;color:var(--fc);background:color-mix(in srgb,var(--fc) 14%,transparent)}
.ftr-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ftr-shops{--fc:var(--tq2,var(--tq))}.ftr-prices{--fc:#d98a06}.ftr-upd{--fc:#3b82f6}.ftr-src{--fc:#16a34a}
[data-theme=dark] .ftr-prices,footer.fd-brand .ftr-prices{--fc:#f4b43c}
[data-theme=dark] .ftr-upd,footer.fd-brand .ftr-upd{--fc:#7aa7ff}
[data-theme=dark] .ftr-src,footer.fd-brand .ftr-src{--fc:#4ade80}
footer.fd-brand .ftr-shops{--fc:#5eead4}
.ftr-t{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3}
.ftr-t b{font-size:16.5px;font-weight:850;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ftr-t small{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:860px){
.ftrust{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:22px}
.ftr-i{padding:10px 11px;gap:9px;border-radius:16px}
.ftr-ic{width:34px;height:34px;border-radius:11px}
.ftr-ic svg{width:19px;height:19px}
.ftr-t b{font-size:15px}
.ftr-t small{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
.fcta{padding-top:14px}
.fcta-in{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:22px;
background:linear-gradient(110deg,color-mix(in srgb,var(--tq) 13%,var(--card)),var(--card) 72%);border:1px solid color-mix(in srgb,var(--tq) 28%,var(--line))}
.fcta-ic{width:50px;height:50px;flex:none;border-radius:16px;display:grid;place-items:center;color:#fff;
background:linear-gradient(140deg,var(--tq),color-mix(in srgb,var(--tq) 70%,#000));box-shadow:0 10px 20px -12px var(--tq)}
.fcta-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fcta-tx{flex:1;min-width:0}
.fcta-tx small{display:block;font-size:11.5px;font-weight:800;color:var(--tq2,var(--tq));letter-spacing:.02em}
.fcta-tx b{display:block;margin-top:2px;font-size:16px;font-weight:850;color:var(--ink)}
.fcta-tx p{margin:3px 0 0;font-size:12.5px;line-height:1.7;color:var(--muted)}
.fcta-a{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:none}
.fcta-go{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;font-weight:800;font-size:13.5px;
background:#1b1f3b;color:#fff;text-decoration:none;box-shadow:0 10px 22px -14px rgba(15,20,45,.6);transition:transform .2s var(--ease)}
[data-theme=dark] .fcta-go{background:#f4b43c;color:#1b1f3b}
.fcta-go:active{transform:scale(.97)}
.fcta-more{font-size:12px;color:var(--muted);text-align:center;text-decoration:none}
@media (hover:hover){.fcta-go:hover{transform:translateY(-1px)}.fcta-more:hover{color:var(--ink)}}
footer.fd-brand .fcta-go{background:#f4b43c;color:#1b1f3b}
footer.fd-brand .fap-eye{background:rgba(244,180,60,.16);color:#f6c768}
@media (max-width:640px){
.fcta-in{flex-wrap:wrap;gap:12px;padding:14px}
.fcta-ic{width:42px;height:42px;border-radius:14px}
.fcta-tx{flex:1 1 calc(100% - 60px)}
.fcta-a{flex:1 1 100%;flex-direction:row;align-items:center}
.fcta-go{flex:1}
.fcta-more{padding:0 8px}
}
.fapp-all{align-self:center;padding:6px 12px;border-radius:999px;border:1px dashed var(--line2,var(--line));background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
@media (hover:hover){.fapp-all:hover{color:var(--ink);border-style:solid}}
footer.fd-brand .fap-eye.live{background:rgba(74,222,128,.14);color:#86efac}
.fap-ph.shots{align-self:center;margin-block:-4px -30px}
.fap-shots{position:relative;width:100%;aspect-ratio:1/1.1;container-type:inline-size}
.fap-glow{position:absolute;inset:6% 0 10%;border-radius:50%;pointer-events:none;
background:radial-gradient(closest-side,color-mix(in srgb,var(--fap-a) 34%,transparent),transparent),
radial-gradient(closest-side at 70% 30%,color-mix(in srgb,var(--fap-b) 26%,transparent),transparent)}
.fap-dev{position:absolute;top:0;width:47cqw;aspect-ratio:360/779;box-sizing:content-box;padding:1.7cqw;border-radius:8.5cqw;
background:linear-gradient(150deg,#3a4070,#12152b 45%,#0b0d1d);box-shadow:0 1.2cqw 0 -.4cqw rgba(255,255,255,.06) inset,0 0 0 .5cqw rgba(255,255,255,.05) inset,
0 22px 36px -18px rgba(10,12,30,.6),0 6px 14px -8px rgba(10,12,30,.4);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.fap-dev img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:6.9cqw;background:#e9ecf6}
.fap-dev.back img{background:#141833}
.fap-dev::before{content:"";position:absolute;z-index:1;top:3.4cqw;left:50%;width:12cqw;height:3.2cqw;border-radius:9px;background:#0b0d1d;transform:translateX(-50%)}
.fap-dev.back{left:3cqw;top:9cqw;transform:rotate(-8deg);filter:saturate(.95)}
.fap-dev.front{right:3cqw;top:1cqw;transform:rotate(4deg)}
.fap-note{position:absolute;z-index:2;left:-3cqw;bottom:12cqw;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:1.4cqw 2.4cqw;
width:34cqw;padding:2.6cqw 3.2cqw;border-radius:5cqw;background:#fff;box-shadow:0 12px 24px -12px rgba(10,12,30,.45);animation:fapbob 4.5s ease-in-out infinite}
.fap-note i{grid-row:1/3;width:8cqw;height:8cqw;border-radius:50%;background:#16a34a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 6.5 3.5 4 3.5-4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.fap-note b{display:block;height:2.6cqw;border-radius:2cqw;background:#1b1f3b;opacity:.75}
.fap-note b.s{width:62%;height:2.2cqw;background:#16a34a;opacity:.7}
[data-theme=dark] .fap-note{background:#272c4f}[data-theme=dark] .fap-note b{background:#e8eaf6}
[data-theme=dark] .fap-dev{box-shadow:0 0 0 .5cqw rgba(255,255,255,.08) inset,0 22px 40px -16px rgba(0,0,0,.75)}
@media (hover:hover){
.fap-band:hover .fap-dev.front,.fap-card:hover .fap-dev.front{transform:rotate(2deg) translateY(-6px)}
.fap-band:hover .fap-dev.back,.fap-card:hover .fap-dev.back{transform:rotate(-10deg) translate(-4px,2px)}
}
.fap-card .fap-ph.shots{width:104px;top:6px}
@media (max-width:1100px){.fap-band .fap-ph.shots{margin-block:-2px -22px}}
@media (max-width:760px){.fap-band .fap-ph.shots{width:184px;margin:-2px auto -8px}.fap-card .fap-ph.shots{width:92px}}
.fap-eye.upd{background:color-mix(in srgb,#6366f1 15%,transparent);color:#3f3fb4}.fap-eye.upd i{background:#6366f1}
[data-theme=dark] .fap-eye.upd{color:#c0c3ff}
.fap-eye.fresh{position:relative;overflow:hidden}
.fap-eye.fresh::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:fapshine 3.6s ease-in-out 1s infinite}
@keyframes fapshine{40%,100%{transform:translateX(120%)}}
.fap-ver{margin-inline-start:4px;padding:1px 7px;border-radius:99px;background:rgba(27,31,59,.08);font-size:10.5px;font-weight:800;letter-spacing:.02em}
[data-theme=dark] .fap-ver{background:rgba(255,255,255,.1)}
.fap-news{display:flex;align-items:flex-start;gap:7px;margin:7px 0 0;font-size:12.8px;font-weight:700;line-height:1.6;color:var(--ink)}
.fap-news i{font-style:normal;color:var(--fap-b)}
footer.fd-brand .fap-eye.upd{background:rgba(129,140,248,.18);color:#c7cbff}
footer.fd-brand .fap-news{color:inherit}
@media (prefers-reduced-motion:reduce){.fap-note,.fap-eye.fresh::after{animation:none}.fap-dev{transition:none}}
@media (min-width:1101px){.fap-band:has(.fap-ph.shots){grid-template-columns:232px minmax(0,1fr) minmax(250px,320px)}}
body.hx-on.hxr-shadow.hxt-w:not(.searching) .hero h1,body.hx-on.hxr-shadow.hxt-w:not(.searching) .hero .lead,
body.hx-on.hxr-glass.hxt-w:not(.searching) .hero h1{text-shadow:0 1px 2px rgba(6,9,24,.55),0 4px 18px rgba(6,9,24,.6)}
body.hx-on.hxr-shadow.hxt-d:not(.searching) .hero h1,body.hx-on.hxr-shadow.hxt-d:not(.searching) .hero .lead{text-shadow:0 1px 2px rgba(255,255,255,.7),0 4px 18px rgba(255,255,255,.8)}
.hx-glass{position:absolute;z-index:0;pointer-events:none;border-radius:24px;transition:left .35s var(--ease),top .35s var(--ease),width .35s var(--ease),height .35s var(--ease),opacity .3s;
-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);animation:hxGlassIn .5s var(--ease) both}
body.hxt-w .hx-glass{background:linear-gradient(135deg,rgba(14,18,40,.5),rgba(14,18,40,.3));border:1px solid rgba(255,255,255,.14);
box-shadow:0 18px 40px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1)}
body.hxt-d .hx-glass{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.7);
box-shadow:0 18px 40px -24px rgba(27,31,59,.35)}
body.searching .hx-glass{opacity:0}
@keyframes hxGlassIn{from{opacity:0;transform:scale(.97)}}
@media (min-width:1024px){body.hxr-glass.hx-full:not(.searching) #hero.wrap{padding-inline:calc(var(--gut) + 22px)}}
@media (max-width:760px){.hx-glass{border-radius:18px}}
.hx-img::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
body.hxr-shade .hx-img::after{opacity:1}
body.hxr-shade.hxt-w .hx-img::after{background:linear-gradient(0deg,rgba(8,12,30,.55),rgba(8,12,30,.55))}
body.hxr-shade.hxt-d .hx-img::after{background:linear-gradient(0deg,rgba(255,255,255,.62),rgba(255,255,255,.62))}
@media (min-width:761px){
[dir=rtl] body.hxr-shade.hxt-w:not(.hx-center) .hx-img::after{background:linear-gradient(to left,rgba(8,12,30,.82) 0%,rgba(8,12,30,.5) 45%,transparent 80%)}
[dir=ltr] body.hxr-shade.hxt-w:not(.hx-center) .hx-img::after{background:linear-gradient(to right,rgba(8,12,30,.82) 0%,rgba(8,12,30,.5) 45%,transparent 80%)}
[dir=rtl] body.hxr-shade.hxt-d:not(.hx-center) .hx-img::after{background:linear-gradient(to left,rgba(255,255,255,.88) 0%,rgba(255,255,255,.55) 45%,transparent 80%)}
[dir=ltr] body.hxr-shade.hxt-d:not(.hx-center) .hx-img::after{background:linear-gradient(to right,rgba(255,255,255,.88) 0%,rgba(255,255,255,.55) 45%,transparent 80%)}
body.hxr-shade.hxt-w.hx-center .hx-img::after{background:radial-gradient(60% 75% at 50% 42%,rgba(8,12,30,.78),rgba(8,12,30,.35) 70%,transparent)}
body.hxr-shade.hxt-d.hx-center .hx-img::after{background:radial-gradient(60% 75% at 50% 42%,rgba(255,255,255,.85),rgba(255,255,255,.4) 70%,transparent)}
}
body.hx-on{--hx-d:1.1s;--hx-e:cubic-bezier(.45,.05,.25,1)}
body.hx-on.hxs-calm{--hx-d:1.8s}
body.hx-on .hx-s{transition:opacity var(--hx-d) var(--hx-e),translate var(--hx-d) var(--hx-e),scale var(--hx-d) var(--hx-e),filter var(--hx-d) var(--hx-e),clip-path var(--hx-d) var(--hx-e)}
body.hxf-zoom .hx-img::before{transition:scale 9s linear}
body.hxf-zoom.hxs-calm .hx-img::before{transition-duration:14s}
body.hxf-zoom .hx-s.on .hx-img::before{scale:1.09}
body.hxf-zoom .hx-s.off .hx-img::before{scale:1.09;transition:none}
body.hxf-glide .hx-s{translate:7% 0}
[dir=rtl] body.hxf-glide .hx-s{translate:-7% 0}
body.hxf-glide .hx-s.on{translate:0 0}
body.hxf-glide .hx-s.off{translate:-4% 0;opacity:0}
[dir=rtl] body.hxf-glide .hx-s.off{translate:4% 0}
body.hxf-blur .hx-s{filter:blur(16px);scale:1.05}
body.hxf-blur .hx-s.on{filter:none;scale:1}
body.hxf-blur .hx-s.off{filter:blur(12px)}
body.hxf-curtain .hx-s{clip-path:inset(0 0 0 100%);opacity:1;z-index:0}
[dir=rtl] body.hxf-curtain .hx-s{clip-path:inset(0 100% 0 0)}
body.hxf-curtain .hx-s.off{clip-path:inset(0 0 0 0);z-index:1;transition:none}
body.hxf-curtain .hx-s.on{clip-path:inset(0 0 0 0);z-index:2}
body.hxf-drift .hx-img::before{inset:0 -5%;transition:translate 12s linear}
body.hxf-drift.hxs-calm .hx-img::before{transition-duration:18s}
body.hxf-drift .hx-s.on .hx-img::before{translate:3.5% 0}
[dir=rtl] body.hxf-drift .hx-s.on .hx-img::before{translate:-3.5% 0}
body.hxf-drift .hx-s.off .hx-img::before{transition:none}
body.hxf-kilim .hx-s{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);opacity:1;z-index:0}
body.hxf-kilim .hx-s.off{clip-path:polygon(50% -70%,170% 50%,50% 170%,-70% 50%);z-index:1;transition:none}
body.hxf-kilim .hx-s.on{clip-path:polygon(50% -70%,170% 50%,50% 170%,-70% 50%);z-index:2}
@media (prefers-reduced-motion:reduce){
body.hx-on .hx-s,body.hx-on .hx-s.on,body.hx-on .hx-s.off{translate:none!important;scale:none!important;filter:none!important;clip-path:none!important;transition:opacity .4s linear!important}
body.hx-on .hx-s:not(.on){opacity:0!important}
body.hx-on .hx-img::before{scale:none!important;translate:none!important;transition:none!important}
.hx-glass{animation:none;transition:none}
}
[data-skin] body:not(.searching) .fr-strip:not([hidden]){grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
[data-skin] body:not(.searching) .fr-strip.fs-glass{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;gap:12px}
[data-skin] body:not(.searching) .fr-strip.fs-glass .fr-it{padding:12px 14px;border-radius:18px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
[data-skin] body:not(.searching) .fr-strip.fs-glass .fr-it+.fr-it{border-inline-start:1px solid var(--line)}
[data-skin] body:not(.searching) .fr-strip.fs-line{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px 0;max-width:860px}
[data-skin] body:not(.searching) .fr-strip.fs-line .fr-it{justify-content:center;padding:4px 10px;gap:8px}
[data-skin] body:not(.searching) .fr-strip.fs-line .fr-ic{width:30px;height:30px}
[data-skin] body:not(.searching) .fr-strip.fs-line .fr-ic svg{width:16px;height:16px}
[data-skin] body:not(.searching) .fr-strip.fs-line .fr-it b{font-size:14px}
[data-skin] body:not(.searching) .fr-strip.fs-line .fr-it+.fr-it{border-inline-start:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
body.hx-on.hxt-w:not(.searching) .fr-strip.fs-line .fr-it b{color:#fff}
body.hx-on.hxt-w:not(.searching) .fr-strip.fs-line .fr-it small{color:rgba(255,255,255,.75)}
@media (max-width:760px){
[data-skin] body:not(.searching) .fr-strip:not([hidden]){grid-template-columns:repeat(min(var(--n,4),2),minmax(0,1fr))}
[data-skin] body:not(.searching) .fr-strip .fr-it:last-child:nth-child(odd):not(:first-child){grid-column:1/-1;border-inline-start:0}
[data-skin] body:not(.searching) .fr-strip.fs-glass{gap:8px}
[data-skin] body:not(.searching) .fr-strip.fs-glass .fr-it{padding:9px 10px;border-radius:14px}
[data-skin] body:not(.searching) .fr-strip.fs-glass .fr-it:nth-child(3){border-inline-start:1px solid var(--line)}
[data-skin] body:not(.searching) .fr-strip.fs-line .fr-it{justify-content:flex-start}
}
#me.me-preparing .panel{visibility:hidden;animation:none}
#me.me-preparing .scrim::after{content:'';position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:me-spin .8s linear infinite}
#meb.me-wait{min-height:150px;position:relative}
#meb.me-wait>*{visibility:hidden}
#meb.me-wait::after{content:'';position:absolute;top:42px;left:calc(50% - 14px);width:28px;height:28px;border:3px solid var(--line2);border-top-color:var(--tq);border-radius:50%;animation:me-spin .8s linear infinite}
@keyframes me-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#me.me-preparing .scrim::after,#meb.me-wait::after{animation:none}}
@media (min-width:861px){
.fgrid.has-apps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.fgrid.has-apps > *{min-width:0;max-width:100%}
.fgrid.has-apps .fcaps-row{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(min(90px,100%),1fr));grid-auto-columns:auto}
}
.fap-card,.st-compact{width:100%;max-width:100%;box-sizing:border-box}
.fap-card .fapps-row,.st-compact .fapps-row{min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr))}
.fcaps{min-width:0;max-width:100%;box-sizing:border-box}
.fcaps-row{min-width:0;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.fcaps-row .fcap,.fcaps-row .fhb{height:100%;min-width:0;box-sizing:border-box}
.fcaps-row .fhb{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto;gap:8px;align-items:center;min-height:62px;padding:10px 13px;text-align:start}
.fcaps-row .fhb>.fic{grid-row:auto;width:36px;height:36px;border-radius:50%}
.fcaps-row .fhb>span{grid-column:2;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px}
.fcaps-row .fhb>.fcnt,.fcaps-row .fhb>.fchev{display:none}
.fcaps[data-caps-style=oval] .fcap{border-radius:999px}
.fcaps[data-caps-style=oval] .fcap::before{display:none}
.fcaps[data-caps-style=oval] .fhb{padding-inline:12px 16px}
.fcaps[data-caps-style=outline] .fcap{border-radius:999px;background:transparent;border-color:color-mix(in srgb,var(--a) 50%,var(--line));box-shadow:none}
.fcaps[data-caps-style=outline] .fcap::before{display:none}
.fcaps[data-caps-style=outline] .fic{background:transparent;border:1px solid color-mix(in srgb,var(--a) 45%,var(--line))}
.fcaps[data-caps-style=soft] .fcap{border-radius:22px;background:color-mix(in srgb,var(--a) 11%,var(--card));border-color:color-mix(in srgb,var(--a) 23%,var(--line))}
.fcaps[data-caps-style=soft] .fcap::before{display:none}
.fcaps[data-caps-style=soft] .fic{background:color-mix(in srgb,var(--a) 21%,transparent)}
.fcaps[data-caps-style=oval] .fhb:focus-visible,.fcaps[data-caps-style=outline] .fhb:focus-visible{border-radius:999px}
@media (min-width:861px){
.fgrid.has-apps{grid-template-columns:minmax(180px,.8fr) minmax(320px,1.6fr);align-items:center}
.fgrid.has-apps .fapps{grid-column:1/-1;width:min(100%,420px);max-width:420px;justify-self:center}
.fgrid.has-apps .fcaps-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){.fgrid.has-apps .fapps{width:min(100%,420px);justify-self:center}}
@media (max-width:350px){.fcaps{padding:10px}.fcaps-row{gap:7px}.fcaps-row .fhb{gap:6px;padding:8px;grid-template-columns:32px minmax(0,1fr)}.fcaps-row .fhb>.fic{width:32px;height:32px}.fcaps-row .fhb>span{font-size:11.5px}}
.fcaps{width:100%;max-width:560px;justify-self:center}
.fcaps-row .fhb{min-height:50px;padding-block:7px;grid-template-columns:32px minmax(0,1fr)}
.fcaps-row .fhb>.fic{width:32px;height:32px}
@media (min-width:861px){.fgrid.has-apps .fcaps{justify-self:center}}
.fapps-row[data-count="1"]{grid-template-columns:minmax(0,150px)}
.fapps-row[data-count="2"]{grid-template-columns:repeat(2,minmax(0,150px))}
.fapps-row[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.fapps-row[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.fapps-row[data-count="3"] .fapp,.fapps-row[data-count="4"] .fapp{gap:4px;padding:8px 5px;justify-content:center}
.fapps-row[data-count="3"] .fapp-i,.fapps-row[data-count="4"] .fapp-i{width:18px;height:18px}
.fapps-row[data-count="3"] .fapp-i svg,.fapps-row[data-count="4"] .fapp-i svg{width:17px;height:17px}
.fapps-row[data-count="3"] .fapp-t small,.fapps-row[data-count="4"] .fapp-t small{font-size:9px;overflow:hidden;text-overflow:ellipsis}
.fapps-row[data-count="3"] .fapp-t b,.fapps-row[data-count="4"] .fapp-t b{font-size:10px}
.fapps-row[data-count="3"] .fapp.soon em,.fapps-row[data-count="4"] .fapp.soon em{font-size:8px;inset-inline-end:3px;padding-inline:4px}
.fapps-row[data-count="4"] .fapp-all,.fapps-row[data-count="3"] .fapp-all{font-size:10px;padding:5px}
.fapps-row[data-count="3"] .fapp,.fapps-row[data-count="4"] .fapp{flex-direction:column;gap:2px;padding:11px 2px 4px;text-align:center}
.fapps-row[data-count="3"] .fapp-t,.fapps-row[data-count="4"] .fapp-t{width:100%;align-items:center}
.fapps-row[data-count="3"] .fapp-t small,.fapps-row[data-count="4"] .fapp-t small{display:none}
.fapps-row[data-count="3"] .fapp-t b,.fapps-row[data-count="4"] .fapp-t b{max-width:100%;font-size:9px;letter-spacing:-.1px}
.fapps-row[data-count="3"],.fapps-row[data-count="4"]{gap:5px}
.fapps-row[data-count="2"] .fapp{gap:5px;padding:8px 6px}
.fapps-row[data-count="2"] .fapp-i{width:20px;height:20px}
.fapps-row[data-count="2"] .fapp-i svg{width:19px;height:19px}
.fapps-row[data-count="2"] .fapp-t b{font-size:11px}
.fapps-row[data-count="2"] .fapp-t small{font-size:9px;overflow:hidden;text-overflow:ellipsis}
.fgrid,.fgrid.has-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:center;gap:18px 24px}
.fgrid > *{min-width:0;max-width:100%;grid-column:auto}
.fgrid > .fcta,.fgrid > .fapps-band,.fgrid.has-apps > .fapps{grid-column:1/-1;width:100%;max-width:none;margin:0}
.fgrid > .fapps-band,.fgrid > .fcta{padding-top:0}
.fgrid.has-apps > .fapps{width:min(100%,420px);justify-self:center}
.fgrid > .fbrand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.fgrid > .fsoc{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.fgrid > .fsoc[hidden]{display:none}
@media(max-width:860px){.fgrid,.fgrid.has-apps{grid-template-columns:minmax(0,1fr)}.fgrid > .fbrand,.fgrid > .fsoc{align-items:center;text-align:center}.fgrid > .fsoc .fsoc-i{justify-content:center}}
.fcaps[data-caps-style=classic] .fcap{border-radius:12px;background:var(--card);border:1px solid var(--line2);box-shadow:0 2px 6px rgba(10,16,32,.05)}
.fcaps[data-caps-style=oval] .fcap{border-radius:999px;background:color-mix(in srgb,var(--a) 12%,var(--card));border:1px solid color-mix(in srgb,var(--a) 34%,var(--line));box-shadow:0 3px 9px color-mix(in srgb,var(--a) 12%,transparent)}
.fcaps[data-caps-style=outline] .fcap{border-radius:999px;background:transparent;border:1.5px solid color-mix(in srgb,var(--a) 75%,var(--line));box-shadow:none}
.fcaps[data-caps-style=soft] .fcap{border:0;border-radius:20px;background:color-mix(in srgb,var(--a) 19%,var(--card));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 50%,transparent),0 5px 12px color-mix(in srgb,var(--a) 13%,transparent)}
.fcaps[data-caps-style=soft] .fic{background:color-mix(in srgb,var(--a) 28%,transparent)}
@media (min-width:861px){
.fgrid,.fgrid.has-apps{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px 24px}
.fgrid > *{min-width:0;max-width:100%}
.fgrid > .fbrand{flex:1 1 160px}
.fgrid > .fsoc{flex:0.85 1 155px}
.fgrid > .fcaps{flex:1.9 1 350px;width:auto;max-width:none;justify-self:auto}
.fgrid.has-apps > .fapps{flex:1.35 1 265px;width:auto;max-width:none;margin:0;justify-self:auto}
.fgrid > .fcta,.fgrid > .fapps-band{flex:1 0 100%;width:100%;max-width:100%;margin:0}
}
.fcaps[data-caps-style=expand]{max-width:420px}
.fcaps[data-caps-style=expand] .fcaps-row{align-items:start}
.fcaps[data-caps-style=expand] .fcap{height:auto;border-radius:20px;background:color-mix(in srgb,var(--a) 10%,var(--card));border-color:color-mix(in srgb,var(--a) 30%,var(--line))}
.fcaps[data-caps-style=expand] .fhb{height:auto;min-height:48px}
.fcaps[data-caps-style=expand] .fcol.open .fcap{transform:none;opacity:1;box-shadow:0 10px 25px -18px color-mix(in srgb,var(--a) 60%,transparent)}
.fcaps[data-caps-style=expand] .fcol .fbody{display:block;box-sizing:border-box;max-height:0;padding:0 8px;overflow:hidden;opacity:0;visibility:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--a) 45%,transparent) transparent;transition:max-height .32s cubic-bezier(.25,.8,.25,1),padding .32s,opacity .2s,visibility 0s .32s}
.fcaps[data-caps-style=expand] .fcol.open .fbody{max-height:120px;padding:4px 8px 8px;overflow-y:auto;overflow-x:hidden;opacity:1;visibility:visible;transition:max-height .32s cubic-bezier(.25,.8,.25,1),padding .32s,opacity .2s .06s,visibility 0s}
.fcaps[data-caps-style=expand] .fbody:focus-visible{outline:2px solid var(--a);outline-offset:-2px;border-radius:10px}
.fcaps[data-caps-style=expand] .fbody ul{list-style:none;margin:0;padding:0;min-width:0}
.fcaps[data-caps-style=expand] .fbody li{min-width:0;min-height:32px;display:flex;align-items:center;padding:4px 8px;border-radius:10px;line-height:1.35;font-size:12px;overflow-wrap:anywhere}
.fcaps[data-caps-style=expand] .fbody li a,.fcaps[data-caps-style=expand] .fbody li .fshop,.fcaps[data-caps-style=expand] .fbody li .fct{min-width:0;max-width:100%;color:var(--ink2);text-decoration:none;overflow-wrap:anywhere}
.fcaps[data-caps-style=expand] .fbody li a:focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:4px}
.fcaps[data-caps-style=expand] .fbody li svg{width:16px;height:16px;flex:none}
@media (hover:hover){.fcaps[data-caps-style=expand] .fbody li:hover{background:color-mix(in srgb,var(--a) 10%,transparent)}}
@media (prefers-reduced-motion:reduce){.fcaps[data-caps-style=expand] .fbody{transition:none!important}}
@media (max-height:400px){.fcaps[data-caps-style=expand] .fcol.open .fbody{max-height:45px}}
.fgrid-builder > *{min-width:0;max-width:100%;overflow-wrap:anywhere}
.fuser-block{min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink)}
.fuser-block h3{margin:0 0 6px;font-size:15px}.fuser-block p{margin:0 0 8px;font-size:13px;line-height:1.6;white-space:pre-wrap}
.fuser-block a{color:var(--tq);overflow-wrap:anywhere}
@media (min-width:861px){
.fgrid.fgrid-builder,.fgrid.fgrid-builder.has-apps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.fgrid.fgrid-builder > *{grid-column:span var(--foot-span,12);width:auto;max-width:100%;min-width:0;margin:0}
}
@media (min-width:561px) and (max-width:860px){.fgrid.fgrid-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fgrid.fgrid-builder > *{grid-column:span 1;min-width:0;max-width:100%;width:auto}.fgrid.fgrid-builder > .fcta,.fgrid.fgrid-builder > .fapps-band{grid-column:1/-1}}
@media (max-width:560px){.fgrid.fgrid-builder{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.fgrid.fgrid-builder > *{grid-column:1;min-width:0;max-width:100%;width:auto}}
@media (min-width:861px){.fgrid.fgrid-builder.fgrid-placed > *{grid-column:var(--foot-col) / span var(--foot-span);grid-row:var(--foot-row)}}
.fgrid:not(.fgrid-builder),.fgrid.has-apps:not(.fgrid-builder){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2.2vw,28px);align-items:start}
.fgrid:not(.fgrid-builder)>*{min-width:0;max-width:100%;margin:0;overflow-wrap:anywhere}
.fgrid:not(.fgrid-builder)>.fbrand{grid-column:span 4;max-width:360px}
.fgrid:not(.fgrid-builder)>.fsoc{grid-column:span 3}
.fgrid:not(.fgrid-builder)>.fcaps{grid-column:span 5;width:100%;max-width:none}
.fgrid.has-apps:not(.fgrid-builder)>.fapps{grid-column:span 6;width:100%;max-width:none;justify-self:stretch}
.fgrid:not(.fgrid-builder)>.fapps-band,.fgrid:not(.fgrid-builder)>.fcta{grid-column:1/-1;width:100%;max-width:100%;padding-top:0}
@media(max-width:1100px){
.fgrid:not(.fgrid-builder)>.fbrand,.fgrid:not(.fgrid-builder)>.fsoc{grid-column:span 6}
.fgrid:not(.fgrid-builder)>.fcaps,.fgrid.has-apps:not(.fgrid-builder)>.fapps{grid-column:1/-1}
.fgrid:not(.fgrid-builder)>.fcaps{max-width:560px}
.fgrid.has-apps:not(.fgrid-builder)>.fapps{max-width:420px;justify-self:center}
}
@media(max-width:560px){
.fgrid:not(.fgrid-builder),.fgrid.has-apps:not(.fgrid-builder){grid-template-columns:minmax(0,1fr);gap:18px}
.fgrid:not(.fgrid-builder)>*{grid-column:1!important;justify-self:center}
.fgrid:not(.fgrid-builder)>.fbrand,.fgrid:not(.fgrid-builder)>.fsoc{width:100%;align-items:center;text-align:center}
}

/* ---- home59.css ---- */
.h59{margin-top:6px}
.h59row{grid-auto-columns:minmax(164px,184px);gap:12px}
.h59c{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border-radius:var(--r,18px);
background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;scroll-snap-align:start;
transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease),border-color .25s;animation:rise .6s var(--ease,ease) both;animation-delay:calc(var(--i,0)*50ms)}
.h59c:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tq,#14a38b) 40%,var(--line))}
.h59c:focus-visible{outline:2px solid var(--tq,#14a38b);outline-offset:2px}
.h59i{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff}
.h59i img{width:100%;height:100%;object-fit:contain;display:block}
.h59p{position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:2px 8px;border-radius:999px;font-style:normal;font-size:12px;font-weight:800;
background:var(--ok,#15945f);color:#fff;box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.h59t{font-size:13px;font-weight:700;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.h59pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.h59pr>bdi{font-size:14px;font-weight:900;color:var(--ink)}
.h59pr s{font-size:11.5px;color:var(--muted)}
.h59s{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h59clr{font-size:12.5px}
.h59how{box-sizing:border-box;margin:22px 0 6px;border:1px solid var(--line);border-radius:999px;background:var(--card);transition:border-radius .25s}
.h59how[open]{border-radius:var(--r,18px);padding-bottom:12px}
.h59how>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;cursor:pointer;list-style:none;font-weight:700;font-size:14px;color:var(--ink2,var(--ink))}
.h59how>summary::-webkit-details-marker{display:none}
.h59how>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.h59how[open]>summary svg{transform:rotate(180deg)}
.h59how .how{margin:0 12px}
@media (max-width:700px){.h59how .how{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}}
.h59how>summary:focus-visible{outline:2px solid var(--tq,#14a38b);outline-offset:2px;border-radius:999px}
@media (max-width:620px){.h59row{grid-auto-columns:minmax(146px,46%)}.h59t{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.h59c{animation:none;transition:none}.h59how,.h59how>summary svg{transition:none}}

/* ---- pulse.css ---- */
.plov{position:fixed;inset:0;z-index:118;display:grid;place-items:center;padding:16px;background:rgba(13,15,28,.42);backdrop-filter:blur(3px);animation:plfade .25s ease both}
.plov.soft{background:transparent;backdrop-filter:none;pointer-events:none;place-items:end;padding:20px}
.plov.soft .plbox{pointer-events:auto;width:min(400px,100%)}
.plov.out{animation:plfade .2s ease reverse both}
.plbox{width:min(500px,100%);min-width:0;box-sizing:border-box;background:var(--card);color:var(--ink);border-radius:24px;padding:20px 20px 16px;overflow:hidden;
display:flex;flex-direction:column;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
box-shadow:0 2px 6px rgba(27,31,59,.08),0 30px 70px -24px rgba(13,15,28,.55);animation:plin .4s cubic-bezier(.2,.8,.2,1) both}
.plk{height:5px;margin:-20px -20px 14px;background:linear-gradient(90deg,var(--tq),var(--saffron))}
#plin{display:flex;flex-direction:column;min-height:0;flex:1}
.plbox h3{margin:0 0 6px;font-size:17px;line-height:1.6}
.plp{margin:0 0 8px;color:var(--ink2);font-size:14px;line-height:1.75;white-space:pre-line}
.plm{margin:2px 0 8px;color:var(--muted);font-size:12.5px}
.plreq{color:var(--pom)}
.plrow{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;flex:none}
.plrow .btn{flex:1;min-width:110px;min-height:44px}
.plbar{height:5px;border-radius:5px;background:var(--field);overflow:hidden;flex:none}
.plbar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--tq),var(--saffron));transition:width .35s var(--ease,ease)}
.plmeta{display:flex;justify-content:space-between;gap:10px;margin:8px 0 10px;color:var(--muted);font-size:12px;flex:none}
.plmeta small:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plsc-wrap{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px 2px}
.plopts,.plyn{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.plyn{flex-direction:row}.plyn .plo{flex:1;justify-content:center;font-weight:800}
.plo{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 14px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);color:var(--ink);
font:inherit;font-size:14.5px;text-align:start;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--spring,ease)}
.plo:hover{border-color:color-mix(in srgb,var(--tq) 55%,var(--line2))}
.plo:active{transform:scale(.985)}
.plo i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);transition:all .2s}
.plo.on{border-color:var(--tq);background:color-mix(in srgb,var(--tq) 10%,var(--card))}
.plo.on i{border-color:var(--tq);background:var(--tq);box-shadow:inset 0 0 0 3px var(--card)}
.plopts .plo span{flex:1;overflow-wrap:anywhere}
.plin{width:100%;min-width:0;box-sizing:border-box;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);color:var(--ink);padding:11px 13px;font:inherit;font-size:15px}
.plin:focus{outline:none;border-color:var(--tq)}
textarea.plin{resize:vertical;min-height:120px;max-height:40dvh}
.plscale{display:flex;gap:6px;margin-top:8px}
.plsc{flex:1;min-width:0;min-height:48px;border-radius:14px;border:1.5px solid var(--line2);background:var(--field);color:var(--ink);font:inherit;font-weight:800;font-size:15px;cursor:pointer;
transition:transform .2s var(--spring,ease),background .2s,border-color .2s,color .2s}
.plsc:hover{transform:translateY(-2px)}
.plsc.on{border-color:var(--tq);background:color-mix(in srgb,var(--tq) 14%,var(--card))}
.plscale.stars .plsc{font-size:24px;color:var(--line2);border-color:transparent;background:transparent}
.plscale.stars .plsc.lit{color:var(--saffron)}
.plscale.emoji .plsc{font-size:25px;filter:grayscale(.65);opacity:.8}
.plscale.emoji .plsc.on{filter:none;opacity:1;transform:scale(1.08)}
.plscale.nps{gap:4px}.plscale.nps .plsc{font-size:13px;min-height:44px;border-radius:10px;padding:0}
.pllab{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-top:6px}
.plerr{color:var(--pom);font-weight:700;font-size:13px;margin-top:10px}
.plthx{text-align:center;padding:10px 0 2px}
.plok{width:62px;height:62px;border-radius:50%;margin:4px auto 12px;display:grid;place-items:center;background:color-mix(in srgb,var(--tq) 14%,var(--card));animation:plpop .5s var(--spring,ease) both}
.plok svg{width:30px;height:30px;fill:none;stroke:var(--tq);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:pldraw .5s .2s ease forwards}
.plcard{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;border-radius:20px;border:1px solid var(--line2);
background:linear-gradient(135deg,color-mix(in srgb,var(--tq) 9%,var(--card)),var(--card) 60%);box-shadow:0 10px 28px -20px rgba(27,31,59,.5);animation:plin .5s cubic-bezier(.2,.8,.2,1) both}
.plc-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--tq) 15%,transparent)}
.plc-ic svg{width:24px;height:24px;fill:none;stroke:var(--tq);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.plc-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.plc-tx small{color:var(--tq2,var(--tq));font-weight:800;font-size:11.5px}
.plc-tx b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plc-tx span{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plc-a{display:flex;align-items:center;gap:4px;flex:none}
.plc-a .ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mr-ic.k-pulse{color:var(--tq)}
@keyframes plin{from{opacity:0;transform:translateY(14px) scale(.985)}}
@keyframes plfade{from{opacity:0}}
@keyframes plpop{from{transform:scale(.4);opacity:0}}
@keyframes pldraw{to{stroke-dashoffset:0}}
@media (max-width:640px){
.plov,.plov.soft{place-items:end center;padding:0}
.plov.soft{background:rgba(13,15,28,.2);pointer-events:auto}
.plbox,.plov.soft .plbox{width:100%;border-radius:22px 22px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top))}
.plscale.nps{flex-wrap:wrap}.plscale.nps .plsc{flex:1 0 calc(16.66% - 4px)}
.plcard{flex-wrap:wrap;gap:10px}.plc-a{width:100%}.plc-a .btn{flex:1;min-height:42px}
}
@media (prefers-reduced-motion:reduce){.plov,.plbox,.plcard,.plok,.plok svg{animation:none}.plok svg{stroke-dashoffset:0}}
.plcard{--pc:var(--tq);position:relative;isolation:isolate;overflow:hidden}
.plcard.tone-teal{--pc:#14a38b}.plcard.tone-amber{--pc:#e08e0b}.plcard.tone-indigo{--pc:#5b5bd6}.plcard.tone-rose{--pc:#e2557a}
.pc-art{position:relative;flex:none;width:44px;height:44px}
.pc-ring{position:absolute;inset:0;border-radius:14px;background:color-mix(in srgb,var(--pc) 15%,transparent)}
.pc-ic{position:absolute;inset:0;display:grid;place-items:center}
.pc-ic svg{width:24px;height:24px;fill:none;stroke:var(--pc);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pc-ic svg .f{fill:color-mix(in srgb,var(--pc) 22%,transparent)}
.pc-sp{display:none}
.pc-eye{display:inline-flex;align-items:center;gap:6px;color:var(--pc)!important}
.pc-dot{width:7px;height:7px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 0 color-mix(in srgb,var(--pc) 55%,transparent);animation:pcping 2.4s ease-out infinite}
@keyframes pcping{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.pc-go{display:inline-flex;align-items:center;gap:6px}
.pc-arr{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
[dir=ltr] .pc-arr{transform:scaleX(-1)}
.pc-go:hover .pc-arr{transform:translateX(-3px)}[dir=ltr] .pc-go:hover .pc-arr{transform:scaleX(-1) translateX(-3px)}
.plcard:not(.tone-brand) .pc-go{background:var(--pc);border-color:var(--pc);color:#fff}
.pc-wm{position:absolute;z-index:-1;inset-inline-end:150px;top:50%;width:150px;height:150px;translate:0 -50%;rotate:-12deg;opacity:.07;pointer-events:none;
fill:none;stroke:var(--pc);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.pc-wm .f{fill:var(--pc)}
.pc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.pc-meta span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap;
color:color-mix(in srgb,var(--pc) 70%,var(--ink));background:color-mix(in srgb,var(--pc) 9%,var(--card));border:1px solid color-mix(in srgb,var(--pc) 14%,transparent)}
.pc-meta svg{width:13px;height:13px;stroke-width:2.2}
.pc-meta .pc-ppl{color:#137a3a;background:color-mix(in srgb,#16a34a 10%,var(--card));border-color:color-mix(in srgb,#16a34a 18%,transparent)}
[data-theme=dark] .pc-meta .pc-ppl{color:#7ee2a2}
.plcard.pc-rich{gap:18px;padding:18px 22px;border-radius:24px;border-color:color-mix(in srgb,var(--pc) 22%,var(--line2,var(--line)));
background:radial-gradient(90% 160% at 0% 0%,color-mix(in srgb,var(--pc) 13%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--pc) 5%,var(--card)),var(--card) 70%)}
.pc-rich .pc-art,.pc-banner .pc-art{width:66px;height:66px}
.pc-rich .pc-ring{border-radius:21px;rotate:-7deg;background:linear-gradient(145deg,var(--pc),color-mix(in srgb,var(--pc) 58%,#151933));box-shadow:0 14px 26px -14px var(--pc)}
.pc-rich .pc-ic svg{width:36px;height:36px;stroke:#fff;stroke-width:1.7;animation:pcbob 4.5s ease-in-out infinite}
.pc-rich .pc-ic svg .f{fill:rgba(255,255,255,.3)}
@keyframes pcbob{50%{transform:translateY(-3px) rotate(-4deg)}}
.pc-rich .pc-sp,.pc-banner .pc-sp{display:block;position:absolute;border-radius:50%;animation:pcsp 3.6s ease-in-out infinite}
.pc-sp.s1{width:9px;height:9px;top:-4px;inset-inline-start:-5px;background:#f4b43c}
.pc-sp.s2{width:6px;height:6px;bottom:2px;inset-inline-end:-7px;background:color-mix(in srgb,var(--pc) 70%,#fff);animation-delay:-1.2s}
.pc-sp.s3{width:5px;height:5px;top:6px;inset-inline-end:-9px;background:#f4b43c;opacity:.7;animation-delay:-2.3s}
@keyframes pcsp{50%{transform:translateY(-4px) scale(1.15)}}
.pc-rich .plc-tx b,.pc-banner .plc-tx b{font-size:17px;margin-top:2px}
.pc-rich .pc-go,.pc-banner .pc-go{min-height:42px;padding-inline:18px 14px;border-radius:99px;font-size:14px;box-shadow:0 10px 20px -12px var(--pc)}
.plcard.pc-banner{gap:18px;padding:20px 24px;border-radius:24px;border:0;color:#fff;
background:radial-gradient(70% 140% at 100% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(120deg,var(--pc),color-mix(in srgb,var(--pc) 52%,#101433))}
.pc-banner .pc-ring{border-radius:21px;rotate:-7deg;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.pc-banner .pc-ic svg{width:36px;height:36px;stroke:#fff;stroke-width:1.7}.pc-banner .pc-ic svg .f{fill:rgba(255,255,255,.28)}
.pc-banner .pc-eye{color:#fff!important;opacity:.92}.pc-banner .pc-dot{background:#fff}
.pc-banner .plc-tx b{color:#fff}.pc-banner .plc-tx .pc-in{color:rgba(255,255,255,.82)}
.pc-banner .pc-meta span{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}
.pc-banner .pc-go{background:#fff!important;border-color:#fff!important;color:color-mix(in srgb,var(--pc) 80%,#101433)!important}
.pc-banner .plc-a .ib{color:#fff}
.pc-banner .pc-wm{stroke:#fff;opacity:.12}.pc-banner .pc-wm .f{fill:#fff}
@media (max-width:640px){
.plcard.pc-rich,.plcard.pc-banner{padding:16px;gap:12px}
.pc-rich .pc-art,.pc-banner .pc-art{width:52px;height:52px}
.pc-rich .pc-ic svg,.pc-banner .pc-ic svg{width:26px;height:26px}
.pc-rich .plc-tx,.pc-banner .plc-tx{flex:1 1 calc(100% - 70px)}
.pc-rich .plc-tx .pc-in,.pc-banner .plc-tx .pc-in{white-space:normal}
.pc-wm{inset-inline-end:-30px;top:30%;width:120px;height:120px}
}
@media (prefers-reduced-motion:reduce){.pc-dot,.pc-ic svg,.pc-sp{animation:none!important}}

/* ---- fab.css ---- */
@property --nka{syntax:'<angle>';inherits:false;initial-value:0deg}
.nkfab.nkfab{--fs:56px;--b1:var(--f1,#2b3668);--b2:var(--f2,#151a36);--bfg:var(--ffg,#fff);--bac:var(--fac,#f6c445);--fr:calc(var(--fs) * .34);
display:inline-flex;align-items:center;min-width:var(--fs);width:auto;height:var(--fs);padding:0;gap:0;border:0;border-radius:var(--fr);
overflow:visible;isolation:isolate;color:var(--bfg);background:linear-gradient(150deg,var(--b1),var(--b2));
box-shadow:0 12px 26px -10px color-mix(in srgb,var(--b2) 72%,transparent),0 2px 6px rgba(15,20,40,.16),inset 0 1px 0 rgba(255,255,255,.14);
font:inherit;cursor:pointer}
[data-theme=dark] .nkfab.nkfab,.nkdark .nkfab.nkfab{--b1:var(--g1,#f8cd57);--b2:var(--g2,#e9a514);--bfg:var(--gfg,#1b1f3b);--bac:var(--gac,#1b1f3b)}
[data-theme] .nklight .nkfab.nkfab{--b1:var(--f1,#2b3668);--b2:var(--f2,#151a36);--bfg:var(--ffg,#fff);--bac:var(--fac,#f6c445)}
.nkfab.nkfab.fz-s{--fs:48px}
.nkfab.nkfab.fz-l{--fs:64px}
@media (max-width:640px){
.nkfab.nkfab{--fs:52px}
.nkfab.nkfab.fz-s{--fs:46px}
.nkfab.nkfab.fz-l{--fs:58px}
}
.nkfab.nkfab .hlpic{flex:none;width:var(--fs);height:var(--fs);display:grid;place-items:center;position:relative;z-index:2}
.nkfab.nkfab .hlpic svg{width:calc(var(--fs) * .48);height:calc(var(--fs) * .48);color:var(--bfg);filter:none;overflow:visible}
.nkfab.nkfab .hlpic svg.nk-own{width:calc(var(--fs) * .46);height:calc(var(--fs) * .46)}
.nkfab svg .f,.hlpav svg .f{fill:currentColor}
.nkfab svg .a{color:var(--bac)}
.hlpav svg .a{color:var(--fac,#f6c445)}
.nkfab svg .nk-wb{stroke-width:2.4}
.nkfab svg .nk-mono,.hlpav svg .nk-mono{font-size:15.5px;font-weight:800;fill:currentColor;stroke:none;font-family:inherit}
.nkfab svg .nk-tw,.nkfab svg .nk-tw2,.nkfab svg .nk-eye,.nkfab svg .nk-dt,.nkfab svg .nk-wb{transform-box:fill-box;transform-origin:center}
.nkfab svg .nk-orb{transform-box:view-box;transform-origin:12px 12px}
.nkfab svg .nk-tilt{transform-box:view-box;transform-origin:12px 7.4px}
.nkfab svg .nk-wb{transform-origin:50% 50%}
.nkfab.nkfab .hlpfl{display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;color:var(--bfg);
position:relative;z-index:2;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .2s ease,padding .4s cubic-bezier(.2,.8,.2,1)}
.nkfab.nkfab.fl-never .hlpfl{display:none}
.nkfab.nkfab.nk-open .hlpfl{max-width:240px;opacity:1;padding-inline:18px}
@media (min-width:861px){
.nkfab.nkfab.fl-always:not(.dragging) .hlpfl{max-width:240px;opacity:1;padding-inline:18px}
}
body.searching .nkfab.nkfab .hlpfl{display:none}
.nkfab .hlpon{position:absolute;top:-3px;left:-3px;width:14px;height:14px;border-radius:50%;background:#1fb39a;border:3px solid var(--bg,#fff);z-index:3}
.nkfab.nk-nodot .hlpon{display:none}
.nkfab.nkfab.fs-circle{--fr:999px}
.nkfab.nkfab.fs-soft{--fr:calc(var(--fs) * .24)}
.nkfab.nkfab.fs-drop{border-radius:999px 999px calc(var(--fs) * .2) 999px}
.nkfab.nkfab.fs-drop[data-side=l]{border-radius:999px 999px 999px calc(var(--fs) * .2)}
.nkfab.nkfab.ff-solid{background:var(--b1)}
.nkfab.nkfab.ff-glass{background:color-mix(in srgb,var(--b1) 60%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7);
box-shadow:0 12px 30px -12px rgba(15,20,45,.38),inset 0 0 0 1px color-mix(in srgb,var(--bfg) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.55)}
.nkfab.nkfab.ff-outline{background:var(--b1);box-shadow:inset 0 0 0 2px var(--b2),0 12px 24px -12px color-mix(in srgb,var(--b2) 55%,transparent),0 2px 5px rgba(15,20,40,.1)}
.nkfab.nkfab.ff-aurora::before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;z-index:1;
background:conic-gradient(from var(--nka),transparent 0 50%,color-mix(in srgb,var(--bac) 85%,transparent) 64%,#fff 71%,color-mix(in srgb,var(--bac) 85%,transparent) 78%,transparent 92%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.nkfab.nkfab.ff-aurora::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
box-shadow:0 0 24px -2px color-mix(in srgb,var(--bac) 60%,transparent);opacity:.35}
.nkfab.fm-calm .hlpon,.nkfab.fm-lively .hlpon{animation:nkon 3.4s ease-in-out infinite}
.nkfab.fm-calm.ff-aurora::before{animation:nkspin 7s linear infinite}
.nkfab.fm-lively.ff-aurora::before{animation:nkspin 4.5s linear infinite}
.nkfab.fm-calm.ff-aurora::after,.nkfab.fm-lively.ff-aurora::after{animation:nkglow 3.6s ease-in-out infinite}
.nkfab.fm-calm svg .nk-tw{animation:nktw 7s ease-in-out infinite 1.2s}
.nkfab.fm-lively svg .nk-tw{animation:nktw 4s ease-in-out infinite .6s}
.nkfab.fm-calm svg .nk-tw2,.nkfab.fm-lively svg .nk-tw2{animation:nktw2 3.2s ease-in-out infinite}
.nkfab.fm-calm svg .nk-eye{animation:nkblink 5.5s ease-in-out infinite 1s}
.nkfab.fm-lively svg .nk-eye{animation:nkblink 3.6s ease-in-out infinite .4s}
.nkfab.fm-calm svg .nk-dt{animation:nkdot 3.2s ease-in-out infinite;animation-delay:var(--d)}
.nkfab.fm-lively svg .nk-dt{animation:nkdot 1.8s ease-in-out infinite;animation-delay:var(--d)}
.nkfab.fm-calm svg .nk-wb{animation:nkwave 2.6s ease-in-out infinite;animation-delay:var(--d)}
.nkfab.fm-lively svg .nk-wb{animation:nkwave 1.3s ease-in-out infinite;animation-delay:var(--d)}
.nkfab.fm-calm svg .nk-orb{animation:nkorb 16s linear infinite}
.nkfab.fm-lively svg .nk-orb{animation:nkorb 7s linear infinite}
.nkfab.fm-calm svg .nk-tilt{animation:nktilt 6s ease-in-out infinite}
.nkfab.fm-lively svg .nk-tilt{animation:nktilt 3.4s ease-in-out infinite}
.nkfab.fm-lively .hlpic{animation:nknudge 9s ease-in-out infinite 3s}
.nkfab.dragging .hlpic,.nkfab.dragging svg *{animation:none!important}
@keyframes nkspin{to{--nka:360deg}}
@keyframes nkglow{0%,100%{opacity:.2}50%{opacity:.55}}
@keyframes nkon{0%,100%{box-shadow:0 0 0 0 rgba(31,179,154,.5)}55%{box-shadow:0 0 0 6px rgba(31,179,154,0)}}
@keyframes nktw{0%,84%,100%{transform:scale(1) rotate(0);opacity:1}89%{transform:scale(.3) rotate(45deg);opacity:.55}94%{transform:scale(1.28) rotate(90deg);opacity:1}}
@keyframes nktw2{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@keyframes nkblink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.12)}}
@keyframes nkdot{0%,45%,100%{transform:translateY(0);opacity:.65}15%{transform:translateY(-2.2px);opacity:1}30%{transform:translateY(0);opacity:.9}}
@keyframes nkwave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes nkorb{to{transform:rotate(360deg)}}
@keyframes nktilt{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes nknudge{0%,86%,100%{transform:none}89%{transform:translateY(-3px) rotate(-8deg)}92%{transform:translateY(0) rotate(6deg)}95%{transform:rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){
.nkfab,.nkfab::before,.nkfab::after,.nkfab .hlpic,.nkfab .hlpon,.nkfab svg *{animation:none!important}
}
#hlp .hlpav svg .nk-wb{stroke-width:2.4}
.nkfab.nkfab.fz-auto{--fs:clamp(44px,calc(36px + 1.05vw),54px)}
.nkfab.nkfab.fz-xs{--fs:42px}
@media (max-width:640px){.nkfab.nkfab.fz-xs{--fs:40px}}
.hlpfab.qb-away{opacity:0;pointer-events:none}
.hlpfab.qb-away[data-away=l]{translate:calc(-100% - 28px) 0}
.hlpfab.qb-away[data-away=r]{translate:calc(100% + 28px) 0}
.hlpfab.qb-anim{transition:translate .42s cubic-bezier(.3,.8,.25,1),opacity .3s ease,transform .2s ease !important}
.hlpfab.qb-on{opacity:0 !important;transition:opacity .15s ease}
.hlpcres{position:fixed;z-index:58;width:20px;height:60px;margin-top:-30px;padding:0;border:0;background:none;cursor:pointer;opacity:0;
transition:opacity .3s ease,translate .36s cubic-bezier(.3,.8,.25,1);-webkit-tap-highlight-color:transparent;touch-action:none}
.hlpcres[hidden]{display:none}
.hlpcres[data-side=l]{left:0;translate:-100% 0}
.hlpcres[data-side=r]{right:0;translate:100% 0}
.hlpcres.in{opacity:1;translate:0 0}
.hlpcres::before{content:'';position:absolute;inset:-12px -16px}
.hlpcres svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 6px rgba(15,20,40,.35))}
.hlpcres[data-side=r] svg{transform:scaleX(-1)}
.hlpcres .s1{stop-color:var(--f1,#2b3668)}
.hlpcres .s2{stop-color:var(--f2,#151a36)}
.hlpcres .ac{fill:var(--fac,#f6c445)}
[data-theme=dark] .hlpcres .s1{stop-color:var(--g1,#f8cd57)}
[data-theme=dark] .hlpcres .s2{stop-color:var(--g2,#e9a514)}
[data-theme=dark] .hlpcres .ac{fill:var(--gac,#1b1f3b)}
@media (hover:hover){.hlpcres:hover svg{filter:drop-shadow(0 4px 10px rgba(15,20,40,.5)) brightness(1.08)}}
.hlpcres:focus-visible{outline:none}
.hlpcres:focus-visible svg{outline:3px solid color-mix(in srgb,var(--tq) 60%,transparent);outline-offset:2px;border-radius:8px}
body.hlp-on .hlpcres,body.qb-ring-open .hlpcres{opacity:0;pointer-events:none}
.hlpqb{position:fixed;inset:0;z-index:72;pointer-events:none}
.hlpqb .qb-scrim{position:absolute;inset:0;pointer-events:auto;background:rgba(10,14,35,.26);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);
opacity:0;transition:opacity .25s ease}
.hlpqb.in .qb-scrim{opacity:1}
.hlpqb .qb-c{position:fixed;width:var(--qs);height:var(--qs);margin:calc(var(--qs) / -2) 0 0 calc(var(--qs) / -2);padding:0;border:0;border-radius:50%;
display:grid;place-items:center;cursor:pointer;pointer-events:auto;color:var(--ffg,#fff);background:linear-gradient(150deg,var(--f1,#2b3668),var(--f2,#151a36));
box-shadow:0 12px 26px -10px rgba(15,20,40,.6);transform:scale(.6) rotate(-90deg);opacity:0;transition:transform .32s cubic-bezier(.2,.9,.25,1.2),opacity .2s ease}
[data-theme=dark] .hlpqb .qb-c{color:var(--gfg,#1b1f3b);background:linear-gradient(150deg,var(--g1,#f8cd57),var(--g2,#e9a514))}
.hlpqb.in .qb-c{transform:none;opacity:1}
.hlpqb .qb-c svg{width:22px;height:22px}
.hlpqb .qb-i{position:fixed;left:0;top:0;width:var(--qs);height:var(--qs);margin:calc(var(--qs) / -2) 0 0 calc(var(--qs) / -2);padding:0;border:0;background:none;
font:inherit;cursor:pointer;pointer-events:auto;transform:translate(var(--x0),var(--y0)) scale(.3);opacity:0;
transition:transform .4s cubic-bezier(.2,.9,.25,1.12) var(--d),opacity .2s ease var(--d)}
.hlpqb.in .qb-i{transform:translate(var(--x),var(--y));opacity:1}
.hlpqb.out .qb-i{transition-delay:0s;transition-duration:.2s}
.hlpqb .qb-ic{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:var(--card);color:var(--ink);border:1px solid var(--line);
box-shadow:0 12px 26px -12px rgba(10,14,40,.55),0 1px 3px rgba(10,14,40,.12);transition:background .2s ease,color .2s ease,scale .2s ease}
.hlpqb .qb-ic svg{width:21px;height:21px}
@media (hover:hover){.hlpqb .qb-i:hover .qb-ic{background:color-mix(in srgb,var(--tq) 14%,var(--card));color:var(--tq2);scale:1.06}}
.hlpqb .qb-i:active .qb-ic{scale:.94}
.hlpqb .qb-i:focus-visible{outline:none}
.hlpqb .qb-i:focus-visible .qb-ic{outline:3px solid color-mix(in srgb,var(--tq) 55%,transparent);outline-offset:2px}
.hlpqb .qb-i.on .qb-ic{background:var(--tq);color:#fff;border-color:transparent}
.hlpqb .qb-hide .qb-ic{color:var(--muted)}
.hlpqb .qb-lt{font-size:14px;font-weight:800}
.hlpqb .qb-l{position:absolute;left:calc(50% + var(--ux) * (var(--qs) / 2 + 5px));top:calc(50% + var(--uy) * (var(--qs) / 2 + 5px));
transform:translate(calc(-50% + var(--ux) * 50% + var(--lsx, 0px)),calc(-50% + var(--uy) * 50% + var(--lsy, 0px)));white-space:nowrap;font-size:11.5px;font-weight:700;line-height:1.5;
padding:2px 9px;border-radius:999px;background:rgba(15,20,45,.86);color:#fff;pointer-events:none;box-shadow:0 4px 12px -6px rgba(0,0,0,.5)}
@media (prefers-reduced-motion:reduce){
.hlpqb .qb-i,.hlpqb .qb-c,.hlpqb .qb-scrim,.hlpcres,.hlpfab.qb-anim{transition:opacity .01s linear !important}
}
.hlpfab,.hlpcres{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.hlpqb.qb-l .qb-hide .qb-ic svg{transform:scaleX(-1)}
.qb-pref-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(10,14,35,.48)}
.qb-pref{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border-radius:22px;background:var(--card);color:var(--ink);box-shadow:var(--shadow2)}
.qb-pref h2{margin:0;font-size:19px}.qb-pref p{margin:8px 0 12px;color:var(--muted);font-size:13px}
.qb-pref-list{display:grid;gap:5px}.qb-pref-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:12px;background:var(--field)}
.qb-pref-row label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.qb-pref-row input{width:19px;height:19px;accent-color:var(--tq)}
.qb-pref button{min-height:40px;border:1px solid var(--line2);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;padding:6px 12px;font:inherit}
.qb-pref button:disabled{opacity:.4;cursor:default}.qb-pref button:focus-visible,.qb-pref input:focus-visible{outline:3px solid var(--tq);outline-offset:2px}
.qb-pref-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.qb-pref-actions [data-save]{background:var(--btn);color:var(--btn-ink)}
.qb-pref .qb-pref-error{color:var(--bad)}
.hlpqb .qb-i{transition:transform .25s ease-out var(--d),opacity .16s ease var(--d)}
.hlpqb .qb-l{font-size:10px;max-width:125px;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.hlpqb .qb-i{transition:opacity .01s linear !important}}
.hlpqb .qb-i{pointer-events:none}.hlpqb .qb-i .qb-ic{pointer-events:auto}
.hlpqb.qb-tight .qb-l{display:none}
.qb-pref-count{display:inline-flex;direction:ltr;padding:3px 10px;margin-bottom:9px;border-radius:999px;background:var(--field);color:var(--muted);font-size:12px;font-weight:800}
.qb-pref-row{border:1px solid var(--line);background:var(--card);padding:6px;gap:5px}
.qb-pref-row.on{border-color:color-mix(in srgb,var(--tq) 35%,var(--line));background:color-mix(in srgb,var(--tq) 5%,var(--card))}
.qb-pref-row label{gap:9px}.qb-pref-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:12px;background:var(--field);color:var(--tq)}
.qb-pref-icon svg{width:19px;height:19px}.qb-pref-name{flex:1;font-size:13px;font-weight:750}
.qb-pref-row input{width:20px;height:20px}.qb-pref-row button{min-width:36px;min-height:36px;padding:4px}

/* ---- hdr2.css ---- */
html.hd2 #top .h2-top{display:none}
@media (min-width:1000px){
html.hd2 #top .h2-top{display:block;font-size:12.5px;color:var(--ink2);--h2-tray:color-mix(in srgb,var(--ink) 5%,transparent);--h2-trayb:var(--line)}
html.hd2 #top .h2-top.h2-thin .h2-ts{display:none}
}
html.hd2 #top .h2-ti{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;height:42px}
html.hd2 #top .h2-ts,html.hd2 #top .h2-te{display:flex;align-items:center;gap:2px;height:34px;padding:0 5px;border-radius:0 0 18px 18px;background:var(--h2-tray);
border:1px solid var(--h2-trayb);border-top:0;box-shadow:0 8px 18px -16px rgba(15,20,45,.55);white-space:nowrap;min-width:0}
html.hd2 #top .h2-ts{overflow:hidden}
html.hd2 #top .h2-ts:empty,html.hd2 #top .h2-tlk:empty{display:none}
html.hd2 #top .h2-te{margin-inline-start:auto;flex:none}
html.hd2 #top .h2-tlk{display:flex;align-items:center;gap:2px}
html.hd2 #top .h2-tlk:not(:empty):not(:last-child){padding-inline-end:5px;margin-inline-end:3px;border-inline-end:1px solid var(--h2-trayb)}
html.hd2 #top .h2-te .ib{width:auto;height:26px;padding:0 9px;border-radius:99px;font-size:12.5px;background:transparent;border:0;box-shadow:none}
html.hd2 #top .h2-te .ib:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
html.hd2 #top .h2-te .ib svg{width:16px;height:16px}
html.hd2 #top .h2-sep{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.55;flex:none;margin-inline:3px}
html.hd2 #top .h2-rate{display:inline-flex;align-items:center;gap:8px;height:28px;padding-inline:9px 3px;border:0;border-radius:99px;background:transparent;color:var(--ink2);font:inherit;cursor:pointer}
html.hd2 #top .h2-rl{font-weight:600}
html.hd2 #top .h2-rv{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:99px;background:var(--card);border:1px solid var(--line);transition:border-color .2s}
html.hd2 #top .h2-rate:hover .h2-rv,html.hd2 #top .h2-rate:focus-visible .h2-rv{border-color:var(--tq)}
html.hd2 #top .h2-rt{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:11.5px;padding-inline-end:7px}
html.hd2 #top .h2-rt svg{width:13px;height:13px}
html.hd2 .h2-dot{width:7px;height:7px;border-radius:50%;background:var(--tq);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tq) 22%,transparent);animation:h2pulse 2.4s ease-in-out infinite}
@keyframes h2pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--tq) 6%,transparent)}}
html.hd2 .h2-fk{color:var(--ink2);font-weight:600}
html.hd2 .h2-fe{color:var(--muted)}
html.hd2 .h2-fv{display:inline-flex;align-items:baseline;gap:4px}
html.hd2 .h2-fv b{font-weight:800;color:var(--ink)}
html.hd2 .h2-fv small{font-size:.86em;color:var(--muted);font-weight:600}
html.hd2 #top .h2-tl{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;color:var(--ink2);text-decoration:none;font-weight:600;transition:background .2s,color .2s}
html.hd2 #top .h2-tl svg{width:15px;height:15px;opacity:.8}
html.hd2 #top .h2-tl:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}
html.hd2 #top .h2-tl.sh{color:var(--tq2)}
html.hd2[data-theme=dark] #top .h2-tl.sh{color:var(--tq)}
html.hd2 #top .top-in{display:flex;align-items:center;gap:18px;height:auto;min-height:72px;padding-block:10px}
html.hd2 #top .acts{margin-inline-start:0;flex:none;gap:4px}
html.hd2 #top .h2-mrate{display:none}
html.hd2 #top #f.sbox{flex:1 1 auto;min-width:0;max-width:760px;margin:0 auto;height:50px;padding-block:0;padding-inline:6px 16px;gap:6px;transform:none}
html.hd2[dir=rtl] #top #f.sbox{padding-inline:6px 16px}
html.hd2 #top #f.sbox input{font-size:15.5px}
html.hd2 #top #f.sbox kbd{display:none}
html.hd2 #top #f.sbox #go{flex:none;height:40px;min-width:40px;padding:0 18px;font-size:14px}
html.hd2[data-skin=navy] #top #f.sbox #go,html.hd2[data-skin=fresh] #top #f.sbox #go{width:40px;height:40px;padding:0;background-size:19px;font-size:0}
html.hd2 #top #chatbtn{order:0}html.hd2 #top .acts #langs,html.hd2 #top .acts #skinbtn,html.hd2 #top .acts #theme{order:8}html.hd2 #top #acct{order:9}
html.hd2 #top #f .fr-cat{display:none!important}
html.hd2 #top .h2-cat{position:relative;display:flex;align-items:center;flex:none;height:38px;max-width:12em;margin-inline-end:4px;
border-radius:999px;background:var(--field);border:1px solid var(--line);color:var(--ink2)}
html.hd2 #top .h2-cat select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;
height:100%;max-width:100%;padding-inline:14px 30px;cursor:pointer;outline:0;text-overflow:ellipsis}
html.hd2 #top .h2-cat svg{position:absolute;inset-inline-end:10px;width:14px;height:14px;pointer-events:none;opacity:.7}
html.hd2 #top .h2-cat:focus-within{border-color:var(--tq)}
html.hd2 #top .h2-cat option{background:var(--card);color:var(--ink)}
html.hd2 #top .h2-ia{width:auto;min-width:44px;padding:0 6px}
html.hd2 #top .h2-ia .h2-lb{display:none}
@media (min-width:1100px){
html.hd2.hd2-lb #top .h2-ia{min-width:54px;height:60px;padding:0 2px;display:grid;grid-template-rows:38px auto;justify-items:center;align-content:center;gap:4px;
background:transparent!important;border:0!important;box-shadow:none!important;border-radius:14px;color:var(--ink)}
html.hd2.hd2-lb #top .h2-ia::before,html.hd2.hd2-lb #top .h2-ia::after{display:none}
html.hd2.hd2-lb #top .h2-ia>svg{box-sizing:border-box;width:38px;height:38px;padding:9px;border-radius:50%;background:var(--field);border:1px solid var(--line);
transition:background .2s,border-color .2s,transform .28s var(--h2-ez,ease)}
html.hd2.hd2-lb #top .h2-ia:hover>svg{border-color:var(--line2);background:color-mix(in srgb,var(--ink) 6%,var(--field))}
html.hd2.hd2-lb #top .h2-ia .h2-lb{display:block;max-width:76px;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600;color:var(--ink2);line-height:1.1;white-space:nowrap;transition:opacity .2s}
html.hd2.hd2-lb #top .h2-ia .cnt{top:-1px;inset-inline-end:calc(50% - 25px)}
html.hd2.hd2-lb #top .acts{gap:2px}
}
html.hd2 #top .h2-ia[hidden]{display:none}
html.hd2 #top .h2-cats{border-top:1px solid var(--line)}
html.hd2 #top .h2-cats[hidden]{display:none}
html.hd2 #top .h2-ci{display:flex;align-items:center;gap:8px;height:48px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
html.hd2 #top .h2-ci::-webkit-scrollbar{display:none}
html.hd2 #top .h2-ci{--fl:14px;--fr:14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
html.hd2 #top .h2-cats.mo-l .h2-ci{--fl:58px}
html.hd2 #top .h2-cats.mo-r .h2-ci{--fr:58px}
html.hd2 #top .h2-ar{position:absolute;top:50%;z-index:2;width:30px;height:30px;margin:-15px 0 0;padding:0;display:grid;place-items:center;border-radius:50%;
border:0;background:#fff;color:#1b1f3b;box-shadow:0 6px 16px -6px rgba(10,14,32,.55),0 0 0 1px rgba(15,20,45,.08);cursor:pointer;
opacity:0;pointer-events:none;transform:scale(.6);transition:opacity .2s,transform .28s var(--h2-ez,ease),background .2s;-webkit-tap-highlight-color:transparent}
html.hd2 #top .h2-ar svg{width:16px;height:16px;stroke-width:2.5}
html.hd2 #top .h2-ar.l{left:max(calc(var(--gut) - 10px),calc((100% - var(--site-w)) / 2 - 10px))}
html.hd2 #top .h2-ar.r{right:max(calc(var(--gut) - 10px),calc((100% - var(--site-w)) / 2 - 10px))}
html.hd2 #top .h2-cats.mo-l .h2-ar.l,html.hd2 #top .h2-cats.mo-r .h2-ar.r{opacity:1;pointer-events:auto;transform:none}
@media (hover:hover){html.hd2 #top .h2-ar:hover{background:#eef0f7}}
html.hd2 #top .h2-cats.mo-l .h2-ar.l:active,html.hd2 #top .h2-cats.mo-r .h2-ar.r:active{transform:scale(.9)}
@media (prefers-reduced-motion:reduce){html.hd2 #top .h2-ar{transition:none}}
html.hd2 #top .h2-cs,html.hd2 #top .h2-sh{display:flex;align-items:center;gap:6px;flex:none}
html.hd2 #top .h2-cdiv{width:1px;height:20px;background:var(--line2);flex:none;margin-inline:4px}
html.hd2 #top .h2-cdiv[hidden]{display:none}
html.hd2 #top .h2-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid transparent;background:transparent;
color:var(--ink2);font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
html.hd2 #top .h2-chip svg{width:17px;height:17px;flex:none}
html.hd2 #top .h2-chip:hover{background:var(--field);border-color:var(--line);color:var(--ink)}
html.hd2 #top .h2-chip.on{background:var(--btn);color:var(--btn-ink);border-color:transparent}
html.hd2 #top .h2-chip.k-deals svg{color:var(--pom)}
html.hd2 #top .h2-chip.k-market svg{color:var(--tq)}
html.hd2 #top .h2-chip.k-shops svg{color:var(--saffron)}
html.hd2 #top .h2-chip.on svg{color:inherit}
html.hd2.hd2-nok #top .kilim{display:none}
html.hd2 #top .fr-nav,html.hd2 #top .nv-nav{display:none!important}
html.hd2 #szone:not(:has(.fr-strip:not([hidden]))):not(:has(#old>*)){display:none}
html.hd2 .searching .szone,html.hd2 body.searching .szone{position:relative;top:auto;padding:6px 0 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
@media (max-width:999px){
html.hd2 #top .top-in{gap:12px}
html.hd2 #top .h2-cat{max-width:9em}
}
@media (max-width:760px){
html.hd2 #top .top-in{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand rate acts" "srch srch srch";gap:8px 8px;padding-block:8px 10px;min-height:0}
html.hd2 #top #brand{grid-area:brand}
html.hd2 #top .acts{grid-area:acts}
html.hd2 #top #f.sbox{grid-area:srch;max-width:none;width:100%;height:46px;margin:0}
html.hd2 #top .h2-mrate{grid-area:rate;justify-self:start}
html.hd2 #top .h2-cat{display:none}
html.hd2 #top .h2-ia{min-width:40px;padding:0 4px}
html.hd2 #top #h2cmp{display:none}
html.hd2.hd2-bs #top #savedbtn,html.hd2.hd2-bm #top #acct{display:none}
html.hd2 #top .h2-ci{height:46px}
html.hd2 #top .h2-chip{height:32px;padding:0 12px;font-size:13px}
}
@media (max-width:999px){
html.hd2 #top .h2-mrate{display:inline-flex;align-items:center;gap:6px;flex:none;height:30px;padding:0 11px;border-radius:999px;cursor:pointer;
background:var(--field);border:1px solid var(--line);font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;max-width:100%}
html.hd2 #top .h2-mrate[hidden]{display:none}
}
@media (max-width:420px){html.hd2 #top .h2-mrate :is(.h2-fk,.h2-fe){display:none}html.hd2 #top .h2-mrate{padding:0 9px;gap:5px}}
html.hd2 .h2-fxc{display:none}
@media (max-width:999px){
html.hd2 #top .h2-fxc{display:inline-flex;align-items:center;gap:6px;flex:none;height:32px;padding:0 12px;margin-inline-end:4px;border-radius:999px;cursor:pointer;
border:1px solid color-mix(in srgb,var(--tq) 38%,var(--line));background:color-mix(in srgb,var(--tq) 9%,var(--card));color:var(--ink2);font:inherit;font-size:12.5px;white-space:nowrap}
}
html.hd2 .h2-pop .h2-fxc{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;margin-inline-start:auto;border-radius:999px;cursor:pointer;
border:1px solid color-mix(in srgb,var(--tq) 38%,var(--line));background:color-mix(in srgb,var(--tq) 9%,var(--card));color:var(--ink2);font:inherit;font-size:12px;white-space:nowrap}
@media (max-width:420px){html.hd2 .h2-pop .h2-fxc :is(.h2-fk,.h2-fe){display:none}}
html.hd2 .h2-bar{display:none}
@media (max-width:760px){
html.hd2 .h2-bar{position:fixed;z-index:45;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:stretch;justify-content:space-around;
height:62px;padding:0 6px;border-radius:22px;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line2);
-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -18px rgba(15,20,45,.45)}
html.hd2 .h2-bn{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;
color:var(--muted);font:inherit;font-size:10.5px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.hd2 .h2-bn svg{width:22px;height:22px}
html.hd2 .h2-bn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.hd2 .h2-bn.on{color:var(--ink)}
html.hd2 .h2-bn.on::before{content:"";position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:var(--saffron)}
html.hd2 .h2-bn .cnt{position:absolute;top:7px;inset-inline-start:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--pom);color:#fff;font-size:10.5px;line-height:17px;text-align:center}
html.hd2 .h2-mid i{display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;border-radius:18px;background:var(--saffron);color:#1b1f3b;
box-shadow:0 10px 22px -8px color-mix(in srgb,var(--saffron) 80%,transparent),0 0 0 5px var(--card)}
html.hd2 .h2-mid i svg{width:24px;height:24px}
html.hd2 .h2-mid span{color:var(--ink2)}
html.hd2 .h2-mid:active i{transform:scale(.94)}
html.hd2 body.h2b{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
html.hd2 body.h2b :is(.tray,.totop,.tstfb,.toast){bottom:calc(86px + env(safe-area-inset-bottom))}
html.hd2 body.h2b .hlpfab{bottom:calc(86px + env(safe-area-inset-bottom))}
html.hd2 body.h2b .tgbar{bottom:calc(84px + env(safe-area-inset-bottom))}
}
html.hd2 #top .wrap{max-width:calc(var(--site-wx) + 2 * var(--gut))}
@media (max-width:999px){
html.hd2 #top .acts #skinbtn .skl,html.hd2 #top .acts #skinbtn .skc{display:none}
html.hd2 #top .acts #skinbtn{width:42px;padding:0}
}
@media (max-width:900px){html.hd2 #top .h2-cat{display:none}}
@media (max-width:760px){html.hd2 #top #f.sbox #go{height:36px;min-width:36px;padding:0 12px;font-size:13px}}
html.hd2.hd2-nonv .nv-bar{display:none!important}
@media (min-width:761px){html.hd2[data-skin=navy] #top #acct{display:flex}}
html.hd2 #top{--h2-bg:color-mix(in srgb,var(--bg) 90%,transparent);--h2-ez:cubic-bezier(.2,.8,.2,1);
background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
pointer-events:none;transition:transform .3s var(--h2-ez);will-change:transform}
html.hd2[data-skin=fresh] #top{--h2-bg:color-mix(in srgb,var(--card) 92%,transparent)}
html.hd2[data-skin=liquid] #top{--h2-bg:color-mix(in srgb,var(--bg) 72%,transparent)}
html.hd2 #top::before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:var(--h2-bgh,100%);background:var(--h2-bg);pointer-events:none;
-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);transition:box-shadow .3s,border-radius .3s var(--h2-ez)}
html.hd2 #top>*{pointer-events:auto}
html.hd2 #top .h2-top,html.hd2 #top .top-in{position:relative;z-index:3}
html.hd2 #top .h2-cats,html.hd2 #top .kilim{position:relative;z-index:1;transition:transform .3s var(--h2-ez),opacity .22s}
html.hd2 #top .h2-cats{background:var(--h2-bg);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
html.hd2 body.scrolled #top .h2-cats{box-shadow:0 10px 30px -18px rgba(27,31,59,.35)}
html.hd2 body.scrolled #top:not(:has(.h2-cats:not([hidden])))::before,html.hd2.hd2c body.scrolled #top::before{box-shadow:0 1px 0 var(--line),0 10px 30px -18px rgba(27,31,59,.35)}
html.hd2 #top .h2-ia>svg{transition:transform .28s var(--h2-ez)}
html.hd2.hd2c #top{transform:translateY(calc(-1 * var(--h2-lift,0px)))}
html.hd2.hd2c #top .h2-cats,html.hd2.hd2c #top .kilim{transform:translateY(calc(-1 * var(--h2-under,60px)));opacity:0;pointer-events:none}
html.hd2.hd2c #top .h2-top{visibility:hidden;transition:visibility 0s .3s}
html.hd2.hd2c #top .h2-ia .h2-lb{opacity:0}
@media (min-width:1100px){html.hd2.hd2c.hd2-lb #top .h2-ia>svg{transform:translateY(8px)}}
html.hd2.hd2h #top{transform:translateY(calc(-100% - 24px))}
html.hd2 .h2-bar{transition:transform .3s var(--h2-ez)}
html.hd2.hd2h .h2-bar{transform:translateY(calc(100% + 40px))}
@media (max-width:760px){
html.hd2 #top{--h2-bg:color-mix(in srgb,var(--bg) 97%,transparent)}
html.hd2[data-skin=fresh] #top{--h2-bg:color-mix(in srgb,var(--card) 97%,transparent)}
html.hd2[data-skin=liquid] #top{--h2-bg:color-mix(in srgb,var(--bg) 94%,transparent)}
html.hd2 #top::before,html.hd2 #top .h2-cats{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){html.hd2 #top,html.hd2 #top::before,html.hd2 #top .h2-cats,html.hd2 #top .kilim,html.hd2 .h2-bar,html.hd2 #top .h2-ia>svg{transition:none}}
html.hd2 .h2-bar .h2-bg{display:none}
html.hd2 #top .h2-catb{display:none}
@media (max-width:760px){
html.hd2-d-portal #top .kilim{display:none}
html.hd2-d-portal #top .h2-cats{border-radius:0 0 22px 22px;border-top-color:transparent}
html.hd2-d-portal #top:not(:has(.h2-cats:not([hidden])))::before,html.hd2-d-portal.hd2c #top::before{border-radius:0 0 22px 22px}
html.hd2-d-portal body.scrolled #top .h2-cats,html.hd2-d-portal.hd2c body.scrolled #top::before{box-shadow:0 12px 26px -16px rgba(15,20,45,.42)}
html.hd2-d-portal .h2-bar{background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
filter:drop-shadow(0 10px 16px rgba(15,20,45,.2)) drop-shadow(0 0 .5px rgba(15,20,45,.35))}
html.hd2-d-portal .h2-bar .h2-bg{display:block;position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--card)}
html.hd2-d-portal .h2-bar:has(.h2-mid) .h2-bg{-webkit-mask:radial-gradient(circle 35px at var(--h2-mx,50%) 0,transparent 34px,#000 35.5px);
mask:radial-gradient(circle 35px at var(--h2-mx,50%) 0,transparent 34px,#000 35.5px)}
html.hd2-d-portal .h2-mid{justify-content:flex-end;padding-bottom:9px}
html.hd2-d-portal .h2-mid i{position:absolute;top:-25px;left:50%;margin:0;border-radius:50%;transform:translateX(-50%);transition:transform .15s;
box-shadow:0 10px 20px -8px color-mix(in srgb,var(--saffron) 85%,transparent)}
html.hd2-d-portal .h2-mid:active i{transform:translateX(-50%) scale(.93)}
}
html.hd2-d-island #top::before{display:none}
html.hd2-d-island #top .top-in{width:calc(100% - 20px);max-width:calc(var(--site-wx) + 2 * var(--gut) - 20px);margin:10px auto 6px;gap:10px;min-height:64px;
padding:8px 10px;padding-inline-start:16px;border-radius:999px;background:color-mix(in srgb,var(--card) 80%,transparent);border:1px solid var(--line2);
-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
box-shadow:0 16px 40px -24px rgba(15,20,45,.5),inset 0 1px 0 rgba(255,255,255,.35);transition:box-shadow .3s}
html.hd2-d-island body.scrolled #top .top-in{box-shadow:0 20px 44px -22px rgba(15,20,45,.55),inset 0 1px 0 rgba(255,255,255,.35)}
html.hd2-d-island #top .kilim,html.hd2-d-island #top .h2-cat,html.hd2-d-island #top .h2-mrate,html.hd2-d-island #top .h2-ia .h2-lb{display:none!important}
html.hd2-d-island.hd2-lb #top .h2-ia{height:44px}
html.hd2-d-island #top #f.sbox{height:46px;max-width:640px;border-radius:999px}
html.hd2-d-island #top .ib{border-radius:999px}
html.hd2-d-island #top .h2-catb{display:inline-flex;align-items:center;gap:7px;flex:none;height:42px;padding-inline:14px 10px;border-radius:999px;border:1px solid var(--line);
background:var(--field);color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
html.hd2-d-island #top .h2-catb svg{width:18px;height:18px;flex:none}
html.hd2-d-island #top .h2-catb svg:last-child{width:14px;height:14px;opacity:.6;transition:transform .2s}
html.hd2-d-island #top .h2-catb[aria-expanded=true]{background:var(--btn);color:var(--btn-ink);border-color:transparent}
html.hd2-d-island #top .h2-catb[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
@media (max-width:999px){html.hd2-d-island #top .h2-catb span{display:none}html.hd2-d-island #top .h2-catb{padding-inline:11px 8px}}
@media (max-width:760px){
html.hd2-d-island #top .top-in{grid-template-columns:auto 1fr auto;grid-template-areas:"brand srch acts";width:calc(100% - 16px);margin:8px auto 4px;
padding:6px;padding-inline-start:10px;min-height:0;gap:8px;border-radius:20px;background:color-mix(in srgb,var(--card) 96%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}
html.hd2-d-island #top #brand .wm{display:none}
html.hd2-d-island #top #brand svg{width:32px;height:32px}
html.hd2-d-island #top .h2-catb{display:none}
html.hd2-d-island #top #f.sbox{height:42px}
html.hd2-d-island #top #f.sbox #go{height:34px;min-width:34px;padding:0 10px}
html.hd2-d-island #top .acts>:not(#h2bell){display:none!important}
html.hd2-d-island #top .acts:not(:has(#h2bell)){display:none}
html.hd2-d-island .h2-bar{inset-inline:18px;height:58px;border-radius:999px;bottom:calc(12px + env(safe-area-inset-bottom))}
html.hd2-d-island .h2-bn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.hd2-d-island .h2-bn.on::before{top:auto;bottom:7px;width:5px;height:5px}
html.hd2-d-island .h2-bn .cnt{top:6px}
html.hd2-d-island .h2-mid i{margin:0;width:44px;height:44px;border-radius:50%;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--saffron) 85%,transparent)}
}
html.hd2-d-wave{--h2-band:#1b1f3b}
html.hd2-d-wave[data-skin=fresh]{--h2-band:#0f6f68}
html.hd2-d-wave[data-skin=liquid]{--h2-band:#2a2350}
html.hd2-d-wave[data-theme=dark]{--h2-band:#1c2147}
html.hd2-d-wave #top,html.hd2-d-wave[data-skin] #top{--h2-bg:var(--h2-band);--ink:#fff;--ink2:rgba(255,255,255,.84);--muted:rgba(255,255,255,.62);
--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.2);--field:rgba(255,255,255,.1);color:#fff}
html.hd2-d-wave #top::before,html.hd2-d-wave #top .h2-cats{-webkit-backdrop-filter:none;backdrop-filter:none}
html.hd2-d-wave #top .h2-top{--h2-tray:rgba(255,255,255,.07);--h2-trayb:rgba(255,255,255,.1)}
html.hd2-d-wave #top .h2-ts,html.hd2-d-wave #top .h2-te{box-shadow:0 10px 20px -16px rgba(0,0,0,.7)}
html.hd2-d-wave #top .h2-rv{background:rgba(255,255,255,.1);border-color:transparent}
html.hd2-d-wave #top .h2-te .ib:hover{background:rgba(255,255,255,.1)}
html.hd2-d-wave #top .h2-fv b{color:var(--saffron)}
html.hd2-d-wave #top .h2-ar{box-shadow:0 6px 16px -6px rgba(0,0,0,.6)}
html.hd2-d-wave #top .h2-fxc,html.hd2-d-wave #top .h2-mrate{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
html.hd2-d-wave #top .h2-cats{border-top-color:rgba(255,255,255,.08);border-radius:0 0 28px 28px}
html.hd2-d-wave #top:not(:has(.h2-cats:not([hidden])))::before,html.hd2-d-wave.hd2c #top::before{border-radius:0 0 28px 28px}
html.hd2-d-wave body.scrolled #top .h2-cats,html.hd2-d-wave body.scrolled #top::before{box-shadow:0 14px 30px -18px rgba(10,14,30,.6)}
html.hd2-d-wave #top .kilim{display:none}
html.hd2-d-wave #top #f.sbox{--ink:#1b1f3b;--ink2:#4a4f6a;--muted:#7b8098;--line:rgba(27,31,59,.1);--line2:rgba(27,31,59,.16);--field:#f2f3f8;
background:#fff;border-color:transparent;color:#1b1f3b;box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
html.hd2-d-wave[data-theme=dark] #top #f.sbox{--ink:#eef0fa;--ink2:#c3c7da;--muted:#9096b0;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.16);--field:rgba(255,255,255,.06);
background:#1d2140;color:#eef0fa}
html.hd2-d-wave #top .ib{background:transparent;color:#fff;border-color:transparent;box-shadow:none}
html.hd2-d-wave #top .ib:hover{background:rgba(255,255,255,.1)}
html.hd2-d-wave #top #acct{background:var(--saffron);color:#1b1f3b;border-color:transparent}
html.hd2-d-wave #top .h2-chip{background:rgba(255,255,255,.07);color:rgba(255,255,255,.88)}
html.hd2-d-wave #top .h2-chip:hover{background:rgba(255,255,255,.14);border-color:transparent;color:#fff}
html.hd2-d-wave #top .h2-chip.on{background:var(--saffron);color:#1b1f3b}
html.hd2-d-wave #top .h2-chip.k-deals svg,html.hd2-d-wave #top .h2-chip.k-market svg,html.hd2-d-wave #top .h2-chip.k-shops svg{color:var(--saffron)}
html.hd2-d-wave #top .h2-cat{background:#f2f3f8;border-color:transparent;color:#4a4f6a}
html.hd2-d-wave[data-theme=dark] #top .h2-cat{background:rgba(255,255,255,.06);color:#c3c7da}
html.hd2-d-wave #top .h2-tl:hover{background:rgba(255,255,255,.1)}
html.hd2-d-wave #top .h2-tl.sh{color:var(--saffron)}
html.hd2-d-wave #top select,html.hd2-d-wave #top option{color-scheme:light}
html.hd2-d-wave #top option{background:#fff;color:#1b1f3b}
@media (max-width:760px){
html.hd2-d-wave #top .h2-cats{border-radius:0 0 24px 24px}
html.hd2-d-wave #top:not(:has(.h2-cats:not([hidden])))::before,html.hd2-d-wave.hd2c #top::before{border-radius:0 0 24px 24px}
html.hd2-d-wave .h2-bar{inset-inline:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);border-radius:24px 24px 0 0;
border:0;border-top:1px solid var(--line2);background:color-mix(in srgb,var(--card) 97%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;
box-shadow:0 -12px 30px -20px rgba(15,20,45,.45)}
html.hd2-d-wave .h2-mid i{border-radius:50%;background:var(--h2-band);color:#fff;box-shadow:0 10px 22px -8px rgba(10,14,30,.55),0 0 0 5px var(--card)}
html.hd2-d-wave:not([data-theme=dark]) .h2-bn.on{color:var(--h2-band)}
html.hd2-d-wave[data-theme=dark] .h2-mid i{background:var(--saffron);color:#1b1f3b}
html.hd2-d-wave body.h2b{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
html.hd2-d-wave body.h2b :is(.tray,.totop,.tstfb,.toast),html.hd2-d-wave body.h2b .hlpfab{bottom:calc(78px + env(safe-area-inset-bottom))}
html.hd2-d-wave body.h2b .tgbar{bottom:calc(64px + env(safe-area-inset-bottom))}
}
.h2-pop{position:fixed;z-index:60;top:calc(var(--hh,70px) + 6px);left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 24px));
max-height:calc(100vh - var(--hh,70px) - 30px);overflow:auto;overscroll-behavior:contain;padding:14px;border-radius:24px;background:var(--card);color:var(--ink);
border:1px solid var(--line2);box-shadow:0 30px 70px -30px rgba(15,20,45,.55);animation:h2pop .22s cubic-bezier(.2,.8,.2,1)}
.h2-pop[hidden]{display:none}
@keyframes h2pop{from{opacity:0;transform:translate(-50%,-8px)}}
.h2-ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 12px}
.h2-ph b{font-size:15px;font-weight:800}
.h2-px{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:var(--field);color:var(--ink2);cursor:pointer}
.h2-px svg,.h2-try button svg{width:16px;height:16px}
.h2-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.h2-pt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:16px;border:1px solid var(--line);background:var(--field);
color:var(--ink);font:inherit;font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:border-color .2s,transform .15s}
.h2-pt:hover{border-color:var(--tq)}
.h2-pt:active{transform:scale(.97)}
.h2-pt i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--tq) 14%,transparent);color:var(--tq2)}
.h2-pt i svg{width:22px;height:22px}
.h2-psh{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.h2-psh .h2-chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;
color:var(--ink2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.h2-psh .h2-chip svg{width:17px;height:17px}
.h2-psh .k-deals svg{color:var(--pom)}.h2-psh .k-market svg{color:var(--tq)}.h2-psh .k-shops svg{color:var(--saffron)}
@media (max-width:760px){
.h2-pop{top:auto;bottom:0;left:0;right:0;width:auto;transform:none;max-height:78vh;border-radius:24px 24px 0 0;
padding-bottom:calc(18px + env(safe-area-inset-bottom));box-shadow:0 0 0 100vmax rgba(10,14,30,.42);animation:h2sheet .26s cubic-bezier(.2,.8,.2,1)}
.h2-pg{grid-template-columns:repeat(3,1fr)}
@keyframes h2sheet{from{transform:translateY(40%);opacity:.4}}
}
@media (prefers-reduced-motion:reduce){.h2-pop{animation:none}}
.h2-try{position:fixed;z-index:70;inset-inline:0;bottom:calc(16px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);margin-inline:auto;
display:flex;align-items:center;gap:8px;padding-block:5px;padding-inline:12px 5px;border-radius:999px;background:#1b1f3b;color:#fff;font-size:12.5px;
box-shadow:0 12px 30px -12px rgba(10,14,30,.6)}
@media (max-width:760px){html.hd2.hd2-bar .h2-try{bottom:calc(92px + env(safe-area-inset-bottom))}}
.h2-try b{color:#f4b43c}
.h2-try button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
@media (max-width:760px){
html.hd2 body.searching #top .h2-cs .h2-chip,html.hd2 body.searching #top .h2-cdiv{display:none}
}
@media (max-width:999px){
html.hd2 .h2-bn::after{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-27px 0 0 -23px;border-radius:50%;
background:currentColor;opacity:0;transform:scale(.4);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
html.hd2 .h2-bn:active::after{opacity:.1;transform:scale(1);transition-duration:.12s}
html.hd2 .h2-bn svg{transition:transform .3s cubic-bezier(.34,1.4,.5,1)}
html.hd2 .h2-bn:active svg{transform:scale(.86)}
html.hd2 .h2-mid::after{display:none}
}
@media (prefers-reduced-motion:reduce){html.hd2 .h2-bn::after,html.hd2 .h2-bn svg{transition:none}}
html.hd2.hd2-cbg #top,html.hd2.hd2-cbg[data-skin] #top{--h2-bg:var(--h2-cbg)}
html.hd2.hd2-cbg.hd2-d-wave,html.hd2.hd2-cbg.hd2-d-wave[data-theme=dark],html.hd2.hd2-cbg.hd2-d-wave[data-skin]{--h2-band:var(--h2-cbg)}
html.hd2-cbg-d:not(.hd2-d-wave) #top{--ink:#fff;--ink2:rgba(255,255,255,.84);--muted:rgba(255,255,255,.62);--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.2);
--field:rgba(255,255,255,.1);color:#fff}
html.hd2-cbg-d:not(.hd2-d-wave) #top::before,html.hd2-cbg-d:not(.hd2-d-wave) #top .h2-cats{-webkit-backdrop-filter:none;backdrop-filter:none}
html.hd2-cbg-d:not(.hd2-d-wave) #top .h2-top{--h2-tray:rgba(255,255,255,.07);--h2-trayb:rgba(255,255,255,.1)}
html.hd2-cbg-d:not(.hd2-d-wave) #top .h2-rv,html.hd2-cbg-d:not(.hd2-d-wave) #top .h2-fxc,html.hd2-cbg-d:not(.hd2-d-wave) #top .h2-mrate{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16)}
html.hd2-cbg-d:not(.hd2-d-wave) #top .h2-fv b{color:var(--saffron)}
html.hd2-cbg-l.hd2-d-wave #top,html.hd2-cbg-l.hd2-d-wave[data-skin] #top{--ink:#1b1f3b;--ink2:#353b5e;--muted:#6b7090;--line:rgba(27,31,59,.1);--line2:rgba(27,31,59,.16);
--field:rgba(27,31,59,.06);color:#1b1f3b}
html.hd2-cbg-l.hd2-d-wave #top .h2-top{--h2-tray:rgba(27,31,59,.05);--h2-trayb:rgba(27,31,59,.08)}
html.hd2-cbg-l.hd2-d-wave #top .h2-rv,html.hd2-cbg-l.hd2-d-wave #top .h2-fxc,html.hd2-cbg-l.hd2-d-wave #top .h2-mrate{background:rgba(27,31,59,.06);border-color:rgba(27,31,59,.1)}
html.hd2-cbg-l.hd2-d-wave #top .h2-fv b{color:#a86500}
html.hd2-cbg-l.hd2-d-wave .h2-mid i{color:#1b1f3b}
@media (min-width:1024px){
html.hd2-cv-smart:not(.hd2c):not(.hd2-past):not(.hd2-d-island) body.hx-full #top::before,
html.hd2-cv-smart:not(.hd2c):not(.hd2-past):not(.hd2-d-island) body.hx-full #top .h2-cats{border-radius:0!important}
}
html.hd2-cv-never:not(.hd2-d-island) #top::before,html.hd2-cv-never:not(.hd2-d-island) #top .h2-cats{border-radius:0!important}
html.hd2c:not(.hd2-cv-never):not(.hd2-d-island):not(.hd2-d-classic) #top::before,
html.hd2-past:not(.hd2-cv-never):not(.hd2-d-island):not(.hd2-d-classic) #top::before{border-radius:0 0 26px 26px;
box-shadow:0 16px 34px -20px rgba(10,14,30,.6),inset 0 -1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.04)}
@media (max-width:760px){html.hd2c:not(.hd2-cv-never):not(.hd2-d-island):not(.hd2-d-classic) #top::before,
html.hd2-past:not(.hd2-cv-never):not(.hd2-d-island):not(.hd2-d-classic) #top::before{border-radius:0 0 22px 22px}}
html.hd2-past:not(.hd2c):not(.hd2-cv-never):not(.hd2-d-island):not(.hd2-d-classic) #top .h2-cats:not([hidden]){border-radius:0 0 26px 26px}
html.hd2c.hd2-cbg-l #top::before,html.hd2c:not(.hd2-d-wave):not(.hd2-cbg-d):not([data-theme=dark]) #top::before,
html.hd2-past.hd2-cbg-l #top::before,html.hd2-past:not(.hd2-d-wave):not(.hd2-cbg-d):not([data-theme=dark]) #top::before{box-shadow:0 16px 34px -22px rgba(27,31,59,.45),inset 0 -1px 0 rgba(27,31,59,.06)}
html.hd2-cbg-l.hd2-d-wave #top .ib{color:#1b1f3b}
html.hd2-cbg-l.hd2-d-wave #top .ib:hover,html.hd2-cbg-l.hd2-d-wave #top .h2-tl:hover{background:rgba(27,31,59,.06)}
html.hd2-cbg-l.hd2-d-wave #top .h2-chip{background:rgba(27,31,59,.05);color:#353b5e}
html.hd2-cbg-l.hd2-d-wave #top .h2-chip:hover{background:rgba(27,31,59,.09);color:#1b1f3b}
html.hd2-cbg-l.hd2-d-wave #top .h2-chip.on{background:var(--saffron);color:#1b1f3b}
html.hd2-cbg-l.hd2-d-wave #top .h2-chip.k-deals svg,html.hd2-cbg-l.hd2-d-wave #top .h2-chip.k-market svg,html.hd2-cbg-l.hd2-d-wave #top .h2-chip.k-shops svg{color:#c27c00}
html.hd2-cbg-l.hd2-d-wave #top .h2-tl,html.hd2-cbg-l.hd2-d-wave #top .h2-tl select{color:#353b5e}
html.hd2-cbg-l.hd2-d-wave #top .h2-tl.sh{color:#a86500}
html.hd2-cbg-l.hd2-d-wave #top .h2-cats{border-top-color:rgba(27,31,59,.07)}
html.hd2-cbg-l.hd2-d-wave #top #f.sbox{box-shadow:0 10px 26px -16px rgba(27,31,59,.45),0 0 0 1px rgba(27,31,59,.08)}
html.hd2-cbg-l.hd2-d-wave .h2-mid i{color:#1b1f3b}
html.hd2-cbg-l #top::before{border-bottom:1px solid rgba(27,31,59,.06)}
@media (max-width:999px){
html.hd2 #top .h2-mrate{height:40px;padding:0 10px;gap:7px;border-radius:13px;min-width:0}
html.hd2 #top .h2-mrate .h2-m2{display:grid;gap:1px;line-height:1.08;text-align:start;min-width:0}
html.hd2 #top .h2-mrate .h2-mk{font-size:10px;font-weight:600;color:inherit;opacity:.75;white-space:nowrap}
html.hd2 #top .h2-mrate .h2-fv{gap:3px}
html.hd2 #top .h2-mrate .h2-fv b{font-size:13.5px;letter-spacing:.01em}
html.hd2 #top .h2-mrate .h2-fv small{font-size:9.5px}
html.hd2.hd2-mr-foot #top .h2-mrate,html.hd2.hd2-mr-foot #top .h2-fxc{display:none}
}
@media (max-width:360px){html.hd2 #top .h2-mrate{padding:0 8px;gap:5px}html.hd2 #top .h2-mrate .h2-dot{display:none}}
.h2-fxp{position:fixed;z-index:130;padding:12px 14px 12px;border-radius:16px;background:var(--card);color:var(--ink);border:1px solid var(--line);
box-shadow:0 22px 44px -18px rgba(10,14,40,.5),0 2px 8px rgba(10,14,40,.08);opacity:0;transform:translateY(-4px) scale(.98);transform-origin:50% 0;
transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1);font-size:13px}
.h2-fxp.in{opacity:1;transform:none}
.h2-fxh{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.h2-fxh b{flex:1;min-width:0;font-size:13px}
.h2-fxx{width:28px;height:28px;flex:none;border:0;border-radius:50%;background:var(--field);color:var(--ink2);display:grid;place-items:center;cursor:pointer;padding:0}
.h2-fxx svg{width:14px;height:14px}
.h2-fxbig{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--tq) 9%,var(--field))}
.h2-fxbig .h2-fk{font-size:13px;color:var(--ink2);font-weight:700}
.h2-fxbig .h2-fe{color:var(--muted)}
.h2-fxbig .h2-fv b{font-size:20px}
.h2-fxbig .h2-fv small{font-size:11.5px}
.h2-fxd{margin:9px 0 0;display:grid;gap:5px}
.h2-fxd div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.h2-fxd dt{color:var(--muted)}
.h2-fxd dd{margin:0;font-weight:700;color:var(--ink2)}
.frate{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--field);
color:var(--ink2);font:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer;max-width:100%}
.frate[hidden]{display:none}
.frate .frk{color:var(--muted);font-weight:600}
.frate .h2-fe{color:var(--muted)}
@media (prefers-reduced-motion:reduce){.h2-fxp{transition:none}}
@media (max-width:430px){
html.hd2 #top #brand{position:relative}
html.hd2 #top #brand .tbchip{position:absolute;inset-inline-end:-2px;bottom:-9px;margin:0;padding:0 6px;font-size:8.5px;line-height:1.55;z-index:1;pointer-events:none}
}
@media (max-width:340px){html.hd2 #top .h2-mrate .h2-fv small{display:none}}

/* ---- qr.css ---- */
.ib.qrbtn svg{width:20px;height:20px}
.qrsm{width:32px;height:32px;min-width:32px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line2);background:var(--glass);color:var(--ink);cursor:pointer;padding:0;vertical-align:middle}
.qrsm svg{width:17px;height:17px}
.understood .qrbar{margin-inline-start:8px}
.sec-h .qrdeals{margin-inline-start:8px}
@media (hover:hover){.qrsm:hover{border-color:var(--tq);color:var(--tq2)}}
.panel.dialog.qrpanel{width:min(440px,calc(100vw - 32px))}
.qrpanel .dlg-h>div{flex:1;min-width:0}
.qrsub{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.6}
.qrb0{display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:18px}
.qrbig{position:relative;width:min(270px,72vw);padding:10px;border-radius:22px;background:#fff;border:1px solid var(--line2);box-shadow:var(--shadow);margin:6px auto 0}
.qrbig svg{display:block;width:100%;height:auto}
.qrdom{position:absolute;inset:auto 0 -11px;margin:auto;width:max-content;max-width:90%;overflow:hidden;text-overflow:ellipsis;background:var(--btn);color:var(--btn-ink);font-size:11px;padding:3px 10px;border-radius:999px}
.qrname{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;text-align:center;max-width:300px}
.qrname[hidden]{display:none}
.qrname b{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qrsty{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:22px 0 14px}
.qrsty button{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:var(--glass);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.qrsty button[aria-checked=true]{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
.qracts{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;width:100%}
.qracts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 9px;border-radius:16px;border:0;background:var(--bg2);color:var(--ink);font:inherit;font-size:12px;cursor:pointer;transition:transform .2s var(--ease),background .25s}
.qracts button svg{width:21px;height:21px}
.qracts button:active{transform:scale(.96)}
@media (hover:hover){.qracts button:hover{background:color-mix(in srgb,var(--tq) 14%,var(--bg2))}}
.linkish.qrshop{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;margin-inline-start:8px;color:var(--tq2);background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:12.5px}
.linkish.qrshop svg{width:15px;height:15px}
[data-theme=dark] .linkish.qrshop{color:var(--tq)}
.panel.dialog.shppanel{width:min(1060px,calc(100vw - 32px));height:min(880px,calc(100dvh - 40px));max-height:none}
.shphd{align-items:center;gap:10px}
.shpid{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.shpid>div{min-width:0}
.shpid h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shpav{flex:none}
.shpmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;color:var(--muted);font-size:12.5px;margin-top:3px}
.shpmeta .rvchip{margin:0}
.shpmap{display:inline-flex;align-items:center;gap:4px;color:var(--tq2);text-decoration:none}
.shpmap svg{width:14px;height:14px}
.shpok{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--okbg);color:var(--ok);font-size:11px;font-weight:700;margin-inline-start:4px}
.shpbt{display:flex;gap:6px;flex:none}
.shptools{display:flex;gap:8px;padding:6px 18px 4px;flex:none}
.shpb{flex:1;min-height:0}
.results.shpres{margin:0}
@media (max-width:640px){
.panel.dialog.shppanel{width:100%;height:calc(100dvh - 10px)}
.shptools{padding:4px 14px}
}
.qrpost{margin-top:14px;padding:16px;border-radius:var(--r2);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.qrpost h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:15px}
.qrpost h3 svg{width:20px;height:20px;color:var(--tq2)}
.qrpost>p{margin:0 0 12px;color:var(--ink2);line-height:1.7;font-size:13px}
.qrpprev{display:flex;justify-content:center;padding:12px;border-radius:16px;background:var(--bg2);overflow:hidden}
.qrpprev .qposter{width:min(250px,100%);font-size:7.2px;box-shadow:0 14px 30px -18px rgba(27,31,59,.5);border-radius:4px}
.qrpsz{margin:12px 0}
.qrprow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.qrprow .btn svg{width:18px;height:18px}
.qrprow small{color:var(--muted)}
.qposter{--k:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='10' viewBox='0 0 48 10'%3E%3Cpath d='M0 5 5 0 10 5 5 10z' fill='%23d9434f'/%3E%3Cpath d='M16 5 21 0 26 5 21 10z' fill='%23f4b43c'/%3E%3Cpath d='M32 5 37 0 42 5 37 10z' fill='%231aa39a'/%3E%3C/svg%3E");
aspect-ratio:1/1.414;background:#fffdf9;color:#1b1f3b;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;font-family:inherit}
.qposter{justify-content:space-between;line-height:1.3}
.qposter>*{flex:none;max-width:90%}
.qposter .qpk{height:2.2em;width:100%;max-width:none;background:var(--k) repeat-x;background-size:auto 2.2em}
.qposter .qpbr{display:flex;align-items:center;gap:.5em;margin-top:1.2em;font-size:2.6em;font-weight:800}
.qposter .qpbr svg{width:1.5em;height:1.5em}
.qposter .qpsn{font-size:3.1em;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qposter .qpsub{font-size:1.65em;color:#474c6b;margin-top:-.6em}
.qposter .qpbox{padding:1.3em;border-radius:2.6em;border:.4em solid #1b1f3b;background:#fff;width:44%;box-sizing:content-box}
.qposter .qpbox svg{display:block;width:100%;height:auto}
.qposter .qpcta{font-size:2.5em;font-weight:800}
.qposter .qpml{font-size:1.65em;color:#474c6b;line-height:1.45;display:flex;flex-direction:column;margin-top:-.8em}
.qposter .qpurl{font-size:1.6em;font-weight:600;color:#474c6b;letter-spacing:.02em;margin-bottom:.4em}
#qrprint{display:none}
@media print{
html.qrp body>*:not(#qrprint){display:none!important}
html.qrp body{background:#fff!important;margin:0}
html.qrp #qrprint{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#000}
#qrprint.qpone{min-height:90vh;text-align:center}
#qrprint.qpone .qpq{width:12cm}
#qrprint.qpone .qpq svg{width:100%;height:auto}
#qrprint.qpone h1{font-size:22pt;margin:12pt 0 4pt;max-width:16cm}
#qrprint.qpone .qpp{font-size:26pt;font-weight:800;margin:0}
#qrprint.qpone .qpu{font-size:11pt;color:#555}
#qrprint .qposter{-webkit-print-color-adjust:exact;print-color-adjust:exact}
#qrprint.qps-a4 .qposter{width:19cm;font-size:11.5pt}
#qrprint.qps-a5 .qposter{width:13.5cm;font-size:8.2pt}
#qrprint.qps-a6 .qposter{width:9.6cm;font-size:5.8pt}
#qrprint.qps-card .qposter{width:7cm;font-size:4.25pt}
}
.panel.dialog.scpanel{width:min(480px,calc(100vw - 32px));background:#101220;color:#fff;overflow:hidden}
.scpanel .dlg-h{color:#fff}
.scpanel .dlg-h .ib{color:#fff;background:rgba(255,255,255,.12)}
.scview{position:relative;aspect-ratio:3/4;max-height:58dvh;margin:0 14px;border-radius:20px;overflow:hidden;background:radial-gradient(120% 80% at 50% 40%,#3b3f52,#101220)}
.scview video,.scview canvas.scimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scframe{position:absolute;left:10%;right:10%;top:30%;height:30%;pointer-events:none}
.scframe.qr{left:18%;right:18%;top:20%;height:auto;aspect-ratio:1}
.scframe b{position:absolute;width:30px;height:30px;border:4px solid var(--saffron)}
.scframe b:nth-child(1){top:0;left:0;border-width:4px 0 0 4px;border-radius:14px 0 0 0}
.scframe b:nth-child(2){top:0;right:0;border-width:4px 4px 0 0;border-radius:0 14px 0 0}
.scframe b:nth-child(3){bottom:0;left:0;border-width:0 0 4px 4px;border-radius:0 0 0 14px}
.scframe b:nth-child(4){bottom:0;right:0;border-width:0 4px 4px 0;border-radius:0 0 14px 0}
.scframe i{position:absolute;left:12px;right:12px;top:50%;height:2px;background:var(--pom);box-shadow:0 0 12px 2px rgba(217,67,79,.7);animation:scline 2.2s ease-in-out infinite}
@keyframes scline{0%,100%{transform:translateY(-38px)}50%{transform:translateY(38px)}}
@media (prefers-reduced-motion:reduce){.scframe i{animation:none}}
.scmsg{position:absolute;inset:auto 0 12px;text-align:center;font-size:13px;color:#e9e6f2;padding:0 16px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.scalt{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 14px 4px}
.scalt button,.scalt label{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.scalt svg{width:17px;height:17px}
.scalt input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sctype{display:flex;gap:8px;padding:10px 14px 0}
.sctype[hidden]{display:none}
.sctype input{flex:1;min-width:0;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:17px;letter-spacing:.08em;padding:0 14px;text-align:center}
.sctype .btn{height:44px}
.scres{margin:12px 14px 16px;padding:12px 14px;border-radius:18px;background:var(--card);color:var(--ink)}
.scres[hidden]{display:none}
.scres h4{margin:0 0 4px;font-size:14px}
.scres .sccode{display:inline-block;font:13px ui-monospace,Menlo,monospace;background:var(--bg2);border-radius:6px;padding:1px 7px;direction:ltr}
.scres p{margin:6px 0 0;font-size:13px;color:var(--ink2);line-height:1.6;word-break:break-word}
.scres .scbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.scnote{font-size:11.5px;color:#b9b6c8;text-align:center;padding:2px 18px 14px;line-height:1.6}
@media (max-width:640px){.panel.dialog.scpanel{width:100%}}
.inv.inv67{padding:4px 2px 4px}
.ivhero{position:relative;overflow:hidden;border-radius:24px;padding:18px 16px 22px;color:#fff8ea;text-align:center;
background:radial-gradient(120% 90% at 100% 0,#2f3578 0,transparent 60%),linear-gradient(150deg,#1b1f3b,#262b5a)}
.ivhero::after{content:"";position:absolute;inset:auto 0 0 0;height:8px;opacity:.95;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='10' viewBox='0 0 48 10'%3E%3Cpath d='M0 5 5 0 10 5 5 10z' fill='%23d9434f'/%3E%3Cpath d='M16 5 21 0 26 5 21 10z' fill='%23f4b43c'/%3E%3Cpath d='M32 5 37 0 42 5 37 10z' fill='%231aa39a'/%3E%3C/svg%3E") repeat-x;background-size:auto 8px}
.inv.inv67 .ivhero h3{color:#fff8ea;margin:10px 0 4px}
.inv.inv67 .ivhero p{color:#e6dfcf;font-size:13px;margin:0 auto 14px}
.ivcard{display:flex;align-items:center;gap:14px;background:#fff;color:#1b1f3b;border-radius:20px;padding:10px;text-align:start;max-width:420px;margin:0 auto}
.ivqr{flex:none;width:118px;height:118px;padding:0;border:0;background:none;cursor:zoom-in;border-radius:10px}
.ivqr svg{display:block;width:100%;height:100%}
.ivside{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ivside small{color:#7b7f97;font-size:12px}
.ivcode{display:flex;gap:4px;width:100%}
.ivcode i{font-style:normal;flex:1 1 0;min-width:0;max-width:30px;height:34px;border-radius:8px;background:#f3eee4;border:1px solid rgba(27,31,59,.16);display:grid;place-items:center;
font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace;animation:rise .4s var(--ease) both;animation-delay:calc(var(--i)*50ms)}
.ivmini{display:flex;gap:6px;flex-wrap:wrap}
.ivmini button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;border:0;background:#f3eee4;color:#1b1f3b;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.ivmini svg{width:15px;height:15px}
.inv.inv67 .ivlink{margin-top:14px}
.sharerow.ivshare{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}
.shbtn.sh-card{--c1:#474c6b;--c2:#1b1f3b;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.ivres{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px 14px;text-align:start}
.ivres h4{margin:0 0 4px;font-size:14px}
.ivres .adstats{margin:6px 0 8px}
.ivbar{height:8px;border-radius:9px;background:var(--bg2);overflow:hidden}
.ivbar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--tq),var(--saffron));transition:width .8s var(--ease)}
.inv.inv67 .ivres p{font-size:12px;color:var(--muted);margin:6px 0 0;text-align:start;max-width:none}
.ivsteps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.ivsteps li{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13px;text-align:start;
animation:rise .4s var(--ease) both;animation-delay:calc(var(--i)*70ms)}
.ivsteps em{font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;background:var(--okbg);color:var(--ok);display:grid;place-items:center;font-weight:800;font-size:12px}
@media (max-width:380px){.ivqr{width:100px;height:100px}.ivcode i{height:30px;font-size:14px}}
@media print{
#qrprint.ivprint .ivpcard{display:flex;align-items:center;gap:5mm;width:85mm;height:55mm;padding:4mm;border:.3mm solid #999;border-radius:3mm;box-sizing:border-box;color:#1b1f3b}
#qrprint.ivprint .ivpq{width:38mm;flex:none}#qrprint.ivprint .ivpq svg{width:100%;height:auto;display:block}
#qrprint.ivprint .ivpt{display:flex;flex-direction:column;gap:1.5mm;font-size:8pt;text-align:start}
#qrprint.ivprint .ivpt b{font-size:11pt}#qrprint.ivprint code{font:800 13pt ui-monospace,Menlo,monospace;letter-spacing:.12em}
#qrprint.ivprint small{color:#666}
}
.sbox .sbscan{width:36px;height:36px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--ink2);cursor:pointer;display:grid;place-items:center;padding:0}
.sbox .sbscan svg{width:21px;height:21px}
@media (hover:hover){.sbox .sbscan:hover{background:var(--field);color:var(--tq2)}}
.sctype input.scbad{border-color:var(--pom);animation:otpshake .4s}
@media (max-width:640px){
.panel.dialog.qrpanel{width:100%;max-height:calc(100dvh - 10px)}
.qrpanel .qrb0{min-height:0;overscroll-behavior:contain}
.qrbig{width:min(270px,72vw,38dvh)}
}