/* Ozark premium UI layer. Keep this last in the cascade. */
:root {
  --oz-violet: #6847ff;
  --oz-violet-dark: #5030dc;
  --oz-violet-soft: #f1edff;
  --oz-ink: #11131b;
  --oz-copy: #565d6d;
  --oz-muted: #7b8291;
  --oz-line: #dfe3ec;
  --oz-line-strong: #cfd5e1;
  --oz-surface: #ffffff;
  --oz-surface-soft: #f7f8fc;
  --oz-success: #008b61;
  --oz-shadow-low: 0 2px 8px rgba(21, 18, 32, .045), 0 12px 28px rgba(61, 48, 100, .055);
  --oz-shadow-high: 0 8px 22px rgba(21, 18, 32, .07), 0 28px 64px rgba(61, 48, 100, .11);
  --oz-ease: cubic-bezier(.22, 1, .36, 1);
  --radius: 8px;
  --radius-sm: 6px;
  --shadow-sm: var(--oz-shadow-low);
  --shadow: var(--oz-shadow-high);
  --motion-fast: 160ms;
  --motion-base: 220ms;
  --ease-out: var(--oz-ease);
}

/* Catalog-backed product details drawer. */

body.product-details-open {
  overflow: hidden;
}

.product-details-shell[hidden] {
  display: none;
}

.product-details-shell {
  --details-accent: #6847ff;
  --details-rgb: 104, 71, 255;
  position: fixed;
  z-index: 3200;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear 260ms;
}

.product-details-shell[data-drawer-product="basketball"] {
  --details-accent: #ed2b87;
  --details-rgb: 237, 43, 135;
}

.product-details-shell[data-drawer-product="shooters"] {
  --details-accent: #00a960;
  --details-rgb: 0, 169, 96;
}

.product-details-shell[data-drawer-product="aim"] {
  --details-accent: #c93493;
  --details-rgb: 201, 52, 147;
}

.product-details-shell.is-open {
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.product-details-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 17, 27, .28);
  opacity: 0;
  backdrop-filter: blur(3px);
  transition: opacity 220ms ease;
}

.product-details-panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: min(480px, calc(100vw - 28px));
  height: 100%;
  overflow: hidden;
  border-left: 1px solid rgba(var(--details-rgb), .24);
  outline: none;
  color: var(--oz-ink);
  background: #fff;
  box-shadow: -26px 0 65px rgba(30, 24, 43, .16);
  transform: translateX(102%);
  transition: transform 260ms var(--oz-ease);
}

.product-details-shell.is-open .product-details-backdrop {
  opacity: 1;
}

.product-details-shell.is-open .product-details-panel {
  transform: translateX(0);
}

.product-details-accent {
  flex: 0 0 4px;
  background:
    linear-gradient(90deg, var(--details-accent), rgba(255, 255, 255, .88), var(--details-accent))
    50% / 180% 100%;
  box-shadow: 0 3px 16px rgba(var(--details-rgb), .24);
}

.product-details-header {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px 21px;
  border-bottom: 1px solid var(--oz-line);
  background: rgba(255, 255, 255, .97);
}

.product-details-eyebrow,
.product-details-category,
.product-details-facts span {
  display: block;
  color: var(--details-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.product-details-header h2 {
  margin: 4px 0 0;
  font-size: 27px;
  line-height: 1.1;
}

.product-details-close {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--oz-line-strong);
  border-radius: 6px;
  color: #4f5664;
  background: #fff;
  cursor: pointer;
}

.product-details-close span {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}

.product-details-close:hover,
.product-details-close:focus-visible {
  border-color: var(--details-accent);
  color: var(--details-accent);
  outline: none;
}

.product-details-scroll {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.product-details-intro {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  padding: 23px 26px;
  background:
    linear-gradient(135deg, rgba(var(--details-rgb), .095), transparent 62%),
    #fff;
}

.product-details-art {
  position: relative;
  display: grid;
  width: 92px;
  height: 102px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(var(--details-rgb), .22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 32%, rgba(var(--details-rgb), .15), transparent 64%),
    rgba(255, 255, 255, .72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 12px 28px rgba(var(--details-rgb), .1);
}

.product-details-art img {
  display: block;
  width: 84px;
  height: 94px;
  object-fit: contain;
  filter: drop-shadow(0 9px 10px rgba(34, 23, 42, .16));
}

.product-details-mark {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-grid;
  min-width: 31px;
  height: 22px;
  padding: 0 6px;
  place-items: center;
  border: 1px solid rgba(var(--details-rgb), .28);
  border-radius: 5px;
  color: var(--details-accent);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 4px 11px rgba(var(--details-rgb), .12);
  font-size: 9px;
  font-weight: 900;
}

.product-details-intro p {
  margin: 5px 0 0;
  color: var(--oz-copy);
  font-size: 13.5px;
  line-height: 1.55;
}

.product-details-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--oz-line);
  border-bottom: 1px solid var(--oz-line);
}

.product-details-facts > div {
  min-width: 0;
  padding: 14px 18px;
  border-right: 1px solid var(--oz-line);
  border-bottom: 1px solid var(--oz-line);
}

.product-details-facts > div:nth-child(2n) {
  border-right: 0;
}

.product-details-facts > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.product-details-facts span {
  margin-bottom: 4px;
  color: var(--oz-muted);
  letter-spacing: .04em;
}

.product-details-facts strong {
  display: block;
  overflow: hidden;
  color: #1e2029;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-details-section {
  padding: 22px 26px;
  border-bottom: 1px solid var(--oz-line);
}

.product-details-section h3 {
  margin: 0 0 13px;
  font-size: 15px;
  line-height: 1.2;
}

.product-details-compatibility {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.product-details-compatibility span {
  padding: 7px 9px;
  border: 1px solid rgba(var(--details-rgb), .2);
  border-radius: 5px;
  color: #424956;
  background: rgba(var(--details-rgb), .045);
  font-size: 11.5px;
  font-weight: 700;
}

.product-details-guide-link {
  display: inline-flex;
  margin-top: 12px;
  color: var(--details-accent);
  font-size: 11.5px;
  font-weight: 750;
  text-decoration: none;
}

.product-details-list,
.product-details-steps {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-details-list li,
.product-details-steps li {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 10px;
  color: #515865;
  font-size: 12.5px;
  line-height: 1.45;
}

.product-details-list li::before {
  content: "";
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  border-radius: 4px;
  background:
    var(--details-accent)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8.5L7 11.5L12 5.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 100%;
}

.product-details-steps li span {
  display: grid;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(var(--details-rgb), .26);
  border-radius: 5px;
  color: var(--details-accent);
  background: rgba(var(--details-rgb), .05);
  font-size: 10px;
  font-weight: 850;
}

.product-details-steps li strong {
  padding-top: 3px;
  color: #343a46;
  font-size: 12.5px;
}

.product-details-footer {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  padding: 16px 18px;
  border-top: 1px solid var(--oz-line);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -12px 30px rgba(33, 27, 45, .06);
}

.product-details-buy,
.product-details-full {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 800;
}

.product-details-buy {
  padding: 0 18px;
  border: 1px solid var(--details-accent);
  color: #fff;
  background: var(--details-accent);
  box-shadow: 0 8px 18px rgba(var(--details-rgb), .18);
  cursor: pointer;
}

.product-details-buy:hover,
.product-details-buy:focus-visible {
  filter: brightness(.94);
  outline: none;
  transform: translateY(-1px);
}

.product-details-full {
  padding: 0 12px;
  border: 1px solid var(--oz-line-strong);
  color: #4d5461;
  background: #fff;
  text-decoration: none;
}

.product-details-full:hover,
.product-details-full:focus-visible {
  border-color: var(--details-accent);
  color: var(--details-accent);
  outline: none;
}

@media (max-width: 680px) {
  .product-details-panel {
    width: 100%;
    border-left: 0;
  }

  .product-details-header {
    padding: 19px 18px 17px;
  }

  .product-details-header h2 {
    font-size: 23px;
  }

  .product-details-intro,
  .product-details-section {
    padding-right: 18px;
    padding-left: 18px;
  }

  .product-details-intro {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 13px;
  }

  .product-details-art {
    width: 78px;
    height: 88px;
  }

  .product-details-art img {
    width: 71px;
    height: 80px;
  }

  .product-details-footer {
    grid-template-columns: 1fr;
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-details-panel,
  .product-details-backdrop,
  .product-details-buy {
    transition: none;
    transform: none;
  }
}

html {
  scroll-padding-top: 82px;
}

body {
  color: var(--oz-ink);
  background: var(--oz-surface);
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

button,
a,
input,
select,
textarea,
summary {
  -webkit-tap-highlight-color: transparent;
}

button:not(:disabled),
.btn-primary,
.btn-secondary,
.pc-btn,
.acc-btn,
.nav-cart {
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 220ms ease,
    transform 180ms var(--oz-ease);
}

button:active:not(:disabled),
.btn-primary:active,
.btn-secondary:active,
.pc-btn:active,
.acc-btn:active,
.nav-cart:active {
  transform: translateY(0) scale(.985);
}

button[aria-busy="true"] {
  cursor: progress;
  opacity: .86;
}

/* Header */
.site-header {
  min-height: 68px;
  border-bottom: 1px solid rgba(30, 35, 49, .09);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .85), 0 8px 26px rgba(31, 26, 48, .045);
  backdrop-filter: blur(18px) saturate(1.12);
}

.site-header .wrap {
  height: 68px;
}

.logo {
  color: var(--oz-ink);
  font-size: 18px;
  font-weight: 850;
}

.logo img {
  width: 38px;
  height: 38px;
  filter: drop-shadow(0 5px 10px rgba(104, 71, 255, .18));
}

.nav {
  gap: 8px;
}

.nav a {
  position: relative;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border-radius: 6px;
  color: #596071;
  font-size: 13px;
  font-weight: 720;
}

.nav a:hover,
.nav a.active,
.nav a[aria-current="page"] {
  color: var(--oz-violet-dark);
  background: var(--oz-violet-soft);
}

.nav .nav-programmer {
  border: 1px solid #cfc5ff;
  color: #5135da;
  background: #f6f3ff;
}

.nav .nav-programmer:hover,
.nav .nav-programmer.active {
  border-color: #a997ff;
  color: #fff;
  background: var(--oz-violet);
  box-shadow: 0 7px 18px rgba(104, 71, 255, .18);
}

.nav .nav-cart {
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid var(--oz-violet);
  border-radius: 6px;
  color: #fff;
  background: var(--oz-violet);
  box-shadow: 0 7px 18px rgba(104, 71, 255, .17);
}

.nav .nav-cart:hover {
  border-color: var(--oz-violet-dark);
  color: #fff;
  background: var(--oz-violet-dark);
  transform: translateY(-1px);
}

/* Homepage hierarchy */
.home-hero {
  padding-top: 34px;
  padding-bottom: 20px;
}

.home-brand-lockup {
  margin-bottom: 11px;
}

.home-hero h1 {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  color: var(--oz-ink);
  line-height: .98;
}

.home-hero p {
  max-width: 620px;
  color: var(--oz-copy);
}

.home-hero .trust-badge,
.trust-strip {
  border-color: var(--oz-line);
  box-shadow: 0 3px 12px rgba(29, 24, 45, .035);
}

.game-picker {
  margin-top: 20px;
}

.gp-chips .gp-chip,
.gp-chips .gp-chip.gp-all {
  box-shadow: 0 2px 7px rgba(29, 24, 45, .035);
}

.gp-chips .gp-chip:hover,
.gp-chips .gp-chip:focus-visible {
  transform: translateY(-2px);
}

/* Existing three-product layout */
.home-products {
  width: min(1220px, 100%);
  gap: 16px;
  padding-top: 30px;
  padding-bottom: 34px;
  align-items: stretch;
}

.home-products .pc {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--oz-line);
  border-top-color: var(--accent);
  background: #fff;
  box-shadow: var(--oz-shadow-low);
}

.home-products .pc:hover,
.home-products .pc:focus-within {
  border-color: color-mix(in srgb, var(--accent) 58%, var(--oz-line));
  box-shadow: var(--oz-shadow-high);
  transform: translateY(-4px);
}

.home-products .pc::before {
  height: 2px;
}

.home-products .pc-media {
  width: 100%;
  height: auto;
  min-height: 248px;
  aspect-ratio: 1.36 / 1;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 22%, var(--oz-line));
}

.home-products .pc-media::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, .72);
  pointer-events: none;
}

