html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070d16;
  --bg2:#0a111c;
  --bg3:#0f1825;
  --sur:#101925;
  --sur2:#141f2d;
  --surface-1:#101925;
  --surface-2:#142132;
  --surface-3:#18283c;
  --surface-4:#213149;
  --bd:rgba(203,213,225,.12);
  --bd2:rgba(226,232,240,.18);
  --border-strong:rgba(226,232,240,.24);
  --t:#f8fbff;
  --t2:#c7d2e2;
  --t3:#91a0b8;
  --text-primary:#f8fbff;
  --text-secondary:#c7d2e2;
  --text-muted:#91a0b8;
  --acg:rgba(0,80,255,.22);
  --shadow-sm:0 12px 28px rgba(0,0,0,.18);
  --shadow:0 20px 46px rgba(0,0,0,.28);
  --shadow2:0 28px 68px rgba(0,0,0,.36);
  --shadow-lg:0 34px 84px rgba(0,0,0,.42);
  --header-bg:rgba(7,13,22,.82);
  --footer-bg:#08111d;
  --input-bg:#0d1724;
  --input-bg-2:#111d2b;
  --badge-bg:rgba(94,144,255,.14);
  --badge-border:rgba(122,163,255,.22);
  --success-bg:rgba(18,183,106,.14);
  --warning-bg:rgba(247,144,9,.16);
  --danger-bg:rgba(240,68,56,.15);
  --overlay:rgba(2,6,12,.72);
}

