/* TopUpin 11.0.32 — Public page theme unification + mobile footer polish
   Final compatibility layer for legacy page-level dark/purple styles.
   Loaded after v11.0.31 so Design Setting is authoritative on every public page. */

body.site-body{
  --theme-panel:color-mix(in srgb,var(--theme-surface) 97%,var(--theme-text) 3%);
  --theme-panel-2:color-mix(in srgb,var(--theme-surface) 93%,var(--theme-text) 7%);
  --theme-panel-3:color-mix(in srgb,var(--theme-surface) 88%,var(--theme-text) 12%);
  --theme-soft-primary:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface));
  --theme-soft-primary-2:color-mix(in srgb,var(--theme-primary) 14%,var(--theme-surface));
  --theme-soft-info:color-mix(in srgb,var(--theme-info) 10%,var(--theme-surface));
  --theme-soft-success:color-mix(in srgb,var(--theme-success) 10%,var(--theme-surface));
  --theme-soft-warning:color-mix(in srgb,var(--theme-warning) 11%,var(--theme-surface));
  --theme-soft-danger:color-mix(in srgb,var(--theme-danger) 10%,var(--theme-surface));
  --theme-subtle-border:color-mix(in srgb,var(--theme-border) 84%,transparent);
}

/* --------------------------------------------------------------------------
   Root fix: old components use background shorthand, so background-color from
   previous theme bridges could never replace their dark gradients.
   -------------------------------------------------------------------------- */
body.site-body :where(
  .glass-panel,
  .checkout-step-card,
  .store-product-profile,
  .store-checkout-summary,
  .checkout-promo-box,
  .product-service-panel,
  .order-status-card,
  .order-info-card,
  .payment-instruction,
  .blog-featured,
  .article-reader__aside,
  .article-reader__content,
  .promo-hub-card,
  .empty-state,
  .system-status,
  .public-incident
){
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--theme-text) 7%,transparent)!important;
}

body.site-body :where(
  .glass-panel,
  .checkout-step-card,
  .store-product-profile,
  .store-checkout-summary,
  .checkout-promo-box,
  .product-service-panel,
  .order-status-card,
  .order-info-card,
  .payment-instruction,
  .blog-featured,
  .article-reader__aside,
  .article-reader__content,
  .promo-hub-card,
  .system-status,
  .public-incident
) :where(h1,h2,h3,h4,h5,strong,b,label,dt,dd){color:var(--theme-text)}

body.site-body :where(
  .checkout-step-card,
  .store-product-profile,
  .product-service-panel,
  .order-status-card,
  .order-info-card,
  .blog-featured,
  .article-reader__aside,
  .article-reader__content,
  .promo-hub-card,
  .system-status,
  .public-incident
) :where(p,small,time){color:var(--theme-muted)}

/* Design Setting is authoritative. Old item-level purple accents are no longer
   allowed to recolor the storefront after a global theme has been selected. */
body.site-body .store-product-page{--product-accent:var(--theme-primary)!important}
body.site-body :where(.promo-hub-card,.promo-campaign-card){--promo-accent:var(--theme-primary)!important}

/* Common brand accents that were still pink/purple in individual page CSS. */
body.site-body :where(.eyebrow,.checkout-guide-link,.article-breadcrumb a,.article-reader__aside a,.store-article-card__more,.related-products-section__head span){
  color:var(--theme-primary)!important;
}
body.site-body :where(.eyebrow,.checkout-guide-link,.article-breadcrumb a,.article-reader__aside a,.store-article-card__more) :where(svg,.ui-icon){color:currentColor!important}
body.site-body .rich-text{color:var(--theme-text)!important}
body.site-body .rich-text :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--theme-text)!important}
body.site-body .rich-text :where(p,li){color:color-mix(in srgb,var(--theme-text) 86%,var(--theme-muted))!important}
body.site-body .rich-text a{color:var(--theme-primary)!important}

/* --------------------------------------------------------------------------
   Product / service / checkout
   -------------------------------------------------------------------------- */