.home-products .pc-media img {
  width: 94%;
  height: 94%;
  filter: drop-shadow(0 16px 26px rgba(17, 19, 27, .2));
  transform-origin: 50% 62%;
}

.home-products .pc:hover .pc-media img,
.home-products .pc:focus-within .pc-media img {
  transform: translateY(-3px) scale(1.035) rotate(.35deg);
}

.home-products .pc-body {
  padding: 22px 22px 0;
}

.home-products .pc-head {
  min-height: 40px;
  align-items: center;
}

.home-products .pc-title {
  font-size: 22px;
  font-weight: 850;
}

.home-products .pc-sub {
  min-height: 43px;
  margin-bottom: 14px;
  color: var(--oz-copy);
  line-height: 1.55;
}

.home-products .pc-fit {
  min-height: 24px;
  margin-bottom: 10px;
}

.home-products .pc-features {
  margin-bottom: 16px;
}

.home-products .pc-features li {
  min-height: 31px;
  padding: 5px 0;
  color: #555c6b;
}

.home-products .pc-price-block {
  margin-top: auto;
  padding-top: 17px;
}

.home-products .pc-price {
  min-height: 42px;
}

.home-products .pc-price .amount {
  color: var(--oz-ink);
  font-size: 35px;
  font-variant-numeric: tabular-nums;
}

.home-products .pc-note {
  color: var(--oz-muted);
}

.home-products .pc-cta-row {
  gap: 8px;
}

.home-products .pc-btn,
.home-products .pc-details-link {
  min-height: 48px;
}

.home-products .pc-btn {
  padding: 0 14px;
  border: 1px solid transparent;
  font-size: 13px;
}

.home-products .pc-details-link {
  padding: 0 12px;
  border-color: var(--oz-line-strong);
  color: #4e5564;
  background: #fff;
}

.home-products .pc-details-link:hover {
  border-color: var(--accent);
  color: var(--oz-ink);
}

.purchase-assurance {
  margin-top: -12px;
  margin-bottom: 10px;
}

.purchase-assurance > div {
  border-color: var(--oz-line);
}

/* Product pages */
.hero {
  width: min(1180px, calc(100% - 44px));
  gap: 48px;
  margin: 0 auto;
  padding-top: 46px;
  padding-bottom: 62px;
  background-color: #fff;
}

.hero-media {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--oz-line);
  border-top: 2px solid currentColor;
  border-radius: 8px;
  box-shadow: var(--oz-shadow-low);
}

.hero-media img {
  filter: drop-shadow(0 18px 30px rgba(17, 19, 27, .2));
  transition: transform 420ms var(--oz-ease), filter 220ms ease;
}

.hero-media:hover img {
  transform: translateY(-3px) scale(1.018);
  filter: drop-shadow(0 22px 34px rgba(17, 19, 27, .23));
}

.hero-info {
  min-width: 0;
}

.hero-title {
  color: var(--oz-ink);
  font-size: clamp(38px, 4vw, 50px);
  letter-spacing: 0;
}

.hero-sub {
  color: var(--oz-copy);
}

.hero-rating {
  border-color: var(--oz-line);
}

.price-block {
  border: 1px solid var(--oz-line-strong);
  border-left: 3px solid var(--purple);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(29, 24, 45, .045);
}

.hero.nba .price-block { border-left-color: #d8a400; }
.hero.cod .price-block { border-left-color: #00a75f; }
.hero.fn .price-block { border-left-color: #c13b91; }
.hero.plus .price-block { border-left-color: var(--oz-violet); }

.hero-cta .btn-primary,
.hero-cta .btn-secondary {
  min-height: 50px;
  border-radius: 7px;
}

.hero-cta .btn-primary {
  font-weight: 850;
}

.hero-cta .btn-secondary {
  border-color: var(--oz-line-strong);
  color: #49505f;
  background: #fff;
}

.hero-cta .btn-secondary:hover {
  border-color: #b7a9ff;
  color: var(--oz-violet-dark);
  background: #f7f5ff;
}

.section,
.pnp,
.demo-teaser,
.ownership-path,
.review-section,
.faq-wrap {
  scroll-margin-top: 84px;
}

.content-card,
.dt-card,
.path-step,
.review-item,
.faq,
.pcard {
  border-radius: 8px;
  box-shadow: var(--oz-shadow-low);
}

.site-footer {
  border-color: var(--oz-line);
  background: #f7f8fc;
}

/* Programmer shares the same product language. */
.programmer-page main {
  background-color: #fff;
  background-image:
    linear-gradient(#f0f1f5 1px, transparent 1px),
    linear-gradient(90deg, #f0f1f5 1px, transparent 1px);
  background-size: 46px 46px;
}

.programmer-app {
  overflow: hidden;
  border-color: var(--oz-line-strong);
  border-top: 2px solid var(--oz-violet);
  border-radius: 8px;
  box-shadow: var(--oz-shadow-high);
}

.programmer-toolbar {
  border-color: var(--oz-line);
  background: rgba(255, 255, 255, .97);
}

.programmer-controls {
  border-color: var(--oz-line);
  background: #fafbfe;
}

.programmer-output {
  background: #fff;
}

.profile-choice,
.build-mode-segments button,
.preset-segments button,
.tuning-control,
.tuning-toggle,
.programmer-ai-coach,
.zen-preview,
.compiled-settings,
.saved-profile {
  border-radius: 7px;
}

.profile-choice,
.build-mode-segments button,
.preset-segments button {
  border-color: var(--oz-line-strong);
  background: #fff;
  box-shadow: 0 2px 7px rgba(29, 24, 45, .025);
}

.profile-choice:hover,
.build-mode-segments button:hover,
.preset-segments button:hover {
  border-color: #aa9aff;
  background: #f7f5ff;
  transform: translateY(-1px);
}

.profile-choice.is-active,
.build-mode-segments button.is-active,
.preset-segments button.is-active {
  border-color: var(--programmer-accent, var(--oz-violet));
  box-shadow: inset 0 0 0 1px var(--programmer-accent, var(--oz-violet));
}

.programmer-save,
.programmer-flash {
  border-radius: 7px;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--programmer-accent, var(--oz-violet)) 22%, transparent);
}

.programmer-save:hover,
.programmer-flash:hover {
  transform: translateY(-1px);
}

/* Product-page purchase command: one decision surface, one primary action. */
.hero.nba {
  --purchase-accent: #d8a400;
  --purchase-soft: #fffbeb;
  --purchase-line: #ead58a;
}

.hero.cod {
  --purchase-accent: #00a75f;
  --purchase-soft: #f0fbf6;
  --purchase-line: #a8dfc7;
}

.hero.fn {
  --purchase-accent: #bf3a8e;
  --purchase-soft: #fff4fa;
  --purchase-line: #ebbad7;
}

.hero.plus {
  --purchase-accent: var(--oz-violet);
  --purchase-soft: #f7f4ff;
  --purchase-line: #cec3ff;
}

.purchase-command {
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  padding: 17px 18px 18px;
  border: 1px solid var(--purchase-line, var(--oz-line-strong));
  border-top: 3px solid var(--purchase-accent, var(--oz-violet));
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--purchase-soft, #f7f4ff) 0, #fff 42%),
    #fff;
  box-shadow: 0 12px 32px rgba(32, 28, 48, .075);
}

.purchase-command-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
  color: var(--oz-muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.purchase-command-head > span {
  letter-spacing: .08em;
}

.purchase-command-head strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--oz-success);
  font-size: 10px;
}

.purchase-command-head i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0dbd83;
  box-shadow: 0 0 0 4px rgba(13, 189, 131, .1);
}

.purchase-command .price-block {
  margin: 0;
  padding: 0 0 14px;
  border: 0;
  border-bottom: 1px solid var(--oz-line);
  border-radius: 0;
  background: transparent;
}

.purchase-command .price-row {
  margin-bottom: 7px;
}

.purchase-command .price-now {
  font-variant-numeric: tabular-nums;
}

.purchase-command .price-note {
  margin-bottom: 0;
}

.purchase-command .compat-line {
  margin-top: 9px;
}

.purchase-command .compat-line span {
  min-width: 0;
}

.purchase-command .compat-line svg,
.purchase-command .compat-line a {
  color: var(--purchase-accent, var(--oz-violet));
}

.purchase-command .hero-cta {
  gap: 8px;
  margin: 15px 0 12px;
}

.purchase-command .hero-cta .btn-primary {
  width: 100%;
  min-height: 54px;
}

.purchase-support-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--oz-copy);
  font-size: 12px;
  font-weight: 750;
}

