/* Colour palette only: no layout, sizing, typography, or spacing changes. */
:root{--yellow:#f4c542;--blue:#2857a4;--ink:#243247;--muted:#64748b;--line:#e1e7ef;--soft:#f4f6fa;--surface:#fff;--surface-soft:#f0f4f9;--action:#2857a4;--positive:#147453}
html:not([data-theme="dark"]) body{background:#f4f6fa;color:#243247}
html:not([data-theme="dark"]) .store-header{background:#f4c542;color:#192a43}
html:not([data-theme="dark"]) :is(.product-card,.noon-product-card,.auth-card,.filters,.info-page,.track-card){background:#fff;border-color:#e1e7ef;color:#243247}
html:not([data-theme="dark"]) :is(.section-soft,.page-banner,.home-reels-section,.support-strip){background:#edf2f8;color:#243247}
html:not([data-theme="dark"]) :is(.section-title h2,.support-inner h2,.support-action-link b){color:#243247}
html:not([data-theme="dark"]) :is(.offer-strip,.business-banner,.flash-sale-section){background:#fff4cf;color:#243247}
html:not([data-theme="dark"]) :is(.store-footer,.footer-extra,.footer-bottom){background:#e9eef5;color:#42546c}
html:not([data-theme="dark"]) .store-footer :is(h3,a,small,p){color:#42546c}
html:not([data-theme="dark"]) :is(.rating-pill,.card-review-pill){background:#edf6f1;color:#17613f}
html:not([data-theme="dark"]) :is(.card-inline-discount,.product-save-badge){background:#eaf6ef!important;color:#17613f!important}
html:not([data-theme="dark"]) .mobile-nav{background:#fff;border-color:#e1e7ef}
:is(.checkout-btn,.place-order-btn,.profile-save,.quick-options-submit){background:#2857a4!important;color:#fff!important}
html[data-theme="dark"]{--surface:#1b2535;--surface-soft:#243247;--ink:#edf2fa;--muted:#b6c3d5;--line:#3b4b62;--action:#9ec4ff;--blue:#9ec4ff;--yellow:#f4c542;--soft:#121b29}
html[data-theme="dark"] body,html[data-theme="dark"] #main-content{background:#121b29!important;color:#edf2fa}
html[data-theme="dark"] :is(.store-header,.mobile-nav,.store-footer,.footer-extra,.footer-bottom){background:#182335!important;color:#edf2fa;border-color:#3b4b62}
html[data-theme="dark"] #main-content :is(.home-page,.section,.section-soft,.page-banner){background:#121b29!important;color:#edf2fa}
html[data-theme="dark"] #main-content :is(.product-card,.noon-product-card,.product-card .product-body,.auth-card,.filters,.info-page,.track-card,.home-reels-section){background:#1b2535!important;color:#edf2fa!important;border-color:#3b4b62!important}
html[data-theme="dark"] :is(.support-strip,.discovery-panel,.featured-panel){background:#1b2535!important;color:#edf2fa!important}
html[data-theme="dark"] :is(.support-inner h2,.support-action-link b,.footer-columns h3){color:#edf2fa!important}
html[data-theme="dark"] .store-footer :is(a,small,p){color:#b6c3d5!important}

/* Overlay viewport and pointer-focus fixes. Keyboard focus remains visible. */
[data-product-track]:focus:not(:focus-visible),.product-track:focus:not(:focus-visible),.product-row:focus:not(:focus-visible),.quick-add-btn:focus:not(:focus-visible){outline:none!important}
body:has(.quick-options-dialog[open]){overflow:hidden}
.quick-options-dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overscroll-behavior:contain;margin:auto}
.story-viewer{width:100%;height:100dvh;overscroll-behavior:contain}
.story-stage{max-width:100vw;max-height:100dvh}
.story-progress{top:max(10px,env(safe-area-inset-top));z-index:20;pointer-events:none}
.story-progress i{height:4px;background:#ffffff55;overflow:hidden;flex:1;min-width:0}
.story-progress i::before{animation:none!important;content:"";display:block;height:100%;width:var(--story-fill,0%)!important;background:#fff}
@media(max-width:800px){.quick-options-dialog{width:calc(100vw - 24px);padding:20px}.story-stage{height:100dvh;width:100vw}.story-close,.story-sound-control{margin-top:env(safe-area-inset-top)}}
.product-scroll:focus,.flash-product-row:focus{outline:none!important}

#main-content .home-page .product-card :is(.quick-add-form,.quick-add-btn){left:9px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:9px!important}
.quick-options-dialog{overscroll-behavior:contain;touch-action:pan-y}
.story-viewer{touch-action:none}

#main-content .home-reels-section .home-reels-track{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 14px)/3)!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;touch-action:pan-x pan-y;scrollbar-width:thin}
#main-content .home-reels-section .home-reel-card{display:block!important;scroll-snap-align:start}

/* Two messages: each gets two seconds in a four-second cycle. */
#main-content .noon-product-card .shipping-text-a{animation:deliveryMessageFirst 4s linear infinite!important}
#main-content .noon-product-card .shipping-text-b{animation:deliveryMessageSecond 4s linear infinite!important}
@keyframes deliveryMessageFirst{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
@keyframes deliveryMessageSecond{0%,45%{opacity:0}50%,95%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:no-preference){
.product-card,.quick-add-btn,.wish-btn,.outline-link,.all-categories nav a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.product-scroll,.flash-product-row,.home-reels-track{scroll-behavior:smooth;overscroll-behavior-x:contain}
.product-scroll.is-dragging,.flash-product-row.is-dragging{scroll-behavior:auto!important;scroll-snap-type:none!important}
}
@media(prefers-reduced-motion:reduce){#main-content .noon-product-card .shipping-text{animation:none!important;opacity:1!important}}

/* Keep category images true to their original colours in night mode. */
html[data-theme="dark"] #main-content :is(.category-circles,.discovery-categories) img{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
html[data-theme="dark"] #main-content .category-circles>a>span{background:#fff6c3!important}