/* Ozark's shared light, color and reflection finish.
   Reflections live in background paint; content and click targets stay clear. */
#ozark-storefront {
  --vivid-accent: #007ead;
  --vivid-rgb: 0, 146, 211;
  --vivid-ink: #005d86;
  --vivid-button: #006393;
  --vivid-button-deep: #004b79;
  background: radial-gradient(ellipse 58rem 42rem at 100% 4rem, #62d8ff66, transparent 74%), radial-gradient(ellipse 48rem 35rem at 0 42rem, #9dd9ff55, transparent 75%), linear-gradient(155deg, #f7fcff, #e5f7ff 42%, #f5faff 78%) !important;
}
#ozark-storefront.product-page:has(.hero.nba),
#ozark-storefront .home-products .pc.nba,
#ozark-storefront .ms-card.ms-2k {
  --vivid-accent: #e6006a; --vivid-rgb: 239, 0, 110; --vivid-ink: #ad0051; --vivid-button: #c40059; --vivid-button-deep: #970046;
}
#ozark-storefront.product-page:has(.hero.cod),
#ozark-storefront.product-page.preview-fc:has(.hero),
#ozark-storefront .home-products .pc.cod,
#ozark-storefront .ms-card.ms-fc {
  --vivid-accent: #00996a; --vivid-rgb: 0, 179, 120; --vivid-ink: #006d4d; --vivid-button: #006d4d; --vivid-button-deep: #00573d;
}
#ozark-storefront.product-page:has(.hero.fn),
#ozark-storefront .home-products .pc.aim {
  --vivid-accent: #c500a5; --vivid-rgb: 203, 0, 170; --vivid-ink: #98007e; --vivid-button: #aa008c; --vivid-button-deep: #7b006c;
}
/* Shared navigation and floating controls retain Ozark blue on every page. */
#ozark-storefront :is(.site-header,.discount-banner,.site-footer,#assistantSideLauncher,.sc-toggle,.sc-panel,.oz-discovery-panel) {
  --vivid-accent: #007ead; --vivid-rgb: 0, 146, 211; --vivid-ink: #005d86; --vivid-button: #006393; --vivid-button-deep: #004b79;
}
/* Resolve derived paint at the palette boundary. Inheriting a resolved root
   value would otherwise leave blue dividers and rims inside pink/green cards. */
#ozark-storefront,
#ozark-storefront :is(.home-products .pc,.ms-card,.review-item--basketball,.review-item--shooters,.dt-card,.home-community-invite,.site-header,.discount-banner,.site-footer,#assistantSideLauncher,.sc-toggle,.sc-panel,.oz-discovery-panel) {
  --vivid-glass: linear-gradient(118deg, #ffffffeb 0%, #ffffffa8 24%, #ffffffed 25%, #ffffffa1 42%, transparent 61%), linear-gradient(150deg, #f9fdff, #eefaff 56%, rgba(var(--vivid-rgb), .17));
  --vivid-depth: inset 0 2px 1px #fff, inset 1px 0 0 #ffffffeb, inset -1px -1px 0 rgba(var(--vivid-rgb), .18), 0 8px 16px #16456b09, 0 22px 48px rgba(var(--vivid-rgb), .12);
  --sf-glass: var(--vivid-glass);
  --sf-edge: rgba(var(--vivid-rgb), .28);
  --sf-depth: var(--vivid-depth);
  --sf-raised: inset 0 2px 1px #fff, inset 1px 0 0 #fff, 0 12px 24px #16456b12, 0 28px 55px rgba(var(--vivid-rgb), .19);
  --ui-accent: var(--vivid-ink);
  --ui-accent-dark: var(--vivid-button-deep);
  --ui-line: rgba(var(--vivid-rgb), .28);
  --ui-glass: var(--vivid-glass);
  --ui-shadow: var(--vivid-depth);
  --ui-surface: var(--vivid-glass);
  --ui-surface-soft: linear-gradient(150deg, #ffffffef, #f3fcffed 56%, rgba(var(--vivid-rgb), .1));
  --line: var(--ui-line);
}
#ozark-storefront.product-page {
  --product-accent: var(--vivid-ink);
  --product-accent-rgb: var(--vivid-rgb);
  --product-depth: var(--vivid-depth);
  --product-edge: rgba(var(--vivid-rgb), .28);
  background: radial-gradient(ellipse 48rem 34rem at 100% 12rem, rgba(var(--vivid-rgb), .17), transparent 76%), radial-gradient(ellipse 56rem 42rem at 0 24rem, #59cfff44, transparent 75%), linear-gradient(150deg, #fafdff, #e8f8ff 48%, #f8fcff) !important;
}

/* Keep the library's original glass finish independent of the new color treatment. */
#ozark-storefront .home-bundle {
  --sf-glass: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 252, 255, .78) 58%, rgba(226, 245, 252, .66));
  --sf-edge: rgba(83, 155, 181, .23);
  --sf-depth: inset 0 1px 0 #fff, inset 1px 0 0 rgba(255, 255, 255, .82), inset 0 -1px 0 rgba(8, 94, 128, .07), 0 3px 6px rgba(7, 64, 87, .025), 0 18px 46px rgba(7, 85, 115, .09);
}