.purchase-support-link:hover,
.purchase-support-link:focus-visible {
  color: var(--purchase-accent, var(--oz-violet));
}

.purchase-support-link span {
  transition: transform 180ms var(--oz-ease);
}

.purchase-support-link:hover span {
  transform: translateX(3px);
}

.purchase-command .hero-promise {
  width: 100%;
  margin: 0;
  padding: 11px 0;
  border-width: 1px 0;
  border-color: var(--oz-line);
  border-radius: 0;
  background: transparent;
}

.purchase-command .hero-promise strong {
  color: var(--purchase-accent, var(--oz-violet));
}

.purchase-command .hero-checks {
  gap: 9px 14px;
  padding-top: 14px;
}

.purchase-command .hero-check {
  color: #555c6b;
  font-size: 12px;
  font-weight: 650;
}

.purchase-command .hero-check svg {
  color: var(--purchase-accent, var(--oz-violet));
}

/* Mobile purchase control is created only on product pages. */
.mobile-purchase-bar {
  display: none;
}

@media (max-width: 900px) {
  .site-header .wrap {
    height: 64px;
  }

  .nav {
    gap: 4px;
  }

  .nav a {
    min-height: 42px;
  }

  .home-products {
    gap: 11px;
  }

  .home-products .pc-media {
    min-height: 180px;
  }

  .hero {
    width: min(100% - 32px, 760px);
    gap: 32px;
    padding-top: 34px;
  }
}