html[data-theme="dark"] body,
html[data-theme="dark"] .account-template,
html[data-theme="dark"] .admin-template{
  background:
    radial-gradient(circle at top left, rgba(0,80,255,.18), transparent 24%),
    radial-gradient(circle at 86% 0%, rgba(94,144,255,.08), transparent 22%),
    linear-gradient(180deg,#070d16 0%,#0a121e 46%,#0d1524 100%);
  color:var(--t);
}

html[data-theme="dark"] ::selection{
  background:rgba(94,144,255,.24);
  color:#fff;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .fpanel,
html[data-theme="dark"] #orderItems,
html[data-theme="dark"] #brickOrderItems,
html[data-theme="dark"] .account-template .notifications-panel-body,
html[data-theme="dark"] .mobile-menu-body{
  scrollbar-color:rgba(122,163,255,.28) transparent;
}

html[data-theme="dark"] body::-webkit-scrollbar,
html[data-theme="dark"] .fpanel::-webkit-scrollbar,
html[data-theme="dark"] #orderItems::-webkit-scrollbar,
html[data-theme="dark"] #brickOrderItems::-webkit-scrollbar,
html[data-theme="dark"] .account-template .notifications-panel-body::-webkit-scrollbar,
html[data-theme="dark"] .mobile-menu-body::-webkit-scrollbar{
  width:8px;
}

html[data-theme="dark"] body::-webkit-scrollbar-thumb,
html[data-theme="dark"] .fpanel::-webkit-scrollbar-thumb,
html[data-theme="dark"] #orderItems::-webkit-scrollbar-thumb,
html[data-theme="dark"] #brickOrderItems::-webkit-scrollbar-thumb,
html[data-theme="dark"] .account-template .notifications-panel-body::-webkit-scrollbar-thumb,
html[data-theme="dark"] .mobile-menu-body::-webkit-scrollbar-thumb{
  background:rgba(122,163,255,.28);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}

html[data-theme="dark"] .alt{
  background:linear-gradient(180deg,rgba(10,17,28,.96) 0%,rgba(13,21,34,.98) 100%);
  border-top-color:var(--bd);
  border-bottom-color:var(--bd);
}

html[data-theme="dark"] .banner{
  background:linear-gradient(90deg,#004ae3 0%,#1d63ff 52%,#0a4ff1 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.1),0 8px 22px rgba(0,0,0,.16);
}

html[data-theme="dark"] .nav,
html[data-theme="dark"] .nav.scrolled,
html[data-theme="dark"] .cnavbar{
  background:var(--header-bg);
  border-bottom-color:var(--bd);
  box-shadow:0 16px 38px rgba(0,0,0,.28);
  backdrop-filter:blur(20px) saturate(1.12);
  -webkit-backdrop-filter:blur(20px) saturate(1.12);
}

html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .search-empty-card,
html[data-theme="dark"] .quick-card,
html[data-theme="dark"] .ccard,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .pc,
html[data-theme="dark"] .trust-chip,
html[data-theme="dark"] .review-card,
html[data-theme="dark"] .recent-chip,
html[data-theme="dark"] .tc,
html[data-theme="dark"] .cat-head,
html[data-theme="dark"] .fblock,
html[data-theme="dark"] .pd-panel,
html[data-theme="dark"] .pd-mini,
html[data-theme="dark"] .pd-review-item,
html[data-theme="dark"] .pd-cross-card,
html[data-theme="dark"] .chk-card,
html[data-theme="dark"] .ord-card,
html[data-theme="dark"] .ok-card,
html[data-theme="dark"] .cd,
html[data-theme="dark"] .mini-cart,
html[data-theme="dark"] .pay-pill,
html[data-theme="dark"] .pp-field,
html[data-theme="dark"] .checkout-guest-prompt,
html[data-theme="dark"] .mp-brick-meta-card,
html[data-theme="dark"] .mp-brick-status,
html[data-theme="dark"] .mp-payment-shell,
html[data-theme="dark"] .free-ship-bar,
html[data-theme="dark"] .cat-empty,
html[data-theme="dark"] .toast2,
html[data-theme="dark"] .mobile-search-sheet,
html[data-theme="dark"] .mobile-menu-shell,
html[data-theme="dark"] .mobile-menu-account-card,
html[data-theme="dark"] .mobile-menu-support-card,
html[data-theme="dark"] .pdp-cta-mobile,
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .hmod-box,
html[data-theme="dark"] .camod-box,
html[data-theme="dark"] .confirm-modal .confirm-box,
html[data-theme="dark"] #spin-modal{
  background:linear-gradient(180deg,rgba(20,31,45,.96) 0%,rgba(13,21,33,.98) 100%);
  border-color:var(--bd);
  box-shadow:var(--shadow);
}

html[data-theme="dark"] #mp-brick-container{
  background:linear-gradient(180deg,rgba(13,22,35,.96),rgba(9,16,27,.98));
  border-color:rgba(122,163,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 48px rgba(0,0,0,.22);
}

html[data-theme="dark"] .mp-brick-status.info{
  background:linear-gradient(180deg,rgba(17,32,59,.96),rgba(13,23,41,.98));
}

html[data-theme="dark"] .mp-brick-status.processing,
html[data-theme="dark"] .mp-brick-status.loading{
  background:linear-gradient(180deg,rgba(54,35,12,.96),rgba(39,26,10,.98));
  border-color:rgba(247,144,9,.24);
}

html[data-theme="dark"] .mp-brick-status.success{
  background:linear-gradient(180deg,rgba(16,56,35,.96),rgba(12,38,25,.98));
  border-color:rgba(18,183,106,.2);
}

html[data-theme="dark"] .mp-brick-status.warning{
  background:linear-gradient(180deg,rgba(54,35,12,.96),rgba(39,26,10,.98));
  border-color:rgba(247,144,9,.24);
}

html[data-theme="dark"] .mp-brick-status.error{
  background:linear-gradient(180deg,rgba(67,24,24,.96),rgba(46,17,17,.98));
  border-color:rgba(240,68,56,.22);
}

html[data-theme="dark"] .quick-card:hover,
html[data-theme="dark"] .ccard:hover,
html[data-theme="dark"] .pc:hover,
html[data-theme="dark"] .review-card:hover,
html[data-theme="dark"] .recent-chip:hover,
html[data-theme="dark"] .tc:hover,
html[data-theme="dark"] .pd-mini:hover,
html[data-theme="dark"] .pd-review-item:hover,
html[data-theme="dark"] .pd-cross-card:hover,
html[data-theme="dark"] .mobile-menu-card:hover,
html[data-theme="dark"] .mobile-menu-category:hover,
html[data-theme="dark"] .account-template .product-card:hover,
html[data-theme="dark"] .account-template .favorite-card:hover,
html[data-theme="dark"] .account-template .profile-hub-card:hover,
html[data-theme="dark"] .account-template .support-topic-card:hover,
html[data-theme="dark"] .account-template .support-channel-card:hover,
html[data-theme="dark"] .account-template .notification-item:hover,
html[data-theme="dark"] .admin-template .content-card:hover,
html[data-theme="dark"] .admin-template .admin-line-card:hover,
html[data-theme="dark"] .admin-template .admin-feature-toggle:hover{
  border-color:rgba(122,163,255,.3);
  box-shadow:var(--shadow2);
}

html[data-theme="dark"] .quick-media,
html[data-theme="dark"] .piw,
html[data-theme="dark"] .pdmimg,
html[data-theme="dark"] .pdt,
html[data-theme="dark"] .oi-thumb,
html[data-theme="dark"] .cii,
html[data-theme="dark"] .account-template .product-thumb,
html[data-theme="dark"] .account-template .order-item-thumb,
html[data-theme="dark"] .account-template .order-line-thumb,
html[data-theme="dark"] .admin-template .admin-order-thumb.is-product,
html[data-theme="dark"] .admin-template .admin-order-detail-item img,
html[data-theme="dark"] .admin-template .admin-sale-preview img,
html[data-theme="dark"] .admin-template .admin-order-items-preview img{
  background:linear-gradient(135deg,#eef3f9 0%,#d9e4f0 100%);
  border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] .account-template .product-card-reco .product-thumb,
html[data-theme="dark"] .account-template .favorite-card .product-thumb,
html[data-theme="dark"] .account-template .product-card-favorite .product-thumb{
  background:linear-gradient(180deg,rgba(15,24,37,.96),rgba(11,18,29,.98));
  border-color:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  padding:0;
}

html[data-theme="dark"] .account-template .product-card-reco .product-thumb img,
html[data-theme="dark"] .account-template .favorite-card .product-thumb img,
html[data-theme="dark"] .account-template .product-card-favorite .product-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

html[data-theme="dark"] .quick-topline .quick-badge,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .quick-rating,
html[data-theme="dark"] .quick-spec,
html[data-theme="dark"] .hero-proof-row span,
html[data-theme="dark"] .cc-kicker,
html[data-theme="dark"] .review-badge,
html[data-theme="dark"] .trust-chip small,
html[data-theme="dark"] .stock-pill,
html[data-theme="dark"] .pmbdg,
html[data-theme="dark"] .pmbdgg,
html[data-theme="dark"] .pmbdgo,
html[data-theme="dark"] .checkout-guest-badge,
html[data-theme="dark"] .cat-head .pc2,
html[data-theme="dark"] .account-template .account-benefit-pills span,
html[data-theme="dark"] .account-template .coupon-chip,
html[data-theme="dark"] .account-template .product-tag,
html[data-theme="dark"] .account-template .price-row small,
html[data-theme="dark"] .account-template .favorite-price-row small,
html[data-theme="dark"] .admin-template .pill,
html[data-theme="dark"] .fmob-count{
  background:var(--badge-bg);
  border-color:var(--badge-border);
  color:#dce7ff;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .quick-badge{
  background:rgba(10,17,28,.82);
  color:var(--t);
  border-color:var(--bd);
}

html[data-theme="dark"] .badge.bs,
html[data-theme="dark"] .stock-pill.danger,
html[data-theme="dark"] .account-template .pill.error,
html[data-theme="dark"] .admin-template .pill.error{
  background:var(--danger-bg);
  color:#ff9f99;
  border-color:rgba(240,68,56,.24);
}

html[data-theme="dark"] .badge.bn,
html[data-theme="dark"] .badge.bo,
html[data-theme="dark"] .account-template .pill.info,
html[data-theme="dark"] .admin-template .pill.info,
html[data-theme="dark"] .pay-pill-mp,
html[data-theme="dark"] .coupon-side-steps span::before{
  background:rgba(53,114,255,.16);
  color:#dce7ff;
}

html[data-theme="dark"] .badge.bh,
html[data-theme="dark"] .ppct,
html[data-theme="dark"] .stock-pill.warning,
html[data-theme="dark"] .account-template .pill.warning,
html[data-theme="dark"] .admin-template .pill.warning{
  background:var(--warning-bg);
  color:#ffd08a;
  border-color:rgba(247,144,9,.24);
}

html[data-theme="dark"] .badge.bl{
  background:rgba(248,250,252,.12);
  color:#f8fbff;
  border-color:rgba(248,250,252,.14);
}

html[data-theme="dark"] .stock-pill.success,
html[data-theme="dark"] .account-template .pill.success,
html[data-theme="dark"] .admin-template .pill.success,
html[data-theme="dark"] .pay-pill-transfer{
  background:var(--success-bg);
  color:#8df0b8;
  border-color:rgba(18,183,106,.22);
}

html[data-theme="dark"] :is(
  .srch input,
  .mobile-search-box input,
  .fi,
  .prange input,
  .coupon-inp,
  .model-field,
  .ss,
  .account-template .search-box input,
  .account-template .orders-sort select,
  .account-template .favorites-sort select,
  .account-template .field input,
  .account-template .field textarea,
  .account-template .field select,
  .auth-template .field input,
  .auth-template .field textarea,
  .auth-template .field select,
  .admin-template .search-box input,
  .admin-template .field input,
  .admin-template .field textarea,
  .admin-template .field select,
  .admin-template .admin-filter-grid select,
  .admin-template .admin-filter-grid input,
  .admin-template .admin-bulkbar select,
  .admin-template .admin-config-row input,
  .admin-template .admin-config-tabs button,
  .admin-template .admin-radio-card span
){
  background:linear-gradient(180deg,var(--input-bg-2),var(--input-bg));
  color:var(--t);
  border-color:var(--bd);
  box-shadow:none;
}

html[data-theme="dark"] .srch{
  background:transparent;
  border-radius:999px;
  overflow:hidden;
}

html[data-theme="dark"] :is(
  .srch input::placeholder,
  .mobile-search-box input::placeholder,
  .fi::placeholder,
  .prange input::placeholder,
  .coupon-inp::placeholder,
  .model-field::placeholder,
  .account-template .search-box input::placeholder,
  .account-template .field input::placeholder,
  .account-template .field textarea::placeholder,
  .auth-template .field input::placeholder,
  .auth-template .field textarea::placeholder,
  .admin-template .search-box input::placeholder,
  .admin-template .field input::placeholder,
  .admin-template .field textarea::placeholder
){
  color:var(--t3);
  opacity:1;
}

html[data-theme="dark"] :is(
  .srch input:focus,
  .mobile-search-box input:focus,
  .fi:focus,
  .prange input:focus,
  .coupon-inp:focus,
  .model-field:focus,
  .account-template .search-box input:focus,
  .account-template .field input:focus,
  .account-template .field textarea:focus,
  .account-template .field select:focus,
  .auth-template .field input:focus,
  .auth-template .field textarea:focus,
  .auth-template .field select:focus,
  .admin-template .search-box input:focus,
  .admin-template .field input:focus,
  .admin-template .field textarea:focus,
  .admin-template .field select:focus,
  .admin-template .admin-filter-grid select:focus,
  .admin-template .admin-filter-grid input:focus,
  .admin-template .admin-bulkbar select:focus,
  .admin-template .admin-config-row input:focus
){
  border-color:rgba(122,163,255,.5);
  box-shadow:0 0 0 4px rgba(0,80,255,.18);
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill{
  -webkit-text-fill-color:var(--t);
  -webkit-box-shadow:0 0 0 1000px #111d2b inset;
  transition:background-color 9999s ease-in-out 0s;
}

html[data-theme="dark"] :is(
  .nb,
  .scroll-btn,
  .cl,
  .fsb,
  .btng,
  .btns,
  .va,
  .back-btn,
  .filter-reset,
  .ob,
  .subcat-pill,
  .cat-chip,
  .bp,
  .quick-btn-ghost,
  .checkout-guest-btn--secondary,
  .checkout-guest-btn--ghost,
  .account-template .ghost-btn,
  .account-template .secondary-btn,
  .account-template .small-btn,
  .account-template .icon-btn,
  .account-template .mobile-menu-btn,
  .account-template .account-sidebar-action,
  .account-template .account-sidebar-close,
  .account-template .notifications-close,
  .auth-template .ghost-btn,
  .auth-template .secondary-btn,
  .confirm-modal .ghost-btn,
  .mobile-search-close,
  .mobile-menu-close,
  .mobile-menu-card,
  .mobile-menu-category,
  .mobile-menu-support-card,
  .mobile-menu-account-card,
  .pd-share,
  .pdwb,
  .qb,
  .cdc,
  .ciq,
  .cir
){
  background:linear-gradient(180deg,rgba(18,29,43,.96),rgba(13,21,33,.96));
  border-color:var(--bd);
  color:var(--t2);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] :is(
  .btns,
  .va,
  .checkout-guest-btn--secondary,
  .checkout-guest-btn--ghost,
  .account-template .secondary-btn,
  .auth-template .secondary-btn,
  .filter-reset,
  .cat-chip-reset
){
  border-color:rgba(93,132,255,.28);
  color:#dce7ff;
}

html[data-theme="dark"] .coupon-apply-btn{
  background:linear-gradient(135deg,var(--ac),#2f73ff);
  border:1px solid rgba(93,132,255,.32);
  color:#fff;
  box-shadow:0 14px 28px rgba(0,80,255,.18);
}

html[data-theme="dark"] .coupon-apply-btn:hover{
  background:linear-gradient(135deg,#2f73ff,#5f8dff);
  box-shadow:0 18px 34px rgba(0,80,255,.24);
}

html[data-theme="dark"] :is(
  .nb:hover,
  .scroll-btn:hover,
  .cl:hover,
  .fsb:hover,
  .btng:hover,
  .btns:hover,
  .va:hover,
  .back-btn:hover,
  .filter-reset:hover,
  .ob:hover,
  .subcat-pill:hover,
  .cat-chip:hover,
  .bp:hover,
  .quick-btn-ghost:hover,
  .checkout-guest-btn--secondary:hover,
  .checkout-guest-btn--ghost:hover,
  .account-template .ghost-btn:hover,
  .account-template .secondary-btn:hover,
  .account-template .small-btn:hover,
  .account-template .icon-btn:hover,
  .account-template .account-sidebar-action:hover,
  .account-template .account-sidebar-close:hover,
  .account-template .notifications-close:hover,
  .auth-template .ghost-btn:hover,
  .auth-template .secondary-btn:hover,
  .confirm-modal .ghost-btn:hover,
  .mobile-search-close:hover,
  .mobile-menu-close:hover,
  .mobile-menu-card:hover,
  .mobile-menu-category:hover,
  .pd-share:hover,
  .pdwb:hover,
  .qb:hover,
  .cdc:hover,
  .ciq:hover
){
  background:linear-gradient(180deg,rgba(24,39,57,.98),rgba(16,25,37,.98));
  border-color:var(--bd2);
  color:var(--t);
}

html[data-theme="dark"] :is(
  .btnp,
  .quick-btn-primary,
  .checkout-guest-btn--primary,
  .account-template .primary-btn,
  .account-template .small-btn.primary,
  .auth-template .primary-btn,
  .confirm-modal .primary-btn,
  .trust-cta-button,
  .coupon-copy-btn,
  #spin-btn,
  .prize-cta,
  .mobile-menu-search,
  .account-template .nav-item.active,
  .subcat-pill.on,
  .ob.on,
  .cl.ac,
  .pmm.on
){
  background:linear-gradient(135deg,#0050ff 0%,#3f84ff 100%);
  color:#fff;
  border-color:transparent;
  box-shadow:0 18px 36px rgba(0,80,255,.28);
}

html[data-theme="dark"] .nb-menu.is-active,
html[data-theme="dark"] .bn-it.active{
  color:#dce7ff;
}

html[data-theme="dark"] .nb-wa{
  color:#a5f3c3;
  background:linear-gradient(180deg,rgba(17,94,51,.34),rgba(10,59,33,.38));
  border-color:rgba(74,222,128,.22);
}

html[data-theme="dark"] .nb-wa:hover{
  color:#dcfce7;
  background:linear-gradient(180deg,rgba(21,128,61,.4),rgba(12,73,40,.44));
  border-color:rgba(74,222,128,.32);
}

html[data-theme="dark"] :is(
  .hero-title,
  .quick-name,
  .cn,
  .pt,
  .pn,
  .ppc,
  .sec-ti,
  .review-card strong,
  .recent-chip strong,
  .trust-chip strong,
  .pdnm,
  .pdpr,
  .pd-panel h3,
  .cdt,
  .chk-ti,
  .ord-summary-copy h3,
  .ord-summary-total,
  .ok-grid strong,
  .suc-ti,
  .search-empty-card strong,
  .cemp strong,
  .account-template .page-title h1,
  .account-template .welcome-card h2,
  .account-template .next-action-card h3,
  .account-template .card-head h2,
  .account-template .card-head h3,
  .account-template .orders-summary strong,
  .account-template .favorites-summary strong,
  .account-template .coupon-summary strong,
  .account-template .profile-hero h2,
  .account-template .support-copy strong,
  .account-template .support-block-head h4,
  .account-template .support-hero-panel h3,
  .account-template .notification-copy strong,
  .account-template .order-item-title,
  .account-template .order-line-name,
  .account-template .coupon-item-title,
  .account-template .coupon-item-value,
  .account-template .coupon-side-card h4,
  .account-template .coupon-code-value,
  .account-template .profile-stat strong,
  .account-template .favorite-card h4,
  .account-template .favorite-price-row strong,
  .admin-template .page-title h1,
  .admin-template .card-head h2,
  .admin-template .card-head h3,
  .admin-template .admin-gate-card h2,
  .admin-template .admin-detail-box strong,
  .admin-template .admin-order-product,
  .admin-template .admin-sale-preview strong,
  .admin-template .admin-insight-head strong,
  .admin-template .admin-customer-card strong,
  .mobile-search-head strong,
  .mobile-menu-head strong,
  #spin-modal .header-title,
  .prize-title
){
  color:var(--t);
}

html[data-theme="dark"] :is(
  .hero-text,
  .sec-su,
  .quick-price-row span,
  .quick-old,
  .quick-price-label,
  .pcuot,
  .src,
  .cc,
  .trust-chip span,
  .review-card p,
  .recent-chip span,
  .recent-chip small,
  .pdcu,
  .pdorig,
  .pd-panel-copy,
  .pp-row,
  .pp-head-copy span,
  .pp-note,
  .oiv,
  .civ,
  .csl,
  .cart-foot-note,
  .search-empty-card p,
  .cat-toolbar-copy,
  .free-ship-bar,
  .free-ship-bar small,
  .suc-su,
  .account-template .page-title p,
  .account-template .welcome-card p,
  .account-template .next-action-card p,
  .account-template .card-head p,
  .account-template .orders-summary p,
  .account-template .favorites-summary p,
  .account-template .coupon-summary p,
  .account-template .profile-hero p,
  .account-template .profile-hub-card p,
  .account-template .support-copy p,
  .account-template .support-route span,
  .account-template .support-footer,
  .account-template .notification-copy span,
  .account-template .notification-time,
  .account-template .coupon-item-desc,
  .account-template .coupon-item-hint,
  .account-template .coupon-archive-copy p,
  .account-template .security-note,
  .account-template .order-item-subline,
  .account-template .order-item-meta-row span,
  .account-template .order-line-meta,
  .account-template .order-line-qty,
  .account-template .favorites-side-card p,
  .account-template .coupon-side-card p,
  .account-template .coupon-side-steps span,
  .account-template .product-card p,
  .account-template .favorite-card p,
  .admin-template .page-title p,
  .admin-template .card-head p,
  .admin-template .admin-gate-card p,
  .admin-template .admin-line-meta,
  .admin-template .admin-detail-box small,
  .admin-template .admin-sale-preview span,
  .admin-template .admin-day-strip strong,
  .admin-template .admin-order-detail-item span,
  .admin-template .admin-status,
  .mobile-search-hint,
  .mobile-menu-head p,
  .mobile-menu-search-copy span,
  .mobile-menu-card small,
  #spin-modal .header-sub,
  .prize-desc,
  .prize-conditions
){
  color:var(--t2);
}

html[data-theme="dark"] .hero-copy{
  background:rgba(10,17,28,.74);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}

html[data-theme="dark"] .hero-proof-row span,
html[data-theme="dark"] .quick-rating,
html[data-theme="dark"] .quick-spec,
html[data-theme="dark"] .account-template .order-item-meta-row span,
html[data-theme="dark"] .account-template .coupon-chip,
html[data-theme="dark"] .account-template .support-info-strip,
html[data-theme="dark"] .account-template .coupon-side-steps span{
  background:rgba(255,255,255,.04);
  border-color:var(--bd);
}

html[data-theme="dark"] .quick-wish,
html[data-theme="dark"] .wb{
  background:rgba(10,17,28,.78);
  border-color:rgba(255,255,255,.12);
  color:var(--t2);
  box-shadow:0 12px 24px rgba(0,0,0,.24);
}

html[data-theme="dark"] .quick-wish:hover,
html[data-theme="dark"] .wb:hover,
html[data-theme="dark"] .wb.is-active,
html[data-theme="dark"] .pdwb.is-active{
  background:rgba(49,14,17,.72);
  border-color:rgba(240,68,56,.28);
  color:#ff9f99;
}

html[data-theme="dark"] .hd{
  background:rgba(226,232,240,.2);
}

html[data-theme="dark"] .ftit,
html[data-theme="dark"] .ft-cop,
html[data-theme="dark"] .cat-breadcrumb,
html[data-theme="dark"] .ftlinks span,
html[data-theme="dark"] .coupon-label,
html[data-theme="dark"] .attempts-label,
html[data-theme="dark"] .account-template .nav-section-label,
html[data-theme="dark"] .account-template .coupon-side-kicker,
html[data-theme="dark"] .account-template .favorites-side-stat span,
html[data-theme="dark"] .admin-template .nav-section-label{
  color:var(--t3);
}

html[data-theme="dark"] footer{
  background:linear-gradient(180deg,var(--footer-bg) 0%,#09131f 100%);
  border-top-color:var(--bd);
}

html[data-theme="dark"] .ft-bot{
  border-top-color:var(--bd);
}

html[data-theme="dark"] .ftlinks button,
html[data-theme="dark"] .ftlinks a{
  color:var(--t2);
}

html[data-theme="dark"] .ftlinks button:hover,
html[data-theme="dark"] .ftlinks a:hover{
  color:#dce7ff;
}

html[data-theme="dark"] .paylogo{
  background:linear-gradient(180deg,rgba(17,27,41,.96),rgba(13,21,33,.96));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .visa-logo{
  color:#8bb5ff;
}

html[data-theme="dark"] .master-logo{
  color:#e5edf8;
}

html[data-theme="dark"] .mp-logo{
  color:#6cc4ff;
}

html[data-theme="dark"] .fblock,
html[data-theme="dark"] .cat-head,
html[data-theme="dark"] .search-empty-card,
html[data-theme="dark"] .cat-empty{
  border-color:var(--bd);
}

html[data-theme="dark"] .cat-chip,
html[data-theme="dark"] .subcat-pill,
html[data-theme="dark"] .cl,
html[data-theme="dark"] .bp,
html[data-theme="dark"] .ob{
  color:var(--t2);
}

html[data-theme="dark"] .pd-panel,
html[data-theme="dark"] .pd-mini,
html[data-theme="dark"] .pd-review-item,
html[data-theme="dark"] .pd-cross-card,
html[data-theme="dark"] .pdfr,
html[data-theme="dark"] .pd-empty{
  border-color:var(--bd);
  background:linear-gradient(180deg,rgba(18,29,43,.96),rgba(13,21,33,.98));
}

html[data-theme="dark"] .stock-pill{
  background:rgba(255,255,255,.04);
  color:var(--t2);
}

html[data-theme="dark"] .fbrd{
  background:rgba(9,15,24,.78);
  border-color:var(--bd);
  box-shadow:var(--shadow);
}

html[data-theme="dark"] .checkout-step{
  color:var(--t3);
}

html[data-theme="dark"] .checkout-step i,
html[data-theme="dark"] .checkout-rail,
html[data-theme="dark"] .account-template .progress-track,
html[data-theme="dark"] .fsb-track,
html[data-theme="dark"] .admin-template .admin-order-timeline-modern i{
  background:rgba(255,255,255,.08);
  border-color:var(--bd);
}

html[data-theme="dark"] .cd{
  background:linear-gradient(180deg,#0d1521 0%,#111a28 100%);
  border-left-color:var(--bd);
}

html[data-theme="dark"] .cdh,
html[data-theme="dark"] .cdf,
html[data-theme="dark"] .citem,
html[data-theme="dark"] .sum-box,
html[data-theme="dark"] .ord-summary-head,
html[data-theme="dark"] .oi,
html[data-theme="dark"] .pp-note{
  border-color:var(--bd);
}

html[data-theme="dark"] .ord-summary-head{
  background:linear-gradient(180deg,rgba(18,29,43,.96),rgba(13,21,33,.96));
}

html[data-theme="dark"] .ord-summary:hover .ord-summary-head{
  background:linear-gradient(180deg,rgba(18,29,43,.96),rgba(13,21,33,.96));
}

html[data-theme="dark"] .ord-card,
html[data-theme="dark"] .chk-card,
html[data-theme="dark"] .checkout-guest-prompt,
html[data-theme="dark"] .ok-card{
  background:
    radial-gradient(circle at top right, rgba(0,80,255,.12), transparent 34%),
    linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
}

html[data-theme="dark"] #paymentCard{
  background:
    radial-gradient(circle at top right, rgba(47,115,255,.14), transparent 34%),
    linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
}

html[data-theme="dark"] #paymentCard .chk-card-head,
html[data-theme="dark"] #paymentCard .chk-card-head > div,
html[data-theme="dark"] #paymentCard .pmlist,
html[data-theme="dark"] #paymentCard .payment-option,
html[data-theme="dark"] #paymentCard .pmi,
html[data-theme="dark"] #paymentCard .pmi-title-row,
html[data-theme="dark"] #paymentCard .payment-brand-row{
  background:transparent!important;
  box-shadow:none;
}

html[data-theme="dark"] .pmm{
  background:linear-gradient(180deg,rgba(18,29,43,.96),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .pmm:hover,
html[data-theme="dark"] .pmm.on{
  background:linear-gradient(180deg,rgba(27,44,69,.98),rgba(16,27,42,.98));
  border-color:rgba(122,163,255,.32);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmm{
  background:
    radial-gradient(circle at top right, rgba(0,80,255,.12), transparent 42%),
    linear-gradient(180deg,rgba(20,31,45,.98),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmm:hover,
html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmm.on{
  background:
    radial-gradient(circle at top right, rgba(94,144,255,.18), transparent 38%),
    linear-gradient(180deg,rgba(27,44,69,.98),rgba(16,27,42,.98));
  border-color:rgba(122,163,255,.34);
  box-shadow:var(--shadow2);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmm:disabled,
html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmm.is-disabled,
html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmm:disabled:hover{
  background:linear-gradient(180deg,rgba(14,22,33,.96),rgba(11,18,28,.98));
  border-color:rgba(203,213,225,.08);
  box-shadow:none;
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmr{
  border-color:rgba(226,232,240,.24);
  background:rgba(7,13,22,.6);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmi strong{
  color:var(--t);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmi span{
  color:var(--t2);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmi small{
  color:var(--t3);
}

html[data-theme="dark"] :is(#shippingCard,#paymentCard) .pmbdg{
  background:rgba(94,144,255,.14);
  border:1px solid rgba(122,163,255,.22);
  color:#dce7ff;
}

html[data-theme="dark"] .chk-subtitle{
  color:var(--t2);
}

html[data-theme="dark"] .chk-secure-chip{
  background:rgba(18,183,106,.12);
  color:#8ff0bb;
  border-color:rgba(18,183,106,.24);
}

html[data-theme="dark"] .payment-option.on > .pmm{
  border-color:rgba(47,115,255,.72);
  box-shadow:0 0 0 1px rgba(47,115,255,.28),0 22px 54px rgba(0,80,255,.20);
}

html[data-theme="dark"] .pml{
  background:linear-gradient(180deg,rgba(18,32,51,.96),rgba(10,18,31,.98));
  border-color:rgba(122,163,255,.16);
}

html[data-theme="dark"] .payment-expanded{
  background:
    radial-gradient(circle at 18% 0%,rgba(47,115,255,.14),transparent 38%),
    linear-gradient(180deg,rgba(15,25,41,.98),rgba(9,16,27,.98));
  border-color:rgba(47,115,255,.30);
  box-shadow:0 26px 58px rgba(0,0,0,.28);
}

html[data-theme="dark"] .mp-protection-card{
  background:rgba(7,13,22,.58);
  border-color:rgba(122,163,255,.14);
}

html[data-theme="dark"] .mp-protection-icon{
  background:rgba(47,115,255,.16);
  color:#9bbcff;
}

html[data-theme="dark"] .mp-protection-card strong,
html[data-theme="dark"] .installment-head strong,
html[data-theme="dark"] .installment-tile strong,
html[data-theme="dark"] .installment-tile em,
html[data-theme="dark"] .mp-payment-head h3{
  color:var(--t);
}

html[data-theme="dark"] .mp-protection-card small,
html[data-theme="dark"] .installment-head span,
html[data-theme="dark"] .installment-tile em span,
html[data-theme="dark"] .mp-payment-head p{
  color:var(--t2);
}

html[data-theme="dark"] .installment-selected-pill{
  background:rgba(47,115,255,.16);
  border-color:rgba(122,163,255,.24);
  color:#dce7ff!important;
}

html[data-theme="dark"] .installment-tile{
  background:linear-gradient(180deg,rgba(17,29,47,.98),rgba(10,18,31,.98));
  border-color:rgba(203,213,225,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

html[data-theme="dark"] .installment-tile:hover{
  border-color:rgba(122,163,255,.36);
  box-shadow:0 18px 36px rgba(0,0,0,.28);
}

html[data-theme="dark"] .installment-tile.on{
  background:
    radial-gradient(circle at 100% 0%,rgba(47,115,255,.24),transparent 42%),
    linear-gradient(180deg,rgba(22,38,63,.98),rgba(11,20,35,.98));
  border-color:rgba(47,115,255,.86);
  box-shadow:0 0 0 3px rgba(47,115,255,.16),0 22px 48px rgba(0,80,255,.18);
}

html[data-theme="dark"] .installment-tile small{
  color:#86efac;
}

html[data-theme="dark"] .installment-tile.has-interest small{
  color:#fbbf77;
}

html[data-theme="dark"] .installment-cft,
html[data-theme="dark"] .payment-method-footer,
html[data-theme="dark"] .mp-payment-foot{
  color:var(--t3);
}

html[data-theme="dark"] .payment-method-footer,
html[data-theme="dark"] .mp-payment-foot{
  border-color:rgba(255,255,255,.08);
}

html[data-theme="dark"] .mini-card-logo,
html[data-theme="dark"] .mini-text-logo,
html[data-theme="dark"] .mp-payment-logos span{
  background:rgba(8,15,25,.92);
  border-color:rgba(255,255,255,.10);
  color:var(--t);
}

html[data-theme="dark"] .mp-payment-shell{
  background:
    radial-gradient(circle at 100% 0%,rgba(47,115,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(17,29,47,.98),rgba(10,18,31,.98));
  border-color:rgba(122,163,255,.18);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
}

html[data-theme="dark"] .mp-brick-loading{
  color:var(--t3);
}

html[data-theme="dark"] .pp-field{
  background:linear-gradient(180deg,rgba(12,20,31,.94),rgba(10,17,28,.96));
}

html[data-theme="dark"] .pay-pill-mp,
html[data-theme="dark"] .pay-pill-transfer{
  box-shadow:none;
}

html[data-theme="dark"] .mini-cart{
  background:linear-gradient(180deg,rgba(20,31,45,.94),rgba(13,21,33,.96));
  border-color:rgba(255,255,255,.14);
  color:var(--t);
}

html[data-theme="dark"] .mini-cart span{
  color:var(--t2);
}

html[data-theme="dark"] .mini-cart-close{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.1);
  color:var(--t2);
}

html[data-theme="dark"] .mini-cart-close:hover{
  background:rgba(93,132,255,.18);
  border-color:rgba(122,163,255,.28);
  color:#eef4ff;
}

html[data-theme="dark"] .toast2{
  background:linear-gradient(180deg,rgba(20,31,45,.98),rgba(13,21,33,.98));
  border-color:var(--bd);
}

html[data-theme="dark"] .toast2__icon{
  background:rgba(255,255,255,.05);
}

html[data-theme="dark"] .toast2__close{
  color:var(--t2);
  background:rgba(255,255,255,.04);
}

html[data-theme="dark"] .toast2__close:hover{
  background:rgba(93,132,255,.14);
  color:#dce7ff;
}

html[data-theme="dark"] .co,
html[data-theme="dark"] .mobile-search-overlay,
html[data-theme="dark"] .mobile-menu-overlay,
html[data-theme="dark"] .fmob-overlay,
html[data-theme="dark"] .account-template .notifications-backdrop,
html[data-theme="dark"] .account-template .overlay,
html[data-theme="dark"] .hmod-overlay,
html[data-theme="dark"] #spin-overlay,
html[data-theme="dark"] #adminShell.product-drawer-open::before,
html[data-theme="dark"] #adminShell.customer-drawer-open::before{
  background:var(--overlay);
}

html[data-theme="dark"] .gmod-stage{
  background:linear-gradient(135deg,rgba(16,25,37,.72),rgba(9,15,24,.92));
  border-color:rgba(255,255,255,.14);
}

html[data-theme="dark"] .gmod-nav,
html[data-theme="dark"] .gmod-close{
  background:rgba(12,20,31,.76);
  border-color:rgba(255,255,255,.18);
  color:#dce7ff;
}

html[data-theme="dark"] .gthumb{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] #spin-modal .modal-header,
html[data-theme="dark"] #spin-modal .close-btn,
html[data-theme="dark"] .confirm-modal .confirm-box,
html[data-theme="dark"] .confirm-modal .ghost-btn,
html[data-theme="dark"] .second-spin-card{
  background:linear-gradient(180deg,rgba(20,31,45,.98),rgba(13,21,33,.98));
  border-color:var(--bd);
}

html[data-theme="dark"] .timer-bar{
  background:rgba(247,144,9,.14);
  border-color:rgba(247,144,9,.2);
}

html[data-theme="dark"] .timer-text,
html[data-theme="dark"] .timer-count{
  color:#ffce80;
}

html[data-theme="dark"] .account-template,
html[data-theme="dark"] .account-template .dashboard-layout{
  background:transparent;
}

html[data-theme="dark"] .account-template .page-section{
  background:transparent;
  border:0;
  box-shadow:none;
}

html[data-theme="dark"] .account-template .dashboard-layout::before{
  background:linear-gradient(180deg,rgba(10,17,28,.94) 0%,rgba(7,13,22,.98) 100%);
  border-right-color:var(--bd);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04);
}

html[data-theme="dark"] .account-template .topbar{
  background:transparent;
  border-bottom:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

html[data-theme="dark"] .account-template :is(
  .account-brand,
  .support-card,
  .support-item,
  .support-route,
  .profile-hub-card,
  .welcome-card,
  .next-action-card,
  .content-card,
  .stat-card,
  .coupon-card,
  .profile-card,
  .orders-toolbar,
  .favorites-toolbar,
  .coupon-toolbar,
  .favorites-side-card,
  .coupon-side-card,
  .product-card,
  .product-card-reco,
  .favorite-card,
  .coupon-item-ml,
  .coupon-item-side,
  .coupon-archive,
  .coupon-archive-item,
  .notifications-panel,
  .notifications-loading,
  .notifications-empty,
  .notifications-error,
  .notification-item,
  .order-item,
  .favorite-item,
  .address-item,
  .support-item,
  .setting-item,
  .order-details-body,
  .order-detail-tile,
  .order-line-item,
  .support-block,
  .support-personal-box,
  .support-channel-card,
  .support-topic-card,
  .support-faq-group,
  .support-faq-item,
  .support-info-strip,
  .profile-stat,
  .support-card-inline,
  .account-page-card-wide,
  .support-hero-panel,
  .address-empty-state,
  .empty-state,
  .account-empty-state
){
  background:linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .account-template .welcome-card,
html[data-theme="dark"] .account-template .next-action-card,
html[data-theme="dark"] .account-template .favorites-side-card,
html[data-theme="dark"] .account-template .coupon-side-card,
html[data-theme="dark"] .account-template .support-hero-panel{
  background:
    radial-gradient(circle at top right, rgba(0,80,255,.18), transparent 38%),
    linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:rgba(122,163,255,.18);
}

html[data-theme="dark"] .account-template #account-section-support .account-page-card-wide,
html[data-theme="dark"] .account-template #account-section-support .support-card-inline{
  background:
    radial-gradient(circle at top right, rgba(0,80,255,.14), transparent 34%),
    linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .account-template .support-personal-box{
  background:rgba(10,17,28,.76);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

html[data-theme="dark"] .account-template .nav-item{
  background:linear-gradient(180deg,rgba(18,29,43,.98),rgba(13,21,33,.98));
  border-color:var(--bd);
  color:#d3deee;
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .account-template .nav-item:hover{
  color:#dce7ff;
  border-color:rgba(122,163,255,.28);
  background:linear-gradient(180deg,rgba(24,39,57,.98),rgba(16,25,37,.98));
}

html[data-theme="dark"] .account-template .nav-badge{
  background:rgba(53,114,255,.18);
  color:#dce7ff;
  border-color:rgba(93,132,255,.24);
}

html[data-theme="dark"] .account-template .sidebar-bottom{
  border-top-color:var(--bd);
}

html[data-theme="dark"] .account-template .sidebar-bottom .danger-btn,
html[data-theme="dark"] .account-template .small-btn.danger,
html[data-theme="dark"] .confirm-modal .danger-btn{
  background:linear-gradient(180deg,rgba(79,18,24,.58),rgba(59,12,17,.7));
  border-color:rgba(240,68,56,.24);
  color:#ffb3ad;
}

html[data-theme="dark"] .account-template .notifications-panel,
html[data-theme="dark"] .account-template .notifications-loading,
html[data-theme="dark"] .account-template .notifications-empty,
html[data-theme="dark"] .account-template .notifications-error{
  backdrop-filter:blur(18px) saturate(1.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
}

html[data-theme="dark"] .account-template .notification-item.is-unread{
  background:linear-gradient(180deg,rgba(24,39,57,.98),rgba(16,25,37,.98));
  border-color:rgba(122,163,255,.24);
}

html[data-theme="dark"] .account-template .notification-badge{
  box-shadow:0 0 0 3px rgba(7,13,22,.96);
}

html[data-theme="dark"] .account-template .support-channel-card.is-primary,
html[data-theme="dark"] .account-template .support-route.highlight{
  background:
    radial-gradient(circle at top right, rgba(0,80,255,.18), transparent 38%),
    linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:rgba(122,163,255,.24);
}

html[data-theme="dark"] .account-template .favorites-sort{
  background:linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:none;
}

html[data-theme="dark"] .account-template .favorites-sort span{
  color:var(--t3);
}

html[data-theme="dark"] .mobile-menu-support-whatsapp .menu-row,
html[data-theme="dark"] .mobile-menu-support-secondary .menu-row{
  background:transparent;
  box-shadow:none;
}

html[data-theme="dark"] .account-template .support-context-chip,
html[data-theme="dark"] .account-template .support-channel-action,
html[data-theme="dark"] .account-template .support-real-badge,
html[data-theme="dark"] .account-template .coupon-code,
html[data-theme="dark"] .account-template .coupon-item-side-value,
html[data-theme="dark"] .account-template .favorites-side-stat{
  background:rgba(255,255,255,.05);
  border-color:rgba(122,163,255,.18);
  color:#dce7ff;
}

html[data-theme="dark"] .account-template .coupon-code-value,
html[data-theme="dark"] .account-template .coupon-item-side-value strong{
  color:#f8fbff;
}

html[data-theme="dark"] .account-template .product-tag.favorite{
  background:linear-gradient(180deg,rgba(101,28,39,.86),rgba(72,18,28,.94));
  border:1px solid rgba(255,120,132,.28);
  color:#ffd7db;
  box-shadow:0 8px 18px rgba(83,18,30,.24);
}

html[data-theme="dark"] .account-template .product-tag.recent{
  background:linear-gradient(180deg,rgba(21,79,58,.82),rgba(15,56,41,.94));
  border:1px solid rgba(76,211,153,.24);
  color:#d7fff0;
  box-shadow:0 8px 18px rgba(10,55,38,.22);
}

html[data-theme="dark"] .account-template .product-tag.suggested{
  background:linear-gradient(180deg,rgba(21,56,121,.84),rgba(14,37,84,.96));
  border:1px solid rgba(122,163,255,.24);
  color:#e3eeff;
  box-shadow:0 8px 18px rgba(9,30,79,.24);
}

html[data-theme="dark"] .account-template .order-item-head,
html[data-theme="dark"] .account-template .coupon-item-head{
  background:linear-gradient(180deg,rgba(18,29,43,.98),rgba(13,21,33,.98));
  border-bottom-color:var(--bd);
}

html[data-theme="dark"] .account-template .order-item-focus,
html[data-theme="dark"] .account-template .coupon-item-body,
html[data-theme="dark"] .account-template .coupon-archive-item,
html[data-theme="dark"] .account-template .profile-security-divider{
  border-color:var(--bd);
}

html[data-theme="dark"] .auth-template{
  background:
    radial-gradient(circle at top left, rgba(0,80,255,.2), transparent 26%),
    linear-gradient(180deg,#070d16 0%,#0d1524 100%);
}

html[data-theme="dark"] #authModal .auth-template-shell{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

html[data-theme="dark"] #authModal .auth-template{
  background:transparent;
}

html[data-theme="dark"] #authModal .auth-layout{
  padding:0;
}

html[data-theme="dark"] .auth-template .form-card{
  background:
    linear-gradient(180deg,rgba(20,31,45,.88) 0%,rgba(13,21,33,.9) 100%),
    radial-gradient(circle at top left, rgba(0,80,255,.12), transparent 32%);
  border-color:var(--bd);
  box-shadow:var(--shadow-lg);
}

html[data-theme="dark"] .auth-template .tab-switch{
  background:rgba(255,255,255,.05);
}

html[data-theme="dark"] .auth-template .tab-btn{
  color:var(--t3);
}

html[data-theme="dark"] .auth-template .tab-btn.on,
html[data-theme="dark"] .auth-template .tab-btn.active{
  background:linear-gradient(135deg,#0050ff,#3f84ff);
  color:#fff;
}

html[data-theme="dark"] .auth-template .password-toggle,
html[data-theme="dark"] .account-template .password-toggle{
  background:rgba(255,255,255,.06);
  border-color:rgba(122,163,255,.18);
  color:#dce7ff;
}

html[data-theme="dark"] .admin-template{
  background:
    radial-gradient(circle at top left, rgba(0,80,255,.18), transparent 22%),
    linear-gradient(180deg,#070d16 0%,#0b1220 100%);
}

html[data-theme="dark"] .admin-template :is(
  .admin-gate-card,
  .admin-sidebar,
  .admin-save-area,
  .admin-save-status,
  .stat-card,
  .content-card,
  .admin-line-card,
  .admin-product-drawer,
  .admin-customer-drawer,
  .admin-detail-box,
  .admin-order-detail-premium,
  .admin-order-detail-item,
  .admin-customer-card,
  .admin-order-card,
  .admin-coupon-card,
  .admin-config-row,
  .admin-header-preview,
  .admin-feature-toggle,
  .admin-activity-box,
  .admin-sticky-actions,
  .admin-sale-preview,
  .admin-order-items-preview span,
  .admin-day-strip span,
  .admin-radio-card span,
  .admin-config-note,
  .admin-order-summary,
  .admin-order-timeline-modern span
){
  background:linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .admin-template .admin-sidebar,
html[data-theme="dark"] .admin-template .admin-toolbar,
html[data-theme="dark"] .admin-template .admin-product-drawer > .card-head,
html[data-theme="dark"] .admin-template .admin-customer-drawer > .card-head{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

html[data-theme="dark"] .admin-template .admin-topbar,
html[data-theme="dark"] .admin-template .admin-save-area{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}

html[data-theme="dark"] .admin-template .admin-stat{
  background:linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98)) !important;
  border-color:var(--bd) !important;
  box-shadow:var(--shadow-sm) !important;
}

html[data-theme="dark"] .admin-template .admin-stat-label{
  background:linear-gradient(135deg,rgba(53,114,255,.18),rgba(20,31,45,.82));
  border-color:rgba(122,163,255,.22);
  color:#dce7ff;
}

html[data-theme="dark"] .admin-template .admin-shortcuts,
html[data-theme="dark"] .admin-template .admin-access-card{
  background:linear-gradient(180deg,rgba(20,31,45,.96),rgba(13,21,33,.98));
  border-color:var(--bd);
  box-shadow:var(--shadow-sm);
}

html[data-theme="dark"] .admin-template .admin-shortcuts .secondary-btn,
html[data-theme="dark"] .admin-template #adminRefreshButton{
  background:linear-gradient(180deg,rgba(24,39,57,.98),rgba(16,25,37,.98));
  border-color:var(--bd);
  color:#dce7ff;
  box-shadow:none;
}

html[data-theme="dark"] .admin-template .admin-shortcuts .secondary-btn:hover,
html[data-theme="dark"] .admin-template #adminRefreshButton:hover{
  background:linear-gradient(180deg,rgba(30,47,69,.98),rgba(18,29,43,.98));
  border-color:rgba(122,163,255,.26);
}

html[data-theme="dark"] .admin-template .admin-status,
html[data-theme="dark"] .admin-template .admin-access-kicker{
  color:var(--t3);
}

html[data-theme="dark"] .admin-template .nav-item{
  color:#d3deee;
}

html[data-theme="dark"] .admin-template .nav-item:hover{
  background:rgba(53,114,255,.16);
  color:#dce7ff;
}

html[data-theme="dark"] .admin-template .admin-pending-strip{
  background:rgba(247,144,9,.14);
  border-color:rgba(247,144,9,.22);
  color:#ffd08a;
}

html[data-theme="dark"] .admin-template .admin-save-status.dirty{
  background:rgba(247,144,9,.16);
  color:#ffd08a;
}

html[data-theme="dark"] .admin-template .admin-save-status.ok{
  background:rgba(18,183,106,.14);
  color:#8df0b8;
}

html[data-theme="dark"] .admin-template .admin-save-status.info{
  background:rgba(0,80,255,.16);
  color:#dce7ff;
}

html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .pdp-cta-mobile{
  background:rgba(7,13,22,.92);
  border-top-color:var(--bd);
  box-shadow:0 -18px 45px rgba(0,0,0,.32);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

html[data-theme="dark"] .bn-it{
  color:var(--t3);
}

html[data-theme="dark"] .pdp-cta-price span,
html[data-theme="dark"] .mobile-menu-search-copy strong,
html[data-theme="dark"] .mobile-menu-card strong,
html[data-theme="dark"] .mobile-menu-category strong{
  color:var(--t);
}

html[data-theme="dark"] .mobile-menu-head{
  background:transparent;
}

html[data-theme="dark"] .mobile-menu-handle{
  background:rgba(255,255,255,.16);
}

html[data-theme="dark"] .mobile-menu-card-ic,
html[data-theme="dark"] .mobile-menu-search-ic{
  background:rgba(53,114,255,.16);
  color:#dce7ff;
  box-shadow:none;
}

html[data-theme="dark"] .mobile-menu-close{
  background:rgba(14,23,35,.52);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}

html[data-theme="dark"] .mobile-menu-card-badge,
html[data-theme="dark"] .bn-badge,
html[data-theme="dark"] .cbadge{
  background:linear-gradient(135deg,#0050ff,#3f84ff);
  color:#fff;
}

html[data-theme="dark"] .account-template .account-sidebar-action,
html[data-theme="dark"] .account-template .account-sidebar-close,
html[data-theme="dark"] .account-template .card-head{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}

html[data-theme="dark"] .account-template .card-head > div,
html[data-theme="dark"] .account-template #account-section-support .card-head > div{
  background:transparent;
  box-shadow:none;
}

html[data-theme="dark"] .account-template .empty-state,
html[data-theme="dark"] .account-template .account-empty-state,
html[data-theme="dark"] .search-empty-card,
html[data-theme="dark"] .cat-empty{
  color:var(--t2);
}

@media(max-width:1120px){
  html[data-theme="dark"] .account-template .sidebar{
    background:
      radial-gradient(circle at top right, rgba(0,80,255,.14), transparent 26%),
      linear-gradient(180deg, rgba(11,18,29,.985), rgba(7,13,22,.995)) !important;
    border-right:1px solid rgba(255,255,255,.06) !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.03), 28px 0 60px rgba(0,0,0,.42) !important;
    backdrop-filter:blur(22px) saturate(1.04) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.04) !important;
  }

  html[data-theme="dark"] .account-template .sidebar-bottom{
    border-top:1px solid rgba(255,255,255,.06) !important;
    background:transparent !important;
  }

  html[data-theme="dark"] .account-template .dashboard-layout::before{
    display:none !important;
  }
}

html[data-theme="dark"] :is(button,input,select,textarea):disabled{
  opacity:.58;
}

html[data-theme="dark"] .coupon-box{
  background:#0d1521;
}