/* A bright rim and broad reflection define the floating navigation. */
#ozark-storefront .site-header { background: #f0faffb8 !important; box-shadow: 0 6px 28px #0075aa14 !important; }
#ozark-storefront .site-header .wrap::before {
  background: linear-gradient(170deg, #fffffffa 5%, #ffffffc2 45%, #b6eaff94 48%, #eafaffd9 100%) !important;
  border-color: #ffffffed #8edbfa9c #5ebfe778 !important;
  box-shadow: inset 0 2px 1px #fff, inset 0 -2px 2px #44c2f32b, 0 4px 8px #087fa812, 0 12px 26px #0078b01a !important;
}
#ozark-storefront .site-header .nav a[aria-current="page"] {
  color: var(--vivid-ink) !important;
  border-color: rgba(var(--vivid-rgb), .27) !important;
  background: linear-gradient(150deg, #fff, rgba(var(--vivid-rgb), .13)) !important;
}
#ozark-storefront .home-title-line.accent { color: #007fad !important; -webkit-text-fill-color: #007fad !important; text-shadow: 0 2px 0 #fff, 0 8px 24px #00a6e329 !important; }

/* Repeating surfaces share one light direction and a readable pale base. */
#ozark-storefront:is(.home-shine, .product-page) :is(.shop-compare, .shop-product-stage, .shop-product-details, .shop-product-nav, .home-community, .product-community, .home-zen-faq),
#ozark-storefront.product-page .hero:has(.shop-product-heading) > .hero-info,
#ozark-storefront :is(.guide-hero, .guide-link-grid > a, .guide-band, .guide-checklist, .guide-steps > li, .welcome-step, .faq-item),
#ozark-storefront .content-page,
#ozark-storefront .product-details-panel,
#ozark-storefront :is(.gpc-showcase, .gpc-purchase-panel, .gpc-final-cta, .oz-discovery-panel),
#ozark-storefront #moreScriptsDialog {
  border-color: rgba(var(--vivid-rgb), .3) !important;
  background: var(--vivid-glass) !important;
  box-shadow: var(--vivid-depth) !important;
}
#ozark-storefront.home-shine .home-products .pc {
  background: linear-gradient(125deg, #fffffffa 0%, #ffffffc7 38%, #ffffffeb 38.4%, transparent 68%), linear-gradient(165deg, #fafdff 25%, #fafdff 67%, rgba(var(--vivid-rgb), .13)) !important;
  border-color: rgba(var(--vivid-rgb), .29) !important;
  box-shadow: inset 0 2px 1px #fff, inset 1px 0 0 #fff, inset -1px -1px 0 rgba(var(--vivid-rgb), .12), 0 6px 14px #12476808, 0 20px 36px rgba(var(--vivid-rgb), .12) !important;
}
#ozark-storefront.home-shine .home-products .pc-body > .pc-pill { color: var(--vivid-ink); }
#ozark-storefront.home-shine .home-products .pc-title { color: var(--vivid-ink); -webkit-text-fill-color: var(--vivid-ink); }
#ozark-storefront.home-shine .home-products .pc-product-path > span { color: var(--vivid-ink); background: rgba(var(--vivid-rgb), .09); }
#ozark-storefront :is(.home-products .pc, .hero-rating) .product-platform-icon {
  color: var(--vivid-ink);
  border-color: rgba(var(--vivid-rgb), .32);
  background: linear-gradient(150deg, #fff 10%, rgba(var(--vivid-rgb), .16));
  box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(var(--vivid-rgb), .11);
}

