:root{
    color-scheme:light;
    --theme-bg:#ffffff;
    --theme-bg-soft:#f4f9fc;
    --theme-surface:#ffffff;
    --theme-surface-raised:#ffffff;
    --theme-text:#172d41;
    --theme-muted:#6e8190;
    --theme-border:#dce8ee;
    --theme-accent:#12a7d4;
    --theme-shadow:0 18px 48px rgba(22,55,75,.09);
}

:root[data-theme="dark"]{
    color-scheme:dark;
    --theme-bg:#07121c;
    --theme-bg-soft:#0b1925;
    --theme-surface:#101f2b;
    --theme-surface-raised:#142633;
    --theme-text:#ecf7fb;
    --theme-muted:#9db1bd;
    --theme-border:#263b49;
    --theme-accent:#35bce8;
    --theme-shadow:0 18px 50px rgba(0,0,0,.28);
}

.theme-ready body,.theme-ready .site-header,.theme-ready .drawer,.theme-ready main,.theme-ready section,.theme-ready article,.theme-ready input,.theme-ready select,.theme-ready textarea,.theme-ready dialog{
    transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.theme-toggle{position:relative}
.theme-toggle .material-symbols-outlined{font-size:21px}
:root[data-theme="dark"] .theme-toggle{background:#17303f;color:#68d4f6}

.ref-service-bar,.product-promises{grid-template-columns:repeat(2,minmax(0,1fr))}
.ref-trust{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Restore the highlighted benefits panel below the homepage hero. */
.ref-trust{
    width:min(1120px,92%);
    min-height:94px;
    padding:12px 25px;
    border:1px solid rgba(59,178,220,.22);
    border-radius:12px;
    background:linear-gradient(120deg,#0d2a3c,#153f55)!important;
    box-shadow:0 16px 38px rgba(8,40,58,.18);
}
.ref-trust strong{color:#fff!important}
.ref-trust small{color:#b8d6e3!important}
.ref-trust .material-symbols-outlined{background:#f4f8fa!important;color:#082c45!important}
.ref-trust article{position:relative;min-height:68px;padding:12px 28px!important}
.ref-trust article+article{border-left:1px solid rgba(184,214,227,.38)}
.ref-category-tabs button{flex-basis:190px}

/* Category rail: highlight a tab only while the pointer is over it. */
.ref-category-tabs button{transition:background-color .2s ease,color .2s ease}
:root:not([data-theme="dark"]) .ref-category-tabs button.active{background:transparent;color:#222}
:root:not([data-theme="dark"]) .ref-category-tabs button:hover,
:root:not([data-theme="dark"]) .ref-category-tabs button:focus-visible{background:var(--ref-blue);color:#fff;outline:0}

:root[data-theme="dark"] body,
:root[data-theme="dark"] :is(.content-page,.home-reference,.ref-store,.partner-page,.contact-experience,.product-page,.tracking-page,.customer-auth-wrap,.cart-experience,.checkout-experience,.sweet-checkout,.payment-launch-page){
    background:var(--theme-bg)!important;
    color:var(--theme-text);
}

:root[data-theme="dark"] .site-header{
    background:rgba(8,20,30,.97)!important;
    border-color:var(--theme-border)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.22);
}
:root[data-theme="dark"] .brand-logo{padding:2px 5px;border-radius:10px;background:#f5fbfd!important}
:root[data-theme="dark"] :is(.desktop-nav a,.account-link,.icon-button){color:#dceaf0}
:root[data-theme="dark"] :is(.desktop-nav a:hover,.account-link:hover,.icon-button:hover){background:#132a38;color:#55c9ee}
:root[data-theme="dark"] :is(.search-bar,.drawer){background:#0c1b27;border-color:var(--theme-border);color:var(--theme-text)}
:root[data-theme="dark"] .drawer-overlay{background:rgba(0,0,0,.68)}
:root[data-theme="dark"] :is(.drawer nav a,.drawer-auth-button){color:#dceaf0}
:root[data-theme="dark"] :is(.drawer nav a:hover,.drawer-auth-button:hover){background:#142a38;color:#55c9ee}

:root[data-theme="dark"] :is(
    .ref-categories,.ref-products,.ref-popular,.ref-reasons,.ref-journal,.ref-instagram,.ref-newsletter,
    .partner-section,.apply-section,.faq-section,.earning-section,.contact-main-section,.benefit-section,
    .catalog-hero,.page-hero,.why-hero,.contact-heading,.story-intro,.value-grid,.why-feature,
    .tracking-wrap,.shopify-checkout,.shopify-checkout-header,.shopify-checkout-main,.shopify-order-side
){background-color:var(--theme-bg)!important;background-image:none!important}

:root[data-theme="dark"] :is(
    .product-card,.ref-product-card,.ref-category-model,.ref-promo-light,.ref-reason-grid article,.ref-journal-grid article,
    .ref-lifestyle,.ref-why-card,
    .benefit-grid article,.tier-card,.partner-form,.apply-promise,.contact-details-card,.premium-contact-form,
    .tracking-card,.tracking-result,.tracking-not-found,.customer-auth-card,.customer-order-list article,
    .commerce-card,.premium-cart-item,.commerce-empty,.payment-launch-card,.checkout-panel,.sweet-order-summary,
    .sweet-payment-list,.sweet-payment-row,.sweet-shipping,.sweet-coupon input,.shipping-method,.flo-payment-list,
    .flo-payment-row,.checkout-trust,.product-detail,.gallery-main,.thumbnail,.size-dialog,.promise-band,.value-grid article
){
    background:var(--theme-surface)!important;
    border-color:var(--theme-border)!important;
    color:var(--theme-text)!important;
    box-shadow:var(--theme-shadow);
}

:root[data-theme="dark"] :is(
    .ref-service-bar,.ref-trust,.ref-category-tabs,.ref-category-control,.ref-filter,.ref-popular-tabs,
    .product-promises>div,.contact-secure-note,.checkout-account-note,.sweet-trust,.payment-total,
    .summary-image,.cart-product-image,.sweet-summary-image,.flo-order-image,.form-section-title>span,
    .contact-methods>a>span,.contact-methods>div>span,.tracking-status,.drawer-note
){background:#132936!important;border-color:var(--theme-border)!important;color:var(--theme-text)}

:root[data-theme="dark"] :is(
    h1,h2,h3,h4,h5,h6,strong,legend,
    .ref-title h2,.ref-category-model-copy h3,.ref-product-info h3,.ref-lifestyle-copy h2,
    .ref-reasons-heading h2,.partner-heading h2,.earning-grid h2,.apply-copy h2,
    .premium-contact-form header h2,.product-info h1,.commerce-heading h1,.commerce-summary h2,
    .sweet-checkout-title h1,.sweet-summary-heading h2,.tracking-heading h1,.tracking-result-head h2,
    .customer-auth-card form h2,.page-hero h1,.story-intro h2,.why-feature h2
){color:var(--theme-text)!important}

:root[data-theme="dark"] :is(
    p,small,.lead,.product-meta,.breadcrumbs,.ref-category-model-copy p,.ref-product-info p,
    .ref-lifestyle-copy>p,.ref-reason-grid p,.ref-journal-grid p,.partner-heading p,.benefit-grid p,
    .earning-grid>div>p,.apply-copy>p,.faq-list p,.contact-methods p,.premium-contact-form header p,
    .tracking-heading p,.tracking-result-head p,.commerce-heading p,.summary-lines>div,.sweet-summary-lines p
){color:var(--theme-muted)!important}

:root[data-theme="dark"] :is(input,select,textarea){
    background:#0b1822!important;
    border-color:var(--theme-border)!important;
    color:var(--theme-text)!important;
}
:root[data-theme="dark"] :is(input,textarea)::placeholder{color:#718895}
:root[data-theme="dark"] :is(input,select,textarea):focus{background:#0d1d29!important;border-color:var(--theme-accent)!important}

:root[data-theme="dark"] :is(.product-card-body,.ref-product-info,.contact-methods,.checkout-fields,.commerce-summary,.premium-cart-copy){background:transparent;color:var(--theme-text)}
:root[data-theme="dark"] :is(.price-row del,.summary-product small,.sweet-summary-products small,.form-consent,.contact-form-foot,.tier-note){color:var(--theme-muted)!important}
:root[data-theme="dark"] :is(.price-row strong,.text-link,.eyebrow,.ref-kicker,.partner-heading>span,.contact-kicker){color:var(--theme-accent)!important}
:root[data-theme="dark"] :is(.form-divider,.summary-header,.summary-lines,.sweet-summary-lines,.tier-row,.tier-top,.faq-list details,.tracking-tabs,.tracking-meta){border-color:var(--theme-border)!important}

/* High-contrast typography overrides. These apply only in dark mode. */
:root[data-theme="dark"] :is(
    .ref-category-tabs button,.ref-filter a,.ref-popular-tabs span,.category-pills a,
    .ref-lifestyle-copy li,.faq-list summary,.tracking-tabs button,
    .contact-form-grid label,.partner-fields label,.commerce-form-grid label,.sweet-fields label,
    .checkout-checkbox,.flo-field,.flo-check,.cart-controls label,.option-grid label>span,
    .summary-product strong,.summary-product b,.sweet-summary-products strong,.sweet-summary-products>article>span,
    .sweet-summary-lines strong,.sweet-summary-total,.flo-summary-lines strong,.flo-total,
    .tier-row span,.tier-top b,.product-card h3 a,.ref-category-model-copy b
){color:var(--theme-text)!important}

:root[data-theme="dark"] :is(
    .reference-catalog .product-card-body>p,.ref-product-info>p,.ref-why-card p,
    .ref-lifestyle-copy>p:not(.ref-kicker),.ref-category-model-copy p,
    .contact-form-grid label>span,.partner-fields label>span,.sweet-fields label>span,
    .sweet-payment-row small,.sweet-shipping small,.sweet-summary-heading small,
    .tracking-card form>small,.customer-auth-card form>p
){color:#a9bdc8!important}

:root[data-theme="dark"] .ref-category-tabs button.active{background:transparent!important;color:var(--theme-text)!important}

/* Premium journal surface and hover-only article interaction. */
:root[data-theme="dark"] .about-blogs-section{background:radial-gradient(circle at 100% 0,rgba(196,151,62,.09),transparent 26%),linear-gradient(145deg,#091a25,#0c222e)!important;border-color:#284552!important}
:root[data-theme="dark"] .about-blogs-head .page-kicker{background:#112a36;border-color:#806c3f;color:#e0bd71}
:root[data-theme="dark"] .premium-blog-card{background:linear-gradient(155deg,#102733,#0c202b)!important;border-color:#294653!important;box-shadow:0 16px 42px rgba(0,0,0,.2)}
:root[data-theme="dark"] .premium-blog-card:first-child{background:radial-gradient(circle at 90% 50%,rgba(38,174,222,.1),transparent 28%),linear-gradient(145deg,#112b38,#0b202b)!important}
:root[data-theme="dark"] .blog-card-number{color:rgba(255,255,255,.045)}
:root[data-theme="dark"] .premium-blog-card:hover{
    background:linear-gradient(145deg,#078bc7 0%,#075f93 100%)!important;
    border-color:#27b5ef!important;
}
:root[data-theme="dark"] .premium-blog-card:hover>:is(h3,.blog-excerpt,.blog-read-more-btn),
:root[data-theme="dark"] .premium-blog-card:hover>.blog-card-header :is(.blog-card-badge,.blog-read-time,.material-symbols-outlined){
    color:#fff!important;
}
:root[data-theme="dark"] .story-intro.story-intro-premium{background:radial-gradient(circle at 5% 10%,rgba(40,177,226,.16),transparent 31%),linear-gradient(135deg,#0b202e,#071721 70%)!important;border-color:#244352!important}
:root[data-theme="dark"] .story-orbit{background:#102b39;border-color:#3b7187;color:#63cef3}
:root[data-theme="dark"] .story-copy{border-color:#30acd8}
:root[data-theme="dark"] .story-intro-premium .story-copy p{color:#b6cad4!important}
:root[data-theme="dark"] .story-values article{background:#102733;border-color:#284653}
:root[data-theme="dark"] .story-values :is(strong,small){color:#e5f3f8!important}
:root[data-theme="dark"] .ref-category-tabs button:hover,
:root[data-theme="dark"] .ref-category-tabs button:focus-visible{background:var(--theme-accent)!important;color:#04131c!important;outline:0}
:root[data-theme="dark"] :is(.ref-category-arrow,.option-grid label>span,.quantity-control button,.quantity-control input){background:#132936!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
:root[data-theme="dark"] :is(.ref-why-card h3,.ref-lifestyle-copy li .material-symbols-outlined){color:var(--theme-text)!important}
:root[data-theme="dark"] .ref-hero h1{color:#092f4c!important;text-shadow:0 1px 2px rgba(255,255,255,.75)!important}
:root[data-theme="dark"] .ref-hero-copy .ref-kicker{color:#087eaf!important}
:root[data-theme="dark"] .ref-hero-copy>p:not(.ref-kicker){color:#244d65!important}
:root[data-theme="dark"] .ref-trust small{color:#b5cfdb!important}

:root[data-theme="dark"] .site-footer,
:root[data-theme="dark"] .ref-footer{background:#081722!important;border-color:var(--theme-border)!important;color:var(--theme-muted)}
:root[data-theme="dark"] :is(.site-footer a,.ref-footer a,.ref-footer-links a){color:#c8d9e2}
:root[data-theme="dark"] .ref-footer-bottom{border-color:var(--theme-border);color:#8298a5}

:root[data-theme="dark"] .pagination :is(span,a){background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
:root[data-theme="dark"] .pagination .active span{background:var(--theme-accent)!important;color:#06202c!important}

@media(max-width:760px){
    :root[data-theme="dark"] :is(.shopify-checkout,.shopify-checkout-header,.shopify-order-side){background:var(--theme-bg)!important}
}

@media(max-width:650px){
    .ref-service-bar,.ref-trust{grid-template-columns:1fr}
    .ref-trust article+article{border-left:0;border-top:1px solid rgba(184,214,227,.38)}
}