/* ============================================================
   The online shop in the dark (html[data-theme="dark"]): made by tools/store-dark/build.py from the light
   stylesheets, then tools/store-dark/extra.css (the tokens and what needs a hand). Do not edit this file:
   change the light stylesheet or extra.css, then run  python3 tools/store-dark/build.py
   ============================================================ */

/* ---------- store.css ---------- */
html[data-theme="dark"] .btn-ghost:hover{background:#1B1C1A;border-color:#43423C}
html[data-theme="dark"] .btn-white{background:#1B1C1A}
html[data-theme="dark"] .btn-white:hover{background:#292925}
html[data-theme="dark"] .lang-pop{background:#1B1C1A}
html[data-theme="dark"] .lang-pop button:hover,html[data-theme="dark"] .lang-pop button:focus-visible{background:#262522}
html[data-theme="dark"] .lang-pop button[aria-checked="true"]{background:var(--brand-soft)}
html[data-theme="dark"] .lang-short{background:#282724}
html[data-theme="dark"] [aria-checked="true"] > .lang-short{background:var(--brand)}
html[data-theme="dark"] .ht-sw{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.018)}
html[data-theme="dark"] .ht-knob{color:#ECCB79;box-shadow:0 1px 3px rgba(0,0,0,0.53)}
html[data-theme="dark"] [aria-pressed="true"] .ht-knob{color:var(--brand)}
html[data-theme="dark"] .hdr-main{background:rgba(18,19,17,0.92)}
html[data-theme="dark"] .hdr.is-stuck .hdr-main{box-shadow:0 10px 30px -22px rgba(0,0,0,0.8)}
html[data-theme="dark"] .hdr-search{background:#1B1C1A}
html[data-theme="dark"] .hdr-search input::placeholder{color:#86897C}
html[data-theme="dark"] .hdr-search:hover{border-color:#46443F}
html[data-theme="dark"] .hdr-search:focus-visible{border-color:var(--brand)}
html[data-theme="dark"] .hs-text{color:#8B8E81}
html[data-theme="dark"] .hs-kbd{background:#121311}
html[data-theme="dark"] .cat-all{box-shadow:inset 0 1px 0 rgba(255,255,255,0.062),0 10px 22px -14px color-mix(in srgb,var(--brand) 95%,transparent)}
html[data-theme="dark"] .cat-all:hover,html[data-theme="dark"] .nav-drop.is-open .cat-all{box-shadow:inset 0 1px 0 rgba(255,255,255,0.062),0 14px 26px -14px var(--brand)}
html[data-theme="dark"] .brand-all{background:#1B1C1A}
html[data-theme="dark"] .brand-all:hover,html[data-theme="dark"] .nav-drop.is-open .brand-all{background:var(--brand-soft)}
html[data-theme="dark"] .cat-thumb{background:#1B1C1A;box-shadow:0 1px 2px rgba(0,0,0,0.146),0 8px 20px -12px rgba(0,0,0,0.562)}
html[data-theme="dark"] .cat-link:hover{background:rgba(255,255,255,0.038)}
html[data-theme="dark"] .cat-link.is-on{background:transparent}
html[data-theme="dark"] .cat-link.is-on .cat-ic{background:var(--c)}
html[data-theme="dark"] .cat-ic.is-pic{background:#1B1C1A!important}
html[data-theme="dark"] .cat-n{background:rgba(255,255,255,0.051)}
html[data-theme="dark"] .cat-scroll::before{background:linear-gradient(90deg,var(--bg) 20%,rgba(18,19,17,0))}
html[data-theme="dark"] .cat-scroll::after{background:linear-gradient(-90deg,var(--bg) 20%,rgba(18,19,17,0))}
html[data-theme="dark"] .nl::before{background:rgba(0,0,0,0.25)}
html[data-theme="dark"] .mega{background:#1B1C1A;box-shadow:0 40px 80px -36px rgba(0,0,0,0.8)}
html[data-theme="dark"] .mega-list{background:#262522}
html[data-theme="dark"] .mega-thumb{filter:drop-shadow(0 5px 6px rgba(0,0,0,0.338))}
html[data-theme="dark"] .mega-item:hover{background:rgba(27,28,26,0.6)}
html[data-theme="dark"] .mega-item.is-on{background:#1B1C1A;box-shadow:0 1px 2px rgba(0,0,0,0.146),0 8px 18px -12px rgba(0,0,0,0.53)}
html[data-theme="dark"] .mega-item.is-on .cat-ic{background:var(--c)}
html[data-theme="dark"] .mv-shot{background:radial-gradient(circle at 50% 58%,#1B1C1A 20%,var(--c-soft) 100%)}
html[data-theme="dark"] .mv-shot img{filter:drop-shadow(0 8px 10px rgba(0,0,0,0.306))}
html[data-theme="dark"] .bm-grid{background:#262522}
html[data-theme="dark"] .bm-logo{background:#1B1C1A;box-shadow:0 4px 12px -6px rgba(0,0,0,0.53)}
html[data-theme="dark"] .bm-item:hover{background:rgba(27,28,26,0.7)}
html[data-theme="dark"] .bm-item.is-on{background:#1B1C1A;box-shadow:0 1px 2px rgba(0,0,0,0.146),0 8px 18px -12px rgba(0,0,0,0.53)}
html[data-theme="dark"] .mega-promo img{filter:drop-shadow(0 16px 20px rgba(80,24,4,.45))}
html[data-theme="dark"] .mega-promo-tag{background:#1B1C1A}
html[data-theme="dark"] .drawer-bg{background:rgba(0,0,0,0.57)}
html[data-theme="dark"] .drawer-lang-row{background:#282724}
html[data-theme="dark"] .drawer-lang-row button[aria-checked="true"]{box-shadow:0 1px 2px rgba(0,0,0,0.178),0 6px 14px -8px rgba(0,0,0,0.53)}
html[data-theme="dark"] .drawer-lang-row button[aria-checked="true"]{background:var(--card)}
html[data-theme="dark"] .dl-flag{box-shadow:0 0 0 1px rgba(0,0,0,0.21)}
html[data-theme="dark"] .drawer-mode{background:#282724}
html[data-theme="dark"] .dm-moon{color:#9597DB}
html[data-theme="dark"] .dm-sun{color:#EDCA82}
html[data-theme="dark"] .drawer-cat{background:#1B1C1A}
html[data-theme="dark"] .drawer-cat img{filter:drop-shadow(0 5px 6px rgba(0,0,0,0.338))}
html[data-theme="dark"] .drawer-cat.is-on{box-shadow:0 0 0 3px var(--c-soft)}
html[data-theme="dark"] .drawer-cat.is-on .cat-ic{background:var(--c)}
html[data-theme="dark"] .db-item{background:#1B1C1A}
html[data-theme="dark"] .db-item.is-on{box-shadow:0 0 0 3px var(--bs)}
html[data-theme="dark"] .drawer-link{background:#1B1C1A}
html[data-theme="dark"] .drawer-me{background:linear-gradient(150deg,#1B1C1A,var(--brand-soft));border:1px solid #5D361D}
html[data-theme="dark"] .drawer-me-ic{background:#1B1C1A}
html[data-theme="dark"] .drawer-note{background:linear-gradient(150deg,#1B1C1A,var(--brand-soft));border:1px solid #5D361D}
html[data-theme="dark"] .icon-btn{background:#1B1C1A}
html[data-theme="dark"] .icon-btn:hover{border-color:#514F48}
html[data-theme="dark"] .icon-btn:focus-visible{border-color:var(--brand)}
html[data-theme="dark"] .cart-ic .dot-n{background:#1B1C1A}
html[data-theme="dark"] .hero{background:linear-gradient(120deg,#292824 0%,#2D2C29 50%,#32322D 100%)}
html[data-theme="dark"] .hero-slide:not(.is-photo){background:radial-gradient(52% 78% at 76% 46%,var(--glow,rgba(27,28,26,0.7)) 0%,rgba(27,28,26,0) 72%)}
html[data-theme="dark"][dir="rtl"] .hero-slide:not(.is-photo){background:radial-gradient(52% 78% at 24% 46%,var(--glow,rgba(27,28,26,0.7)) 0%,rgba(27,28,26,0) 72%)}
html[data-theme="dark"] .hero-word{-webkit-text-stroke:1.5px rgba(255,255,255,0.064)}
html[data-theme="dark"] .hero-tag{background:#1B1C1A}
html[data-theme="dark"] .hero-meta{background:rgba(27,28,26,0.86)}
html[data-theme="dark"] .hero-art img{filter:drop-shadow(0 30px 40px rgba(0,0,0,0.53))}
html[data-theme="dark"] .hero-glow{background:radial-gradient(circle,rgba(27,28,26,0.85),rgba(27,28,26,0) 66%)}
html[data-theme="dark"] .hero-art::after{background:rgba(0,0,0,0.32)}
html[data-theme="dark"] .hero-slide.is-photo::after{background:linear-gradient(96deg,rgba(0,0,0,0.88) 2%,rgba(0,0,0,0.78) 38%,rgba(255,255,255,0.043) 76%),linear-gradient(0deg,rgba(0,0,0,0.67),rgba(7,6,5,0) 34%)}
html[data-theme="dark"][dir="rtl"] .hero-slide.is-photo::after{background:linear-gradient(-96deg,rgba(0,0,0,0.88) 2%,rgba(0,0,0,0.78) 38%,rgba(255,255,255,0.043) 76%),linear-gradient(0deg,rgba(0,0,0,0.67),rgba(7,6,5,0) 34%)}
html[data-theme="dark"] .hero-slide.is-photo .btn-primary{background:#1B1C1A;box-shadow:0 14px 30px -16px rgba(0,0,0,0.8)}
html[data-theme="dark"] .hero-slide.is-photo .btn-primary:hover{background:#292925}
html[data-theme="dark"] .hero-slide.is-photo .btn-ghost{border-color:rgba(255,255,255,.34)}
html[data-theme="dark"] .hero-slide.is-photo .btn-ghost:hover{border-color:rgba(255,255,255,0.08)}
html[data-theme="dark"] .ht{color:rgba(242,241,236,0.42)}
html[data-theme="dark"] .ht:hover,html[data-theme="dark"] .ht.is-on{color:var(--ink)}
html[data-theme="dark"] .ht-track{background:rgba(255,255,255,0.102)}
html[data-theme="dark"] .hero-arrow{background:rgba(27,28,26,0.9)}
html[data-theme="dark"] .hero-arrow:hover{background:var(--brand)}
html[data-theme="dark"] .hero.is-dark .ht{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .hero.is-dark .ht:hover,html[data-theme="dark"] .hero.is-dark .ht.is-on{color:#fff}
html[data-theme="dark"] .hero.is-dark .hero-arrow{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.048)}
html[data-theme="dark"] .hero.is-dark .hero-arrow{background:rgba(255,255,255,.14)}
html[data-theme="dark"] .hero.is-dark .hero-arrow:hover{background:#1B1C1A}
html[data-theme="dark"] .fpill{background:#1B1C1A}
html[data-theme="dark"] .fpill.is-q > .ico:first-child{color:var(--muted)}
html[data-theme="dark"] .rail-btn{background:#1B1C1A}
html[data-theme="dark"] .rail-btn:hover{background:var(--brand)}
html[data-theme="dark"] .card:hover{border-color:#3B3A35}
html[data-theme="dark"] .card-media{background:radial-gradient(circle at 50% 62%,#1B1C1A,#292925 76%)}
html[data-theme="dark"] .card-media::after{background:rgba(0,0,0,0.28)}
html[data-theme="dark"] .flag{background:rgba(27,28,26,0.94);box-shadow:0 2px 10px rgba(0,0,0,0.242)}
html[data-theme="dark"] .flag.new{color:#91D4A5}
html[data-theme="dark"] .flag.hot{color:var(--brand)}
html[data-theme="dark"] .flag.cond.used{color:#ECC579}
html[data-theme="dark"] .flag.cond.used i{background:var(--gold)}
html[data-theme="dark"] .flag.cond.open_box{color:#89A2E6}
html[data-theme="dark"] .flag.sale{background:var(--sale);color:#fff}
html[data-theme="dark"] .fav{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .fav:hover{background:#1B1C1A}
html[data-theme="dark"] .fav.is-on{color:var(--sale)}
html[data-theme="dark"] .card:hover .card-media{background:radial-gradient(circle at 50% 62%,#1B1C1A,#282624 78%)}
html[data-theme="dark"] .specs span{background:#272623}
html[data-theme="dark"] .rate{background:#282824}
html[data-theme="dark"] .buys:not(.spot-buys) .b-cart{background:var(--brand)}
html[data-theme="dark"] .buys:not(.spot-buys) .b-cart:hover{background:var(--brand-dark)}
html[data-theme="dark"] .buys:not(.spot-buys) .b-buy{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 24%,transparent)}
html[data-theme="dark"] .buys:not(.spot-buys) .b-buy:hover{box-shadow:0 12px 22px -12px color-mix(in srgb,var(--brand) 90%,transparent)}
html[data-theme="dark"] .buys .liquid.is-added,html[data-theme="dark"] .buys .liquid.is-added:hover{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .b-cart{background:#282724}
html[data-theme="dark"] .b-cart:hover{background:#1B1C1A}
html[data-theme="dark"] .b-buy{box-shadow:inset 0 1px 0 rgba(255,255,255,0.044)}
html[data-theme="dark"] .b-buy:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.044),0 12px 22px -10px color-mix(in srgb,var(--brand) 85%,transparent)}
html[data-theme="dark"] .b-ghost{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.044)}
html[data-theme="dark"] .b-ghost:hover{background:#1B1C1A}
html[data-theme="dark"] .liquid.is-added,html[data-theme="dark"] .liquid.is-added:hover{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .cat{background:linear-gradient(155deg,#1B1C1A 18%,var(--c-soft) 100%)}
html[data-theme="dark"] .cat .cat-ic{background:var(--c)}
html[data-theme="dark"] .cat-models{background:rgba(27,28,26,0.85)}
html[data-theme="dark"] .cat img{filter:drop-shadow(0 18px 22px rgba(0,0,0,0.37))}
html[data-theme="dark"] .cat-go{background:#1B1C1A}
html[data-theme="dark"] .cond-tile{background:linear-gradient(120deg,#1B1C1A 45%,var(--c-soft) 100%)}
html[data-theme="dark"] .cond-tile.is-on{box-shadow:0 0 0 3px var(--c-soft),0 16px 30px -22px var(--c)}
html[data-theme="dark"] .cond-n{background:rgba(27,28,26,0.85)}
html[data-theme="dark"] .cond-go{background:#1B1C1A}
html[data-theme="dark"] .cond-cats{background:linear-gradient(155deg,#1B1C1A 30%,var(--c-soft) 100%)}
html[data-theme="dark"] .cc-title .cat-ic{background:var(--c)}
html[data-theme="dark"] .cc{background:#1B1C1A}
html[data-theme="dark"] .promo::after{background:linear-gradient(100deg,rgba(0,0,0,0.88) 6%,rgba(0,0,0,0.74) 42%,rgba(0,0,0,0.27) 72%)}
html[data-theme="dark"][dir="rtl"] .promo::after{background:linear-gradient(-100deg,rgba(0,0,0,0.88) 6%,rgba(0,0,0,0.74) 42%,rgba(0,0,0,0.27) 72%)}
html[data-theme="dark"] .bb{background:radial-gradient(120% 90% at 100% 100%,var(--bs) 0%,rgba(27,28,26,0) 70%),#1B1C1A}
html[data-theme="dark"][dir="rtl"] .bb{background:radial-gradient(120% 90% at 0% 100%,var(--bs) 0%,rgba(27,28,26,0) 70%),#1B1C1A}
html[data-theme="dark"] .bb.is-dark:hover{border-color:#3A3C41}
html[data-theme="dark"] .bb.is-dark:hover{box-shadow:var(--shadow-md)}
html[data-theme="dark"] .bb.is-on{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
html[data-theme="dark"] .bb-logo{background:#1B1C1A;box-shadow:0 8px 18px -12px rgba(0,0,0,0.77)}
html[data-theme="dark"] .bb-count{background:rgba(27,28,26,0.9)}
html[data-theme="dark"] .bb-shot{filter:drop-shadow(0 18px 22px rgba(0,0,0,0.402))}
html[data-theme="dark"] .bb-arrow{background:#1B1C1A}
html[data-theme="dark"] .spot{background:linear-gradient(140deg,#1D1A17,#5A5551)}
html[data-theme="dark"] .spot img{filter:drop-shadow(0 26px 34px rgba(0,0,0,0.77))}
html[data-theme="dark"] .mini{background:#1B1C1A}
html[data-theme="dark"] .sp{background:radial-gradient(110% 80% at 100% 0%,var(--sp-soft,#282724) 0%,rgba(27,28,26,0) 62%),#1B1C1A}
html[data-theme="dark"] .sp-kind{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .sp-shot img{filter:drop-shadow(0 18px 22px rgba(0,0,0,0.37))}
html[data-theme="dark"] .tech{background:#1B1C1A}
html[data-theme="dark"] .tech-item:hover{background:#232320}
html[data-theme="dark"] .club-card{background:linear-gradient(135deg,#2C2A28,#EEB183);box-shadow:0 22px 40px -20px rgba(0,0,0,0.8)}
html[data-theme="dark"] .club-card i{background:rgba(27,28,26,0.55)}
html[data-theme="dark"] .trust-ic{background:#1B1C1A}
html[data-theme="dark"] .socials a{background:#1B1C1A}
html[data-theme="dark"] .socials a:hover{background:var(--brand)}
html[data-theme="dark"] .toast{background:#1B1C1A;box-shadow:0 24px 50px -20px rgba(0,0,0,0.69)}
html[data-theme="dark"] .toast-ic{background:#252A26}
html[data-theme="dark"] .toast-act:hover{background:#53321A}
html[data-theme="dark"] .modal-bg,html[data-theme="dark"] .sheet-bg{background:rgba(0,0,0,0.56)}
html[data-theme="dark"] .modal-box{background:#1B1C1A;box-shadow:0 40px 90px -30px rgba(0,0,0,0.8)}
html[data-theme="dark"] .sheet-panel{box-shadow:-30px 0 70px -30px rgba(0,0,0,0.77)}
html[data-theme="dark"][dir="rtl"] .sheet-panel{box-shadow:30px 0 70px -30px rgba(0,0,0,0.77)}
html[data-theme="dark"] .sheet-foot{background:#1B1C1A}
html[data-theme="dark"] .ship{background:#1B1C1A}
html[data-theme="dark"] .ship-bar{background:#2B2A26}
html[data-theme="dark"] .ship-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 65%,rgb(255 255 255)),var(--brand))}
html[data-theme="dark"] .ship.is-free .ship-line .ico{color:var(--ok)}
html[data-theme="dark"] .ship.is-free .ship-bar i{background:linear-gradient(90deg,#8CC39A,var(--ok))}
html[data-theme="dark"] .ci{background:#1B1C1A}
html[data-theme="dark"] .ci-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .ci-shot img{filter:drop-shadow(0 5px 6px rgba(0,0,0,0.29))}
html[data-theme="dark"] .ci-x:hover{background:#272323}
html[data-theme="dark"] .qty{background:#1B1C1A}
html[data-theme="dark"] .done-ic{background:#252A26}
html[data-theme="dark"] .sr-box{background:#262522}
html[data-theme="dark"] .sr-box:focus-within{background:#1B1C1A}
html[data-theme="dark"] .sr-box .tw{color:#8B8E81}
html[data-theme="dark"] .sr-clear:hover{background:#2B2A27}
html[data-theme="dark"] .sr-esc:hover{border-color:#4C4A44}
html[data-theme="dark"] .sr-chip{background:#1B1C1A}
html[data-theme="dark"] .sr-chip.is-active{background:var(--brand-soft)}
html[data-theme="dark"] .sr-cat{background:#1B1C1A}
html[data-theme="dark"] .sr-cat.is-active .cat-ic{background:var(--c)}
html[data-theme="dark"] .sr-prod.is-active{background:#262522}
html[data-theme="dark"] .sr-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .sr-all.is-active{background:var(--brand)}
html[data-theme="dark"] .sr-foot{background:#232320}
html[data-theme="dark"] kbd{background:#1B1C1A}
html[data-theme="dark"] .auth-art img{filter:drop-shadow(0 24px 30px rgba(80,24,4,.45))}
html[data-theme="dark"] .auth-tabs{background:#282724}
html[data-theme="dark"] .auth-thumb{background:#1B1C1A;box-shadow:0 1px 2px rgba(0,0,0,0.178),0 6px 14px -8px rgba(0,0,0,0.53)}
html[data-theme="dark"] .auth-tab.is-on{color:var(--ink)}
html[data-theme="dark"] .fld-box{background:#1B1C1A}
html[data-theme="dark"] .fld.is-bad .sub-box{border-color:var(--sale)}
html[data-theme="dark"] .eye:hover{background:#282724}
html[data-theme="dark"] .meter i{background:#2D2C28}
html[data-theme="dark"] .meter[data-s="1"] i:nth-child(-n+1){background:var(--sale)}
html[data-theme="dark"] .meter[data-s="2"] i:nth-child(-n+2){background:var(--gold)}
html[data-theme="dark"] .meter[data-s="3"] i:nth-child(-n+3){background:#7DB88A}
html[data-theme="dark"] .meter[data-s="4"] i{background:var(--ok)}
html[data-theme="dark"] .check i{border:1.5px solid #4C4A44;background:#1B1C1A}
html[data-theme="dark"] .check input:checked + i{background:var(--brand);border-color:var(--brand)}
html[data-theme="dark"] .check input:checked + i::after{border:2px solid #1B1C1A}
html[data-theme="dark"] .check input:focus-visible + i{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
html[data-theme="dark"] .btn.is-busy::after{border-top-color:#1B1C1A}
html[data-theme="dark"] .auth-demo{color:#818377}
html[data-theme="dark"] .g-btn{box-shadow:0 1px 2px rgba(0,0,0,0.13)}
html[data-theme="dark"] .g-btn:hover{border-color:#484741;box-shadow:0 12px 26px -16px rgba(0,0,0,0.69)}
html[data-theme="dark"] .g-btn:active{box-shadow:0 1px 2px rgba(0,0,0,0.13)}
html[data-theme="dark"] .g-btn:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
html[data-theme="dark"] .g-logo{box-shadow:0 0 0 1px rgba(0,0,0,0.178),0 2px 6px -2px rgba(0,0,0,0.338)}
html[data-theme="dark"] .g-btn.is-busy .g-logo::after{border:2px solid #383732}
html[data-theme="dark"] .code-to{background:#282724}
html[data-theme="dark"] .code-ic{background:#1B1C1A}
html[data-theme="dark"] .code-box input::placeholder{color:#737168}
html[data-theme="dark"] .icon-btn.is-me{border-color:#5D361D}
html[data-theme="dark"] .avatar.is-pic,html[data-theme="dark"] .me.is-pic{background:#292925}
html[data-theme="dark"] .acct-stats div{background:#121311}
html[data-theme="dark"] .acct-link{background:#1B1C1A}
html[data-theme="dark"] .acct-link:hover{background:#22201E}
html[data-theme="dark"] .topic span:hover{border-color:#4C4A44}
html[data-theme="dark"] .topic input:checked + span{border-color:var(--brand);background:var(--brand-soft)}
html[data-theme="dark"] .open-now{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .open-now.is-closed{background:#2B2926;color:#ECBE79}
html[data-theme="dark"] .sub-card{background:radial-gradient(80% 90% at 100% 0%,#54331A 0%,rgba(255,213,184,0) 62%),linear-gradient(150deg,#232120,var(--brand-soft));border:1px solid #5D361D}
html[data-theme="dark"][dir="rtl"] .sub-card{background:radial-gradient(80% 90% at 0% 0%,#54331A 0%,rgba(255,213,184,0) 62%),linear-gradient(-150deg,#232120,var(--brand-soft))}
html[data-theme="dark"] .sub-tag{background:#1B1C1A}
html[data-theme="dark"] .sub-box{background:#1B1C1A;border:1.5px solid #5A3820}
html[data-theme="dark"] .sub-box:focus-within{border-color:var(--brand)}
html[data-theme="dark"] .sub-done{background:#1B1C1A;border:1px solid #353B37}
html[data-theme="dark"] .talk-card{background:#1B1C1A}
html[data-theme="dark"] .talk{background:#232320}
html[data-theme="dark"] .talk:hover{background:#1B1C1A}
@media (max-width:880px){
  html[data-theme="dark"] .hero-slide:not(.is-photo){background:radial-gradient(90% 46% at 60% 20%,var(--glow,rgba(27,28,26,0.7)) 0%,rgba(27,28,26,0) 72%)}
  html[data-theme="dark"][dir="rtl"] .hero-slide:not(.is-photo){background:radial-gradient(90% 46% at 40% 20%,var(--glow,rgba(27,28,26,0.7)) 0%,rgba(27,28,26,0) 72%)}
}
html[data-theme="dark"] .scroll-line i{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 65%,rgb(255 255 255)),var(--brand) 55%,#D23F48)}
html[data-theme="dark"][dir="rtl"] .scroll-line i{background:linear-gradient(-90deg,color-mix(in srgb,var(--brand) 65%,rgb(255 255 255)),var(--brand) 55%,#D23F48)}
html[data-theme="dark"] .scroll-line i::after{background:#1B1C1A}
html[data-theme="dark"] .to-top{background:#1B1C1A;box-shadow:0 16px 34px -14px rgba(0,0,0,0.77)}
html[data-theme="dark"] .to-top:hover{background:var(--brand)}
html[data-theme="dark"] .to-top:hover .ring-fg{stroke:#1B1C1A}
html[data-theme="dark"] .to-top:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent),0 16px 34px -14px rgba(0,0,0,0.77)}
html[data-theme="dark"] .ring-bg{stroke:#2D2B29}
html[data-theme="dark"] .ci-soldout{background:#272323}
html[data-theme="dark"] .baro-fab{box-shadow:0 18px 36px -14px color-mix(in srgb,var(--brand) 90%,transparent),inset 0 1px 0 rgba(255,255,255,0.066)}
html[data-theme="dark"] .baro-fab:hover{box-shadow:0 22px 40px -14px color-mix(in srgb,var(--brand) 95%,transparent),inset 0 1px 0 rgba(255,255,255,0.066)}
html[data-theme="dark"] .baro-fab:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 30%,transparent),0 18px 36px -14px color-mix(in srgb,var(--brand) 90%,transparent)}
html[data-theme="dark"] .baro-win{box-shadow:0 40px 90px -30px rgba(0,0,0,0.77),0 4px 14px -6px rgba(0,0,0,0.242)}
html[data-theme="dark"] .baro-head{background:linear-gradient(180deg,var(--brand-soft),#1B1C1A)}
html[data-theme="dark"] .baro-hbtn{background:rgba(27,28,26,0.7)}
html[data-theme="dark"] .baro-ask{background:#1B1C1A}
html[data-theme="dark"] .baro-ask:hover{background:var(--brand-soft)}
html[data-theme="dark"] .baro-msg.is-err{border-color:#373131;background:#272323}
html[data-theme="dark"] .baro-retry{border:1px solid #373131;background:#1B1C1A}
html[data-theme="dark"] .baro-msg.is-typing span{background:var(--muted)}
html[data-theme="dark"] .baro-card{background:#1B1C1A}
html[data-theme="dark"] .baro-stock{background:#252A26}
html[data-theme="dark"] .baro-stock.is-low{background:var(--brand-soft)}
html[data-theme="dark"] .baro-stock.is-out{background:#272323}
html[data-theme="dark"] .baro-link{background:#1B1C1A}
html[data-theme="dark"] .baro-foot{background:#1B1C1A}
html[data-theme="dark"] .baro-box{background:#1B1C1A}
html[data-theme="dark"] .baro-bubble{box-shadow:0 30px 70px -28px rgba(0,0,0,0.77),0 4px 14px -6px rgba(0,0,0,0.242)}
html[data-theme="dark"] .baro-bubble-x:hover{background:#282724}
html[data-theme="dark"] .la-opt.is-on{background:var(--brand-soft)}
html[data-theme="dark"] .code-fld{background:color-mix(in srgb,var(--brand) 5%,var(--tint,#1B1C1A))}
html[data-theme="dark"] .code-fld .code-to{background:var(--card)}

/* ---------- products.css ---------- */
html[data-theme="dark"] .pq input::placeholder{color:transparent}
html[data-theme="dark"] .pq:focus-within input::placeholder{color:#86897C}
html[data-theme="dark"] .pq-tw{color:#8B8E81}
html[data-theme="dark"] .pq-clear:hover{background:#292825}
html[data-theme="dark"] .pq-pop{background:#1B1C1A;box-shadow:0 34px 70px -30px rgba(0,0,0,0.8)}
html[data-theme="dark"] .pp-row:hover,html[data-theme="dark"] .pp-row.is-active{background:#262522}
html[data-theme="dark"] .pp-row .sr-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .plh{background:radial-gradient(90% 140% at 100% 0%,var(--c-soft) 0%,rgba(27,28,26,0) 62%),#1B1C1A}
html[data-theme="dark"][dir="rtl"] .plh{background:radial-gradient(90% 140% at 0% 0%,var(--c-soft) 0%,rgba(27,28,26,0) 62%),#1B1C1A}
html[data-theme="dark"] .plh-ic.is-pic{background:#1B1C1A}
html[data-theme="dark"] .plh-logo{background:#1B1C1A;box-shadow:0 10px 24px -14px rgba(0,0,0,0.77)}
html[data-theme="dark"] .pq-chip{background:#1B1C1A}
html[data-theme="dark"] .pq-chip.is-on{background:var(--brand-soft);color:var(--brand-ink)}
html[data-theme="dark"] .pq-chip:disabled:hover{color:var(--sub)}
html[data-theme="dark"] .flt-panel{background:#1B1C1A}
html[data-theme="dark"] .fo:hover{background:#121311}
html[data-theme="dark"] .fo-box{border:1.5px solid #4C4A44;background:#1B1C1A}
html[data-theme="dark"] .fo input[type="checkbox"]:checked + .fo-box::after{border:2px solid #1B1C1A}
html[data-theme="dark"] .fo input[type="radio"]:checked + .fo-box::after{background:#1B1C1A}
html[data-theme="dark"] .fo-logo{background:#1B1C1A}
html[data-theme="dark"] .fo.is-zero:hover{background:none}
html[data-theme="dark"] .fchip span{background:#1B1C1A}
html[data-theme="dark"] .fchip:hover span{border-color:#4C4A44}
html[data-theme="dark"] .fchip input:checked + span{border-color:var(--brand);background:var(--brand-soft)}
html[data-theme="dark"] .fchip.is-live span{border-style:dashed}
html[data-theme="dark"] .fchip.is-zero:hover span{border-color:var(--line)}
html[data-theme="dark"] .fc:hover{border-color:#46443F}
html[data-theme="dark"] .fc-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.274)}
html[data-theme="dark"] .fc input:checked ~ .fc-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.274),0 0 0 2px #1B1C1A,0 0 0 4px var(--brand)}
html[data-theme="dark"] .fc:has(input:checked){background:#22201E}
html[data-theme="dark"] .fc:has(input:checked){border-color:var(--brand)}
html[data-theme="dark"] .fc.is-live{border-style:dashed}
html[data-theme="dark"] .fc input:focus-visible ~ .fc-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 40%,transparent)}
html[data-theme="dark"] .fsw:hover{background:#121311}
html[data-theme="dark"] .sw{background:#33322E}
html[data-theme="dark"] .sw::after{background:#1B1C1A;box-shadow:0 1px 3px rgba(0,0,0,0.45)}
html[data-theme="dark"] .pr-hist i{background:#31302C}
html[data-theme="dark"] .pr-track{background:#31302C}
html[data-theme="dark"] .pr-track i{background:var(--brand)}
html[data-theme="dark"] .pr-range input::-webkit-slider-thumb{background:#1B1C1A}
html[data-theme="dark"] .pr-range input::-moz-range-thumb{background:#1B1C1A}
html[data-theme="dark"] .pr-inputs > i{background:var(--line)}
html[data-theme="dark"] .pr-inputs label{background:#1B1C1A}
html[data-theme="dark"] .pl-fbtn{background:#1B1C1A}
html[data-theme="dark"] .ps-btn{background:#1B1C1A}
html[data-theme="dark"] .ps-btn:hover{border-color:#46443F}
html[data-theme="dark"] .ps-btn:focus-visible,html[data-theme="dark"] .pl-sort.is-open .ps-btn{border-color:var(--brand)}
html[data-theme="dark"] .ps-pop{background:#1B1C1A;box-shadow:0 34px 70px -30px rgba(0,0,0,0.8)}
html[data-theme="dark"] .ps-opt:hover,html[data-theme="dark"] .ps-opt:focus-visible{background:#262522}
html[data-theme="dark"] .ps-opt-ic{background:#282724}
html[data-theme="dark"] .ps-opt.is-on{background:var(--brand-soft)}
html[data-theme="dark"] .ps-opt.is-on .ps-opt-txt b{color:var(--brand-ink)}
html[data-theme="dark"] .pl-view{background:#1B1C1A}
html[data-theme="dark"] .pl-view button.is-on{background:var(--brand-soft);color:var(--brand)}
html[data-theme="dark"] .pl-view button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
html[data-theme="dark"] .ach{background:#1B1C1A}
html[data-theme="dark"] .ach-logo{background:#272623}
html[data-theme="dark"] .ach-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.338)}
html[data-theme="dark"] .hint-got{background:linear-gradient(90deg,#242221,#1B1C1A 70%)}
html[data-theme="dark"][dir="rtl"] .hint-got{background:linear-gradient(270deg,#242221,#1B1C1A 70%)}
html[data-theme="dark"] .hint-chip{border:1px solid #5A3820;background:#1B1C1A}
html[data-theme="dark"] .hint-keep kbd{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .qv-tag{background:rgba(27,28,26,0.95)}
html[data-theme="dark"] .card-stock.is-low{color:#ECC579}
html[data-theme="dark"] .card-stock.is-out{color:var(--sale)}
html[data-theme="dark"] .spec-color i{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.37)}
html[data-theme="dark"] .spec-color i{background:var(--sw)}
html[data-theme="dark"] .flag.out{background:#48494D}
html[data-theme="dark"] .flag.out{color:#fff}
html[data-theme="dark"] .pl-empty{background:#1B1C1A}
html[data-theme="dark"] .empty-try{background:#232320}
html[data-theme="dark"] .empty-try:hover{background:#1B1C1A}
html[data-theme="dark"] .pl-more-bar{background:#31302C}
html[data-theme="dark"] .pl-more-bar i{background:var(--brand)}
html[data-theme="dark"] .qv-shot{background:radial-gradient(circle at 50% 50%,#1B1C1A 0%,#1B1C1A 25%,var(--bs) 100%)}
html[data-theme="dark"] .qv-shot img{filter:drop-shadow(0 26px 30px rgba(0,0,0,0.45))}
html[data-theme="dark"] .qv-save{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .qv-stock i{background:var(--ok);box-shadow:0 0 0 3px rgba(63,125,78,.18)}
html[data-theme="dark"] .qv-stock.is-low i{background:var(--gold);box-shadow:0 0 0 3px rgba(217,164,65,.2)}
html[data-theme="dark"] .qv-stock.is-out i{background:var(--sale);box-shadow:0 0 0 3px rgba(178,58,43,.18)}
html[data-theme="dark"] .qv-fav.is-on{border-color:#592921}
html[data-theme="dark"] .qv-fav.is-on{color:var(--sale)}
@media (max-width:980px){
  html[data-theme="dark"] .flt-bg{background:rgba(0,0,0,0.56)}
  html[data-theme="dark"] .flt-panel{box-shadow:-30px 0 70px -30px rgba(0,0,0,0.77)}
  html[data-theme="dark"] .flt-panel{background:var(--bg)}
  html[data-theme="dark"][dir="rtl"] .flt-panel{box-shadow:30px 0 70px -30px rgba(0,0,0,0.77)}
  html[data-theme="dark"] .flt-head{background:#1B1C1A}
  html[data-theme="dark"] .flt-body{background:#1B1C1A}
  html[data-theme="dark"] .flt-foot{background:#1B1C1A}
}

/* ---------- buy.css ---------- */
html[data-theme="dark"] .by-stage{background:radial-gradient(circle at 50% 50%,#1B1C1A 0%,#1B1C1A 25%,var(--bs,#292925) 100%)}
html[data-theme="dark"] .by-stage img{filter:drop-shadow(0 26px 30px rgba(0,0,0,0.45))}
html[data-theme="dark"] .by-lens{background-color:#1B1C1A;border:3px solid #1B1C1A;box-shadow:0 0 0 1px rgba(0,0,0,0.178),0 22px 44px -14px rgba(0,0,0,0.77)}
html[data-theme="dark"] .by-full{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .by-full:hover{background:#1B1C1A}
html[data-theme="dark"] .by-hint{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .by-nav{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .by-nav:hover{background:#1B1C1A}
html[data-theme="dark"] .by-count{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .by-thumb{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .by-thumb:hover{border-color:#46443F}
html[data-theme="dark"] .by-thumb.is-on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
html[data-theme="dark"] .by-cond-pill.is-new{background:#252A26;color:#91D4A5}
html[data-theme="dark"] .by-cond-pill.is-used{background:#2B2926;color:#ECC579}
html[data-theme="dark"] .by-cond-pill.is-open_box{background:#232427;color:#89A2E6}
html[data-theme="dark"] .by-facts li{background:#272623}
html[data-theme="dark"] .by-fact-ic{background:#1B1C1A}
html[data-theme="dark"] .by-stock{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .by-stock i{background:currentColor}
html[data-theme="dark"] .by-stock.is-low{background:#2B2926;color:#ECC179}
html[data-theme="dark"] .by-stock.is-out{background:#272323}
html[data-theme="dark"] .by-stock.is-out{color:var(--sale)}
html[data-theme="dark"] .by-cond b.is-new{color:#91D4A5}
html[data-theme="dark"] .by-cond b.is-used{color:#ECC579}
html[data-theme="dark"] .by-cond b.is-open_box{color:#89A2E6}
html[data-theme="dark"] .by-color{background:#1B1C1A}
html[data-theme="dark"] .by-color:hover{border-color:#46443F}
html[data-theme="dark"] .by-color.is-on{background:#22201E}
html[data-theme="dark"] .by-color.is-on{border-color:var(--brand)}
html[data-theme="dark"] .by-color.is-on .fc-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.274),0 0 0 2px #1B1C1A,0 0 0 4px var(--brand)}
html[data-theme="dark"] .by-chip{background:#1B1C1A}
html[data-theme="dark"] .by-chip:hover{border-color:#4C4A44}
html[data-theme="dark"] .by-chip.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
html[data-theme="dark"] .by-subs{background:#232320}
html[data-theme="dark"] .by-sub.is-on .fo-box::after{background:#1B1C1A}
html[data-theme="dark"] .by-card .qv-specs th .ico{color:var(--bh,var(--brand))}
html[data-theme="dark"] .by-tags a{background:#272623}
html[data-theme="dark"] .by-tags a:hover{background:var(--brand-soft)}
html[data-theme="dark"] .by-rv-bar{background:#2A2926}
html[data-theme="dark"] .by-rv-bar i{background:var(--gold)}
html[data-theme="dark"] .by-rv-mine{background:#121311}
html[data-theme="dark"] .by-rv-mine.is-pending b{color:#ECC179}
html[data-theme="dark"] .by-rv-mine.is-shown b{color:var(--ok)}
html[data-theme="dark"] .by-rv-mine.is-hidden b{color:var(--sale)}
html[data-theme="dark"] .by-rv-pick button.is-on{color:var(--gold)}
html[data-theme="dark"] .by-rv-pick button:focus-visible{background:var(--brand-soft)}
html[data-theme="dark"] .by-v-bg{background:rgba(0,0,0,0.88)}
html[data-theme="dark"] .by-viewer img{filter:drop-shadow(0 30px 40px rgba(0,0,0,0.77))}
html[data-theme="dark"] .by-v-thumb img{filter:none}
html[data-theme="dark"] .by-v-thumb.is-on{border-color:#1B1C1A}
html[data-theme="dark"] .by-v-thumb.is-on{background:rgba(255,255,255,.2)}
@media (max-width:900px){
  html[data-theme="dark"] .by-bar{background:rgba(27,28,26,0.96);box-shadow:0 18px 40px -16px rgba(0,0,0,0.77)}
  html[data-theme="dark"] .by-bar-cart{background:#282724}
}

/* ---------- checkout.css ---------- */
html[data-theme="dark"] .co-step-n{background:#1B1C1A}
html[data-theme="dark"] .co-secure{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .co-card{background:#1B1C1A}
html[data-theme="dark"] .co-ok{background:#252A26}
html[data-theme="dark"] .fld-box select:invalid,html[data-theme="dark"] .fld-box select option[value=""]{color:#86897C}
html[data-theme="dark"] .opt{background:#1B1C1A}
html[data-theme="dark"] .opt:hover{border-color:#4C4A44}
html[data-theme="dark"] .opt-ic{background:#272623}
html[data-theme="dark"] .opt-dot{border:1.5px solid #4C4A44;background:#1B1C1A}
html[data-theme="dark"] .opt.is-on{background:#22201E}
html[data-theme="dark"] .opt.is-on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
html[data-theme="dark"] .opt:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent)}
html[data-theme="dark"] .opt.is-off:hover{border-color:var(--line)}
html[data-theme="dark"] .pay-ic{background:#1B1C1A;border:1px solid rgba(255,255,255,0.11)}
html[data-theme="dark"] .pay-ic.m-fib{background:#00A69C;border-color:#00A69C}
html[data-theme="dark"] .co-sum{background:#1B1C1A}
html[data-theme="dark"] .co-sum-addr{border:1px solid #363331;background:#22201E}
html[data-theme="dark"] .co-sum-addr.is-empty{border-style:dashed}
html[data-theme="dark"] .co-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .co-shot img{filter:drop-shadow(0 5px 6px rgba(0,0,0,0.29))}
html[data-theme="dark"] .co-shot i{border:2px solid #1B1C1A}
html[data-theme="dark"] .co-shot i{background:var(--brand)}
html[data-theme="dark"] .promo-msg.is-ok{color:#95D0A3}
html[data-theme="dark"] .promo-msg.is-bad{color:var(--sale)}
html[data-theme="dark"] .promo-cap{background:#282724;color:#ECC479}
html[data-theme="dark"] .promo-demo button{background:#23211F}
html[data-theme="dark"] .sum-row.is-off b{color:var(--ok)}
html[data-theme="dark"] .co-saved{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .co-empty{background:#1B1C1A}
html[data-theme="dark"] .done-hero{background:radial-gradient(70% 90% at 50% 0%,#442C1A 0%,rgba(255,227,207,0) 70%),#1B1C1A}
html[data-theme="dark"] .track{background:#1B1C1A}
html[data-theme="dark"] .track-dot{background:#1B1C1A}
html[data-theme="dark"] .done-card{background:#1B1C1A}
html[data-theme="dark"] .co-item{background:#1B1C1A}
html[data-theme="dark"] .co-item:hover{border-color:#3B3A35}
html[data-theme="dark"] .co-item.is-bad{border-color:var(--sale)}
html[data-theme="dark"] .co-item-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .co-item-shot img{filter:drop-shadow(0 8px 10px rgba(0,0,0,0.306))}
html[data-theme="dark"] .addr-ask-no{background:#282724}
html[data-theme="dark"] .addr-ask-go.is-busy::after{border-top-color:#1B1C1A}
html[data-theme="dark"] .addr-ask-go.is-busy::after{border:2px solid rgba(255,255,255,.4)}
html[data-theme="dark"] .addr-add:hover{background:#22201E}
html[data-theme="dark"] .ord-card{background:#1B1C1A}
html[data-theme="dark"] .ord-state.is-wait{background:#2B2926;color:#ECC179}
html[data-theme="dark"] .ord-state.is-ok{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .ord-state.is-off{background:#272623}
html[data-theme="dark"] .ord-state.is-off{color:var(--sub)}
@media (max-width:900px){
  html[data-theme="dark"] .co-mbar{background:rgba(27,28,26,0.96);box-shadow:0 -14px 30px -22px rgba(0,0,0,0.8)}
}
html[data-theme="dark"] .co-card-items .co-item-x{background:rgba(27,28,26,0.9)}
html[data-theme="dark"] .co-track li[role="button"]:hover{background:#242320}
html[data-theme="dark"] .co-track li[role="button"]:hover b{color:var(--brand-ink)}
html[data-theme="dark"] .city-btn.is-empty .city-val{color:#86897C}
html[data-theme="dark"] .city-pop{background:#1B1C1A}
html[data-theme="dark"] .city-ic{background:#272623}
html[data-theme="dark"] .city-opt:hover,html[data-theme="dark"] .city-opt.is-act{background:#252321}

/* ---------- account.css ---------- */
html[data-theme="dark"] .ac-me{background:radial-gradient(90% 130% at 100% 0%,#442C1A 0%,rgba(255,227,207,0) 62%),#1B1C1A}
html[data-theme="dark"][dir="rtl"] .ac-me{background:radial-gradient(90% 130% at 0% 0%,#442C1A 0%,rgba(255,227,207,0) 62%),#1B1C1A}
html[data-theme="dark"] .ac-av-btn{background:#1B1C1A}
html[data-theme="dark"] .ac-av-btn:hover{background:var(--brand)}
html[data-theme="dark"] .ac-menu{background:#1B1C1A}
html[data-theme="dark"] .ac-mi em{background:rgba(255,255,255,0.051)}
html[data-theme="dark"] .ac-mi:hover{background:#121311}
html[data-theme="dark"] .ac-mi.is-on{background:var(--brand-soft);color:var(--brand-ink)}
html[data-theme="dark"] .ac-mi.is-on em{background:var(--brand)}
html[data-theme="dark"] .ac-mi.is-out{color:var(--sale)}
html[data-theme="dark"] .ac-mi.is-out:hover{background:#242121}
html[data-theme="dark"] .ac-help{border:1px solid #5D361D;background:linear-gradient(150deg,#1B1C1A,var(--brand-soft))}
html[data-theme="dark"][dir="rtl"] .ac-help{background:linear-gradient(210deg,#1B1C1A,var(--brand-soft))}
html[data-theme="dark"] .ac-help-ic{background:#1B1C1A}
html[data-theme="dark"] .ac-tile{background:#1B1C1A}
html[data-theme="dark"] .ac-tile.is-wait{--t-soft:#2B2926}
html[data-theme="dark"] .ac-tile.is-heart{--t-soft:#272323}
html[data-theme="dark"] .ac-tile.is-ok{--t-soft:#252A26}
html[data-theme="dark"] .ac-box{background:#1B1C1A}
html[data-theme="dark"] .ac-blank > .ico{background:#121311}
html[data-theme="dark"] .ac-mini-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .ac-state.is-wait{background:#2B2926;color:#ECC179}
html[data-theme="dark"] .ac-state.is-ok{background:#252A26;color:#95D0A3}
html[data-theme="dark"] .ac-state.is-no{background:#272323}
html[data-theme="dark"] .ac-state.is-no{color:var(--sale)}
html[data-theme="dark"] .ac-state.is-back{background:#242327;color:#A796D9}
html[data-theme="dark"] .ac-thumb{border:2px solid #1B1C1A;background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .ac-thumb i{border:2px solid #1B1C1A}
html[data-theme="dark"] .ac-thumb i{background:var(--ink)}
html[data-theme="dark"] .ac-thumb.is-more{background:#282724}
html[data-theme="dark"] .ac-step-dot{background:#272623}
html[data-theme="dark"] .ac-steps .is-now .ac-step-dot{background:#2B2926;color:#ECC179}
html[data-theme="dark"] .ac-steps .is-now b{color:#ECC179}
html[data-theme="dark"] .ac-steps .is-todo .ac-step-dot{background:#1B1C1A;color:#757269}
html[data-theme="dark"] .ac-steps .is-todo b{color:var(--muted)}
html[data-theme="dark"] .ac-steps .is-no .ac-step-dot{background:var(--sale);color:#fff}
html[data-theme="dark"] .ac-steps .is-no b{color:var(--sale)}
html[data-theme="dark"] .ac-steps .is-back .ac-step-dot{background:#7250C9;color:#fff}
html[data-theme="dark"] .ac-steps .is-back b{color:#A796D9}
html[data-theme="dark"] .ac-say{background:#121311}
html[data-theme="dark"] .ac-say.is-wait{background:#262422}
html[data-theme="dark"] .ac-say.is-wait > .ico{color:#E9BD7C}
html[data-theme="dark"] .ac-say.is-ok{background:#222622}
html[data-theme="dark"] .ac-say.is-ok > .ico{color:var(--ok)}
html[data-theme="dark"] .ac-say.is-no{background:#242121}
html[data-theme="dark"] .ac-say.is-no > .ico{color:var(--sale)}
html[data-theme="dark"] .ac-say.is-back{background:#212023}
html[data-theme="dark"] .ac-say.is-back > .ico{color:#A796D9}
html[data-theme="dark"] .ac-msg{border:1px solid #5D361D;background:#242221}
html[data-theme="dark"] .ac-msg.is-no{border-color:#5A2820;background:#242121}
html[data-theme="dark"] .ac-msg.is-back{border-color:#312F35;background:#212023}
html[data-theme="dark"] .ac-msg-ic{background:#1B1C1A}
html[data-theme="dark"] .ac-msg.is-back .ac-msg-ic{color:#A796D9}
html[data-theme="dark"] .ac-msg.is-back .ac-msg-h{color:#A796D9}
html[data-theme="dark"] .ac-chip{background:#1B1C1A}
html[data-theme="dark"] .ac-chip i{background:rgba(255,255,255,0.051)}
html[data-theme="dark"] .ac-chip:hover:not(:disabled){border-color:#4C4A44}
html[data-theme="dark"] .ac-chip:hover:not(:disabled){color:var(--ink)}
html[data-theme="dark"] .ac-chip.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
html[data-theme="dark"] .ac-chip.is-on i{background:var(--brand)}
html[data-theme="dark"] .ac-ord{background:#1B1C1A}
html[data-theme="dark"] .ac-ord:hover{border-color:#3B3A35}
html[data-theme="dark"] .ac-more summary:hover{border-color:#4C4A44;background:#23221F}
html[data-theme="dark"] .ac-lines .co-line-mid a:hover b{color:var(--brand-ink)}
html[data-theme="dark"] .ac-ev-dot{background:#272623}
html[data-theme="dark"] .ac-ev.is-ok .ac-ev-dot{background:#252A26}
html[data-theme="dark"] .ac-ev.is-no .ac-ev-dot{background:#272323}
html[data-theme="dark"] .ac-ev.is-back .ac-ev-dot{background:#242327;color:#A796D9}
html[data-theme="dark"] .ac-ev.is-next .ac-ev-dot{background:#2B2926;color:#ECC179}
html[data-theme="dark"] .ac-kv.is-back .ico{color:#A796D9}
html[data-theme="dark"] .ac-w{background:#1B1C1A}
html[data-theme="dark"] .ac-w:hover{border-color:#3B3A35}
html[data-theme="dark"] .ac-w-x{background:rgba(27,28,26,0.92)}
html[data-theme="dark"] .ac-w-x:hover{background:#1B1C1A}
html[data-theme="dark"] .ac-w-shot{background:radial-gradient(circle at 50% 60%,#1B1C1A 20%,#292925 85%)}
html[data-theme="dark"] .ac-w-shot img{filter:drop-shadow(0 12px 14px rgba(0,0,0,0.306))}
html[data-theme="dark"] .ac-w-stock.is-low{color:#E9BD7C}
html[data-theme="dark"] .ac-w-stock.is-out{color:var(--sale)}
html[data-theme="dark"] .ac-tip-list .ico{background:#252A26}
html[data-theme="dark"] .ac-tip-list li:last-child .ico{background:var(--brand-soft);color:var(--brand)}

/* ---------- page.css ---------- */
html[data-theme="dark"] .pg-toc a:hover{background:var(--bg)}
html[data-theme="dark"] .pg-toc a.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
html[data-theme="dark"] .pg-list.is-tick i{background:var(--brand-soft)}
html[data-theme="dark"] .pg-note.is-ok{background:color-mix(in srgb,var(--ok) 9%,var(--card))}
html[data-theme="dark"] .pg-note.is-warn{background:color-mix(in srgb,var(--gold) 12%,var(--card))}
html[data-theme="dark"] .pg-card:hover .ico{color:var(--brand)}
@media (max-width:900px){
  html[data-theme="dark"] .pg-toc a{background:var(--card)}
  html[data-theme="dark"] .pg-toc a.is-on{border-color:var(--brand)}
}

/* ---------- by hand (tools/store-dark/extra.css) ---------- */
/* The tokens: a warm charcoal to go with the light theme's cream, the brand orange as it is */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#121311; --card:#1B1C1A; --ink:#F0EFEA; --sub:#B3B7AB; --muted:#8C9084;
  --line:#2E302C; --line-soft:#252623;
  --brand:#E2622E; --brand-dark:#F07A48; --brand-soft:#3A251B; --brand-ink:#FFB38E;
  --sand:#2A2B27; --sale:#E0604F; --gold:#E0AE52; --ok:#5DAE72;
  --tint:#1B1C1A; --tint-k:1.7;
  --shadow-xs:0 1px 2px rgba(0,0,0,.45);
  --shadow-sm:0 10px 26px -12px rgba(0,0,0,.65);
  --shadow-md:0 24px 54px -22px rgba(0,0,0,.8);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] ::selection{background:rgba(226,98,46,.45);color:#fff}

/* What the light theme draws in its ink (dark on cream) stays dark, or turns to a light pill with dark words */
html[data-theme="dark"] .hdr-top{background:linear-gradient(90deg,#0B0C0B,#171816 50%,#0B0C0B);border-bottom:1px solid #22241F}
html[data-theme="dark"] .baro-fab-tip{background:#F0EFEA;color:#16181C}
html[data-theme="dark"] .ac-thumb i{background:#F0EFEA;color:#16181C}

/* A brand's dark, colourless logo (store-data.js marks it .is-inky) turns light; the colourful ones stay as they are */
html[data-theme="dark"] img.blogo.is-inky{filter:invert(1) hue-rotate(180deg) brightness(.92)}

/* The picture a product without one shows: its cream panel turns charcoal, its drawing light */
html[data-theme="dark"] img[src$="fallback.svg"]{filter:invert(.9) hue-rotate(180deg) brightness(.95)}

/* A colour's dot keeps a light ring, so black and the dark greys still show on the dark */
html[data-theme="dark"] .fc-dot,html[data-theme="dark"] .ach-dot,html[data-theme="dark"] .spec-color i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}

/* Baro's product cards: the photo is not blended into its panel on the dark (multiply would darken the product) */
html[data-theme="dark"] .baro-card-img img{mix-blend-mode:normal}

/* Stars: the empty ones are a light grey on the light theme (kept as "white text" by the generator); on the dark they
   go dim, so only the gold ones read as given */
html[data-theme="dark"] .stars,html[data-theme="dark"] .by-rv-pick button:not(.is-on){color:#45433D}

/* the phone menu: the language in use is raised above the row (lighter), as in the light theme */
html[data-theme="dark"] .drawer-lang-row button[aria-checked="true"]{background:#34362F;box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.07)}