:root{--navy: #1b2a5e;--sun: #ffc23d;--coral: #f04e3e;--green: #1f9d68;--wa: #1fa855;--canvas: #f6f9ff;--surface: #ffffff;--sky: #eaf2ff;--sky-2: #d8e7ff;--line: #e2e9f5;--line-2: #eef3fb;--ink: #1b2a5e;--text: #2a3554;--muted: #6b7593;--blue: #2f6bff;--sun-soft: #fff4d6;--sun-ink: #6b4700;--coral-soft: #ffe9e6;--green-soft: #e3f6ee;--blue-soft: #e8efff;--overlay: rgba(27, 42, 94, .35);--shadow-pop: 0 18px 50px rgba(27, 42, 94, .18);--blocks: linear-gradient(90deg, var(--navy) 0 25%, var(--sun) 25% 50%, var(--coral) 50% 75%, var(--green) 75% 100%);--font-ui: "Readex Pro", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-brand: "Baloo Bhaijaan 2", "Readex Pro", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--canvas);margin:0}body{color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.6;direction:rtl;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}h1,h2,h3,h4{margin:0;line-height:1.3;color:var(--ink);text-wrap:balance}img.mark{object-fit:contain}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wordmark{font-family:var(--font-brand);font-weight:800;line-height:1;letter-spacing:.2px;color:var(--navy)}.blocks{height:4px;background:var(--blocks)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;transition:transform .12s,background .15s,box-shadow .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--sun);color:var(--navy);box-shadow:0 2px #e0a21f}.btn-primary:hover:not(:disabled){background:#ffcb57}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 2px #0f1a40}.btn-soft{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-soft:hover:not(:disabled){border-color:var(--sky-2);background:var(--sky)}.btn-ok{background:var(--green-soft);color:var(--green)}.btn-danger{background:var(--coral-soft);color:#c4291b}.btn-wa{background:var(--wa);color:#fff}.btn-block{width:100%;padding:14px;font-size:16px}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:9px;box-shadow:none}.err{color:#c4291b;min-height:1.3em;margin:0;font-size:13px;font-weight:600}.setup-msg{max-width:560px;margin:15vh auto;padding:24px;background:var(--surface);border-radius:18px;border:1px solid var(--line)}.setup-msg h1{font-size:20px;margin-bottom:8px}.setup-msg code{background:var(--sky);padding:1px 6px;border-radius:6px;direction:ltr;unicode-bidi:isolate}:root{--tint-sky: #e6f0ff;--ring-sky: #2f6bff;--tint-sun: #fff1c7;--ring-sun: #f5a400;--tint-coral: #ffe4df;--ring-coral: #f04e3e;--tint-mint: #dcf5ea;--ring-mint: #1f9d68}.c-splash{min-height:100vh;background:var(--canvas)}.c-app{min-height:100vh}.c-login{min-height:100vh;display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-right,0px));background:radial-gradient(120% 70% at 50% 0%,#dcebff 0%,var(--canvas) 60%)}.login-card{width:100%;max-width:400px;display:grid;gap:20px}.login-brand{display:grid;justify-items:center;gap:8px;text-align:center}.login-brand .mark{width:156px;height:156px;background:#fff;border-radius:32px;padding:10px;box-shadow:0 14px 36px #1b2a5e24}.login-brand p{margin:0;color:var(--muted);font-size:14px}.code-box{position:relative;overflow:hidden;background:var(--surface);border-radius:22px;padding:26px 20px 20px;display:grid;gap:12px;border:1px solid var(--line);box-shadow:0 10px 30px #1b2a5e14}.code-box:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--blocks)}.code-box label{font-weight:600;font-size:14px;color:var(--ink)}#codeInput{width:100%;padding:14px;border-radius:14px;border:2px solid var(--line);background:var(--canvas);font-size:26px;text-align:center;letter-spacing:10px;font-weight:700;color:var(--navy);direction:ltr}#codeInput:focus{border-color:var(--sun);background:#fff;outline:none}.approval{text-align:center}.approval h1{font-size:19px}.approval p{margin:0;color:var(--muted);font-size:14px}.approval-ico{width:56px;height:56px;margin:0 auto;border-radius:16px;display:grid;place-items:center;font-size:28px;background:var(--sun-soft)}header.top{position:sticky;top:0;z-index:20;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top,0px)}.top-row{display:flex;align-items:center;gap:10px;padding-block:10px 8px;max-width:1200px;margin:0 auto}.top-row .mark{width:38px;height:38px;flex:none}.top-row .wordmark{font-size:21px}.hello{margin-inline-start:auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0}.hello span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:600}.listtag{font-style:normal;flex:none;background:var(--sun);color:var(--navy);border-radius:999px;padding:2px 11px;font-size:12px;font-weight:700;white-space:nowrap}.searchbar{position:relative;display:flex;align-items:center;max-width:1200px;margin:0 auto 10px;color:var(--muted)}.searchbar>svg{position:absolute;right:calc(max(16px,env(safe-area-inset-right,0px)) + 14px);pointer-events:none}.searchbar input{width:100%;border:2px solid transparent;border-radius:14px;padding:12px 46px 12px 44px;background:var(--canvas);color:var(--ink);font-size:15px;transition:border-color .15s,background .15s}.searchbar input::placeholder{color:#8b94b2}.searchbar input:focus{outline:none;border-color:var(--sun);background:#fff}.searchbar input::-webkit-search-cancel-button{display:none}.searchbar .clear{position:absolute;left:calc(max(16px,env(safe-area-inset-left,0px)) + 8px);width:32px;height:32px;border:0;border-radius:10px;background:var(--sky);color:var(--navy);display:grid;place-items:center}.c-main{padding-block:14px 140px;max-width:1200px;margin:0 auto;display:grid;gap:16px}.promo-strip{display:flex;gap:8px 12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:linear-gradient(100deg,#fff1c7,#ffe4df);color:#8a3a12;font-weight:600}.promo-strip>span:first-child{display:inline-flex;gap:6px;align-items:center}.promo-strip svg{color:var(--coral)}.pill-left{display:inline-flex;gap:5px;align-items:center;background:var(--coral);color:#fff;border-radius:999px;padding:3px 12px;font-size:12.5px;white-space:nowrap}.pill-left svg{color:#fff}.promo-rail{display:grid;gap:8px}.promo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;border-radius:20px}.promo-track::-webkit-scrollbar{display:none}.promo-slide{flex:0 0 100%;scroll-snap-align:center;border-radius:20px;overflow:hidden;background:var(--sky);aspect-ratio:16 / 7}.promo-slide img,.promo-slide video{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 640px){.promo-slide{aspect-ratio:16 / 9}}.promo-dots{display:flex;justify-content:center;gap:6px}.promo-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--sky-2);transition:width .2s,background .2s}.promo-dots button[aria-current=true]{width:22px;background:var(--navy)}.circles{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity}.circles::-webkit-scrollbar{display:none}.circ{--t: var(--tint-sky);--r: var(--ring-sky);flex:none;width:78px;display:grid;justify-items:center;gap:7px;background:none;border:0;padding:0;scroll-snap-align:start}.circ.tint-sun{--t: var(--tint-sun);--r: var(--ring-sun)}.circ.tint-coral{--t: var(--tint-coral);--r: var(--ring-coral)}.circ.tint-mint{--t: var(--tint-mint);--r: var(--ring-mint)}.circ.tint-new{--t: linear-gradient(135deg, #fff1c7, #ffd6e0 55%, #dcebff);--r: var(--navy)}.circ .disc{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--t);overflow:hidden;color:var(--r);box-shadow:0 0 0 3px #fff,0 0 0 3px transparent;transition:box-shadow .18s,transform .18s}.circ.tint-new .disc{color:var(--coral)}.circ .disc img{width:100%;height:100%;object-fit:cover}.circ .ini{font-size:28px;font-weight:800;color:var(--r)}.circ .lbl{font-size:12.5px;font-weight:500;text-align:center;line-height:1.3;color:var(--text)}.circ:active .disc{transform:scale(.95)}.circ[aria-pressed=true] .disc{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--r)}.circ[aria-pressed=true] .lbl{font-weight:700;color:var(--ink)}.subpanel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px 12px 6px}.circles.small .circ{width:66px}.circles.small .disc{width:56px;height:56px}.circles.small .ini{font-size:22px}.sec-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.sec-title h2{font-size:20px}.sec-title small{color:var(--muted);font-size:13px}.viewtoggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:3px;gap:2px}.viewtoggle button{display:inline-flex;gap:6px;align-items:center;border:0;background:none;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--muted)}.viewtoggle button[aria-pressed=true]{background:var(--navy);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}@media (hover: hover){.card:hover{box-shadow:0 14px 34px #1b2a5e1f;transform:translateY(-2px)}}.card-media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;border:0;padding:0;background:var(--sky);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.ribbon{position:absolute;top:12px;right:-30px;transform:rotate(35deg);width:120px;padding:4px 0;display:flex;gap:4px;justify-content:center;align-items:center;background:linear-gradient(90deg,#22c08a,var(--green));color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 8px #1f9d6859}.vtag{position:absolute;bottom:8px;left:8px;display:inline-flex;gap:4px;align-items:center;background:#1b2a5ec7;color:#fff;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.code{font-size:11.5px;color:var(--muted);font-weight:600}.pname{all:unset;cursor:pointer;font-weight:600;font-size:14.5px;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.pname:focus-visible{outline:3px solid var(--blue);border-radius:4px}.badges{display:flex;gap:5px;flex-wrap:wrap}.badges:empty{display:none}.bdg{display:inline-flex;gap:4px;align-items:center;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;white-space:nowrap}.bdg.hot{background:var(--coral);color:#fff}.bdg.off{background:var(--sun);color:var(--navy)}.bdg.time{background:var(--coral-soft);color:#b8321f}.bdg.new{background:linear-gradient(90deg,#22c08a,var(--green));color:#fff}.badges.big .bdg{font-size:12.5px;padding:3px 11px}.hg-flip{animation:hg 2.6s ease-in-out infinite;transform-origin:50% 50%}@keyframes hg{0%,70%{transform:rotate(0)}85%,to{transform:rotate(180deg)}}.price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:auto}.price b{font-size:19px;font-weight:800;color:var(--navy)}.price span{font-size:12px;color:var(--muted)}.price s{font-size:13px;color:#9aa2bd}.price.big b{font-size:26px}.card-actions{display:grid;gap:6px;margin-top:4px}.card-actions .btn{padding:9px 10px;font-size:13.5px}.btn-incart{background:var(--green-soft);color:var(--green);border:1.5px solid #b9e7d2}.btn-wa-line{background:transparent;color:var(--wa);border:1.5px solid #b7e8c9;font-size:13px}.btn-wa-line:hover{background:#effbf3}.card.skel .card-media{background:linear-gradient(90deg,var(--sky) 0%,#f2f7ff 50%,var(--sky) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.card.skel i{display:block;height:12px;border-radius:6px;background:var(--line-2)}.card.skel i:nth-child(2){width:70%}.card.skel i:nth-child(3){width:40%;height:18px}@keyframes shimmer{to{background-position:-200% 0}}.quick{list-style:none;margin:0;padding:0;display:grid;gap:8px}.qrow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px 10px}.qrow.in{border-color:#b9e7d2;background:#fbfffd}.q-img{width:56px;height:56px;flex:none;border-radius:12px;overflow:hidden;border:0;padding:0;background:var(--sky)}.q-img img{width:100%;height:100%;object-fit:cover;display:block}.q-body{flex:1;min-width:0;display:grid;gap:2px}.q-body b{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-body .muted{font-size:12.5px;display:inline-flex;gap:4px;align-items:center}.hot-ico{color:var(--coral)}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);flex:none}.stepper button{width:36px;height:38px;border:0;background:var(--canvas);color:var(--navy);display:grid;place-items:center}.stepper button:active:not(:disabled){background:var(--sky)}.stepper input{width:52px;height:38px;border:0;text-align:center;font-weight:700;font-size:16px;color:var(--navy);background:transparent}.stepper input:focus{outline:none;background:var(--sun-soft)}.stepper.big button{width:48px;height:48px}.stepper.big input{width:76px;height:48px;font-size:20px}.cartbar{position:fixed;z-index:24;inset:auto 12px calc(74px + env(safe-area-inset-bottom,0px));max-width:560px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-radius:16px;padding:13px 18px;background:var(--navy);color:#fff;font-weight:600;box-shadow:0 12px 30px #1b2a5e59}.cartbar span{display:inline-flex;gap:8px;align-items:center}.cartbar b{background:var(--sun);color:var(--navy);border-radius:10px;padding:3px 10px}.tabbar{position:fixed;inset:auto 0 0;z-index:25;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.tabbar button{position:relative;background:none;border:0;display:grid;justify-items:center;gap:2px;font-size:12px;font-weight:600;color:var(--muted);padding:5px 16px 3px;border-radius:14px}.tabbar button[aria-current=page]{color:var(--navy)}.tabbar button[aria-current=page]:before{content:"";position:absolute;top:-7px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--sun)}.ico-wrap{position:relative;display:grid}.ico-wrap .count{position:absolute;top:-6px;left:-10px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--coral);color:#fff;font-size:11px;font-style:normal;font-weight:700;display:grid;place-items:center;border:2px solid #fff}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}.sheet{width:100%;max-width:620px;max-height:92vh;background:var(--surface);border-radius:24px 24px 0 0;display:flex;flex-direction:column;animation:up .24s cubic-bezier(.2,.8,.2,1)}@media (min-width: 760px){.sheet-wrap{align-items:center;padding:20px}.sheet{border-radius:24px}}@keyframes up{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.sheet-h{position:relative;display:flex;align-items:center;gap:10px;padding:18px 18px 10px}.sheet-h h2{font-size:17px;flex:1}.grab{position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line)}.icon-round{width:38px;height:38px;border-radius:12px;border:0;background:var(--canvas);color:var(--ink);display:grid;place-items:center;flex:none}.icon-round.danger{color:#c4291b;background:var(--coral-soft)}.sheet-b{overflow-y:auto;padding:4px 18px 18px;display:flex;flex-direction:column;gap:14px;min-height:0}.sheet-b>*{flex-shrink:0}.sheet-f{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-2);display:grid;gap:8px}.two-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-btns.one{grid-template-columns:1fr}.two-btns .btn{padding:11px}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px;background:#fff;border:1px solid var(--line);scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.slide{position:relative;flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1 / 1;max-height:52vh;display:grid;place-items:center;border:0;padding:0;background:#fff}.slide img{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}.slide.video{background:#0d1530}.slide video{width:100%;height:100%}.zoom-hint{position:absolute;bottom:10px;left:10px;display:inline-flex;gap:5px;align-items:center;background:#1b2a5eb8;color:#fff;border-radius:999px;font-size:11.5px;padding:4px 11px;pointer-events:none}.dots{display:flex;justify-content:center;gap:6px}.dots i{width:7px;height:7px;border-radius:999px;background:var(--sky-2);transition:width .2s}.dots i.on{width:20px;background:var(--navy)}.thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.thumbs button{width:58px;height:58px;flex:none;border-radius:12px;overflow:hidden;border:2px solid var(--line);padding:0;background:var(--sky);display:grid;place-items:center;color:var(--navy)}.thumbs button.on{border-color:var(--sun)}.thumbs img{width:100%;height:100%;object-fit:cover}.desc{margin:0;padding:12px 14px;background:var(--canvas);border-radius:14px;color:var(--text);white-space:pre-line}.pd-info{display:grid;gap:8px}.pd-info h3{font-size:20px}.fact{display:inline-flex;gap:6px;align-items:center;justify-self:start;background:var(--sky);color:var(--navy);border-radius:12px;padding:6px 12px;font-size:13.5px}.field{display:grid;gap:7px}.field .lbl{font-weight:600;font-size:13.5px;color:var(--ink)}.field .stepper{justify-self:start}.field textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;resize:vertical;background:var(--canvas);color:var(--ink)}.field textarea:focus{outline:none;border-color:var(--sun);background:#fff}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#080c1ef0;display:grid;place-items:center;touch-action:pinch-zoom;overflow:auto}.lightbox img{max-width:100vw;max-height:100vh;object-fit:contain}.lightbox button{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;border:0;border-radius:12px;padding:9px 16px;background:#fffffff2;color:var(--navy);font-weight:700}.ask-item{display:flex;gap:12px;align-items:center;background:var(--canvas);border-radius:14px;padding:10px}.ask-item img{width:56px;height:56px;border-radius:12px;object-fit:cover}.ask-item div{display:grid}.ask-item b{color:var(--ink)}.cart-lines{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cart-line{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:16px}.cl-img{width:64px;height:64px;flex:none;border-radius:12px;overflow:hidden;border:0;padding:0;background:var(--sky)}.cl-img img{width:100%;height:100%;object-fit:cover}.cl-body{flex:1;min-width:0;display:grid;gap:6px}.cl-body>b{color:var(--ink);font-size:14px}.cl-body .muted{font-size:12.5px}.cl-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cl-total{color:var(--navy)}.cl-note{border:1px dashed var(--line);border-radius:10px;padding:6px 10px;font-size:13px;background:var(--canvas);color:var(--ink)}.cl-note:focus{outline:none;border-style:solid;border-color:var(--sun);background:#fff}.total-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--ink)}.total-row b{font-size:21px;color:var(--navy)}.empty-state{display:grid;justify-items:center;gap:8px;text-align:center;padding:36px 16px;background:var(--surface);border:1px dashed var(--sky-2);border-radius:20px}.empty-state b{color:var(--ink);font-size:16px}.empty-ico{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:var(--sky);color:var(--navy)}.toast{position:fixed;z-index:70;left:50%;bottom:calc(140px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:inline-flex;gap:8px;align-items:center;background:var(--green);color:#fff;font-weight:600;padding:10px 18px;border-radius:14px;box-shadow:0 10px 24px #1f9d6859;animation:up .2s ease-out;white-space:nowrap}.muted{color:var(--muted)}.wm{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:80;pointer-events:none;display:flex;flex-wrap:wrap;gap:70px 60px;align-content:flex-start;transform:rotate(-24deg);overflow:hidden}.wm span{color:#1b2a5e0d;font-size:15px;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}html[data-look=o]{--canvas: #f4f6fa}html[data-look=o] body,html[data-look=o] .c-splash{background:#f4f6fa}html[data-look=o] .c-login{background:#1b2a5e}html[data-look=o] .login-brand p{color:#c3cbea}html[data-look=o] .login-brand .mark{box-shadow:0 12px 30px #00000040}html[data-look=o] .code-box:before{display:none}html[data-look=o] .code-box .btn-primary{background:#1b2a5e;color:#fff;box-shadow:none}html[data-look=o] header.top{background:#1b2a5e}html[data-look=o] header.top .blocks{display:none}html[data-look=o] .top-row .mark{background:#fff;border-radius:10px;padding:3px}html[data-look=o] .top-row .wordmark{color:#fff}html[data-look=o] .hello{color:#d5dbf2}html[data-look=o] .hello span{color:#fff}html[data-look=o] .listtag{background:#ffc23d2e;color:#ffc23d;border:1px solid rgba(255,194,61,.45)}html[data-look=o] .searchbar{color:#69728f}html[data-look=o] .searchbar input{background:#fff;border-color:#fff}html[data-look=o] .searchbar input:focus{border-color:#ffc23d}html[data-look=o] .card{border:0;box-shadow:0 1px 2px #121a330f,0 2px 8px #121a330d}html[data-look=o] .viewtoggle button[aria-pressed=true]{background:#1b2a5e}html[data-look=o] .promo-strip{background:#fff4d6;color:#6b4700}html[data-look=o] .tabbar button[aria-current=page]{color:#1b2a5e}html[data-look=o] .tabbar button[aria-current=page]:before{background:#1b2a5e}html[data-look=b]{--canvas: #fff8e8}html[data-look=b] body,html[data-look=b] .c-splash{background:#fff8e8}html[data-look=b] header.top{background:#ffc23d}html[data-look=b] .top-row .mark{background:#fff;border-radius:11px;padding:3px}html[data-look=b] .top-row .wordmark{color:#1b2a5e}html[data-look=b] .hello{color:#5a3b00}html[data-look=b] .hello span{color:#1b2a5e}html[data-look=b] .listtag{background:#1b2a5e;color:#fff}html[data-look=b] .searchbar{color:#b07a00}html[data-look=b] .searchbar input{background:#fff}html[data-look=b] .searchbar input:focus{border-color:#1b2a5e}html[data-look=b] header.top .blocks{height:5px}html[data-look=b] .circ.tint-sky{--t: #2f6bff;--r: #2f6bff}html[data-look=b] .circ.tint-sun{--t: #f04e3e;--r: #f04e3e}html[data-look=b] .circ.tint-coral{--t: #1f9d68;--r: #1f9d68}html[data-look=b] .circ.tint-mint{--t: #8a5cf6;--r: #8a5cf6}html[data-look=b] .circ.tint-new{--t: #1b2a5e;--r: #1b2a5e}html[data-look=b] .circ .ini,html[data-look=b] .circ.tint-new .disc{color:#fff}html[data-look=b] .circ .lbl{color:#1b2a5e;font-weight:600}html[data-look=b] .subpanel{background:#fff;border-color:#ffe1a0}html[data-look=b] .card{border:0}html[data-look=b] .card.tone-0{--soft: #ffe4df;--deep: #f04e3e;--ink2: #8a2414}html[data-look=b] .card.tone-1{--soft: #dcf5ea;--deep: #1f9d68;--ink2: #0f5c3c}html[data-look=b] .card.tone-2{--soft: #e3edff;--deep: #2f6bff;--ink2: #163c99}html[data-look=b] .card.tone-3{--soft: #efe7ff;--deep: #8a5cf6;--ink2: #4b2a9e}html[data-look=b] .card{background:var(--soft)}html[data-look=b] .card-media{background:#fff}html[data-look=b] .card .pname{color:var(--ink2)}html[data-look=b] .card .code{color:var(--ink2);opacity:.75}html[data-look=b] .card .price b{color:var(--ink2)}html[data-look=b] .card .btn-primary{background:var(--deep);color:#fff;box-shadow:0 2px #0000002e}html[data-look=b] .card .btn-wa-line{background:#ffffffb3}html[data-look=b] .viewtoggle button[aria-pressed=true]{background:#f04e3e}html[data-look=b] .qrow{border-color:#ffe1a0}html[data-look=b] .promo-strip{background:#f04e3e;color:#fff}html[data-look=b] .promo-strip svg{color:#fff}html[data-look=b] .pill-left{background:#fff;color:#f04e3e}html[data-look=b] .pill-left svg{color:#f04e3e}html[data-look=b] .tabbar button[aria-current=page]{color:#f04e3e}html[data-look=b] .tabbar button[aria-current=page]:before{background:#f04e3e}html[data-look=b] .cartbar{background:#f04e3e;box-shadow:0 12px 30px #f04e3e59}html[data-look=c]{--canvas: #eef5ff}html[data-look=c] body,html[data-look=c] .c-splash{background:#eef5ff}html[data-look=c] header.top{background:#2f6bff;border-radius:0 0 22px 22px}html[data-look=c] header.top .blocks{display:none}html[data-look=c] .searchbar{margin-bottom:14px}html[data-look=c] .top-row .mark{background:#fff;border-radius:11px;padding:3px}html[data-look=c] .top-row .wordmark{color:#fff}html[data-look=c] .hello{color:#d6e3ff}html[data-look=c] .hello span{color:#fff}html[data-look=c] .listtag{background:#ffc23d;color:#1b2a5e}html[data-look=c] .searchbar{color:#2f6bff}html[data-look=c] .searchbar input{background:#fff}html[data-look=c] .searchbar input:focus{border-color:#ffc23d}html[data-look=c] .circ.tint-sky{--t: #ffc23d;--r: #e0a21f}html[data-look=c] .circ.tint-sun{--t: #ff7a59;--r: #ff7a59}html[data-look=c] .circ.tint-coral{--t: #22c08a;--r: #22c08a}html[data-look=c] .circ.tint-mint{--t: #ff6fae;--r: #ff6fae}html[data-look=c] .circ.tint-new{--t: #2f6bff;--r: #2f6bff}html[data-look=c] .circ .ini,html[data-look=c] .circ.tint-new .disc{color:#fff}html[data-look=c] .circ.tint-sky .ini{color:#1b2a5e}html[data-look=c] .circ .lbl{color:#1b2a5e;font-weight:600}html[data-look=c] .card{border:0;box-shadow:0 6px 18px #2f6bff1a}html[data-look=c] .card.tone-0 .card-media{background:#fff1c7}html[data-look=c] .card.tone-1 .card-media{background:#ffe1ee}html[data-look=c] .card.tone-2 .card-media{background:#dcf5ea}html[data-look=c] .card.tone-3 .card-media{background:#ffe6dc}html[data-look=c] .card .price b{color:#2f6bff}html[data-look=c] .viewtoggle button[aria-pressed=true]{background:#2f6bff}html[data-look=c] .promo-strip{background:#ff6fae;color:#fff}html[data-look=c] .promo-strip svg{color:#fff}html[data-look=c] .pill-left{background:#fff;color:#d6336c}html[data-look=c] .pill-left svg{color:#d6336c}html[data-look=c] .tabbar button[aria-current=page]{color:#2f6bff}html[data-look=c] .tabbar button[aria-current=page]:before{background:#2f6bff}html[data-look=c] .cartbar{background:#2f6bff;box-shadow:0 12px 30px #2f6bff59}