/*
 * SASTI visual balance system
 * A low-glare, photographic light theme shared by every storefront page.
 * Pure white is intentionally reserved for focused controls, image accuracy,
 * and high-priority highlights instead of being used as the page canvas.
 */

:root{
  --visual-canvas:#e7eef2;
  --visual-canvas-soft:#ecf2f5;
  --visual-section:#f0f4f6;
  --visual-surface:#f7f9fa;
  --visual-surface-raised:#fbfcfd;
  --visual-warm:#f1efe9;
  --visual-line:#afc4d0;
  --visual-line-soft:#c7d6df;
  --visual-line-strong:#91adbd;
  --visual-ink:#102f47;
  --visual-ink-deep:#00284f;
  --visual-copy:#34536a;
  --visual-muted:#526b7d;
  --visual-green-text:#006b35;
  --visual-green-strong:#007434;
  --visual-amber-text:#795100;
  --visual-red-strong:#b5342e;
  --visual-blue-soft:#dceaf2;
  --visual-green-soft:#e2f0e7;
  --visual-shadow-sm:0 5px 16px rgba(0,39,73,.08);
  --visual-shadow-md:0 13px 32px rgba(0,39,73,.11);
  --visual-shadow-lg:0 22px 50px rgba(0,31,64,.15);

  /* Existing component tokens now inherit one coherent luminance scale. */
  --bg:var(--visual-canvas);
  --white:var(--visual-surface);
  --text:var(--visual-ink);
  --muted:var(--visual-muted);
  --paper:var(--visual-canvas);
  --paper-2:#dce7ed;
  --surface:var(--visual-surface);
  --line:var(--visual-line);
  --line-soft:var(--visual-line-soft);
  --ink:var(--visual-ink);
  --ink-deep:var(--visual-ink-deep);
  --faint:#6d8291;
  --shadow:var(--visual-shadow-md);
  --header-surface:#dfe9ef;
  --header-panel:var(--visual-surface);
  --header-line:var(--visual-line);
  --cart-surface:var(--visual-surface);
  --cart-soft:#e2ecf1;
  --cart-line:var(--visual-line-soft);
  --cart-muted:var(--visual-muted);
  --contact-paper:var(--visual-canvas);
  --contact-cream:var(--visual-warm);
  --contact-line:var(--visual-line);
  --why-paper:var(--visual-canvas);
  --why-cream:var(--visual-warm);
  --why-line:var(--visual-line);
}

body,
body[data-mobile-page],
.shop-page,
.product-page,
.checkout-page,
.blog-page,
.contact-page,
.why-page{
  background:var(--visual-canvas);
  color:var(--visual-ink);
}

/* Shared navigation: less glow, clearer edges, and a calm cool tint. */
#siteHeader,
body[data-mobile-page="home"]>header,
.shop-page #siteHeader,
.blog-page #siteHeader,
.contact-page #siteHeader,
.why-page #siteHeader{
  background:rgba(231,238,242,.94);
  backdrop-filter:blur(14px) saturate(1.08);
}