body.site-body .store-product-page{
  background:
    radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--theme-primary) 8%,transparent),transparent 30%),
    var(--theme-background)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-product-profile{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
}
body.site-body .store-product-profile__trust span,
body.site-body .checkout-guide{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-product-profile__trust span :where(svg,.ui-icon){color:var(--theme-primary)!important}
body.site-body .store-product-description{
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-product-description summary{color:var(--theme-text)!important}

body.site-body .checkout-step-card{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
}
body.site-body .checkout-step-card__head h2{color:var(--theme-text)!important}
body.site-body .checkout-step-card__head p{color:var(--theme-muted)!important}
body.site-body .checkout-guide{
  background:var(--theme-soft-info)!important;
  border-color:color-mix(in srgb,var(--theme-info) 24%,var(--theme-border))!important;
}
body.site-body .checkout-guide :where(strong,p){color:var(--theme-text)!important}
body.site-body .checkout-guide p{color:var(--theme-muted)!important}

body.site-body .store-variant-option,
body.site-body .store-payment-option{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:none!important;
}
body.site-body .store-variant-option:hover,
body.site-body .store-payment-option:hover{
  background:var(--theme-soft-primary)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 44%,var(--theme-border))!important;
}
body.site-body .store-variant-option:has(input:checked),
body.site-body .store-payment-option:has(input:checked){
  background:var(--theme-soft-primary-2)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 68%,var(--theme-border))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 8%,transparent)!important;
}
body.site-body .store-variant-option__mark{
  background:var(--theme-soft-primary-2)!important;
  color:var(--theme-primary)!important;
}
body.site-body .store-variant-option__copy strong,
body.site-body .store-variant-option__price strong,
body.site-body .store-payment-option__copy strong,
body.site-body .store-payment-option__total{color:var(--theme-text)!important}
body.site-body .store-variant-option__copy small,
body.site-body .store-variant-option__price small,
body.site-body .store-payment-option__copy small{color:var(--theme-muted)!important}
body.site-body :where(.store-variant-option>i,.store-payment-option>i){
  background:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .store-payment-option__logo:not(.is-brand-text){
  background:color-mix(in srgb,#fff 94%,var(--theme-primary) 6%)!important;
  color:#111827!important;
}
body.site-body .store-checkout-summary{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
}
body.site-body .store-checkout-summary>div{border-color:var(--theme-border)!important;color:var(--theme-text)!important}
body.site-body .store-checkout-summary>div span{color:var(--theme-muted)!important}
body.site-body .store-checkout-summary .total strong{color:var(--theme-primary)!important}

body.site-body .checkout-promo-box{
  background:linear-gradient(135deg,var(--theme-soft-primary),var(--theme-panel))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .checkout-promo-box__copy strong{color:var(--theme-text)!important}
body.site-body .checkout-promo-box__copy small{color:var(--theme-muted)!important}
body.site-body .checkout-promo-box__message{
  background:var(--theme-soft-danger)!important;
  color:var(--theme-danger)!important;
}
body.site-body .checkout-promo-box__message.is-success{
  background:var(--theme-soft-success)!important;
  color:var(--theme-success)!important;
}
body.site-body .checkout-consent,
body.site-body .checkout-privacy-control{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .checkout-consent label,
body.site-body .checkout-privacy-control label{color:var(--theme-text)!important}
body.site-body .checkout-consent a,
body.site-body .checkout-privacy-control button{color:var(--theme-primary)!important}
body.site-body .checkout-consent__optional{color:var(--theme-muted)!important}

body.site-body .product-service-panel{
  background:linear-gradient(145deg,var(--theme-panel-2),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
}
body.site-body .product-service-panel>header>span{
  background:var(--theme-soft-success)!important;
  color:var(--theme-success)!important;
}
body.site-body .product-service-panel>p,
body.site-body .product-service-panel>header strong,
body.site-body .product-service-panel__metrics strong{color:var(--theme-text)!important}
body.site-body .product-service-panel>header small,
body.site-body .product-service-panel__metrics small,
body.site-body .product-service-panel__note{color:var(--theme-muted)!important}
body.site-body .product-service-panel__metrics>div{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
}
body.site-body .product-service-panel__metrics>div>span{color:var(--theme-primary)!important}
body.site-body .product-service-panel--warning>header>span{background:var(--theme-soft-warning)!important;color:var(--theme-warning)!important}
body.site-body .product-service-panel--danger>header>span{background:var(--theme-soft-danger)!important;color:var(--theme-danger)!important}
body.site-body .product-service-panel--info>header>span{background:var(--theme-soft-info)!important;color:var(--theme-info)!important}

/* Mobile checkout bar needs a neutral shell; only the actionable button carries brand color. */
body.site-body .mobile-checkout-bar{
  background:color-mix(in srgb,var(--theme-surface) 97%,transparent)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 -12px 30px color-mix(in srgb,var(--theme-text) 10%,transparent)!important;
}
body.site-body .mobile-checkout-bar small{color:var(--theme-muted)!important}
body.site-body .mobile-checkout-bar strong{color:var(--theme-text)!important}

/* --------------------------------------------------------------------------
   Promo hub
   -------------------------------------------------------------------------- */
body.site-body .promo-hub-nav{
  background:color-mix(in srgb,var(--theme-background) 92%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--theme-border) 70%,transparent)!important;
}
body.site-body .promo-hub-nav button{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}
body.site-body .promo-hub-nav button:hover,
body.site-body .promo-hub-nav button.active{
  background:var(--theme-soft-primary-2)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 52%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .promo-hub-card{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
}
body.site-body .promo-hub-card__media{
  background:linear-gradient(145deg,var(--theme-soft-primary-2),var(--theme-panel-2))!important;
}
body.site-body .promo-hub-card__media>span{color:var(--theme-primary)!important}
body.site-body .promo-hub-card__media em{
  background:color-mix(in srgb,var(--theme-text) 84%,transparent)!important;
  color:var(--theme-background)!important;
}
body.site-body .promo-hub-card__body header small,
body.site-body .promo-hub-card__body>p,
body.site-body .promo-hub-card__facts small,
body.site-body .promo-hub-card__code small,
body.site-body .promo-hub-card__terms>div{color:var(--theme-muted)!important}
body.site-body .promo-hub-card__body h2,
body.site-body .promo-hub-card__body header>strong,
body.site-body .promo-hub-card__facts b,
body.site-body .promo-hub-card__code strong,
body.site-body .promo-hub-card__terms summary{color:var(--theme-text)!important}
body.site-body .promo-hub-card__body header>strong{color:var(--theme-primary)!important}
body.site-body .promo-hub-card__facts>span{
  background:var(--theme-panel-2)!important;
  border:1px solid var(--theme-border)!important;
}
body.site-body .promo-hub-card__facts svg{color:var(--theme-primary)!important}
body.site-body .promo-hub-card__code{
  background:var(--theme-soft-primary)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 40%,var(--theme-border))!important;
}
body.site-body .promo-hub-card__code button{
  background:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .promo-hub-ended>div>details>summary{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .promo-campaign-card:not(:has(img)){
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
}
body.site-body .promo-campaign-card:not(:has(img))>div{background:transparent!important;color:var(--theme-text)!important}
body.site-body .promo-campaign-card:not(:has(img)) p{color:var(--theme-muted)!important}
body.site-body .promo-campaign-card span{background:var(--theme-primary)!important;color:var(--theme-on-primary)!important}

/* --------------------------------------------------------------------------
   News / article
   -------------------------------------------------------------------------- */
body.site-body .blog-page,
body.site-body .article-reader,
body.site-body .article-related{color:var(--theme-text)!important}
body.site-body .blog-filter a{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}
body.site-body .blog-filter a:hover,
body.site-body .blog-filter a.active{
  background:var(--theme-soft-primary-2)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 52%,var(--theme-border))!important;
  color:var(--theme-text)!important;
  box-shadow:none!important;
}
body.site-body .blog-featured{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
}
body.site-body .blog-featured__media{background:var(--theme-panel-2)!important}
body.site-body .blog-featured__media>span{color:var(--theme-primary)!important}
body.site-body .blog-featured__body h2{color:var(--theme-text)!important}
body.site-body .blog-featured__body p,
body.site-body .blog-meta time{color:var(--theme-muted)!important}
body.site-body .store-article-card{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .store-article-card h3{color:var(--theme-text)!important}
body.site-body .store-article-card :where(p,time,small){color:var(--theme-muted)!important}
body.site-body .tag{
  border:1px solid color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
}
body.site-body .tag--promo,
body.site-body .tag--update,
body.site-body .tag--news,
body.site-body .tag--info{
  background:var(--theme-soft-primary)!important;
  color:var(--theme-primary)!important;
}
body.site-body .blog-pagination a{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}
body.site-body .blog-pagination a.active{
  background:var(--theme-primary)!important;
  border-color:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .article-breadcrumb{color:var(--theme-muted)!important}
body.site-body .article-reader__header>p{color:var(--theme-muted)!important}
body.site-body .article-reader__cover{
  background:var(--theme-panel-2)!important;
  border-color:var(--theme-border)!important;
  box-shadow:0 20px 48px color-mix(in srgb,var(--theme-text) 10%,transparent)!important;
}
body.site-body .article-reader__aside,
body.site-body .article-reader__content{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
}
body.site-body .article-reader__aside small{color:var(--theme-muted)!important}
body.site-body .article-reader__content{color:var(--theme-text)!important}
body.site-body .blog-alert{
  background:var(--theme-soft-warning)!important;
  border-color:color-mix(in srgb,var(--theme-warning) 26%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .blog-alert>svg{color:var(--theme-warning)!important}
body.site-body .blog-alert p{color:var(--theme-muted)!important}

/* --------------------------------------------------------------------------
   Order status / invoice
   -------------------------------------------------------------------------- */
body.site-body .order-realtime-page,
body.site-body .order-detail-layout--v9{color:var(--theme-text)!important}
body.site-body .order-status-card,
body.site-body .order-info-card{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
  box-shadow:0 16px 38px color-mix(in srgb,var(--theme-text) 8%,transparent)!important;
}
body.site-body .order-live-indicator{
  background:var(--theme-soft-success)!important;
  border-color:color-mix(in srgb,var(--theme-success) 28%,var(--theme-border))!important;
  color:var(--theme-success)!important;
}
body.site-body .order-live-indicator i{background:var(--theme-success)!important;box-shadow:0 0 0 0 color-mix(in srgb,var(--theme-success) 42%,transparent)!important}
body.site-body .order-status-card h2,
body.site-body .order-info-card h2,
body.site-body .invoice-head h2{color:var(--theme-text)!important}
body.site-body .order-status-card>p,
body.site-body .invoice-head span{color:var(--theme-muted)!important}
body.site-body .invoice-copy-button{
  background:var(--theme-panel-2)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .invoice-copy-button:hover{
  background:var(--theme-soft-primary)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 42%,var(--theme-border))!important;
  color:var(--theme-primary)!important;
}
body.site-body .invoice-payment-box{
  background:linear-gradient(145deg,var(--theme-soft-primary),var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 24%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .invoice-payment-box__head small,
body.site-body .invoice-expiry small,
body.site-body .invoice-payment-number small,
body.site-body .invoice-payment-total span,
body.site-body .invoice-payment-notes{color:var(--theme-muted)!important}
body.site-body .invoice-payment-box__head strong,
body.site-body .invoice-payment-number strong{color:var(--theme-text)!important}
body.site-body .invoice-expiry strong,
body.site-body .invoice-payment-total strong,
body.site-body .invoice-detail-list .total dd{color:var(--theme-primary)!important}
body.site-body .invoice-expiry strong.is-expired{color:var(--theme-danger)!important}
body.site-body .invoice-payment-number{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
}
body.site-body .invoice-detail-list>div,
body.site-body .order-info-card dl>div{
  border-color:var(--theme-border)!important;
}
body.site-body .invoice-detail-list dt,
body.site-body .order-info-card dt{color:var(--theme-muted)!important}
body.site-body .invoice-detail-list dd,
body.site-body .order-info-card dd{color:var(--theme-text)!important}
body.site-body .invoice-serial dd{color:var(--theme-success)!important}
body.site-body .payment-instruction{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
}
body.site-body .payment-instruction p{color:var(--theme-muted)!important}

body.site-body .timeline{
  border-color:var(--theme-border)!important;
}
body.site-body .timeline>div i{
  background:var(--theme-surface)!important;
  border-color:color-mix(in srgb,var(--theme-muted) 58%,var(--theme-border))!important;
}
body.site-body .timeline>div.done i{
  background:var(--theme-success)!important;
  border-color:color-mix(in srgb,var(--theme-success) 62%,var(--theme-border))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--theme-success) 34%,transparent)!important;
}
body.site-body .timeline span{color:var(--theme-text)!important}
body.site-body .timeline small{color:var(--theme-muted)!important}

/* QR stays deliberately white for reliable scanning regardless of active theme. */
body.site-body .invoice-qr-panel,
body.site-body .invoice-qr-canvas{
  background:#fff!important;
  color:#111827!important;
}
body.site-body .invoice-qr-panel :where(h3,strong){color:#111827!important}
body.site-body .invoice-qr-panel p,
body.site-body .invoice-qr-loading{color:#64748b!important}

/* --------------------------------------------------------------------------
   Help / status / generic public panels
   -------------------------------------------------------------------------- */
body.site-body .help-center-pro,
body.site-body .help-grid,
body.site-body .system-status{color:var(--theme-text)!important}
body.site-body .help-card,
body.site-body .help-article-card{
  background:linear-gradient(145deg,var(--theme-panel),var(--theme-surface))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .help-card :where(h2,h3),
body.site-body .help-article-card :where(h2,h3){color:var(--theme-text)!important}
body.site-body .help-card p,
body.site-body .help-article-card :where(p,small){color:var(--theme-muted)!important}
body.site-body .help-category-tabs a{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}
body.site-body .help-category-tabs a.active{
  background:var(--theme-soft-primary-2)!important;
  border-color:color-mix(in srgb,var(--theme-primary) 50%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .system-status__overall,
body.site-body .service-row{border-color:var(--theme-border)!important}
body.site-body .service-row{color:var(--theme-text)!important}
body.site-body .service-row small{color:var(--theme-muted)!important}
body.site-body .public-incident__components span{
  background:var(--theme-panel-2)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-muted)!important;
}
body.site-body .empty-state{
  background:var(--theme-panel)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text)!important;
}
body.site-body .empty-state>span{color:var(--theme-primary)!important}
body.site-body .empty-state p{color:var(--theme-muted)!important}

/* --------------------------------------------------------------------------
   Footer polish. Removes the duplicated mobile-nav spacer that created a large
   blank block under copyright and makes contact/trust sections look intentional.
   -------------------------------------------------------------------------- */
body.site-body .store-footer-v97{
  margin-top:38px;
  background:var(--theme-footer)!important;
}
body.site-body .store-footer-v97__main{gap:34px!important;padding-top:34px!important;padding-bottom:26px!important}
body.site-body .store-footer-v97__links a{color:color-mix(in srgb,var(--theme-on-footer) 68%,transparent)!important}
body.site-body .store-footer-v97__links a:hover{color:var(--theme-primary)!important}
body.site-body .store-footer-v97__contact{
  border-color:color-mix(in srgb,var(--theme-on-footer) 10%,transparent)!important;
}
body.site-body .store-footer-v97__contact>a{
  margin-top:8px;
  padding:11px 12px!important;
  border:1px solid color-mix(in srgb,var(--theme-on-footer) 10%,transparent)!important;
  border-radius:12px;
  background:color-mix(in srgb,var(--theme-on-footer) 3%,transparent)!important;
}
body.site-body .store-footer-v97__contact>a:hover{
  border-color:color-mix(in srgb,var(--theme-primary) 42%,transparent)!important;
  background:color-mix(in srgb,var(--theme-primary) 7%,transparent)!important;
}
body.site-body .store-footer-v97__trust{
  background:color-mix(in srgb,var(--theme-on-footer) 2.5%,transparent)!important;
  border-color:color-mix(in srgb,var(--theme-on-footer) 10%,transparent)!important;
}
body.site-body .store-footer-v97__bottom{
  margin-top:18px!important;
  background:color-mix(in srgb,var(--theme-on-footer) 3%,var(--theme-footer))!important;
  border-top-color:color-mix(in srgb,var(--theme-on-footer) 9%,transparent)!important;
}
body.site-body .store-footer-v97__bottom>.container{color:color-mix(in srgb,var(--theme-on-footer) 62%,transparent)!important}

@media(max-width:820px){
  body.site-body .store-footer-v97{
    margin-top:28px!important;
    padding-top:22px!important;
    padding-bottom:0!important; /* body already reserves mobile navigation height */
  }
  body.site-body .store-footer-v97__cta{padding:15px!important;gap:11px!important}
  body.site-body .store-footer-v97__main{gap:22px!important;padding-top:24px!important;padding-bottom:20px!important}
  body.site-body .store-footer-v97__brand p{margin:11px 0!important;line-height:1.55!important}
  body.site-body .store-footer-v97__contact{padding-top:18px!important}
  body.site-body .store-footer-v97__trust{margin-top:2px}
  body.site-body .store-footer-v97__bottom{margin-top:16px!important}
  body.site-body .store-footer-v97__bottom>.container{min-height:58px!important;padding-block:10px!important}
}

@media(max-width:560px){
  body.site-body .store-footer-v97__links{gap:19px 14px!important}
  body.site-body .store-footer-v97__contact h3{margin-bottom:8px!important}
  body.site-body .store-footer-v97__contact>a{margin-top:7px!important}
  body.site-body .store-footer-v97__trust>div{padding:11px 10px!important}
}

/* Last-resort legacy accents known to appear on the pages audited above. */
body.site-body :where(
  .store-product-profile__category,
  .store-variant-option__mark,
  .payment-recommendation>span,
  .market-section__icon,
  .blog-section-head>div>span,
  .article-reader__aside>span,
  .help-card>span,
  .help-article-card>span
){color:var(--theme-primary)!important}

body.site-body :where(.btn-primary,.store-order-btn,.floating-chat,.invoice-payment-number button) :where(svg,.ui-icon,span,strong,small){color:inherit!important}

/* --------------------------------------------------------------------------
   Remaining public legacy accents found by the v11.0.32 static color scan.
   These are outside the screenshot fixtures but are public-facing and must
   follow Design Setting as well.
   -------------------------------------------------------------------------- */
body.site-body .ambient__orb--two,
body.site-body #ambient-particles span{
  background:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .main-nav a.active:after{
  background:var(--theme-primary)!important;
}
body.site-body .smart-search-loading span{
  background:var(--theme-primary)!important;
}
body.site-body .public-incident--maintenance{
  background:var(--theme-soft-info)!important;
  border-color:color-mix(in srgb,var(--theme-info) 30%,var(--theme-border))!important;
  color:var(--theme-text)!important;
}
body.site-body .public-incident--maintenance :where(svg,.ui-icon,strong){color:var(--theme-info)!important}
body.site-body .public-trust-editor-card>strong{color:var(--theme-primary)!important}
body.site-body .store-footer-v7:before{
  background:linear-gradient(90deg,transparent,var(--theme-primary),transparent)!important;
}

/* Extra storefront accents outside the reported pages, included so the same
   legacy pink does not reappear when users navigate elsewhere. */
body.site-body .hero h1 span{
  background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-accent))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body.site-body .product-card h3 a:hover,
body.site-body .info-page-summary a,
body.site-body .order-lookup-input>span,
body.site-body .recent-orders__head button,
body.site-body .recent-order-item em{
  color:var(--theme-primary)!important;
}
body.site-body .live-chat-message--visitor>div{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;
  color:var(--theme-on-primary)!important;
}
body.site-body .live-chat-message--visitor>div :where(a,strong,small,span,svg,.ui-icon){color:inherit!important}