/* Store presentation layer. Existing templates and commerce handlers stay intact. */
html[data-store-theme="dark"] {
  color-scheme:dark;
  --q-bg:#030d15;--q-bg-secondary:#081b28;--q-surface:#0a1c29;--q-surface-raised:#102737;
  --q-border:#203e50;--q-border-strong:#396176;
  --q-text:#edf6fc;--q-text-muted:#aec2d0;--q-text-faint:#88a3b6;
  --q-primary:#00bce9;--q-primary-hover:#40d8ff;--q-primary-pressed:#0879ad;--q-primary-tint:#10374b;
  --q-success:#55dba0;--q-warning:#ffc564;--q-danger:#ff7c82;--q-danger-tint:#3c1c2a;
  --q-shadow-sm:0 2px 8px #0003;--q-shadow-md:0 10px 28px #0005;--q-shadow-lg:0 20px 60px #0007;
}
html[data-store-theme="light"]{color-scheme:light;--q-bg:#f3f7fb;--q-bg-secondary:#eaf1f7;--q-surface:#fff;--q-surface-raised:#fff;--q-primary:#007fa6;--q-primary-hover:#006586;--q-primary-tint:#e0f4fc;--q-border:#d7e4ed;--q-text:#122b3d;--q-text-muted:#516b7e;--q-text-faint:#607b8e}
html[data-store-theme] body.q-theme{background:var(--q-bg);color:var(--q-text)}
html[data-store-theme] .q-header{background:#04131f;animation:none;border-bottom:1px solid #214152}
html[data-store-theme] .q-header-inner{max-width:1600px;margin:auto;gap:22px}
html[data-store-theme] .q-theme-toggle{flex-shrink:0;border:1px solid #36586c;background:#102b3c;color:#82e4ff;width:40px;height:40px;border-radius:50%;cursor:pointer}
html[data-store-theme] .q-theme-toggle:hover{background:#17455b;color:white}
html[data-store-theme] :is(a,button,input,select,textarea):focus-visible{outline:2px solid #24c8f4;outline-offset:3px}
html[data-store-theme] :is(.q-spot-section,.q-brands-panel,.q-cat-section){background:var(--q-bg-secondary)!important;border:1px solid var(--q-border);border-radius:16px}
html[data-store-theme] :is(.q-spot-card,.q-pcard,.qbp-card){background:var(--q-surface);border:1px solid var(--q-border);border-radius:12px;box-shadow:0 3px 14px #0001}
html[data-store-theme] :is(.q-spot-card,.q-pcard,.qbp-card):hover{border-color:var(--q-primary);box-shadow:0 8px 28px #00bce918;transform:translateY(-3px)}
html[data-store-theme] .q-spot-heading{font-size:clamp(22px,2vw,30px);letter-spacing:-.025em}
html[data-store-theme] .q-spot-heading .q-spot-underline:after{height:2px;opacity:.8}
html[data-store-theme] .q-spot-section{padding:28px 24px}
html[data-store-theme] .q-spot-grid{gap:14px;grid-auto-columns:calc((100% - 70px)/6)}
html[data-store-theme] .q-spot-card{padding:14px}
html[data-store-theme] .q-spot-name{font-size:13px;line-height:1.5;color:var(--q-text)}
html[data-store-theme] .q-spot-now{color:var(--q-text)}
html[data-store-theme] .q-spot-cart{background:var(--q-primary-tint);color:var(--q-primary);border:1px solid var(--q-primary);border-radius:8px;min-width:36px;min-height:36px}
html[data-store-theme] .q-spot-cart:hover{background:var(--q-primary);color:#fff}
html[data-store-theme] .q-trust-strip{gap:0;border-block:1px solid var(--q-border);padding:20px 16px}
html[data-store-theme] .q-trust-chip{background:transparent;border:0;border-right:1px solid var(--q-border);border-radius:0;padding:12px 24px}
html[data-store-theme] .q-trust-chip:last-child{border:0}
html[data-store-theme] .q-trust-chip i{font-size:28px}
html[data-store-theme] .q-brands-panel{padding:28px 24px}
html[data-store-theme] .q-brands-card{border:1px solid var(--q-border);border-radius:10px;background:#fff}
html[data-store-theme] .q-brands-card img{filter:none;opacity:1}
html[data-store-theme] .q-tile{background:linear-gradient(140deg,var(--q-surface-raised),var(--q-surface));border:1px solid var(--q-border);border-radius:12px}
html[data-store-theme] .q-tile-icon{background:var(--q-primary-tint);color:var(--q-primary);box-shadow:none}
html[data-store-theme] .q-tile-body span{background:var(--q-primary-tint);color:var(--q-primary)}
html[data-store-theme] .q-tile-body{max-width:60%;text-shadow:0 1px 8px var(--q-surface)}
html[data-store-theme] .q-hero-main{background:linear-gradient(120deg,#052438,#075176);border:1px solid #28708c;border-radius:14px}
html[data-store-theme] .q-hero-side-tile{border:1px solid #28708c;border-radius:14px}
html[data-store-theme] .q-hero-grid{grid-template-columns:minmax(0,1fr)}
html[data-store-theme] .q-hero-main{min-height:440px;padding:clamp(28px,4vw,64px);background:linear-gradient(90deg,#03101af5 0%,#03101ac9 34%,#03101a08 72%),url('../images/store-quantum.webp') center 55%/cover no-repeat}
html[data-store-theme] .q-hero-main-copy{position:relative;z-index:1;max-width:48%}
html[data-store-theme] .q-hero-main-copy h1{font-size:clamp(30px,3.4vw,52px);text-transform:uppercase;letter-spacing:-.035em;line-height:1.08;color:#fff}
html[data-store-theme] .q-hero-main-copy p{max-width:390px;color:#c5d9e7}
html[data-store-theme] .q-hero-main-img{width:24%;max-width:260px;right:3%;bottom:20px}
html[data-store-theme] .q-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){html[data-store-theme] .q-hero-main{min-height:460px;align-items:flex-start;background-position:65% center}html[data-store-theme] .q-hero-main-copy{max-width:90%}html[data-store-theme] .q-hero-main-img{width:32%}html[data-store-theme] .q-hero-side{grid-template-columns:1fr}}
html[data-store-theme] .q-slider{border:1px solid var(--q-border);border-radius:14px}
html[data-store-theme] .q-btn-primary{background:linear-gradient(110deg,#00acd9,#007bea);border-color:transparent;color:white}
html[data-store-theme] .q-footer{background:#04131f;animation:none;border-color:#214152}
html[data-store-theme] .q-footer-grid{gap:36px}
html[data-store-theme="dark"] :is(.q-account-menu,.q-mega-panel,.q-mobile-panel,.q-cart-dropdown){background:var(--q-surface);color:var(--q-text);border-color:var(--q-border)}
html[data-store-theme="dark"] :is(.q-account-menu a,.q-mega-item,.q-mobile-panel a){color:var(--q-text)}
html[data-store-theme="dark"] :is(input,select,textarea){color-scheme:dark}
/* Product and brand photography keeps its original colors; no destructive filters. */
/* Original store logos are designed for light surfaces, including AJAX results. */
html[data-store-theme] .qb-grid .qb-card{background:#f8fafc;border-color:#cbdce7;color:#18374b}
html[data-store-theme] .qb-grid .qb-card h4{color:#18374b}
html[data-store-theme] .qb-grid .qb-card img{filter:none;mix-blend-mode:normal}
html[data-store-theme] .qb-grid .qb-card:hover{background:#fff;border-color:#00a6d5;box-shadow:0 8px 24px #00a6d51a}
html[data-store-theme] .qbp-hero-brand img{filter:none;background:#f8fafc;padding:12px 18px;border:1px solid #cbdce7;border-radius:10px;box-sizing:content-box;object-fit:contain}
html[data-store-theme="dark"] :is(.qbp-brand-logo img,.qpd-brand-chip img){background:#f5f8fa;padding:7px 12px;border-radius:7px;box-sizing:content-box;filter:none}
html[data-store-theme="dark"] .qpd-offer-pill.gift{background:#332b19;border-color:#725b2e;color:#ffe0a3}
html[data-store-theme="dark"] .qpd-offer-pill.promo{background:#12342c;border-color:#28634e;color:#a6eccb}
html[data-store-theme="dark"] .qpd-enquire{background:#102e49;border-color:#315a7e;color:#c2e3ff}
html[data-store-theme="dark"] .qpd-whatsapp-btn{color:#052414}
html[data-store-theme="dark"] .qpd-price-status a{color:#55dba0}
html[data-store-theme="dark"] .qpd-description :is(p,span,div,li,td,th,h1,h2,h3,h4,strong,b,font){color:var(--q-text)!important;background-color:transparent!important}
html[data-store-theme="dark"] .qpd-description a{color:#60d9ff!important}
html[data-store-theme="dark"] .qpd-description table{background:var(--q-surface);border-color:var(--q-border)}
html[data-store-theme="dark"] .qpd-description :is(td,th){border-color:var(--q-border)!important}
html[data-store-theme="dark"] .q-pcard-img{background:#eef3f6}
@media(max-width:1250px){html[data-store-theme] .q-spot-grid{grid-auto-columns:calc((100% - 42px)/4)}}
@media(max-width:900px){html[data-store-theme] .q-spot-grid{grid-auto-columns:calc((100% - 28px)/3)}html[data-store-theme] .q-trust-strip{grid-template-columns:1fr 1fr}html[data-store-theme] .q-trust-chip:nth-child(2){border:0}html[data-store-theme] .q-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){html[data-store-theme] .q-spot-grid{grid-auto-columns:calc((100% - 14px)/2)}html[data-store-theme] .q-spot-section,html[data-store-theme] .q-brands-panel{padding:20px 12px}html[data-store-theme] .q-spot-card{padding:10px}html[data-store-theme] .q-trust-chip{padding:12px 8px;gap:10px}html[data-store-theme] .q-trust-chip i{font-size:21px}html[data-store-theme] .q-theme-toggle{width:34px;height:34px}html[data-store-theme] .q-footer-grid{grid-template-columns:1fr}}