:root{--navy:#0D1B3A;--blue:#087BFF;--blue-d:#0064DB;--cyan:#00C9F2;--green:#35F08B;--teal:#00DCCB;--grad:linear-gradient(120deg,#35F08B 0%,#00DCCB 30%,#00C9F2 60%,#087BFF 100%);--bg:#F5F7FB;--surface:#FFFFFF;--surface-2:#F0F3F9;--ink:#0D1B3A;--ink-2:#44526E;--ink-3:#7A869E;--line:rgba(13,27,58,.09);--line-2:rgba(13,27,58,.16);--ok:#00A383;--warn:#C26D1A;--bad:#D9442E;--gold:#F5A623;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--sh-1:0 1px 2px rgba(13,27,58,.06),0 2px 8px rgba(13,27,58,.05);--sh-2:0 10px 30px -12px rgba(13,27,58,.22);--sh-3:0 30px 60px -24px rgba(13,27,58,.35);--font:"Inter","Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--wrap:1280px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#071226;--surface:#0E1C36;--surface-2:#13254A;--ink:#EEF4FF;--ink-2:#B2C3DB;--ink-3:#7F92B3;--line:rgba(178,195,219,.12);--line-2:rgba(178,195,219,.22);--sh-1:0 1px 2px rgba(0,0,0,.3);--sh-2:0 14px 34px -14px rgba(0,0,0,.6);--sh-3:0 30px 60px -24px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#071226;--surface:#0E1C36;--surface-2:#13254A;--ink:#EEF4FF;--ink-2:#B2C3DB;--ink-3:#7F92B3;--line:rgba(178,195,219,.12);--line-2:rgba(178,195,219,.22);--sh-1:0 1px 2px rgba(0,0,0,.3);--sh-2:0 14px 34px -14px rgba(0,0,0,.6);--sh-3:0 30px 60px -24px rgba(0,0,0,.7);color-scheme:dark}html[dir=rtl]{--font:"Tajawal","Inter",system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px;border-radius:6px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}@media (max-width:600px){.wrap{padding:0 16px}}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line)}.hdr-in{display:flex;align-items:center;gap:18px;height:70px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}.brand img{height:34px;width:auto}.brand .pl{font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:100px;color:#fff;background:var(--grad)}.srch{flex:1;display:flex;align-items:center;max-width:640px;height:46px;border-radius:100px;background:var(--surface-2);border:1.5px solid transparent;transition:border-color .2s,background .2s,box-shadow .2s}.srch:focus-within{background:var(--surface);border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent)}.srch svg{width:18px;height:18px;color:var(--ink-3);margin-inline:16px 8px;flex:none}.srch input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font-size:.95rem}.srch button{height:36px;margin-inline-end:5px;padding:0 18px;border:0;border-radius:100px;background:var(--navy);color:#fff;font-weight:700;font-size:.86rem}:root[data-theme=dark] .srch button{background:var(--blue)}.hdr-act{display:flex;align-items:center;gap:8px;flex:none}.ibtn{height:42px;min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-size:.8rem;font-weight:700;color:var(--ink-2)}.ibtn svg{width:18px;height:18px}.ibtn:hover{border-color:var(--blue);color:var(--blue)}.cta{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;background:var(--blue);color:#fff;font-weight:700;font-size:.86rem;text-decoration:none;border:0;white-space:nowrap;box-shadow:0 10px 24px -12px #087bffcc;transition:transform .15s,background .15s}.cta svg{width:18px;height:18px;flex:none}.cta:hover{background:var(--blue-d);transform:translateY(-1px)}.lang-pop{position:absolute;top:62px;inset-inline-end:20px;min-width:170px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--sh-2);display:none;z-index:60}.lang-pop.open{display:block}.lang-pop button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:none;font-size:.88rem;font-weight:600;text-align:start}.lang-pop button:hover,.lang-pop button[aria-checked=true]{background:var(--surface-2)}@media (max-width:900px){.hdr-in{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}.srch{order:3;flex-basis:100%;max-width:none;height:44px}.brand{margin-inline-end:auto}.cta .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cta{padding:0 12px}}.cats{border-bottom:1px solid var(--line);background:var(--surface)}.cats-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0}.cats-in::-webkit-scrollbar{display:none}.cat{display:inline-flex;align-items:center;gap:8px;flex:none;height:38px;padding:0 14px;border-radius:100px;border:1px solid transparent;background:none;color:var(--ink-2);font-size:.86rem;font-weight:600;text-decoration:none;white-space:nowrap}.cat svg{width:17px;height:17px}.cat em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--ink-3)}.cat:hover{background:var(--surface-2);color:var(--ink)}.cat.on{background:var(--navy);color:#fff}.cat.on em{color:#ffffffb3}:root[data-theme=dark] .cat.on{background:var(--blue)}.hero{position:relative;overflow:hidden;padding:44px 0 36px}.hero:before{content:"";position:absolute;inset:-30% -10% auto auto;width:760px;height:760px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:auto auto -45% -15%;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--green) 16%,transparent),transparent 70%);pointer-events:none}.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:100px;background:var(--surface);border:1px solid var(--line-2);font-size:.8rem;font-weight:600;color:var(--ink-2);box-shadow:var(--sh-1)}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 25%,transparent)}.hero h1{margin:18px 0 14px;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.06;letter-spacing:-.03em;font-weight:800}.hero h1 .h1-k{display:block;margin-bottom:12px;font-size:.36em;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}.hero h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{margin:0 0 24px;max-width:560px;font-size:1.06rem;line-height:1.65;color:var(--ink-2)}.hero .row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:14px;border:0;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.btn-p{background:var(--blue);color:#fff;box-shadow:0 14px 30px -14px #087bffe6}.btn-p:hover{background:var(--blue-d);transform:translateY(-1px)}.btn-g{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn-g:hover{border-color:var(--blue);color:var(--blue)}.btn svg{width:18px;height:18px}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px}.hero-proof div b{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.hero-proof div span{font-size:.8rem;color:var(--ink-3)}.mosaic{position:relative;height:430px}.mos{position:absolute;overflow:hidden;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-3);text-decoration:none;transition:transform .3s}.mos:hover{transform:translateY(-6px) rotate(0)!important}.mos img{width:100%;height:100%;object-fit:cover}.mos .cap{position:absolute;inset:auto 10px 10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.78rem}.mos .cap b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mos .cap span{font-weight:800;color:var(--blue);white-space:nowrap}.mos.m1{width:56%;height:72%;inset-inline-start:0;top:6%;transform:rotate(-3deg)}.mos.m2{width:42%;height:52%;inset-inline-end:2%;top:0;transform:rotate(3deg)}.mos.m3{width:38%;height:42%;inset-inline-end:3%;bottom:0;transform:rotate(-2deg)}.mos.ph{display:grid;place-items:center;background:var(--grad)}.mos.ph svg{width:38%;height:38%;color:#ffffffe6}.badge-cod{position:absolute;inset-inline-start:4%;bottom:2%;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);font-size:.82rem;font-weight:700}.badge-cod i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--grad);color:#fff;font-style:normal}.badge-cod small{display:block;font-weight:500;color:var(--ink-3);font-size:.72rem}@media (max-width:980px){.hero-in{grid-template-columns:1fr}.mosaic{height:320px;max-width:520px}}@media (max-width:600px){.hero{padding:24px 0 18px}.hero-proof{gap:16px}.mosaic{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mos,.mos.m1,.mos.m2,.mos.m3{position:relative;inset:auto;width:auto;height:auto;aspect-ratio:3/4;transform:none;border-radius:16px;box-shadow:var(--sh-2)}.mos .cap{display:none}.badge-cod{grid-column:1/-1;position:static;justify-self:center}.trust{gap:8px}.tr b{font-size:.82rem}.tr span{font-size:.72rem}}.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 34px}.tr{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.tr i{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.tr i svg{width:21px;height:21px}.tr b{display:block;font-size:.9rem}.tr span{font-size:.78rem;color:var(--ink-3)}@media (max-width:900px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.tr{padding:12px;gap:10px}.tr i{width:36px;height:36px}}.sec{margin:0 0 44px}.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.sec-h h2{margin:0;font-size:clamp(1.25rem,2.4vw,1.6rem);letter-spacing:-.02em;font-weight:800}.sec-h p{margin:4px 0 0;color:var(--ink-3);font-size:.88rem}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sel{height:40px;padding:0 34px 0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A869E' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;appearance:none;font-size:.85rem;font-weight:600}html[dir=rtl] .sel{background-position:left 10px center;padding:0 14px 0 34px}.price-f{display:flex;align-items:center;gap:6px;height:40px;padding:0 6px 0 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-size:.82rem;color:var(--ink-3)}.price-f input{width:78px;height:30px;border:0;border-radius:8px;background:var(--surface-2);padding:0 8px;font-size:.84rem;outline:none}.price-f button{height:30px;padding:0 10px;border-radius:8px;border:0;background:var(--navy);color:#fff;font-weight:700;font-size:.78rem}.active-f{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 16px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:100px;background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);font-size:.8rem;font-weight:700;border:0}.chip span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--blue) 18%,transparent);font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}@media (max-width:1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:940px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--line-2)}.card .im{position:relative;aspect-ratio:1/1;background:var(--surface-2);overflow:hidden}.card .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .im img{transform:scale(1.05)}.card .new{position:absolute;top:10px;inset-inline-start:10px;padding:4px 9px;border-radius:100px;background:var(--grad);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.02em}.card .nph{position:absolute;bottom:10px;inset-inline-end:10px;padding:3px 8px;border-radius:100px;background:#0d1b3a99;color:#fff;font-size:.68rem;font-weight:700}.card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.card .ct{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.card h3{margin:0;font-size:.93rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.card .pr{font-size:1.12rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.card .pr small{font-size:.72rem;font-weight:700;color:var(--ink-3);margin-inline-start:2px}.card .sp{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--line-2);font-size:.76rem;color:var(--ink-2);min-width:0}.card .sp img,.card .sp .av{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface-2);display:grid;place-items:center;font-size:.66rem;font-weight:800;color:var(--blue)}.card .sp b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.card .cod{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:var(--ok)}.card .cod svg{width:13px;height:13px}@media (max-width:640px){.card .bd{padding:10px 10px 12px}.card h3{font-size:.86rem}.card .pr{font-size:1rem}}.sk{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden}.sk .a{aspect-ratio:1/1}.sk .b{height:12px;margin:12px 14px 0;border-radius:6px}.sk .c{height:16px;width:50%;margin:10px 14px 16px;border-radius:6px}.sk .a,.sk .b,.sk .c{background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--surface-2) 40%,var(--surface)) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shine 1.3s linear infinite}@keyframes shine{to{background-position:-200% 0}}.more{display:flex;justify-content:center;margin-top:22px}.empty{padding:56px 20px;text-align:center;border-radius:var(--r-xl);background:var(--surface);border:1px dashed var(--line-2)}.empty .ic{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:var(--grad);color:#fff}.empty .ic svg{width:30px;height:30px}.empty h3{margin:0 0 6px;font-size:1.15rem}.empty p{margin:0 auto 18px;max-width:440px;color:var(--ink-3)}.shop-h{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);margin:22px 0 26px;box-shadow:var(--sh-1)}.shop-h .lg{width:64px;height:64px;border-radius:18px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:1.4rem;color:var(--blue);flex:none}.shop-h .lg img{width:100%;height:100%;object-fit:cover}.shop-h h1{margin:0;font-size:1.35rem}.shop-h p{margin:2px 0 0;color:var(--ink-3);font-size:.86rem}.sell{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:36px;border-radius:var(--r-xl);color:#fff;background:radial-gradient(120% 160% at 100% 0%,#35f08b,#00c9f2 30%,#087bff 62%,#0d1b3a);margin:10px 0 50px}.sell h2{margin:0 0 8px;font-size:clamp(1.3rem,2.6vw,1.9rem);letter-spacing:-.02em}.sell p{margin:0;opacity:.92;max-width:620px;line-height:1.6}.sell .btn{background:#fff;color:var(--navy)}@media (max-width:760px){.sell{grid-template-columns:1fr;padding:26px 22px}}.seo{margin:6px 0 40px;padding:30px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line)}.seo-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:34px}.seo h2{margin:0 0 12px;font-size:1.35rem;letter-spacing:-.02em}.seo h3{margin:20px 0 10px;font-size:1rem}.seo p{margin:0 0 12px;color:var(--ink-2);line-height:1.75}.seo-links{margin:0;padding:0;list-style:none;display:grid;gap:8px}.seo-links a{color:var(--blue);font-weight:600;text-decoration:none}.seo-links a:hover{text-decoration:underline}.faq-p details{border-bottom:1px solid var(--line);padding:12px 0}.faq-p summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq-p summary:after{content:"+";color:var(--blue);font-weight:800}.faq-p details[open] summary:after{content:"−"}.faq-p summary::-webkit-details-marker{display:none}.faq-p details p{margin:8px 0 0;font-size:.92rem}@media (max-width:900px){.seo-in{grid-template-columns:1fr}.seo{padding:22px}}.crumbs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:18px 0;font-size:.82rem;color:var(--ink-3)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--blue)}.pp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:34px;align-items:start;margin-bottom:40px}@media (max-width:980px){.pp{grid-template-columns:1fr;gap:22px}}.gal{position:sticky;top:92px;display:grid;gap:12px}@media (max-width:980px){.gal{position:static}}.gal-main{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.gal-main img{width:100%;height:100%;object-fit:contain;background:var(--surface)}.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--sh-1);display:grid;place-items:center}.gal-nav svg{width:18px;height:18px}.gal-nav.p{inset-inline-start:12px}.gal-nav.n{inset-inline-end:12px}html[dir=rtl] .gal-nav svg{transform:scaleX(-1)}.gal-th{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.gal-th button{flex:0 0 76px;height:76px;padding:0;border-radius:14px;overflow:hidden;border:2px solid transparent;background:var(--surface);opacity:.65}.gal-th button.on{border-color:var(--blue);opacity:1}.gal-th img{width:100%;height:100%;object-fit:cover}.info h1{margin:8px 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;font-size:.74rem;font-weight:700;background:var(--surface-2);color:var(--ink-2);text-decoration:none}.pill.ok{background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--ok)}.price-big{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px}.price-big b{font-size:2.2rem;font-weight:800;letter-spacing:-.03em}.price-big small{font-size:1rem;font-weight:700;color:var(--ink-3)}.seller{display:flex;gap:12px;align-items:center;padding:14px;margin:18px 0;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.seller .lg{width:48px;height:48px;border-radius:14px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-weight:800;color:var(--blue);flex:none}.seller .lg img{width:100%;height:100%;object-fit:cover}.seller b{display:block}.seller small{color:var(--ink-3);font-size:.78rem}.seller a{margin-inline-start:auto;font-size:.8rem;font-weight:700;color:var(--blue);text-decoration:none;white-space:nowrap}.perks{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}.perks li{display:flex;gap:10px;align-items:center;font-size:.88rem;color:var(--ink-2)}.perks li i{width:30px;height:30px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.perks li i svg{width:16px;height:16px}.order{padding:20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--sh-2)}.order h2{margin:0 0 4px;font-size:1.12rem}.order>p{margin:0 0 16px;font-size:.84rem;color:var(--ink-3)}.f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:480px){.f2{grid-template-columns:1fr}}.fld{display:grid;gap:6px;margin-bottom:10px}.fld label{font-size:.78rem;font-weight:700;color:var(--ink-2)}.fld input,.fld select,.fld textarea{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface-2);font-size:16px;outline:none;transition:border-color .2s,background .2s}.fld textarea{height:auto;min-height:70px;padding:12px 14px;resize:vertical}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--blue);background:var(--surface)}.fld.bad input,.fld.bad select{border-color:var(--bad)}.fld .err{display:none;font-size:.74rem;color:var(--bad)}.fld.bad .err{display:block}.qty{display:inline-flex;align-items:center;height:48px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface-2)}.qty button{width:44px;height:100%;border:0;background:none;font-size:1.2rem;font-weight:700;color:var(--ink-2)}.qty span{min-width:30px;text-align:center;font-weight:800}.total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin:6px 0 12px;border-top:1px dashed var(--line-2);font-size:.9rem}.total b{font-size:1.3rem;letter-spacing:-.02em}.order .btn{width:100%;height:54px;font-size:1rem}.order .note{display:flex;gap:8px;justify-content:center;align-items:center;margin:12px 0 0;font-size:.78rem;color:var(--ink-3)}.order .msg{display:none;padding:10px 12px;border-radius:12px;margin-bottom:12px;font-size:.84rem;background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}.order .msg.show{display:block}.done{text-align:center;padding:26px 10px}.done .ic{width:70px;height:70px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff}.done .ic svg{width:34px;height:34px}.done h2{margin:0 0 6px}.done p{margin:0 0 16px;color:var(--ink-3)}.desc{padding:24px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);margin-bottom:40px}.desc h2{margin:0 0 12px;font-size:1.15rem}.desc div{white-space:pre-line;color:var(--ink-2);line-height:1.75}.buybar{display:none}@media (max-width:980px){.buybar{position:fixed;z-index:40;inset:auto 0 0;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}.buybar.show{transform:none}.buybar b{font-size:1.15rem}.buybar small{display:block;font-size:.72rem;color:var(--ink-3)}.buybar .btn{margin-inline-start:auto;height:46px}body.has-bar{padding-bottom:76px}}.ftr{border-top:1px solid var(--line);background:var(--surface);padding:36px 0 26px;margin-top:20px}.ftr-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.ftr p{color:var(--ink-3);font-size:.86rem;line-height:1.6;max-width:360px}.ftr h4{margin:0 0 12px;font-size:.86rem}.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.ftr ul a{text-decoration:none;color:var(--ink-2);font-size:.86rem}.ftr ul a:hover{color:var(--blue)}.ftr-b{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-3)}@media (max-width:760px){.ftr-in{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.hp{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}.order{position:relative}.srch{min-width:0}.srch input{width:100%}.srch button svg{display:none;width:18px;height:18px;margin:0;color:#fff}.brand{min-height:40px}.price-f{white-space:nowrap}@media (max-width:900px){.price-f{height:44px}.price-f input{height:34px}.price-f button{height:34px;padding:0 14px}.sel{height:44px}}.pill{min-height:36px;padding:8px 13px}.seller a{display:inline-flex;align-items:center;min-height:40px;padding:0 4px}@media (max-width:980px){.mosaic{margin:0 auto;width:100%}.pp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.gal{position:sticky;top:84px}.info .f2{grid-template-columns:1fr}}@media (max-width:760px){.pp{grid-template-columns:1fr}.gal{position:static}.info .f2{grid-template-columns:1fr 1fr}.gal-main{max-width:560px;margin:0 auto;width:100%}}@media (max-width:940px){.grid.rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.grid.rail::-webkit-scrollbar{display:none}.grid.rail>.card{flex:0 0 calc((100% - 24px) / 3);scroll-snap-align:start}}@media (max-width:640px){.grid.rail{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.grid.rail>.card{flex-basis:44%}}@media (max-width:480px){.hdr-act{gap:6px}.ibtn{height:40px;min-width:40px;padding:0 9px}.cta{height:40px;padding:0 11px}.srch button{padding:0 14px}.srch button .bt{display:none}.srch button svg{display:block}.srch svg{margin-inline:14px 6px}.trust{grid-template-columns:1fr}.tr{padding:12px 14px}.tools{width:100%}.price-f{flex:1 1 100%;min-width:0;height:44px}.price-f>span:first-child{display:none}.price-f input{flex:1 1 0;width:0;min-width:0;height:34px;font-size:16px}.price-f button{height:34px;padding:0 14px}.sel{height:44px;flex:1}.sec-h{margin-bottom:12px}.order{padding:16px}.order .btn{font-size:.95rem}.price-big b{font-size:1.9rem}.shop-h .btn{width:100%;margin:0}}@media (max-width:370px){.lc{display:none}.brand img{height:30px}.brand .pl{font-size:.66rem;padding:4px 8px}.hero h1{font-size:1.85rem}.info .f2{grid-template-columns:1fr}}.sk-full{height:100%}.sk-info{height:420px;border-radius:28px}