/* Highlight the frame rather than covering artwork or its lettering. */
#ozark-storefront.product-page .shop-product-stage .hero-media {
  background: radial-gradient(ellipse at 0 0, #fff 14%, transparent 64%), linear-gradient(140deg, #edfaff, rgba(var(--vivid-rgb), .15)) !important;
  box-shadow: inset 0 1px 1px #fff, inset 0 -1px 0 rgba(var(--vivid-rgb), .2) !important;
}
#ozark-storefront.home-shine .home-products .pc-media:has(> [data-product-artwork]),
#ozark-storefront #moreScriptsDialog .ms-art.ms-art-image {
  border-color: #ffffffd9 !important;
  box-shadow: 0 1px 0 rgba(var(--vivid-rgb), .2), 0 4px 10px rgba(var(--vivid-rgb), .11) !important;
}
#ozark-storefront #moreScriptsDialog .ms-card { background: #faffffed; border-color: rgba(var(--vivid-rgb), .28); box-shadow: inset 0 2px 0 #fff, 0 10px 24px rgba(var(--vivid-rgb), .1); }
#ozark-storefront #moreScriptsDialog::backdrop { background: #09374c69; }

/* Gloss stays above and below the button label, so white text remains crisp. */
#ozark-storefront :is(.pc-btn, .btn-primary, .product-details-buy, .content-primary-link),
#ozark-storefront.product-page .hero-info .hero-cta .btn-primary,
#ozark-storefront .site-header .nav .nav-cart {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(180deg, #ffffff21, transparent 40%), linear-gradient(135deg, var(--vivid-button), var(--vivid-button-deep)) !important;
  border: 1px solid rgba(var(--vivid-rgb), .45) !important;
  box-shadow: inset 0 2px 1px #ffffff7a, inset 0 -2px 1px #0000001f, 0 4px 8px rgba(var(--vivid-rgb), .17), 0 10px 22px rgba(var(--vivid-rgb), .2) !important;
}
#ozark-storefront :is(.more-scripts-trigger, .shop-compare > a, .pc-details-link, .btn-secondary, .ms-product-link, .product-update-link) {
  color: var(--vivid-ink) !important;
  border-color: rgba(var(--vivid-rgb), .3) !important;
  background: linear-gradient(160deg, #fff 0%, #faffff 44%, rgba(var(--vivid-rgb), .1) 46%, #f3fcff 100%) !important;
  box-shadow: inset 0 2px 1px #fff, inset 0 -1px 1px rgba(var(--vivid-rgb), .1), 0 5px 12px rgba(var(--vivid-rgb), .09) !important;
}
#ozark-storefront .site-footer { background: linear-gradient(175deg, #ffffffc9, #d7f4ffed) !important; border-top-color: #86cde5; box-shadow: inset 0 2px 0 #fff; }
#ozark-storefront :is(a, button, summary):focus-visible { outline-color: var(--vivid-ink) !important; outline-width: 3px !important; }
@media (hover: hover) and (pointer: fine) {
  #ozark-storefront.home-shine .home-products .pc:hover { border-color: rgba(var(--vivid-rgb), .55) !important; box-shadow: inset 0 2px 1px #fff, 0 8px 22px rgba(var(--vivid-rgb), .14), 0 26px 45px rgba(var(--vivid-rgb), .2) !important; }
  #ozark-storefront :is(.pc-btn, .btn-primary):hover { box-shadow: inset 0 2px 2px #ffffffa1, inset 0 -2px 1px #0000001f, 0 8px 18px rgba(var(--vivid-rgb), .25), 0 15px 28px rgba(var(--vivid-rgb), .2) !important; }
}
/* Cards lift toward the pointer without shifting the surrounding layout. */
#ozark-storefront.home-shine .review-item--basketball,
#ozark-storefront.home-shine .demo-teaser .dt-card:first-child { --vivid-rgb: 239, 0, 110; }
#ozark-storefront.home-shine .review-item--shooters,
#ozark-storefront.home-shine .demo-teaser .dt-card:last-child { --vivid-rgb: 0, 179, 120; }
#ozark-storefront.home-shine .home-community-invite { --vivid-rgb: 88, 101, 242; }
#ozark-storefront.home-shine .purchase-assurance > div { border-radius: 1rem; }
@media (hover: hover) and (pointer: fine) {
  #ozark-storefront.home-shine .purchase-assurance > div:hover { background: var(--vivid-glass); }
  #ozark-storefront.home-shine :is(.home-products .pc, .demo-teaser .dt-card, .ownership-path .path-step, .review-section .review-item, .home-community .home-community-invite, .purchase-assurance > div) {
    position: relative;
    z-index: 1;
    transform-origin: center;
    transition-property: transform, box-shadow, border-color, opacity, translate !important;
    transition-duration: 260ms !important;
    transition-timing-function: cubic-bezier(.2, .8, .2, 1) !important;
    transition-delay: 0ms !important;
  }
  #ozark-storefront.home-shine :is(.home-products .pc, .demo-teaser .dt-card, .ownership-path .path-step, .review-section .review-item, .home-community .home-community-invite, .purchase-assurance > div):is(:hover, :has(:focus-visible)) {
    z-index: 4;
    border-color: rgba(var(--vivid-rgb), .65) !important;
    box-shadow: inset 0 2px 1px #fff, 0 0 0 1px rgba(var(--vivid-rgb), .14), 0 14px 28px rgba(var(--vivid-rgb), .14), 0 28px 48px rgba(var(--vivid-rgb), .22) !important;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #ozark-storefront.home-shine :is(.home-products .pc, .demo-teaser .dt-card, .ownership-path .path-step, .review-section .review-item, .home-community .home-community-invite, .purchase-assurance > div):is(:hover, :has(:focus-visible)) {
    transform: translateY(-9px) scale(1.03) !important;
  }
}
@media (prefers-reduced-motion: reduce), (update: slow) {
  #ozark-storefront.home-shine :is(.home-products .pc, .demo-teaser .dt-card, .ownership-path .path-step, .review-section .review-item, .home-community .home-community-invite, .purchase-assurance > div) {
    transform: none !important;
    transition: none !important;
  }
}
/* A static size change still gives a clear hover cue without an animated lift. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  #ozark-storefront.home-shine :is(.home-products .pc, .demo-teaser .dt-card, .ownership-path .path-step, .review-section .review-item, .home-community .home-community-invite, .purchase-assurance > div):is(:hover, :has(:focus-visible)) {
    transform: scale(1.02) !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  #ozark-storefront,
  #ozark-storefront :is(.home-products .pc,.ms-card,.review-item--basketball,.review-item--shooters,.dt-card,.home-community-invite,.site-header,.discount-banner,.site-footer,#assistantSideLauncher,.sc-toggle,.sc-panel,.oz-discovery-panel) {
    --vivid-glass: linear-gradient(118deg, #ffffff 0%, #f0f9ff 23%, #ffffff 23.4%, #f7fcff 47%, color-mix(in srgb, var(--vivid-accent) 9%, #f8fcff) 100%);
    --sf-glass: var(--vivid-glass);
  }
  #ozark-storefront.home-shine .home-products .pc { background: linear-gradient(125deg, #fff 0%, #f4fbff 37%, #fff 37.4%, #fafdff 62%, color-mix(in srgb, var(--vivid-accent) 8%, #fff)) !important; }
  #ozark-storefront .site-header .wrap::before { background: linear-gradient(170deg, #fff 5%, #f7fcff 44%, #bcecff 47%, #eafaff) !important; }
}
@media (prefers-contrast: more) {
  #ozark-storefront,
  #ozark-storefront :is(.home-products .pc,.ms-card,.review-item--basketball,.review-item--shooters,.dt-card,.home-community-invite,.site-header,.discount-banner,.site-footer,#assistantSideLauncher,.sc-toggle,.sc-panel,.oz-discovery-panel) { --vivid-glass: #fff; --sf-glass: #fff; }
  #ozark-storefront.home-shine .home-products .pc { background: #fff !important; }
  #ozark-storefront .site-header .wrap::before { background: #fff !important; }
}
@media (forced-colors: active) {
  #ozark-storefront :is(.pc, .hero-info, .shop-product-stage, .pc-btn, .btn-primary, .product-platform-icon) { box-shadow: none !important; border-color: CanvasText !important; }
}