:root{--bg:#ffffff;--soft:#f4ede6;--soft-2:#ebe1d6;--ink:#1e1c1a;--ink-2:#4a4541;--muted:#8b847d;--line:#ece6df;--accent:#704f38;--accent-ink:#ffffff;--dark:#211f24;--sage:#e7ede4;--sage-ink:#3d5c3f;--blush:#f6e6e1;--blush-ink:#8a3f32;--sand:#f4ead9;--sand-ink:#7a5a23;--sky:#e6ebf2;--sky-ink:#34507a;--ok:#3d7a4f;--err:#b42318;--sale:#c0533e;--display:"Plus Jakarta Sans",system-ui,sans-serif;--body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r:14px;--r-lg:20px;--r-xl:26px;--max:1240px;--shadow:0 1px 2px rgba(30,28,26,.04),0 8px 24px rgba(30,28,26,.07);--shadow-lg:0 24px 60px rgba(30,28,26,.16);--ease:cubic-bezier(.22,.8,.24,1);color-scheme:light}[dir=rtl]{--display:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;--body:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}::selection{background:var(--sand)}.wrap{max-width:var(--max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 12px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.08}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.3}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.announce{background:var(--dark);color:#f3f2ee;font-size:13px;font-weight:500;text-align:center;height:36px;position:relative;overflow:hidden}.ann-track{position:relative;height:100%}.ann-item{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 16px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.ann-item.on{opacity:1;transform:none}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:31;background:var(--bg)}.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.8) blur(16px);-webkit-backdrop-filter:saturate(1.8) blur(16px);transition:box-shadow .3s}.site-head.scrolled{box-shadow:0 1px 0 var(--line)}.head-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;gap:20px}.logo{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}[dir=rtl] .logo{letter-spacing:0}.logo{display:inline-flex;align-items:center;color:var(--accent)}.brandlogo{display:block;height:38px;aspect-ratio:253/60;background:currentColor;-webkit-mask:url(/assets/logo.svg?v=4b606adfe0) no-repeat center/contain;mask:url(/assets/logo.svg?v=4b606adfe0) no-repeat center/contain}.logo-img{display:block;height:42px;width:auto;max-width:200px;object-fit:contain}.socials{display:flex;flex-wrap:wrap;gap:10px}.socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg,#fff);color:var(--ink);border:1px solid var(--soft-2);transition:background .2s,color .2s,transform .2s}.socials a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.foot-follow{margin:22px 0 10px!important;font-weight:600;color:var(--ink-2);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;gap:4px;background:var(--soft);border-radius:999px;padding:4px}.nav a{text-decoration:none;color:var(--ink-2);font-size:14px;font-weight:500;padding:8px 16px;border-radius:999px;transition:background .2s,color .2s}.nav a:hover{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0000000d}.head-icons{display:flex;gap:4px;align-items:center;justify-self:end}.icon-btn{position:relative;background:none;border:0;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;transition:background .2s}.icon-btn:hover{background:var(--soft)}.lang-btn{width:auto;font-size:13px;font-weight:600;padding:0 14px;height:36px;background:var(--soft);margin-inline-end:4px}.badge-n{position:absolute;top:2px;inset-inline-end:0;background:var(--accent);color:var(--accent-ink);border-radius:999px;min-width:18px;height:18px;font-size:11px;display:grid;place-items:center;padding:0 5px;font-weight:700;border:2px solid var(--bg);box-sizing:content-box}.badge-n.bump{animation:bump .45s var(--ease)}@keyframes bump{40%{transform:scale(1.3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:999px;padding:13px 24px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .25s var(--ease),background .2s,color .2s,box-shadow .25s;position:relative;overflow:hidden;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary{box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-primary:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 34%,transparent);transform:translateY(-1px)}.btn-outline{background:var(--bg);border-color:var(--line);color:var(--ink)}.btn-outline:hover{border-color:var(--ink)}.btn-ghost{background:var(--soft);color:var(--ink)}.btn-ghost:hover{background:var(--soft-2)}.btn-block{width:100%}.btn-lg{padding:16px 28px;font-size:16px}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn .arrow{transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translate(3px)}[dir=rtl] .btn .arrow{transform:scaleX(-1)}[dir=rtl] .btn:hover .arrow{transform:scaleX(-1) translate(3px)}.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-120%);animation:shine 4s var(--ease) 1.5s infinite}@keyframes shine{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.link{background:none;border:0;padding:4px 0;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-variant-numeric:tabular-nums}.price .now{font-size:17px;font-weight:700;color:var(--accent)}.price s{color:var(--muted);font-size:14px}.tag-sale{direction:ltr;unicode-bidi:isolate;background:var(--blush);color:var(--blush-ink);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.ph{width:100%;height:100%;display:grid;place-items:center;background:var(--soft)}.ph svg{width:54%;max-height:76%;filter:drop-shadow(0 16px 22px rgba(40,30,20,.14))}.ph.mono{font-family:var(--display);font-size:64px;color:var(--muted)}.heart{background:var(--bg);border:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px #00000012;transition:transform .2s var(--ease)}.heart svg{fill:none;stroke:var(--ink);stroke-width:1.7;transition:fill .2s,stroke .2s}.heart[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.heart[aria-pressed=true]{animation:pop .4s var(--ease)}.heart:hover{transform:scale(1.08)}@keyframes pop{40%{transform:scale(1.25)}}.opt{border:0;padding:0;margin:0}.opt legend{font-size:14px;color:var(--muted);margin-bottom:10px;padding:0}.opt legend b{color:var(--ink);font-weight:600}.need .opt legend{color:var(--err)}.swatches,.sizes{display:flex;gap:10px;flex-wrap:wrap}.sw{width:42px;height:42px;border-radius:50%;border:1.5px solid transparent;background:var(--bg);padding:3px;position:relative;transition:transform .2s var(--ease),border-color .2s}.sw:hover:not([disabled]){transform:translateY(-2px)}.sw span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.sw.on{border-color:var(--accent)}.sw.out{opacity:.35;cursor:not-allowed}.sw.out:after{content:"";position:absolute;left:50%;top:5px;bottom:5px;width:1.5px;background:var(--ink);transform:rotate(45deg)}.sz{min-width:52px;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);font-size:14px;font-weight:600;transition:all .2s}.sz:hover:not([disabled]){border-color:var(--ink)}.sz.on{border-color:var(--accent);background:var(--accent);color:#fff}.sz[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}.variants{display:grid;gap:18px}.need{animation:shake .3s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.low-stock{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--sand-ink);font-weight:600;background:var(--sand);padding:6px 12px;border-radius:999px;justify-self:start}.low-stock.out{color:var(--blush-ink);background:var(--blush)}.pulse{width:8px;height:8px;border-radius:50%;background:#d98b1c;box-shadow:0 0 #d98b1c80;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #d98b1c00}to{box-shadow:0 0 #d98b1c00}}.qty{display:inline-flex;align-items:center;background:var(--soft);border-radius:999px;height:50px;padding:0 4px}.qty button{background:none;border:0;width:40px;height:40px;border-radius:50%;font-size:18px;transition:background .2s}.qty button:hover{background:var(--bg)}.qty span{width:28px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.line .qty{height:34px;margin-top:8px;padding:0 2px}.line .qty button{width:30px;height:30px;font-size:15px}.es-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13131352;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:60;animation:fade .25s}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:10px;bottom:10px;inset-inline-end:10px;width:min(460px,calc(100% - 20px));background:var(--bg);z-index:61;display:flex;flex-direction:column;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:slideIn .4s var(--ease);overflow:hidden;margin-top:env(safe-area-inset-top,0px);margin-bottom:env(safe-area-inset-bottom,0px)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}[dir=rtl] .drawer{animation-name:slideInR}@keyframes slideInR{0%{transform:translate(-40px);opacity:0}}.drawer header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.drawer h2{font-size:22px}.x{background:var(--soft);border:0;font-size:22px;line-height:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.x:hover{background:var(--soft-2)}.drawer-body{flex:1;overflow:auto;padding:0 22px 22px;overscroll-behavior:contain}.drawer-foot{padding:16px 22px 20px;display:grid;gap:10px;background:var(--soft)}.drawer-foot:empty{display:none}.line{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.line .th{width:76px;height:76px;border-radius:var(--r);overflow:hidden;background:var(--soft)}.line .th img{width:100%;height:100%;object-fit:cover}.line-info{min-width:0}.line .nm{font-weight:600;font-size:15px}.line .var{font-size:13px;color:var(--muted)}.line .amt{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap}.sum{padding:14px 0;display:grid;gap:6px}.sum-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:15px;color:var(--ink-2)}.sum-row.disc{color:var(--ok)}.sum-row .free{color:var(--ok);font-weight:600}.sum-row.total{font-size:19px;font-weight:700;color:var(--ink);padding-top:10px;margin-top:4px;border-top:1px solid var(--line)}.empty{text-align:center;color:var(--muted);padding:56px 12px;display:grid;justify-items:center;gap:14px}.empty svg{color:var(--ink);background:var(--soft);border-radius:50%;padding:16px;width:76px;height:76px}.empty p{margin:0;max-width:30ch}.shipbar{background:var(--soft);color:var(--accent);border-radius:var(--r);padding:12px 14px;margin:2px 0 6px}.shipbar p{margin:0 0 8px;font-size:14px}.shipbar .track{height:6px;border-radius:999px;background:#ffffffb3;overflow:hidden}.shipbar .track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .7s var(--ease)}.shipbar.done p{font-weight:600}.fav-list .line{align-items:center}.search-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#1313134d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:calc(9vh + env(safe-area-inset-top,0px)) 16px 16px;animation:fade .2s}.search-box{width:min(640px,100%);background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:rise .35s var(--ease)}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.search-in{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 20px;border-bottom:1px solid var(--line)}[dir=rtl] .search-in{padding:10px 20px 10px 12px}.search-in input{flex:1;border:0;outline:0;font:inherit;font-size:18px;padding:12px 0;background:transparent;color:var(--ink);min-width:0}.search-res{max-height:60vh;overflow:auto;padding:8px}.search-res h3{font-family:var(--body);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 12px 6px;font-weight:600}.search-res .hint{color:var(--muted);margin:14px 12px;font-size:15px}.s-row{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;width:100%;border:0;background:none;padding:8px 12px;border-radius:var(--r);text-align:start}.s-row:hover,.s-row:focus-visible{background:var(--soft)}.s-row .th{width:54px;height:54px;border-radius:12px;overflow:hidden;background:var(--soft)}.s-row .th img{width:100%;height:100%;object-fit:cover}.s-nm{display:grid;font-weight:600}.s-nm small{color:var(--muted);font-weight:400}.s-pr{font-variant-numeric:tabular-nums;font-weight:600}.order-form{display:grid;gap:12px}.cod-note{display:flex;gap:10px;align-items:center;background:var(--soft);color:var(--accent);border-radius:var(--r);padding:12px 14px;font-size:14px;font-weight:600}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.opt-l{color:var(--muted);font-weight:400}.field input,.field textarea,.promo input{width:100%;border:1.5px solid var(--line);border-radius:var(--r);padding:13px 15px;font:inherit;background:var(--bg);color:var(--ink);transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical}.field input:hover,.field textarea:hover{border-color:#d6d2ca}.field input:focus,.field textarea:focus,.promo input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #1313130f}.field [aria-invalid=true]{border-color:var(--err)}[dir=rtl] input[type=tel]{text-align:right}.err{color:var(--err);font-size:13px;margin-top:5px}.notice-err{background:var(--blush);color:var(--blush-ink);padding:12px 14px;border-radius:var(--r);font-size:14px}.form-foot{margin:0;text-align:center;color:var(--muted);font-size:13px}.promo{background:var(--soft);border-radius:var(--r);padding:0 14px}.promo summary{cursor:pointer;padding:13px 0;font-size:14px;font-weight:600}.promo-row{display:flex;gap:8px;padding-bottom:12px}.promo-row input{text-transform:uppercase;letter-spacing:.06em;background:var(--bg)}.promo-row .btn{padding:10px 18px;flex:none}.promo-msg{font-size:13px;padding-bottom:12px}.promo-msg:empty{display:none}.promo-msg.ok{color:var(--ok)}.promo-msg.err{color:var(--err)}.success{text-align:center;padding:30px 8px;display:grid;gap:12px;justify-items:center}.ok-ring svg{width:72px;height:72px;fill:none;stroke:var(--ok);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ok-ring circle{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .7s var(--ease) forwards;stroke:var(--sage)}.ok-ring path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .45s var(--ease) .5s forwards}@keyframes draw{to{stroke-dashoffset:0}}.success h3{font-size:28px}.success p{color:var(--muted);margin:0;max-width:36ch}.success .ref{font-size:14px;background:var(--soft);padding:8px 14px;border-radius:999px;color:var(--ink)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trust-row div{display:grid;justify-items:center;text-align:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2);padding:14px 6px;border-radius:var(--r);background:var(--soft)}.trust-row svg{color:var(--ink)}.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease) var(--d,0ms),transform .8s var(--ease) var(--d,0ms)}.rv.in{opacity:1;transform:none}.wa-float{position:fixed;inset-inline-end:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px #25d36652;transition:transform .25s var(--ease)}.wa-float:hover{transform:scale(1.07) rotate(-4deg)}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:#fff;padding:8px 8px 8px 16px;border-radius:999px;font-size:14px;font-weight:500;z-index:80;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:rise .35s var(--ease);max-width:calc(100% - 32px);transition:opacity .3s,transform .3s}.toast.out{opacity:0;transform:translate(-50%,8px)}.toast:not(:has(button)){padding:12px 18px}.toast-th{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;flex:none}.toast-th img,.toast-th .ph{width:100%;height:100%;object-fit:cover}.toast button{background:#fff;color:var(--ink);border:0;border-radius:999px;padding:7px 14px;font-weight:600;font-size:13px}.site-foot{background:var(--soft);padding-block:56px 28px;color:var(--muted);font-size:14px;margin-top:88px;border-radius:var(--r-xl) var(--r-xl) 0 0}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.foot-grid .logo,.foot-grid a.logo{margin-bottom:14px;color:var(--accent)}.foot-grid .brandlogo{height:46px}.foot-grid p{margin:0;max-width:40ch}.foot-grid>div:nth-child(2){display:grid;gap:10px;align-content:start}.foot-grid a{text-decoration:none;font-weight:500;color:var(--ink-2)}.foot-grid a:hover{color:var(--ink)}.foot-copy{grid-column:1/-1;border-top:1px solid var(--soft-2);padding-top:20px;font-size:13px}.skeleton{background:linear-gradient(90deg,var(--soft) 25%,#fbfaf8 50%,var(--soft) 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r-lg)}@keyframes sk{to{background-position:-200% 0}}@media(max-width:900px){.nav,.head-sp{display:none}.head-row{grid-template-columns:auto 1fr;gap:8px;height:64px}.logo{font-size:21px}.brandlogo{height:32px}}@media(max-width:420px){.icon-btn{width:38px}.lang-btn{padding:0 12px;width:auto;margin-inline-end:4px}.logo{font-size:19px}.brandlogo{height:28px}.logo-img{height:34px;max-width:140px}}@media(max-width:640px){.foot-grid{grid-template-columns:1fr}.drawer{top:0;bottom:0;inset-inline-end:0;width:100%;border-radius:0;margin:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.tabbar{display:none}@media(max-width:860px){.tabbar{position:fixed;left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;justify-content:space-between;align-items:center;background:var(--dark);border-radius:999px;padding:8px 10px;box-shadow:0 14px 34px #00000047}.tabbar a,.tabbar button{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#cfcac4;background:none;border:0;text-decoration:none;transition:background .25s,color .25s}.tabbar .on{background:#fff;color:var(--accent)}.tabbar .badge-n{border-color:var(--dark);top:4px;inset-inline-end:4px}body.has-tabbar{padding-bottom:96px}body.has-tabbar .wa-float,body.has-tabbar .head-icons [data-open-cart],body.has-tabbar .head-icons [data-open-favs]{display:none}body.has-tabbar .toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}.city-pick{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--line);border-radius:var(--r);padding:13px 15px;font:inherit;background:var(--bg);color:var(--ink);text-align:start;cursor:pointer;transition:border-color .2s,box-shadow .2s}.city-pick:hover{border-color:#d6d2ca}.city-pick:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #1313130f}.city-pick.empty span{color:var(--muted)}.city-pick svg{color:var(--muted);flex:none}.city-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;background:#13131359;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:calc(7vh + env(safe-area-inset-top,0px)) 16px 16px;animation:fade .2s}.cpk-box{width:min(480px,100%);max-height:min(640px,84vh);background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:rise .3s var(--ease)}.cpk-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px 20px;font-size:17px}[dir=rtl] .cpk-head{padding:14px 20px 6px 14px}.cpk-search{display:flex;align-items:center;gap:10px;margin:6px 16px 4px;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted)}.cpk-search:focus-within{border-color:var(--accent);background:var(--bg)}.cpk-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;padding:12px 0;color:var(--ink);outline:none}.cpk-search.big{margin:0 0 6px;padding:2px 18px;background:var(--bg);box-shadow:var(--shadow-sm,0 4px 14px rgba(0,0,0,.05))}.cpk-info{margin:6px 20px;font-size:13px;color:var(--muted);min-height:18px}.cities-page .cpk-info{margin:8px 4px 14px}.cpk-list{list-style:none;margin:0;padding:4px 8px 12px;overflow:auto;overscroll-behavior:contain}.cpk-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;cursor:pointer}.cpk-list li>span{display:flex;flex-direction:column;min-width:0}.cpk-list li small{color:var(--muted);font-size:13px}.cpk-list li{align-items:center}em.dl{font-style:normal;font-size:12px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;padding:3px 9px;white-space:nowrap;flex:none}.city-grid em.dl{display:table;margin-top:6px;white-space:normal;max-width:100%;line-height:1.35;border-radius:10px;padding:4px 10px}.city-grid li>span{min-width:0;flex:1}.cpk-list li[aria-selected=true],.cpk-list li:hover{background:var(--soft)}.cpk-list li.cur b{color:var(--accent)}.cpk-list li.use{color:var(--accent);font-weight:600}.cities-page{max-width:900px;margin:0 auto;padding-block:28px 40px}.city-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,44%),1fr));gap:8px}.city-grid li b{font-size:14.5px;word-break:break-word}.city-grid li{display:flex;gap:8px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:var(--soft);min-width:0}.city-grid li svg{color:var(--accent);flex:none;margin-top:3px}.city-grid li small{display:block;color:var(--muted);font-size:12.5px}.city-help{margin-top:22px;color:var(--ink-2);font-size:14px}.city-help a{color:var(--accent);font-weight:600}@media(max-width:640px){.cpk{padding:0;align-items:flex-end}.cpk-box{max-height:88vh;height:88vh;border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}}.cities-page .track-hero{text-align:center;display:grid;gap:12px;justify-items:center;margin-bottom:22px}.cities-page .track-hero h1{font-size:clamp(30px,5vw,48px);margin:0}.cities-page .track-hero p{color:var(--muted);margin:0;max-width:52ch}.ts-box{display:flex;justify-content:center;min-height:0}.ts-box:empty{display:none}