.header-main,
body[data-mobile-page] .header-main{
  border-color:#8fb9cc;
  background:
    radial-gradient(ellipse 58% 115% at 50% -58%,rgba(66,183,229,.16),transparent 68%),
    linear-gradient(100deg,#f4f7f9,#e4edf2 52%,#f3f6f8);
  box-shadow:
    0 8px 22px rgba(0,43,92,.12),
    0 0 0 1px rgba(83,183,220,.16),
    inset 0 1px 0 rgba(255,255,255,.62);
}

.header-main::before,
body[data-mobile-page] .header-main::before{
  border-color:rgba(80,185,224,.52);
  box-shadow:0 0 7px rgba(68,196,242,.3),inset 0 0 7px rgba(68,196,242,.1);
}

#siteHeader.scrolled .header-main,
header.scrolled .header-main{
  border-color:#70abc5;
  box-shadow:0 12px 28px rgba(0,43,92,.15),0 0 10px rgba(78,201,246,.2),inset 0 1px 0 rgba(255,255,255,.58);
}

.search-field,
body[data-mobile-page] .search-field{
  border-color:#a9c0ce;
  background:linear-gradient(100deg,#edf2f5,#dfe9ef);
  box-shadow:inset 0 1px 2px rgba(0,43,92,.045),0 2px 8px rgba(0,43,92,.07);
}

.search-field:focus-within{
  border-color:#3e9fca;
  background:var(--visual-surface-raised);
  box-shadow:0 0 0 3px rgba(34,142,190,.14),0 6px 16px rgba(0,43,92,.1);
}

.search-key,
.search-suggestions,
.header-nav,
.cart-btn,
.burger{
  border-color:var(--visual-line);
  background:var(--visual-surface);
}

.search-option:hover,
.search-option.is-active,
.header-nav a:hover,
.header-nav a.active,
.cart-btn:hover,
.burger:hover{
  background:#dce8ee;
}

/* Cart and mobile navigation use the same surface hierarchy as the pages. */
.cart-drawer{background:var(--visual-surface)}
.cart-drawer-head{border-color:var(--visual-line);background:linear-gradient(180deg,#f1f5f7,#e4edf2)}
.cart-close,.cart-quantity,.cart-continue{border-color:var(--visual-line);background:#e4edf2}
.cart-item-media{border-color:var(--visual-line-soft);background:#dfe9ee}
.cart-drawer-foot{border-color:var(--visual-line);background:#edf2f5}

/* Home: alternate canvas levels so each section has a deliberate boundary. */
.hero{background:var(--visual-canvas)}
.hero-viewport{box-shadow:var(--visual-shadow-lg)}
.hero-media img{filter:saturate(1.03) contrast(1.04) brightness(.97)}
.hero-tab{background:#d6e0e6;color:#10283b}
.hero-tab:hover{background:#cbd9e1}

.brands{
  border-color:var(--visual-line);
  background:
    radial-gradient(ellipse 58% 125% at 50% -48%,#cfe4ef 0%,transparent 70%),
    linear-gradient(180deg,#edf3f6 0%,#dfe9ef 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
}

.brands .brand-logo{
  border-color:var(--visual-line);
  background:linear-gradient(180deg,#f8fafb,#edf2f5);
  box-shadow:var(--visual-shadow-sm),inset 0 1px 0 rgba(255,255,255,.6);
}

#devices{
  background:
    radial-gradient(ellipse 48% 30% at 50% 0,#cce5ef 0,transparent 72%),
    radial-gradient(ellipse 30% 24% at 88% 100%,#d3e8da 0,transparent 74%),
    linear-gradient(180deg,#edf3f6 0%,#e6eef2 48%,#e9eff2 100%);
}

.product,
.shop-product{
  border-color:var(--visual-line-soft);
  background:var(--visual-surface);
  box-shadow:var(--visual-shadow-md);
}

.product .img,
.shop-product-media{
  background:#dfe8ed;
}

.product[data-image-fit="contain"] .img-link>img,
.shop-product[data-image-fit="contain"] .shop-product-media>a>img{
  background:#eef2f4;
}

.card-features,
.shop-features,
.warranty-label,
.shop-warranty{
  border-color:var(--visual-line-soft);
  background:#edf2f4;
}

.features{
  background:linear-gradient(180deg,#e9f0f3 0%,#e2ebef 100%);
}

.feature{
  border-color:var(--visual-line);
  background:var(--visual-surface);
  box-shadow:var(--visual-shadow-md);
}

.policy-visual{border-color:var(--visual-line);filter:saturate(.96) contrast(1.03)}

body[data-mobile-page="home"] .why-section{
  background:radial-gradient(circle at 92% 14%,rgba(36,168,214,.11),transparent 26%),linear-gradient(112deg,#e3edf2 0%,#eef2f4 58%,#e1ece6 100%);
}

.why-trust-strip,
.why-visual-note{
  border-color:var(--visual-line);
  background:var(--visual-surface);
}

.reviews-summary,
.review-card{
  border-color:#adc2ce;
  background:#f1f5f7;
}

.home-contact-teaser{
  background:linear-gradient(145deg,#e8eff2 0%,#dfe9ee 100%);
}

/* Shop catalogue: darken photography slightly, retain accurate product photos. */
.shop-page{background:var(--visual-canvas)}
.shop-page .shop-intro-media img{filter:saturate(1.05) contrast(1.08) brightness(.94)}
.shop-page .shop-catalog{background:linear-gradient(180deg,#eaf1f4 0,#e3ecef 58%,#e8eef1 100%)}
.shop-page .shop-toolbar{
  border-color:var(--visual-line);
  background:rgba(244,247,249,.94);
  box-shadow:var(--visual-shadow-sm);
}
.shop-page .sort-control select,
.shop-page .view-toggle,
.shop-page .active-filters,
.shop-page .price-field span{
  border-color:var(--visual-line);
  background:#e8eff2;
}
.shop-page .view-toggle button[aria-pressed="true"]{background:var(--visual-surface-raised)}
.shop-page .shop-sidebar,
.shop-page .filter-dialog,
.shop-page .filter-dialog .filter-form{
  border-color:var(--visual-line);
  background:var(--visual-surface);
}
.shop-page .filter-panel-heading,
.shop-page .filter-dialog-head{
  border-color:var(--visual-line-soft);
  background:linear-gradient(145deg,#edf3f5,#dfeaf0);
}
.shop-page .filter-chip span,
.shop-page .filter-open,
.shop-page .active-filter-chip{
  border-color:var(--visual-line);
  background:#e2edf2;
}
.shop-page .shop-empty{border-color:var(--visual-line-strong);background:#eef3f5}

/* Product detail: photographic stage and purchase card sit above the canvas. */
.product-page{background:var(--visual-canvas)}
.product-page .gallery-stage{
  border-color:var(--visual-line);
  background:linear-gradient(145deg,#eef3f5,#dae5eb);
  box-shadow:var(--visual-shadow-md);
}
.product-page .gallery-control,
.product-page .gallery-zoom,
.product-page .gallery-counter,
.product-page .gallery-thumb{
  border-color:var(--visual-line);
  background:var(--visual-surface);
}
.product-page .product-buy,
.product-page .review-form,
.product-page .placeholder-review-card,
.product-page .related-card,
.product-page .not-found-inner{
  border-color:var(--visual-line);
  background:var(--visual-surface);
  box-shadow:var(--visual-shadow-sm);
}
.product-page .section-jump{
  border-color:var(--visual-line);
  background:rgba(231,238,242,.94);
}
.product-page .review-field input,
.product-page .review-field textarea,
.product-page .review-rating-options label>span[aria-hidden="true"],
.product-page .quantity-picker{
  border-color:var(--visual-line);
  background:#e9eff2;
}
.product-page .spec-row:nth-child(odd){background:#edf2f4}
.product-page .mobile-buy-bar{
  border-color:var(--visual-line);
  background:rgba(242,246,248,.97);
}

/* Checkout: stronger separation between form, summary, controls, and canvas. */
.checkout-page{background:var(--visual-canvas)}
.checkout-page .checkout-intro{
  border-color:var(--visual-line);
  background:linear-gradient(115deg,#dfeaf0 0%,#edf2f4 52%,#e2eee6 100%);
}
.checkout-page .checkout-intro-note{background:#e7f1ea}
.checkout-page .checkout-form,
.checkout-page .checkout-summary,
.checkout-page .checkout-empty,
.checkout-page .order-handoff{
  border-color:var(--visual-line);
  background:var(--visual-surface);
  box-shadow:var(--visual-shadow-md);
}
.checkout-page .checkout-section{border-color:var(--visual-line-soft)}
.checkout-page .checkout-field input,
.checkout-page .checkout-field select,
.checkout-page .checkout-field textarea,
.checkout-page .checkout-choice>span,
.checkout-page .already-paid,
.checkout-page .summary-voucher input,
.checkout-page .turnstile-shell{
  border-color:var(--visual-line);
  background:#edf2f4;
}
.checkout-page .delivery-charge-card,
.checkout-page .payment-guidance,
.checkout-page .proof-drop{
  border-color:var(--visual-line);
  background:#e7eff3;
}
.checkout-page .checkout-confirmation,
.checkout-page .summary-head{
  border-color:var(--visual-line-soft);
  background:linear-gradient(145deg,#eef3f5,#e2ebf0);
}
.checkout-page .summary-voucher,
.checkout-page .summary-totals{
  border-color:var(--visual-line-soft);
  background:#eaf0f3;
}
.checkout-page .summary-item-media,
.checkout-page .summary-quantity{
  border-color:var(--visual-line-soft);
  background:#e3ebef;
}

/* Editorial pages: calmer paper with crisp image frames and readable copy. */
.blog-page{
  --blog-ink:#062b50;
  --blog-copy:#304f66;
  --blog-muted:#4c6679;
  --blog-line:var(--visual-line);
  --blog-surface:var(--visual-surface);
  --blog-soft:#e1ecf1;
  background:var(--visual-canvas);
  color:var(--blog-copy);
}
.blog-page .blog-intro-media img{filter:saturate(1.04) contrast(1.08) brightness(.94)}
.blog-page .blog-index-main{background:linear-gradient(180deg,#e8eff2,#edf2f4)}
.blog-page .blog-post-card,
.blog-page .article-hero-grid,
.blog-page .comparison-wrap,
.blog-page .decision-panel,
.blog-page .faq-list details,
.blog-page .related-device{
  border-color:var(--visual-line);
  background:var(--visual-surface);
  box-shadow:var(--visual-shadow-sm);
}
.blog-page .topic-links a,
.blog-page .mobile-toc{
  border-color:var(--visual-line);
  background:#e9eff2;
}
.blog-page .article-hero{background:linear-gradient(180deg,#e7eef2,#dfe9ee)}
.blog-page .article-main{background:#edf2f4}
.blog-page .quick-answer{border-color:#a9c8d7;background:linear-gradient(135deg,#e2eef3,#e7f0e9)}
.blog-page .fact-note,
.blog-page .source-box,
.blog-page .article-disclaimer{
  border-color:var(--visual-line);
  background:#e3ebef;
}
.blog-page .article-visual{border-color:var(--visual-line);background:#dce7ec;box-shadow:var(--visual-shadow-md)}
.blog-page .article-visual figcaption{border-color:var(--visual-line-soft);background:#eef2f4}
.blog-page .related-guides{background:linear-gradient(180deg,#dfe9ee,#e9eff2)}

/* Contact and Why Us retain their warm editorial character without white glare. */
.contact-page,
.why-page{background:var(--visual-canvas)}
.contact-page .contact-hero-media img,
.why-page .why-hero-media img{
  filter:saturate(1.03) contrast(1.08) brightness(.95);
}
.contact-page .contact-rail,
.why-page .why-proof-rail{
  border-color:var(--visual-line);
  background:#e8eff2;
}
.contact-page .contact-conversation,
.contact-page .contact-faq,
.contact-page .contact-final,
.why-page .why-decision,
.why-page .why-feedback,
.why-page .why-faq{
  background:var(--visual-warm);
}
.contact-page .contact-prep{background:#e5edf1}
.contact-page .contact-form,
.why-page .advisor-form{
  border-color:var(--visual-line);
  background:var(--visual-surface);
  box-shadow:10px 10px 0 #aec5d1;
}
.contact-page .contact-field input,
.contact-page .contact-field select,
.contact-page .contact-field textarea,
.why-page .advisor-field input,
.why-page .advisor-field select{
  border-color:var(--visual-line);
  background:#e9eff2;
}
.contact-page .contact-field input:focus,
.contact-page .contact-field select:focus,
.contact-page .contact-field textarea:focus,
.why-page .advisor-field input:focus,
.why-page .advisor-field select:focus{
  background:var(--visual-surface-raised);
}
.why-page .why-journey{background:#dce9ef}
.why-page .journey-number{border-color:#dce9ef}
.why-page .feedback-quotes blockquote:not(.feedback-featured){border-color:var(--visual-line);background:#e9eff2}
.why-page .feedback-quotes blockquote:not(.feedback-featured) .feedback-stars{color:var(--visual-amber-text)}
.why-page .device-advisor{background:#d8e6ed}

/* Readability normalization: secondary copy stays muted without becoming faint. */
.product .old-price,
.shop-old-price,
.review-card .r-label,
.mobile-policy-copy small{
  color:var(--visual-muted);
}

/* Commerce labels are primary action copy, not muted metadata. */
.product .add-cart-btn:not(:disabled) .add-label-full,
.product .add-cart-btn:not(:disabled) .add-label-short,
.shop-page .shop-add:not(:disabled) .shop-add-label-full,
.shop-page .shop-add:not(:disabled) .shop-add-label-short{
  color:#fff;
}

.product .badge.new,
.shop-badge.new{
  background:var(--visual-green-strong);
  color:#f7fbf9;
}

.product .badge.sale,
.shop-badge.sale{
  background:var(--visual-red-strong);
  color:#fff;
}

.shop-stock,
.product-page .related-copy .related-category{
  color:var(--visual-green-text);
}

.shop-page .view-toggle button{color:var(--visual-copy)}
.shop-page .view-toggle button[aria-pressed="true"]{color:#004c97}

.checkout-page .checkout-section-head p,
.checkout-page .checkout-field label em,
.checkout-page .checkout-help,
.checkout-page .checkout-choice small,
.checkout-page .already-paid small,
.checkout-page .proof-drop small,
.checkout-page .proof-help,
.checkout-page .turnstile-copy small,
.checkout-page .summary-head span,
.checkout-page .summary-item-copy>span,
.checkout-page .summary-voucher label small,
.checkout-page .checkout-status{
  color:var(--visual-muted);
}
.checkout-page .summary-totals>div:not(.summary-discount):not(.summary-total){color:var(--visual-muted)}
.checkout-page .summary-totals .is-pending{color:var(--visual-amber-text)}

.contact-page .contact-label:not(.contact-label-light),
.why-page .why-decision .why-section-label,
.why-page .why-journey .why-section-label,
.why-page .why-feedback .why-section-label,
.why-page .device-advisor .why-section-label,
.why-page .why-faq .why-section-label{
  color:var(--visual-green-text);
}

.contact-page .contact-rail small,
.contact-page .contact-field label span,
.contact-page .contact-field input::placeholder,
.contact-page .contact-field textarea::placeholder,
.why-page .why-proof-rail dd{
  color:var(--visual-muted);
}

.contact-page .contact-trust-note p,
.contact-page .contact-section-head>p,
.contact-page .contact-prep-track p,
.contact-page .contact-faq-grid header>p,
.contact-page .contact-faq-list details p,
.why-page .decision-statement>p,
.why-page .decision-list p,
.why-page .why-section-head>p,
.why-page .journey-track p,
.why-page .feedback-heading>p,
.why-page .advisor-copy>p,
.why-page .faq-layout header>p,
.why-page .faq-list details p,
.blog-page .article-disclaimer{
  color:var(--visual-copy);
}

.why-page .why-final,
.why-page .advisor-submit{
  background-color:var(--visual-green-strong);
}
.contact-page .contact-final-inner{background:var(--visual-green-strong)}

/* Mobile chrome should feel solid, not like a bright overlay floating above content. */
@media (max-width:767.98px), (max-height:500px) and (pointer:coarse){
  body[data-mobile-page],
  body.product-page{
    background:var(--visual-canvas);
  }

  body[data-mobile-page] .mobile-nav-panel,
  body[data-mobile-page] .mobile-nav-drawer-panel{
    background:#eef3f5;
  }

  body[data-mobile-page] .mobile-nav-head{background:#f4f7f8}
  body[data-mobile-page] .mobile-nav-icon{background:#dfe9ee}
  body[data-mobile-page] .mobile-bottom-nav{
    border-color:var(--visual-line);
    background:rgba(240,244,246,.97);
    box-shadow:0 -9px 25px rgba(0,35,68,.14);
  }
  body[data-mobile-page] .mobile-bottom-item{color:var(--visual-copy)}
  body[data-mobile-page] .mobile-bottom-item.is-active{color:#004c97}
  body[data-mobile-page] .mobile-bottom-item.is-active{background:#d8e6ed}

  .shop-page .shop-catalog{background:linear-gradient(180deg,#e7eef2,#dfe8ed 64%,#e8eef1)}
  .shop-page .shop-toolbar{border-color:var(--visual-line);background:rgba(241,245,247,.97)}
  .shop-page .shop-product{background:var(--visual-surface);box-shadow:var(--visual-shadow-sm)}
  .shop-page .shop-product-media{background:#dde7ec}

  .product-page .gallery-stage{background:linear-gradient(145deg,#eef3f5,#dbe6eb)}
  .product-page .mobile-buy-bar{background:rgba(240,244,246,.98)}
}

/*
 * Mobile motion system
 * Native scrolling stays untouched. Every authored animation below is
 * compositor-friendly (transform/opacity only) and progressively enhanced.
 */
:root{
  --motion-press:90ms;
  --motion-state:180ms;
  --motion-reveal:240ms;
  --motion-distance:8px;
  --motion-stagger:32ms;
  --motion-ease-out:cubic-bezier(.16,1,.3,1);
}

.mobile-brand-loader{display:none}

@keyframes sasti-loader-settle{
  from{opacity:0;transform:translate3d(0,6px,0) scale(.96)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes sasti-loader-orbit{
  to{transform:rotate(360deg)}
}
@keyframes sasti-route-in{
  from{opacity:.96;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@media (max-width:767.98px), (max-height:500px) and (pointer:coarse){
  html{scroll-behavior:smooth}

  .mobile-brand-loader{
    position:fixed;
    z-index:5000;
    inset:0;
    display:grid;
    place-items:center;
    padding:24px;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    background:rgba(231,238,242,.96);
    isolation:isolate;
    contain:layout paint style;
    transition:opacity 140ms linear;
  }
  html.mobile-loader-active .mobile-brand-loader{visibility:visible;opacity:1}
  html.mobile-loader-active.mobile-loader-leaving .mobile-brand-loader{opacity:0}

  .mobile-brand-loader-panel{
    display:grid;
    justify-items:center;
    gap:16px;
    color:var(--visual-ink-deep);
    text-align:center;
  }
  html.mobile-loader-active .mobile-brand-loader-panel{
    animation:sasti-loader-settle 260ms var(--motion-ease-out) both;
    will-change:transform,opacity;
  }
  .mobile-brand-loader-emblem{
    position:relative;
    width:96px;
    height:96px;
    display:grid;
    place-items:center;
    border:1px solid rgba(145,173,189,.72);
    border-radius:50%;
    background:#eef3f5;
    box-shadow:0 16px 34px rgba(0,40,79,.14),inset 0 0 0 7px rgba(247,249,250,.76);
  }
  .mobile-brand-loader-orbit{
    position:absolute;
    inset:-9px;
    border:2px solid rgba(0,76,151,.14);
    border-top-color:#004c97;
    border-right-color:#009739;
    border-radius:50%;
    opacity:0;
  }
  html.mobile-loader-active .mobile-brand-loader-orbit{
    opacity:1;
    animation:sasti-loader-orbit 840ms linear infinite;
    will-change:transform;
  }
  .mobile-brand-loader-logo{width:68px;height:auto}
  .mobile-brand-loader-name{
    color:#00284f;
    font-size:.68rem;
    font-weight:850;
    line-height:1;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .mobile-brand-loader-name::after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    margin:10px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,#004c97,#009739);
    transform:scaleX(.64);
    transform-origin:center;
  }

  /* Neutralize the older long-running mobile reveals before shared motion is applied. */
  html .reveal,
  html [data-reveal],
  html [data-blog-reveal],
  html [data-contact-reveal],
  html [data-why-reveal],
  html .product-mobile-reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  html [data-motion-reveal].motion-pending{
    opacity:0!important;
    transform:translate3d(0,var(--motion-distance),0)!important;
    animation:none!important;
    transition:none!important;
    will-change:transform,opacity;
  }
  html [data-motion-reveal].motion-pending.is-motion-visible{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    transition:
      opacity var(--motion-state) linear var(--motion-delay,0ms),
      transform var(--motion-reveal) var(--motion-ease-out) var(--motion-delay,0ms)!important;
  }

  html.mobile-route-fallback main,
  html.mobile-route-fallback body > .hero{
    animation:sasti-route-in var(--motion-state) var(--motion-ease-out) both;
  }

  @media (hover:none) and (pointer:coarse){
    :where(button,.btn,.hero-cta,.header-order,.shop-more-devices,.post-link,.article-button,.why-btn,.mobile-bottom-item,.mobile-nav-link,.cart-order-link,.cart-continue,.add-cart){
      transition-property:transform,opacity,background-color,border-color,box-shadow;
      transition-duration:var(--motion-press);
      transition-timing-function:var(--motion-ease-out);
      touch-action:manipulation;
    }
    :where(button,.btn,.hero-cta,.header-order,.shop-more-devices,.post-link,.article-button,.why-btn,.mobile-bottom-item,.mobile-nav-link,.cart-order-link,.cart-continue,.add-cart):active{
      transform:scale(.985);
    }
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  html [data-motion-reveal],
  html [data-motion-reveal].motion-pending,
  html [data-motion-reveal].motion-pending.is-motion-visible{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  html.mobile-route-fallback main,
  html.mobile-route-fallback body > .hero{animation:none!important}
  html.mobile-loader-active .mobile-brand-loader-panel,
  html.mobile-loader-active .mobile-brand-loader-orbit{animation:none!important;will-change:auto}
  html.mobile-loader-active .mobile-brand-loader-orbit{transform:none;opacity:.75}
}

@media (prefers-contrast:more){
  :root{
    --visual-line:#7897aa;
    --visual-line-soft:#9db3c0;
    --visual-copy:#24485f;
    --visual-muted:#3e5f74;
  }
}