@media (max-width: 680px) {
  html {
    scroll-padding-top: 70px;
  }

  .site-header {
    min-height: 62px;
  }

  .site-header .wrap {
    height: 62px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .logo img {
    width: 35px;
    height: 35px;
  }

  .menu-toggle {
    width: 42px;
    height: 42px;
    display: grid;
    place-content: center;
    border: 1px solid var(--oz-line);
    border-radius: 7px;
    background: #fff;
  }

  .nav {
    top: 62px;
    right: 10px;
    left: 10px;
    gap: 4px;
    padding: 10px;
    border: 1px solid var(--oz-line-strong);
    border-radius: 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: var(--oz-shadow-high);
  }

  .nav a,
  .nav .nav-cart {
    width: 100%;
    min-height: 44px;
    justify-content: flex-start;
    padding: 0 13px;
  }

  .home-hero {
    padding: 22px 16px 14px;
  }

  .home-hero h1 {
    line-height: 1.04;
  }

  .home-products {
    width: 100%;
    gap: 14px;
    padding: 22px 14px 30px;
  }

  .home-products .pc-media {
    min-height: 235px;
    aspect-ratio: 1.42 / 1;
  }

  .home-products .pc-body {
    padding: 20px 18px 0;
  }

  .home-products .pc-sub {
    min-height: 0;
  }

  .home-products .pc-price-block {
    margin-right: 18px;
    margin-left: 18px;
  }

  .home-products .pc-btn,
  .home-products .pc-details-link {
    min-height: 50px;
  }

  .hero {
    width: calc(100% - 28px);
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .hero-title {
    font-size: 36px;
  }

  .hero-media {
    aspect-ratio: 1 / 1;
  }

  .hero-cta .btn-primary,
  .hero-cta .btn-secondary {
    min-height: 52px;
  }

  .purchase-command {
    padding: 15px;
  }

  .purchase-command .hero-checks {
    grid-template-columns: 1fr 1fr;
  }

  body.has-mobile-purchase-bar {
    padding-bottom: 78px;
  }

  body.product-page .reward-journey {
    right: 10px;
    bottom: 12px;
    width: 168px;
    transition: bottom 220ms var(--oz-ease), width .28s var(--joy-out), opacity .32s var(--joy-out), transform .42s var(--joy-out), border-color .25s ease;
  }

  body.product-page .assistant-side-launcher {
    bottom: 74px;
    min-height: 44px;
    padding: 6px 11px 6px 8px;
    transition: bottom 220ms var(--oz-ease), transform .2s ease, opacity .18s ease, border-color .18s ease, color .18s ease;
  }

  body.product-page.mobile-purchase-visible .reward-journey {
    bottom: 82px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
  }

  body.product-page.mobile-purchase-visible .assistant-side-launcher {
    bottom: 82px;
  }

  .mobile-purchase-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1800;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 9px max(12px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    border-top: 1px solid var(--oz-line-strong);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -12px 34px rgba(28, 22, 45, .12);
    backdrop-filter: blur(18px) saturate(1.15);
    opacity: 0;
    transform: translateY(110%);
    pointer-events: none;
    transition: opacity 180ms ease, transform 240ms var(--oz-ease);
  }

  .mobile-purchase-bar.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .mobile-purchase-copy {
    min-width: 0;
    display: grid;
    gap: 1px;
  }

  .mobile-purchase-copy small {
    overflow: hidden;
    color: var(--oz-muted);
    font-size: 9px;
    font-weight: 800;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-purchase-copy strong {
    color: var(--oz-ink);
    font-size: 18px;
    font-variant-numeric: tabular-nums;
  }

  .mobile-purchase-action {
    min-width: 132px;
    min-height: 48px;
    padding: 0 15px;
    border: 1px solid var(--oz-violet);
    border-radius: 7px;
    color: #fff;
    background: var(--oz-violet);
    box-shadow: 0 7px 18px rgba(104, 71, 255, .2);
    font: 850 12px/1 var(--font);
  }

  .mobile-purchase-bar.is-nba .mobile-purchase-action {
    border-color: #efc900;
    color: #17140a;
    background: #efc900;
    box-shadow: 0 7px 18px rgba(216, 164, 0, .2);
  }

  .mobile-purchase-bar.is-cod .mobile-purchase-action {
    border-color: #00a75f;
    background: #00a75f;
    box-shadow: 0 7px 18px rgba(0, 167, 95, .2);
  }

  .mobile-purchase-bar.is-fn .mobile-purchase-action {
    border-color: #c13b91;
    background: #c13b91;
    box-shadow: 0 7px 18px rgba(193, 59, 145, .2);
  }

  .programmer-app,
  .saved-profiles {
    width: calc(100% - 20px);
  }

  .programmer-layout {
    overflow: visible;
  }
}

@media (max-width: 390px) {
  .home-products .pc-head {
    align-items: flex-start;
  }

  .home-products .pc-cta-row {
    align-items: stretch;
    flex-direction: column;
  }

  .home-products .pc-details-link {
    width: 100%;
  }

  .mobile-purchase-action {
    min-width: 116px;
    padding: 0 12px;
  }

  .purchase-command .hero-checks {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }

  .home-products .pc,
  .home-products .pc-media img,
  .hero-media img,
  .mobile-purchase-bar,
  button,
  a {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .home-products .pc:hover,
  .home-products .pc:focus-within,
  .home-products .pc:hover .pc-media img,
  .home-products .pc:focus-within .pc-media img,
  .hero-media:hover img {
    transform: none;
  }
}

/* Ozark identity system: crests, blade motion, ink reveals, and edge story. */
[data-oz-clan="basketball"] {
  --oz-clan: #d8a400;
  --oz-clan-soft: #fff2bd;
  --oz-clan-ink: #684800;
}

[data-oz-clan="shooters"] {
  --oz-clan: #00a66f;
  --oz-clan-soft: #d8f8eb;
  --oz-clan-ink: #006947;
}

[data-oz-clan="aim"] {
  --oz-clan: #cf3ca0;
  --oz-clan-soft: #ffe1f4;
  --oz-clan-ink: #8c1769;
}

[data-oz-clan="gpc"] {
  --oz-clan: #6847ff;
  --oz-clan-soft: #e8e1ff;
  --oz-clan-ink: #4529c8;
}

.home-products .pc,
.profile-choice,
.hero-media {
  position: relative;
}

.oz-clan-crest {
  position: absolute;
  right: 16px;
  bottom: 14px;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 42px;
  aspect-ratio: 1;
  clip-path: polygon(50% 0, 90% 18%, 82% 73%, 50% 100%, 18% 73%, 10% 18%);
  color: var(--oz-clan-ink, var(--oz-violet-dark));
  background: color-mix(in srgb, var(--oz-clan-soft, var(--oz-violet-soft)) 92%, #fff);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--oz-clan, var(--oz-violet)) 22%, transparent);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
}

.oz-clan-crest::after {
  content: "";
  position: absolute;
  inset: 5px;
  clip-path: inherit;
  border: 1px solid color-mix(in srgb, var(--oz-clan, var(--oz-violet)) 70%, #fff);
}

.oz-clan-crest.is-hero-crest {
  right: 22px;
  bottom: 22px;
  width: 50px;
  font-size: 10px;
}

.acc-wordmark {
  display: inline-grid;
  place-items: center;
  flex: 0 0 52px;
  min-width: 52px;
  color: #c43a9a;
  background: linear-gradient(135deg, #c43a9a, #a855f7);
  background-clip: text;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 14px rgba(215, 63, 151, .28),
    0 0 26px rgba(192, 132, 252, .16);
}

.product-details-purchase-actions {
  align-items: stretch;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.product-details-footer {
  grid-template-columns: 1fr;
}

.product-details-owner {
  align-items: center;
  background: color-mix(in srgb, var(--details-accent) 4%, #fff);
  border: 1px solid color-mix(in srgb, var(--details-accent) 20%, #e2dde7);
  border-radius: 6px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 11px 12px;
}

.product-details-owner > span {
  display: grid;
  gap: 2px;
}

.product-details-owner strong {
  color: #211c28;
  font-size: 12px;
}

.product-details-owner small {
  color: #756d7d;
  font-size: 10px;
  line-height: 1.35;
}

.product-details-owner > a {
  align-items: center;
  color: var(--details-accent);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 5px;
  white-space: nowrap;
}

.product-details-owner > a:hover,
.product-details-owner > a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 680px) {
  .acc-wordmark {
    flex-basis: 44px;
    min-width: 44px;
    font-size: 16px;
  }
}

/* The existing three-card grid is untouched; motion is contained inside each card. */
.home-products .pc {
  --oz-pack-x: 0deg;
  --oz-pack-y: 0deg;
  --oz-pack-lift: 0px;
  isolation: isolate;
}

.home-products .pc::after,
.profile-choice::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: -28%;
  bottom: -28%;
  width: 18%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7), transparent);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-260%) skewX(-17deg);
  transition: transform 640ms var(--oz-ease), opacity 180ms ease;
}

.home-products .pc::after {
  left: 0;
}

.home-products .pc:hover::after,
.home-products .pc:focus-within::after,
.profile-choice:hover::before,
.profile-choice:focus-visible::before {
  opacity: .72;
  transform: translateX(720%) skewX(-17deg);
}

.home-products .pc-media {
  perspective: 920px;
}

.home-products .pc-media img {
  transform: translateY(var(--oz-pack-lift)) rotateX(var(--oz-pack-x)) rotateY(var(--oz-pack-y));
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform 260ms var(--oz-ease), filter 260ms ease;
}

.home-products .pc:hover .pc-media img,
.home-products .pc:focus-within .pc-media img {
  transform: translateY(var(--oz-pack-lift)) rotateX(var(--oz-pack-x)) rotateY(var(--oz-pack-y));
  filter: saturate(1.04) drop-shadow(0 12px 18px color-mix(in srgb, var(--oz-clan, var(--oz-violet)) 16%, transparent));
}

.profile-choice {
  overflow: hidden;
  isolation: isolate;
}

.profile-choice::before {
  left: -8%;
}

.oz-selected-seal {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid color-mix(in srgb, var(--oz-clan) 72%, #fff);
  border-radius: 50%;
  color: #fff;
  background: var(--oz-clan);
  box-shadow: 0 5px 14px color-mix(in srgb, var(--oz-clan) 26%, transparent);
  opacity: 0;
  transform: rotate(-18deg) scale(.7);
  transition: opacity 180ms ease, transform 320ms var(--oz-ease);
}

.oz-selected-seal::after {
  content: "\2713";
  font-size: 11px;
  font-weight: 900;
}

.profile-choice.is-active .oz-selected-seal {
  opacity: 1;
  transform: rotate(0) scale(1);
}

/* A thin katana cut separates sections without adding another container. */
.oz-katana-section {
  position: relative;
}

.oz-katana-section::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: min(72%, 860px);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(104, 71, 255, .2) 18%, #6847ff 47%, #cdc4ff 53%, rgba(104, 71, 255, .2) 82%, transparent);
  filter: drop-shadow(0 3px 4px rgba(104, 71, 255, .16));
  pointer-events: none;
  transform: translateX(-50%) skewX(-31deg);
}

/* Headings reveal once like ink clearing from a brush stroke. */
.oz-theme-ready .oz-ink-title {
  opacity: 0;
  filter: blur(2px);
  clip-path: inset(0 100% 0 0);
  transform: translateY(8px);
  transition:
    opacity 340ms ease,
    filter 520ms ease,
    clip-path 620ms var(--oz-ease),
    transform 520ms var(--oz-ease);
}

.oz-theme-ready .oz-ink-title.is-ink-visible {
  opacity: 1;
  filter: none;
  clip-path: inset(0 0 0 0);
  transform: translateY(0);
}

/* One shared Choose -> Program -> Flash rhythm. */
[data-oz-journey="true"] {
  position: relative;
  isolation: isolate;
}

.op-track b {
  position: relative;
  overflow: hidden;
}

.op-track b::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, #6847ff, transparent);
  transform: translateX(-100%);
  animation: oz-journey-pulse 3.8s var(--oz-ease) infinite;
}

.programmer-ai-steps[data-oz-journey="true"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 29px;
  right: 29px;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, #00a66f, #6847ff 55%, #d8a400);
  opacity: .32;
  pointer-events: none;
}

.programmer-ai-steps[data-oz-journey="true"] li {
  position: relative;
  z-index: 1;
}

@keyframes oz-journey-pulse {
  0%, 32% { transform: translateX(-110%); }
  68%, 100% { transform: translateX(110%); }
}

/* Successful saves receive a compact Ozark seal, not a generic toast alone. */
.programmer-toast:not(.is-error) {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  text-align: left;
}

.programmer-toast-seal {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 50%;
  color: #fff;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .12);
  font-size: 12px;
  font-weight: 900;
  animation: oz-seal-in 420ms var(--oz-ease) both;
}

@keyframes oz-seal-in {
  from { opacity: 0; transform: rotate(-24deg) scale(.65); }
  to { opacity: 1; transform: rotate(0) scale(1); }
}

/* One continuous Ozark edge composition replaces separate hero decorations. */
.oz-edge-story {
  display: none;
}

@media (min-width: 1260px) {
  .oz-edge-story {
    position: fixed;
    z-index: 6;
    inset: 74px 0 0;
    display: block;
    overflow: hidden;
    opacity: .27;
    pointer-events: none;
  }

  .oz-edge-story > span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: min(286px, max(72px, calc((100vw - 1120px) / 2 - 8px)));
    background: url("/assets/img/ozark-edge-story.webp") right center / auto 100% no-repeat;
    filter: saturate(1.08) contrast(1.08);
  }

  .oz-edge-story > span:first-child {
    left: 0;
    transform: scaleX(-1);
  }

  .oz-edge-story > span:last-child {
    right: 0;
  }

  .programmer-page .oz-edge-story {
    display: none;
  }
}

/* Keep the live Discord proof without presenting it as a promotional strip. */
.social-ticker,
.social-ticker#discordTicker.show {
  min-height: 31px;
  padding: 6px 16px;
  background: #fff;
  border-bottom: 0;
  box-shadow: none;
}

@media (max-width: 680px) {
  .oz-clan-crest {
    right: 10px;
    bottom: 10px;
    width: 35px;
  }

  .oz-clan-crest.is-hero-crest {
    right: 12px;
    bottom: 12px;
    width: 40px;
  }

  .oz-katana-section::after {
    width: calc(100% - 40px);
  }

  .programmer-ai-steps[data-oz-journey="true"]::before {
    display: none;
  }
}

@media (hover: none), (pointer: coarse) {
  .home-products .pc-media img {
    will-change: auto;
  }

  .home-products .pc::after,
  .profile-choice::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oz-theme-ready .oz-ink-title,
  .oz-theme-ready .oz-ink-title.is-ink-visible {
    opacity: 1;
    filter: none;
    clip-path: none;
    transform: none;
  }

  .op-track b::after,
  .programmer-toast-seal {
    animation: none;
  }

}
/* Tutorial and compatibility system */
.guide-page {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 64px 0 76px;
}
.guide-hero {
  max-width: 820px;
  margin-bottom: 52px;
}
.guide-kicker,
.guide-section-head > span,
.guide-band span,
.guide-checklist > div span {
  display: block;
  margin-bottom: 10px;
  color: #6847ff;
  font: 800 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  text-transform: uppercase;
}
.guide-hero h1 {
  max-width: 780px;
  margin: 0;
  color: #15121c;
  font-size: clamp(38px, 6vw, 64px);
  line-height: 1.02;
  letter-spacing: 0;
}
.guide-hero > p:not(.guide-kicker) {
  max-width: 720px;
  margin: 20px 0 0;
  color: #625c6c;
  font-size: 17px;
  line-height: 1.7;
}
.guide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}
.guide-primary,
.guide-secondary {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid #6847ff;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.guide-primary {
  color: #fff;
  background: #6847ff;
  box-shadow: 0 10px 22px rgba(104, 71, 255, .18);
}
.guide-secondary {
  color: #332a42;
  background: #fff;
}
.guide-primary:hover,
.guide-secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(52, 38, 93, .14);
}
.guide-index {
  padding-top: 34px;
  border-top: 1px solid #ddd8e7;
}
.guide-section-head h2 {
  margin: 0;
  color: #1c1824;
  font-size: 27px;
  letter-spacing: 0;
}
.guide-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.guide-link-grid > a {
  min-height: 112px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 15px;
  padding: 20px;
  border: 1px solid #ded9e8;
  border-top: 2px solid #6847ff;
  border-radius: 7px;
  color: #211d29;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 8px 22px rgba(41, 30, 73, .06);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.guide-link-grid > a:hover {
  transform: translateY(-2px);
  border-color: #b9aaff;
  box-shadow: 0 14px 30px rgba(57, 40, 108, .1);
}
.guide-link-grid > a.is-basketball { border-top-color: #e1ad00; }
.guide-link-grid > a.is-shooters { border-top-color: #00a875; }
.guide-link-grid b {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #cfc5ff;
  border-radius: 7px;
  color: #6847ff;
  background: #f2efff;
  font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.guide-link-grid strong,
.guide-link-grid small {
  display: block;
}
.guide-link-grid strong {
  font-size: 16px;
}
.guide-link-grid small {
  margin-top: 5px;
  color: #716a7a;
  font-size: 12px;
  line-height: 1.5;
}
.guide-link-grid i {
  color: #6847ff;
  font-style: normal;
}
.guide-band {
  min-height: 150px;
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(300px, 1fr) auto;
  align-items: center;
  gap: 30px;
  margin-top: 46px;
  padding: 30px 32px;
  border: 1px solid #d9d2ff;
  border-radius: 8px;
  background: #f6f3ff;
}
.guide-band h2 {
  margin: 0;
  color: #1f1a28;
  font-size: 23px;
  letter-spacing: 0;
}
.guide-band p {
  margin: 0;
  color: #655e70;
  font-size: 14px;
  line-height: 1.65;
}
.guide-band > a {
  color: #5c3df0;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.guide-breadcrumb {
  display: flex;
  gap: 9px;
  margin-bottom: 36px;
  color: #837c8d;
  font-size: 12px;
}
.guide-breadcrumb a {
  color: #5c3df0;
  font-weight: 750;
}
.guide-article .guide-hero {
  margin-bottom: 46px;
}
.guide-article .guide-hero h1 {
  font-size: clamp(36px, 5vw, 56px);
}
.guide-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dcd7e4;
}
.guide-steps > li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 22px;
  padding: 28px 0;
  border-bottom: 1px solid #e5e1e9;
}
.guide-steps > li > b {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #cfc5ff;
  border-radius: 7px;
  color: #6847ff;
  background: #f4f1ff;
  font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.guide-steps h2 {
  margin: 0;
  color: #1d1924;
  font-size: 20px;
  letter-spacing: 0;
}
.guide-steps p {
  max-width: 800px;
  margin: 8px 0 0;
  color: #66606f;
  font-size: 15px;
  line-height: 1.7;
}
.guide-basketball .guide-kicker,
.guide-basketball .guide-steps > li > b { color: #a77d00; }
.guide-basketball .guide-steps > li > b { border-color: #e4bd32; background: #fff8df; }
.guide-shooters .guide-kicker,
.guide-shooters .guide-steps > li > b { color: #007f59; }
.guide-shooters .guide-steps > li > b { border-color: #76d2ac; background: #ecfbf2; }
.guide-checklist,
.guide-note {
  margin-top: 34px;
  padding: 26px 28px;
  border: 1px solid #dcd6e5;
  border-radius: 8px;
  background: #fff;
}
.guide-checklist {
  display: grid;
  grid-template-columns: minmax(220px, .75fr) minmax(300px, 1.25fr);
  gap: 30px;
}
.guide-checklist h2 {
  margin: 0;
  color: #1d1924;
  font-size: 22px;
  letter-spacing: 0;
}
.guide-checklist ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.guide-checklist li {
  position: relative;
  padding-left: 22px;
  color: #5f5869;
  font-size: 13px;
}
.guide-checklist li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #00a875;
  font-weight: 900;
}
.guide-note {
  border-left: 3px solid #6847ff;
  background: #f8f6ff;
}
.guide-note strong {
  color: #31263f;
  font-size: 14px;
}
.guide-note p {
  margin: 7px 0 0;
  color: #655e70;
  font-size: 14px;
  line-height: 1.65;
}
.guide-next {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid #ddd8e5;
}
.guide-next a {
  color: #5c3df0;
  font-size: 13px;
  font-weight: 800;
}
.compatibility-table {
  border-top: 1px solid #ddd8e5;
  padding-top: 34px;
}
.compatibility-table dl {
  margin: 24px 0 0;
  border: 1px solid #ded9e8;
  border-radius: 8px;
  background: #fff;
}
.compatibility-table dl > div {
  min-height: 82px;
  display: grid;
  grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 18px 22px;
  border-bottom: 1px solid #e8e4ec;
}
.compatibility-table dl > div:last-child { border-bottom: 0; }
.compatibility-table dt {
  color: #282230;
  font-size: 14px;
  font-weight: 800;
}
.compatibility-table dd {
  margin: 0;
}
.compatibility-table dd strong,
.compatibility-table dd span {
  display: block;
}
.compatibility-table dd strong {
  color: #007f59;
  font-size: 13px;
}
.compatibility-table dd strong.is-no { color: #b32b47; }
.compatibility-table dd span {
  margin-top: 4px;
  color: #716a79;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  .guide-page {
    width: min(100% - 28px, 1120px);
    padding: 42px 0 56px;
  }
  .guide-hero {
    margin-bottom: 38px;
  }
  .guide-hero h1 {
    font-size: 38px;
  }
  .guide-hero > p:not(.guide-kicker) {
    font-size: 15px;
  }
  .guide-link-grid,
  .guide-checklist {
    grid-template-columns: 1fr;
  }
  .guide-band {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 24px;
  }
  .guide-steps > li {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
  }
  .guide-checklist {
    gap: 20px;
    padding: 22px;
  }
  .guide-checklist ul {
    grid-template-columns: 1fr;
  }
  .compatibility-table dl > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .guide-primary,
  .guide-secondary,
  .guide-link-grid > a {
    transition: none;
  }
}

/* Premium product packaging stage. The card structure and content stay unchanged. */
.home-products .pc {
  --product-rgb: 104, 71, 255;
  --product-surface: #f4f0ff;
  --product-surface-deep: #e6ddff;
  --product-shadow: rgba(83, 58, 166, .16);
  overflow: hidden;
  border-color: color-mix(in srgb, var(--accent) 38%, #ded9e4);
  border-top: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), #fff 38%),
    #fff;
  box-shadow:
    0 1px 1px rgba(28, 23, 36, .035),
    0 14px 36px rgba(45, 35, 64, .08);
  transition:
    transform 240ms cubic-bezier(.2, .8, .2, 1),
    border-color 200ms ease,
    box-shadow 240ms ease;
}

.home-products .pc.nba {
  --product-rgb: 220, 174, 0;
  --product-surface: #fff9e2;
  --product-surface-deep: #ffefb5;
  --product-shadow: rgba(179, 133, 0, .2);
}

.home-products .pc.cod {
  --product-rgb: 0, 176, 99;
  --product-surface: #eefdF5;
  --product-surface-deep: #c9f3dd;
  --product-shadow: rgba(0, 126, 72, .18);
}

.home-products .pc.aim {
  --product-rgb: 201, 52, 147;
  --product-surface: #fff3fa;
  --product-surface-deep: #ffd9ee;
  --product-shadow: rgba(153, 32, 109, .18);
}

.home-products .pc.plus {
  --product-rgb: 104, 71, 255;
  --product-surface: #f5f1ff;
  --product-surface-deep: #dfd5ff;
  --product-shadow: rgba(83, 54, 199, .2);
}

.home-products .pc::before {
  z-index: 7;
  height: 4px;
  opacity: 1;
  background: var(--accent);
  box-shadow: 0 3px 14px rgba(var(--product-rgb), .18);
}

.home-products .pc:hover,
.home-products .pc:focus-within {
  border-color: color-mix(in srgb, var(--accent) 62%, #dcd6e3);
  box-shadow:
    0 2px 4px rgba(28, 23, 36, .04),
    0 24px 54px rgba(45, 35, 64, .13),
    0 10px 26px var(--product-shadow);
  transform: translateY(-5px);
}

.home-products .pc-media,
.home-products .pc.nba .pc-media,
.home-products .pc.cod .pc-media,
.home-products .pc.aim .pc-media,
.home-products .pc.plus .pc-media {
  min-height: 274px;
  isolation: isolate;
  overflow: hidden;
  border-bottom-color: color-mix(in srgb, var(--accent) 28%, #e4dfe8);
  background-color: var(--product-surface);
  background-image:
    linear-gradient(rgba(35, 29, 45, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 29, 45, .03) 1px, transparent 1px),
    radial-gradient(circle at 50% 41%, rgba(var(--product-rgb), .22), transparent 46%),
    linear-gradient(145deg, rgba(255, 255, 255, .95), transparent 42%),
    linear-gradient(180deg, var(--product-surface), var(--product-surface-deep));
  background-size: 30px 30px, 30px 30px, auto, auto, auto;
}

.home-products .pc-media::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: 17%;
  bottom: 14px;
  left: 17%;
  height: 34px;
  border-radius: 50%;
  background: rgba(var(--product-rgb), .28);
  filter: blur(15px);
  opacity: .72;
  pointer-events: none;
  transform: perspective(110px) rotateX(62deg);
}

.home-products .pc-media::after {
  z-index: 3;
  inset: 10px;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 6px;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, .34), transparent 22% 76%, rgba(255, 255, 255, .18));
  box-shadow:
    inset 0 0 0 1px rgba(var(--product-rgb), .035),
    inset 0 -34px 42px rgba(var(--product-rgb), .045);
}

.home-products .pc-media img {
  position: relative;
  z-index: 2;
  width: 86%;
  height: 91%;
  object-position: center 52%;
  filter:
    saturate(1.07)
    contrast(1.035)
    drop-shadow(0 22px 20px rgba(23, 18, 31, .24))
    drop-shadow(0 8px 18px rgba(var(--product-rgb), .17));
  transform:
    translateY(var(--oz-pack-lift))
    rotateX(var(--oz-pack-x))
    rotateY(var(--oz-pack-y));
  transition: transform 280ms var(--oz-ease), filter 280ms ease;
}

.home-products .pc.plus .pc-media img {
  width: 96%;
  height: 86%;
}

/* Exact Aura package cutout: transparent canvas, untouched package colors. */
.home-products .pc.cod .pc-media .aura-home-box {
  z-index: 4;
  width: 96%;
  height: 96%;
  max-width: 96%;
  max-height: 96%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 18px rgba(0, 72, 54, .2));
  transform: none;
}

.home-products .pc:hover .pc-media img,
.home-products .pc:focus-within .pc-media img {
  filter:
    saturate(1.12)
    contrast(1.05)
    drop-shadow(0 26px 22px rgba(23, 18, 31, .26))
    drop-shadow(0 10px 22px rgba(var(--product-rgb), .22));
  transform:
    translateY(var(--oz-pack-lift))
    rotateX(var(--oz-pack-x))
    rotateY(var(--oz-pack-y))
    scale(1.025);
}

.home-products .pc.cod:hover .pc-media .aura-home-box,
.home-products .pc.cod:focus-within .pc-media .aura-home-box {
  filter: drop-shadow(0 20px 20px rgba(0, 72, 54, .24));
  transform: translateY(-2px) scale(1.012);
}

.home-products .pc-pill {
  z-index: 6;
  top: 14px;
  left: 14px;
  border-color: rgba(var(--product-rgb), .16);
  color: #322b3a;
  background: rgba(255, 255, 255, .93);
  box-shadow:
    0 8px 22px rgba(31, 24, 43, .09),
    inset 0 0 0 1px rgba(255, 255, 255, .72);
}

.home-products .pc-featured-tag {
  z-index: 8;
  top: 14px;
  right: 14px;
  box-shadow: 0 8px 22px rgba(104, 71, 255, .26);
}

.home-products .oz-clan-crest {
  z-index: 6;
  right: 14px;
  bottom: 13px;
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow:
    0 10px 22px rgba(var(--product-rgb), .16),
    inset 0 0 0 1px rgba(var(--product-rgb), .08);
}

.home-products .pc-body {
  position: relative;
  background:
    linear-gradient(180deg, rgba(var(--product-rgb), .022), transparent 46px),
    #fff;
}

.home-products .pc-head {
  padding-top: 1px;
}

.home-products .pc-title {
  font-size: 23px;
  font-weight: 880;
}

.home-products .pc-price-block {
  background:
    linear-gradient(180deg, rgba(var(--product-rgb), .018), transparent 34px);
}

@media (min-width: 760px) and (max-width: 980px) {
  .home-products .pc-media,
  .home-products .pc.nba .pc-media,
  .home-products .pc.cod .pc-media,
  .home-products .pc.plus .pc-media {
    min-height: 220px;
  }

  .home-products .pc-media img {
    width: 92%;
    height: 92%;
  }

  .home-products .pc.plus .pc-media img {
    width: 100%;
    height: 84%;
  }
}

@media (max-width: 680px) {
  .home-products .pc-media,
  .home-products .pc.nba .pc-media,
  .home-products .pc.cod .pc-media,
  .home-products .pc.plus .pc-media {
    min-height: 250px;
  }

  .home-products .pc-media img {
    width: 86%;
    height: 91%;
  }

  .home-products .pc.plus .pc-media img {
    width: 97%;
    height: 84%;
  }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .home-products .pc,
  .home-products .pc:hover,
  .home-products .pc:focus-within {
    transform: none;
  }

  .home-products .pc-media img,
  .home-products .pc:hover .pc-media img,
  .home-products .pc:focus-within .pc-media img {
    transform: none;
  }
}

/* GPC is a collection, so its product page uses a wider bundle presentation. */
.gpc-page {
  --gpc-violet: #6847ff;
  --gpc-violet-dark: #5032df;
  --gpc-violet-soft: #f6f3ff;
  --gpc-gold: #d8a400;
  --gpc-green: #00a75f;
  --gpc-pink: #bf3a8e;
}

.gpc-page .gpc-hero {
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
  gap: 32px;
  align-items: start;
  padding-top: 34px;
  padding-bottom: 54px;
}

.gpc-visual-column {
  min-width: 0;
}

.gpc-page .gpc-hero .hero-media {
  width: 100%;
  aspect-ratio: 16 / 10;
  color: var(--gpc-violet);
  background: #f2efff;
  border-color: #d8d0ff;
  box-shadow: 0 16px 40px rgba(53, 38, 106, .1);
}

.gpc-page .gpc-hero .hero-media img {
  width: 95%;
  height: auto;
  max-height: 82%;
  transform: translateY(6px);
  filter: drop-shadow(0 20px 32px rgba(30, 23, 54, .2));
}

.gpc-page .gpc-hero .hero-media:hover img {
  transform: translateY(2px) scale(1.018);
}

.gpc-manifest {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--oz-line-strong);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 27, 46, .055);
}

.gpc-manifest-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 15px;
}

.gpc-manifest-head span {
  color: var(--gpc-violet);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gpc-manifest-head strong {
  color: var(--oz-ink);
  font-size: 12px;
}

.gpc-manifest-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--oz-line);
}

.gpc-manifest-grid > span {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 50px;
  padding: 9px;
  border-right: 1px solid var(--oz-line);
}

.gpc-manifest-grid > span:last-child {
  border-right: 0;
}

.gpc-manifest-grid i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.gpc-manifest-grid b {
  overflow: hidden;
  color: #4e5564;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gpc-manifest-grid .is-basketball { color: var(--gpc-gold); }
.gpc-manifest-grid .is-shooters { color: var(--gpc-green); }
.gpc-manifest-grid .is-aim { color: var(--gpc-pink); }
.gpc-manifest-grid .is-future { color: var(--gpc-violet); }

.gpc-page .gpc-hero .hero-info {
  padding-top: 0;
}

.gpc-page .gpc-hero .hero-breadcrumb {
  margin-bottom: 10px;
}

.gpc-page .gpc-hero .hero-title {
  margin-bottom: 11px;
  font-size: clamp(42px, 4.1vw, 54px);
}

.gpc-page .gpc-hero .hero-sub {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.55;
}

.gpc-page .gpc-hero .hero-rating {
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.gpc-page .gpc-hero .purchase-command {
  margin-top: 0;
}

.gpc-library-section {
  border-top: 1px solid var(--oz-line);
  border-bottom: 1px solid var(--oz-line);
  background: #fbfbfd;
}

.gpc-page .section-head {
  margin-bottom: 32px;
}

.gpc-library-stats {
  gap: 0;
  margin-bottom: 28px;
  padding: 20px 0;
  border-top: 1px solid var(--oz-line);
  border-bottom: 1px solid var(--oz-line);
}

.gpc-library-stats .stat + .stat {
  border-left: 1px solid var(--oz-line);
}

.gpc-library-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--oz-line-strong);
  border-radius: 8px;
  background: #fff;
}

.gpc-library-grid .ucard {
  position: relative;
  min-height: 160px;
  padding: 25px 22px 22px;
  border: 0;
  border-right: 1px solid var(--oz-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.gpc-library-grid .ucard:last-child {
  border-right: 0;
}

.gpc-library-grid .ucard::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--gpc-violet);
}

.gpc-library-grid .is-basketball::before { background: var(--gpc-gold); }
.gpc-library-grid .is-shooters::before { background: var(--gpc-green); }
.gpc-library-grid .is-aim::before { background: var(--gpc-pink); }

.gpc-library-grid .ucard .tag {
  color: var(--gpc-violet);
  background: var(--gpc-violet-soft);
}

.gpc-library-grid .is-basketball .tag { color: #8b6900; background: #fff8dd; }
.gpc-library-grid .is-shooters .tag { color: #007c47; background: #eafaf2; }
.gpc-library-grid .is-aim .tag { color: #9b286f; background: #fff0f8; }

.gpc-compare-section {
  background: #fff;
}

.gpc-compare {
  position: relative;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  max-width: 900px;
  border: 1px solid var(--oz-line-strong);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(32, 27, 50, .075);
}

.gpc-compare .compare-col,
.gpc-compare .compare-col.win {
  padding: 30px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.gpc-compare .compare-col:first-child {
  border-radius: 8px 0 0 8px;
}

.gpc-compare .compare-col.win {
  border-left: 1px solid #cfc5ff;
  border-radius: 0 8px 8px 0;
  background: var(--gpc-violet-soft);
}

.gpc-compare .compare-vs {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #d9d2ec;
  border-radius: 50%;
  background: #fff;
  font-size: 11px;
  transform: translate(-50%, -50%);
}

.gpc-compare .win-tag {
  display: inline-flex;
  margin-top: 14px;
  padding: 6px 8px;
  border-radius: 5px;
  color: #006f50;
  background: #e6f8f1;
  font-size: 10px;
  font-weight: 800;
}

.gpc-benefits-section {
  padding-top: 18px;
  padding-bottom: 42px;
  background: #fbfbfd;
}

.gpc-benefits {
  gap: 0;
  border-top: 1px solid var(--oz-line);
  border-bottom: 1px solid var(--oz-line);
}

.gpc-benefits > .step {
  padding: 28px 24px;
  border: 0;
  border-right: 1px solid var(--oz-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.gpc-benefits > .step:last-child {
  border-right: 0;
}

.gpc-benefits > .step h4 {
  margin-top: 0;
}

.gpc-final-cta {
  max-width: 1120px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(350px, 430px);
  gap: 42px;
  align-items: center;
  margin: 28px auto 64px;
  padding: 34px 36px;
  border: 1px solid #cfc5ff;
  border-radius: 8px;
  color: var(--oz-ink);
  background: var(--gpc-violet-soft);
  box-shadow: 0 16px 42px rgba(52, 38, 103, .09);
  text-align: left;
}

.gpc-final-copy > span {
  color: var(--gpc-violet);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gpc-final-cta h2 {
  margin: 8px 0 9px;
  font-size: clamp(28px, 3.4vw, 40px);
}

.gpc-final-cta p {
  margin: 0;
  color: var(--oz-copy);
  font-size: 14px;
}

.gpc-final-buy {
  min-width: 0;
}

.gpc-final-cta .btn-primary {
  min-height: 54px;
  color: #fff;
  background: var(--gpc-violet);
  box-shadow: 0 9px 24px rgba(104, 71, 255, .22);
}

.gpc-final-cta .btn-primary:hover {
  color: #fff;
  background: var(--gpc-violet-dark);
}

.gpc-final-cta .cta-pills {
  justify-content: flex-start;
  gap: 12px;
  margin-top: 12px;
  color: #606776;
  font-size: 10px;
  opacity: 1;
}

@media (max-width: 900px) {
  .gpc-page .gpc-hero {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gpc-page .gpc-hero .hero-media {
    width: 100%;
    max-width: none;
    aspect-ratio: 16 / 10;
  }

  .gpc-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gpc-library-grid .ucard:nth-child(2) {
    border-right: 0;
  }

  .gpc-library-grid .ucard:nth-child(-n + 2) {
    border-bottom: 1px solid var(--oz-line);
  }

  .gpc-compare {
    grid-template-columns: 1fr;
  }

  .gpc-compare .compare-col:first-child {
    border-radius: 8px 8px 0 0;
  }

  .gpc-compare .compare-col.win {
    border-top: 1px solid #cfc5ff;
    border-left: 0;
    border-radius: 0 0 8px 8px;
  }

  .gpc-compare .compare-vs {
    position: relative;
    top: auto;
    left: auto;
    justify-self: center;
    margin: -19px 0;
    transform: none;
  }

  .gpc-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gpc-benefits > .step:nth-child(2) {
    border-right: 0;
  }

  .gpc-benefits > .step:nth-child(-n + 2) {
    border-bottom: 1px solid var(--oz-line);
  }

  .gpc-final-cta {
    width: calc(100% - 40px);
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 620px) {
  .gpc-page .gpc-hero {
    padding-top: 22px;
  }

  .gpc-page .gpc-hero .hero-media {
    aspect-ratio: 16 / 11;
  }

  .gpc-page .gpc-hero .hero-media img {
    width: 98%;
    max-height: 80%;
  }

  .gpc-manifest-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .gpc-manifest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gpc-manifest-grid > span:nth-child(2) {
    border-right: 0;
  }

  .gpc-manifest-grid > span:nth-child(-n + 2) {
    border-bottom: 1px solid var(--oz-line);
  }

  .gpc-page .gpc-hero .hero-title {
    font-size: 38px;
  }

  .gpc-library-stats .stat .big {
    font-size: 24px;
  }

  .gpc-library-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gpc-library-stats .stat .lbl {
    font-size: 10px;
  }

  .gpc-library-grid {
    grid-template-columns: 1fr;
  }

  .gpc-library-grid .ucard,
  .gpc-library-grid .ucard:nth-child(2) {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--oz-line);
  }

  .gpc-library-grid .ucard:last-child {
    border-bottom: 0;
  }

  .gpc-benefits {
    grid-template-columns: 1fr;
  }

  .gpc-benefits > .step,
  .gpc-benefits > .step:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--oz-line);
  }

  .gpc-benefits > .step:last-child {
    border-bottom: 0;
  }

  .gpc-final-cta {
    width: calc(100% - 28px);
    margin-bottom: 42px;
    padding: 25px 22px;
  }

  .gpc-final-cta .cta-pills {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

/* Compact storefront workspace */
.site-header {
  min-height: 60px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 1px 0 rgba(30, 35, 49, .06);
}

.site-header .wrap {
  width: min(1180px, calc(100% - 32px));
  height: 60px;
}

.site-header .logo {
  min-height: 60px;
  flex: 0 0 auto;
  gap: 9px;
  padding-right: 18px;
  border-right: 1px solid var(--oz-line);
}

.site-header .logo::after {
  margin-left: 2px;
  color: #8a8f9c;
  content: "Store";
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.site-header .logo img {
  width: 34px;
  height: 34px;
}

.site-header .nav {
  align-self: stretch;
  gap: 0;
  margin-left: 10px;
}

.site-header .nav a {
  min-height: 60px;
  padding: 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.site-header .nav a:hover,
.site-header .nav a.active,
.site-header .nav a[aria-current="page"] {
  border-bottom-color: var(--oz-violet);
  color: var(--oz-violet-dark);
  background: #f8f6ff;
}

.site-header .nav .nav-programmer,
.site-header .nav .nav-programmer:hover,
.site-header .nav .nav-programmer.active {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
}

.site-header .nav .nav-programmer {
  color: #5135da;
  background: transparent;
}

.site-header .nav .nav-programmer:hover,
.site-header .nav .nav-programmer.active {
  border-bottom-color: var(--oz-violet);
  color: var(--oz-violet-dark);
  background: #f8f6ff;
}

.site-header .nav .nav-account {
  margin-left: 5px;
  border-left: 1px solid var(--oz-line);
  color: #008963;
}

.site-header .nav .nav-account:hover,
.site-header .nav .nav-account[aria-current="page"] {
  border-bottom-color: #00a875;
  color: #007554;
  background: #f1fbf7;
}

.site-header .nav .nav-cart {
  min-height: 38px;
  margin-left: 8px;
  padding: 0 14px;
  align-self: center;
  border-radius: 6px;
}

@media (max-width: 900px) {
  .site-header,
  .site-header .wrap {
    min-height: 60px;
    height: 60px;
  }

  .site-header .wrap {
    width: calc(100% - 24px);
  }

  .site-header .logo {
    min-height: 60px;
    padding-right: 0;
    border-right: 0;
  }

  .site-header .menu-toggle {
    width: 38px;
    height: 38px;
  }

  .site-header .nav {
    top: 60px;
    gap: 4px;
    margin-left: 0;
    padding: 10px 12px 14px;
  }

  .site-header .nav a,
  .site-header .nav .nav-cart {
    min-height: 44px;
    margin-left: 0;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 5px;
  }

  .site-header .nav a:hover,
  .site-header .nav a.active,
  .site-header .nav a[aria-current="page"],
  .site-header .nav .nav-programmer:hover,
  .site-header .nav .nav-programmer.active {
    border-color: #ded7ff;
  }

  .site-header .nav .nav-account {
    border-color: transparent;
  }
}

@media (max-width: 420px) {
  .site-header .logo::after {
    display: none;
  }
}

/* Premium precision accents */
.site-header {
  border-bottom: 1px solid #ddd8e6;
  box-shadow:
    inset 0 2px 0 var(--oz-violet),
    0 5px 18px rgba(35, 28, 53, .055);
}

.site-header .logo img {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #d7cff8;
  border-radius: 8px;
  background: #f8f6ff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 13px rgba(104, 71, 255, .12);
}

.home-hero {
  position: relative;
  isolation: isolate;
}

.home-brand-lockup {
  position: relative;
  padding-top: 10px;
}

.home-brand-lockup::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: #ded8f5;
  content: "";
}

.home-brand-lockup::after {
  position: absolute;
  top: -3px;
  left: 50%;
  width: 7px;
  height: 7px;
  border: 2px solid var(--oz-violet);
  background: #fff;
  content: "";
  transform: translateX(-50%) rotate(45deg);
}

.home-brand-lockup img {
  box-sizing: border-box;
  padding: 6px;
  border: 1px solid #d5ccfa;
  border-radius: 8px;
  background: #fff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 9px 21px rgba(87, 57, 205, .13);
}

.home-brand-lockup > span {
  padding-left: 11px;
  border-left: 1px solid #ded9e8;
}

.home-brand-lockup strong,
.home-brand-lockup small,
.gp-label {
  letter-spacing: 0;
}

/* The header owns the Ozark identity; the hero opens with compact player proof. */
.hero-rating-proof {
  display: grid;
  grid-template-columns: minmax(32px, 72px) auto minmax(32px, 72px);
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 16px;
  align-items: center;
  gap: 12px;
  color: #5e5868;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.hero-rating-proof::before,
.hero-rating-proof::after {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d9d3e7);
  content: "";
}

.hero-rating-proof::after {
  background: linear-gradient(90deg, #d9d3e7, transparent);
}

.hero-rating-proof > span:last-child {
  grid-column: 2;
  white-space: nowrap;
}

.hero-rating-stars {
  grid-column: 2;
  color: #f5a000;
  font-size: 15px;
  letter-spacing: 1px;
}

.hero-rating-proof strong {
  color: #231e2b;
  font-weight: 900;
}

.hero-rating-proof + h1 {
  margin-bottom: 0;
}

.hero-rating-proof + h1 + .trust-strip {
  margin-top: 26px;
}

@media (max-width: 480px) {
  .hero-rating-proof {
    grid-template-columns: 28px auto 28px;
    gap: 8px;
  }
}

.home-hero .trust-badge {
  border-left: 3px solid var(--oz-violet);
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 14px rgba(39, 31, 61, .06);
}

.trust-strip {
  position: relative;
  overflow: hidden;
  border-color: #dad5e3;
  box-shadow:
    inset 0 1px 0 #fff,
    0 8px 22px rgba(34, 29, 50, .06);
}

.trust-strip::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--oz-success);
  content: "";
}

.trust-item {
  position: relative;
}

.trust-item::after {
  position: absolute;
  right: 12px;
  bottom: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a6dfcb;
  content: "";
}

.gp-chips .gp-chip {
  --chip-accent: var(--oz-violet);
  position: relative;
  overflow: hidden;
  border-left: 3px solid var(--chip-accent);
  background: #fff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 11px rgba(32, 27, 48, .045);
}

.gp-chips .gp-chip.gp-basketball {
  --chip-accent: #d7a900;
}

.gp-chips .gp-chip.gp-shooters {
  --chip-accent: #00a967;
}

.gp-chips .gp-chip.gp-aim {
  --chip-accent: #d73f97;
}

.gp-chips .gp-chip.gp-all {
  --chip-accent: var(--oz-violet);
  color: var(--oz-ink);
  background: #fff;
}

.gp-chips .gp-chip:hover,
.gp-chips .gp-chip:focus-visible,
.gp-chips .gp-chip.gp-all:hover,
.gp-chips .gp-chip.gp-all:focus-visible {
  border-color: color-mix(in srgb, var(--chip-accent) 72%, #d9d4e1);
  border-left-color: var(--chip-accent);
  color: var(--oz-ink);
  background: #fff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 8px 19px rgba(38, 31, 58, .085);
}

.gp-chips .gp-chip .gp-arrow {
  transition: color 160ms ease, transform 180ms var(--oz-ease);
}

.gp-chips .gp-chip:hover .gp-arrow,
.gp-chips .gp-chip:focus-visible .gp-arrow {
  color: var(--chip-accent);
  transform: translateX(3px);
}

.home-products .pc {
  box-shadow:
    inset 0 1px 0 #fff,
    0 9px 24px rgba(28, 24, 39, .07);
}

.home-products .pc-body {
  border-top: 1px solid rgba(var(--product-rgb), .2);
  box-shadow: inset 0 1px 0 #fff;
}

.home-products .pc-price-block {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-products .pc-btn,
.home-products .pc-details-link {
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .32),
    0 6px 14px rgba(28, 24, 39, .1);
  transition:
    border-color 160ms ease,
    color 160ms ease,
    background 160ms ease,
    box-shadow 180ms ease,
    transform 180ms var(--oz-ease);
}

.home-products .pc-btn:hover,
.home-products .pc-btn:focus-visible,
.home-products .pc-details-link:hover,
.home-products .pc-details-link:focus-visible {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .38),
    0 9px 19px rgba(28, 24, 39, .14);
  transform: translateY(-1px);
}

.home-products .pc-btn .arrow {
  display: inline-block;
  transition: transform 180ms var(--oz-ease);
}

.home-products .pc-btn:hover .arrow,
.home-products .pc-btn:focus-visible .arrow {
  transform: translateX(3px);
}

.purchase-assurance {
  overflow: hidden;
  border: 1px solid #ddd8e5;
  border-top: 2px solid var(--oz-violet);
  border-radius: 8px;
  background: #fff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 8px 22px rgba(34, 29, 50, .055);
}

.purchase-assurance > div {
  background: #fff;
}

.purchase-assurance .pa-mark {
  border-color: #cfc4fb;
  color: #5538df;
  background: #f0ecff;
  box-shadow: inset 0 1px 0 #fff;
}

@media (max-width: 900px) {
  .site-header .nav a::after {
    display: none;
  }
}

@media (max-width: 680px) {
  .home-brand-lockup > span {
    padding-left: 9px;
  }

  .trust-item::after {
    right: 8px;
  }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .site-header .nav a::after,
  .gp-chips .gp-chip .gp-arrow,
  .home-products .pc-btn,
  .home-products .pc-details-link,
  .home-products .pc-btn .arrow {
    transition: none;
  }

  .gp-chips .gp-chip:hover .gp-arrow,
  .gp-chips .gp-chip:focus-visible .gp-arrow,
  .home-products .pc-btn:hover,
  .home-products .pc-btn:focus-visible,
  .home-products .pc-details-link:hover,
  .home-products .pc-details-link:focus-visible,
  .home-products .pc-btn:hover .arrow,
  .home-products .pc-btn:focus-visible .arrow {
    transform: none;
  }
}

/* Premium product detail pass */
.home-products .pc-pill,
.home-products .pc-users {
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 13px rgba(33, 27, 48, .065);
}

.home-products .pc-pill .pdot {
  box-shadow: 0 0 0 3px rgba(var(--product-rgb), .12);
}

.home-products .pc-featured-tag {
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 7px 17px rgba(104, 71, 255, .2);
}

.home-products .pc-head {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #ece8f0;
}

.home-products .pc-head::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 34px;
  height: 2px;
  background: var(--accent);
  content: "";
}

.home-products .pc-title {
  letter-spacing: 0;
  text-shadow:
    0 0 16px rgba(var(--product-rgb), .13),
    0 1px 0 #fff;
}

.home-products .pc-fit {
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, var(--accent) 20%, #e4dfe8);
  border-left: 3px solid var(--accent);
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent) 4%, #fff);
}

.home-products .pc-features li {
  position: relative;
}

.home-products .pc-features li::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 30px;
  height: 1px;
  background: #f0edf3;
  content: "";
}

.home-products .pc-features li:last-child::after {
  display: none;
}

.home-products .promo-strip {
  position: relative;
  overflow: hidden;
  border-left: 3px solid var(--oz-violet);
  background: #faf9ff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 6px 15px rgba(66, 44, 135, .06);
}

.home-products .promo-strip img {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #d2c7fb;
  background: #fff;
  box-shadow: 0 4px 10px rgba(104, 71, 255, .12);
}

.home-products .promo-free {
  border: 1px solid rgba(255, 255, 255, .25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
}

.home-products .pc-price-block {
  position: relative;
}

.home-products .pc-price-block::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 42px;
  height: 2px;
  background: var(--accent);
  content: "";
}

.home-products .pc-price .amount {
  text-shadow:
    0 0 18px rgba(var(--product-rgb), .12),
    0 1px 0 #fff;
}

.home-hero h1 .purple,
.acc-title,
.acc-price .now {
  text-shadow:
    0 0 16px rgba(104, 71, 255, .14),
    0 1px 0 rgba(255, 255, 255, .9);
}

.product-details-header h2,
.product-details-facts strong,
.product-details-section h3 {
  text-shadow:
    0 0 15px rgba(var(--details-rgb), .13),
    0 1px 0 #fff;
}

.home-products .pc-price .save {
  border-color: #aeddc4;
  background: #effaf5;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 10px rgba(0, 139, 97, .08);
}

.home-products .pc-note {
  position: relative;
  padding-left: 13px;
}

.home-products .pc-note::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  border: 1px solid #c8c0d1;
  border-radius: 50%;
  background: #fff;
  content: "";
  transform: translateY(-50%);
}

.home-products .pc-value-line {
  border-left: 3px solid var(--oz-violet);
  box-shadow: inset 0 1px 0 #fff;
}

.purchase-assurance > div {
  position: relative;
  transition: background 160ms ease;
}

.purchase-assurance > div:hover {
  background: #fbfaff;
}

.purchase-assurance > div::after {
  position: absolute;
  right: 10px;
  bottom: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #cfc7ec;
  content: "";
}

.purchase-assurance > div:nth-child(1)::after {
  background: #d7a900;
}

.purchase-assurance > div:nth-child(2)::after {
  background: #00a967;
}

.purchase-assurance > div:nth-child(3)::after {
  background: var(--oz-violet);
}

.purchase-assurance strong,
.purchase-assurance small {
  letter-spacing: 0;
}

.site-header .nav .nav-cart {
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 13px rgba(35, 28, 53, .06);
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  .home-products .pc-fit {
    border-color: #e0dbe7;
    border-left-color: var(--accent);
    background: #fbfafd;
  }
}

@media (max-width: 680px) {
  .home-products .pc-fit {
    padding: 6px 7px;
  }

  .home-products .pc-features li::after {
    left: 27px;
  }

  .purchase-assurance > div::after {
    right: 7px;
  }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .purchase-assurance > div {
    transition: none;
  }

  .purchase-assurance > div:hover {
    background: #fff;
  }
}

/* Premium typography and copy finish */
.site-header,
.home-hero,
.home-products,
.purchase-assurance,
.product-details-panel,
.product-hero,
.product-reviews {
  color: #211c28;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.site-header .logo,
.site-header .nav a,
.home-brand-lockup strong,
.home-hero h1,
.section-head h2,
.pc-title,
.acc-title,
.hero-title,
.review-heading h2,
.product-details-header h2,
.product-details-section h3 {
  letter-spacing: 0;
}

.home-hero h1,
.section-head h2,
.hero-title,
.review-heading h2,
.product-details-header h2 {
  line-height: 1.08;
  text-wrap: balance;
}

.home-hero > p,
.section-head p,
.hero-sub,
.hero-desc,
.review-heading p,
.product-details-intro p,
.product-details-list li,
.product-details-steps li {
  color: #5d5667;
  line-height: 1.62;
  text-wrap: pretty;
}

.site-header .nav a {
  color: #5a5363;
  font-size: 13px;
  font-weight: 750;
}

.site-header .nav a:hover,
.site-header .nav a:focus-visible,
.site-header .nav a[aria-current="page"] {
  color: #2a2332;
}

.home-brand-lockup small,
.section-head .eyebrow,
.product-details-eyebrow,
.product-details-category {
  letter-spacing: .06em;
  line-height: 1.3;
}

.home-products .pc-title {
  color: #1d1824;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.18;
}

.home-products .pc-sub {
  color: #5b5463;
  font-size: 14px;
  line-height: 1.58;
  text-wrap: pretty;
}

.home-products .pc-fit {
  color: #5d5665;
  font-size: 11px;
  line-height: 1.35;
}

.home-products .pc-fit span {
  letter-spacing: .04em;
  font-size: 8.5px;
  line-height: 1;
}

.home-products .pc-fit strong {
  color: #312a38;
  font-size: 11px;
  font-weight: 800;
}

.home-products .pc-features li {
  color: #57505f;
  font-size: 13.75px;
  line-height: 1.5;
}

.home-products .pc-features li strong {
  color: #211b27;
  font-weight: 750;
}

.home-products .pc-price .old,
.home-products .pc-price .amount,
.home-products .pc-price .save,
.home-products .pc-value-line,
.acc-price,
.acc-price-full {
  font-variant-numeric: tabular-nums;
}

.home-products .pc-price .old {
  color: #7d7585;
  font-size: 15px;
  font-weight: 650;
}

.home-products .pc-price .amount {
  color: #17131d;
  font-size: 36px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.02;
}

.home-products .pc-price .save {
  letter-spacing: .04em;
  line-height: 1.2;
}

.home-products .pc-note {
  color: #736b7b;
  font-size: 12.25px;
  font-weight: 600;
  line-height: 1.45;
}

.home-products .pc-value-line {
  color: #5b5364;
  font-size: 11.75px;
  line-height: 1.45;
}

.home-products .pc-value-line strong {
  color: #342a43;
}

.home-products .pc-btn,
.product-details-buy,
.product-details-full {
  letter-spacing: 0;
  font-size: 13.5px;
  font-weight: 800;
}

.purchase-assurance strong {
  color: #2f2936;
  font-size: 12.25px;
  font-weight: 800;
  line-height: 1.25;
}

.purchase-assurance small {
  color: #746d7c;
  font-size: 10.75px;
  font-weight: 600;
  line-height: 1.35;
}

.acc-title {
  color: #211b27;
  font-size: 16.5px;
  font-weight: 800;
  line-height: 1.25;
}

.acc-sub {
  color: #706878;
  font-size: 13px;
  line-height: 1.45;
}

.acc-price .now {
  font-size: 21px;
  font-weight: 850;
  letter-spacing: 0;
}

.acc-price .old,
.acc-price-full .old {
  color: #7f7787;
}

.acc-price-full .now {
  font-weight: 850;
  letter-spacing: 0;
}

.hero-title {
  letter-spacing: 0;
}

.hero-sub,
.hero-desc {
  font-weight: 500;
}

.review-heading p {
  font-size: 15px;
}

.product-details-header h2 {
  color: #1d1724;
  font-size: 24px;
  font-weight: 850;
}

.product-details-facts span {
  color: #7a7282;
  letter-spacing: .04em;
}

.product-details-facts strong {
  color: #2c2533;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.product-details-section h3 {
  color: #241e2b;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.3;
}

.product-details-list li,
.product-details-steps li {
  font-size: 13.5px;
}

.product-details-steps li strong {
  color: #27202e;
  font-weight: 800;
}

@media (max-width: 680px) {
  .site-header .nav a {
    font-size: 12px;
  }

  .home-products .pc-title {
    font-size: 21px;
  }

  .home-products .pc-sub,
  .home-products .pc-features li {
    font-size: 13.25px;
  }

  .home-products .pc-price .amount {
    font-size: 34px;
  }

  .purchase-assurance strong {
    font-size: 11.5px;
  }

  .purchase-assurance small {
    font-size: 10px;
  }

  .product-details-header h2 {
    font-size: 22px;
  }
}

/* Premium product command zones */
.home-products .pc-media {
  border-bottom-color: color-mix(in srgb, var(--accent) 34%, #e7e2eb);
}

.home-products .pc-media::after {
  inset: 9px;
  border-color: rgba(255, 255, 255, .8);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent),
    0 0 0 1px rgba(255, 255, 255, .35);
}

.home-products .pc-users {
  border-color: color-mix(in srgb, var(--accent) 22%, #dfd9e4);
  color: #6d6575;
  background: color-mix(in srgb, var(--accent) 4%, #fff);
}

.home-products .pc-body {
  padding-top: 24px;
}

.home-products .pc-price-block {
  margin: 0;
  padding: 19px 22px 22px;
  border-top-color: color-mix(in srgb, var(--accent) 22%, #e4dfe7);
  background: color-mix(in srgb, var(--accent) 2.5%, #fff);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 9px 18px rgba(var(--product-rgb), .025);
}

.home-products .pc-price-block::before {
  left: 22px;
  width: 52px;
  height: 2px;
}

.home-products .pc-cta-row {
  gap: 8px;
}

.home-products .pc-btn,
.home-products .pc-details-link {
  min-height: 48px;
  border-radius: 6px;
}

.home-products .pc-details-link {
  min-width: 78px;
  border-color: color-mix(in srgb, var(--accent) 20%, #dcd6e1);
  color: #514959;
  background: #fff;
}

.home-products .pc-details-link:hover,
.home-products .pc-details-link:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 4%, #fff);
}

.purchase-assurance > div:nth-child(1) {
  background: #fffdf7;
}

.purchase-assurance > div:nth-child(2) {
  background: #f8fefa;
}

.purchase-assurance > div:nth-child(3) {
  background: #faf8ff;
}

.purchase-assurance > div:nth-child(1) .pa-mark {
  border-color: #ead28a;
  color: #8a6500;
  background: #fff4ce;
}

.purchase-assurance > div:nth-child(2) .pa-mark {
  border-color: #a9ddc9;
  color: #007e59;
  background: #eafaf4;
}

.purchase-assurance > div:nth-child(3) .pa-mark {
  border-color: #cfc4fb;
  color: #5538df;
  background: #f0ecff;
}

.product-details-facts > div {
  background: #fcfbfd;
}

.product-details-facts > div:nth-child(2n) {
  background: #fff;
}

.product-details-section {
  border-top-color: color-mix(in srgb, var(--details-accent) 18%, #e5e0e8);
}

@media (max-width: 680px) {
  .home-products .pc-body {
    padding-top: 20px;
  }

  .home-products .pc-price-block {
    padding: 17px 18px 19px;
  }

  .home-products .pc-price-block::before {
    left: 18px;
  }

  .home-products .pc-btn,
  .home-products .pc-details-link {
    min-height: 46px;
  }

  .product-details-purchase-actions,
  .product-details-owner {
    grid-template-columns: 1fr;
  }

  .product-details-owner > a {
    min-height: 32px;
  }
}