/* Product presentation for the shared Glacier UI. Loaded after ozark-ui.css. */
#ozark-storefront.product-page {
  --product-width: var(--ui-width, 1220px);
  --product-accent: var(--ui-accent, #087ca7);
  --product-edge: var(--ui-line, #cde0e7);
  --product-glass: var(--ui-glass);
  --product-depth: var(--ui-shadow);
  --ui-product-divider: rgba(var(--vivid-rgb), .16);
  --ui-product-rim: inset 0 2px 1px #fff, inset 0 -1px 0 rgba(var(--vivid-rgb), .14), 0 4px 14px rgba(var(--vivid-rgb), .08);
  --product-card-lift: -2px;
  --product-card-scale: 1;
  --ui-product-space: clamp(1.5rem, 3vw, 2.5rem);
  min-width: 0;
}

/* Shared reading width and rhythm, while retaining each product's content. */
#ozark-storefront.product-page :is(.hero, .mod-showcase, .pnp, .product-reviews, .zen-preflight, .product-included, .gpc-library-section, .gpc-compare-section, .gpc-benefits-section, .gpc-final-cta) {
  width: var(--ui-page-width); max-width: none; margin-inline: auto;
}
#ozark-storefront.product-page :is(.mod-showcase, .pnp, .product-reviews, .zen-preflight, .product-included, .gpc-library-section, .gpc-compare-section, .gpc-benefits-section, .gpc-final-cta) { margin-block: var(--ui-product-space); }
#ozark-storefront.product-page :is(.product-reviews-shell, .zen-preflight__inner, .gpc-library-section > .wrap, .gpc-compare-section > .wrap, .gpc-benefits-section > .wrap) { width: 100%; max-width: none; padding-inline: 0; }

/* An editorial heading, full artwork, and one calm purchase surface. */
#ozark-storefront.product-page .hero:has(.shop-product-heading) { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: start; gap: 1.5rem 2rem; padding-block: 2rem; }
#ozark-storefront.product-page .shop-product-heading { margin: 0; padding: 0; }
#ozark-storefront.product-page .hero-breadcrumb { margin-bottom: 1.125rem; color: var(--ui-muted); font-size: .875rem; line-height: 1.5; }
#ozark-storefront.product-page .shop-product-heading-main { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: 2rem; }
#ozark-storefront.product-page .shop-product-heading .hero-tag { color: var(--ui-accent) !important; font-size: .8125rem; line-height: 1.5; letter-spacing: .055em; }
#ozark-storefront.product-page :is(.shop-product-heading, .gpc-hero-intro) h1.hero-title {
  margin: 0; color: var(--ui-ink) !important; -webkit-text-fill-color: var(--ui-ink) !important;
  font-size: clamp(2.5rem, 4.8vw, 3.875rem); font-weight: 750; line-height: 1.08; letter-spacing: -.045em;
  background: none !important; filter: none !important; text-shadow: none !important;
}
#ozark-storefront.product-page .hero-title .gradient { color: var(--ui-accent) !important; -webkit-text-fill-color: var(--ui-accent) !important; background: none !important; }
#ozark-storefront.product-page .hero-title-context { color: var(--ui-muted) !important; -webkit-text-fill-color: var(--ui-muted) !important; font-size: 1.0625rem; line-height: 1.5; letter-spacing: -.01em; }
#ozark-storefront.product-page .hero .shop-product-intro .hero-sub,
#ozark-storefront.product-page .gpc-hero-intro > .hero-sub { margin-block: 0; color: var(--ui-muted); font-size: 1rem; font-weight: 400; line-height: 1.7; }
#ozark-storefront.product-page .hero .shop-product-intro .shop-product-guide { margin-top: .75rem; font-size: .875rem; line-height: 1.65; }
#ozark-storefront.product-page .shop-product-nav { gap: 1rem; margin-top: 1.5rem; padding: .875rem 1rem; border: 1px solid var(--ui-line) !important; border-radius: 14px; background: var(--ui-glass) !important; box-shadow: var(--ui-shadow) !important; color: var(--ui-muted); font-size: .875rem; }
#ozark-storefront.product-page .shop-product-nav > div { flex-wrap: wrap; gap: .75rem 1.5rem; }
#ozark-storefront.product-page .shop-product-nav a { font-size: .875rem; line-height: 1.5; }
#ozark-storefront.product-page .shop-product-stage { align-self: start; padding: .75rem; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-radius, 20px); background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }
#ozark-storefront.product-page .shop-product-stage .hero-media,
#ozark-storefront.product-page .shop-product-stage .hero-media:has(> [data-product-artwork]) { width: 100%; height: auto; min-height: 0; padding: 0; gap: .75rem; border: 0 !important; border-radius: 12px !important; 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.product-page .shop-product-stage .hero-media > img,
#ozark-storefront.product-page .shop-product-stage .hero-media > [data-product-artwork] { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; object-fit: contain !important; object-position: center; border-radius: 12px; filter: none !important; }
#ozark-storefront.product-page .shop-product-stage .hero-badge-tl { position: static; align-self: flex-start; margin: .125rem .125rem 0; padding: .375rem .625rem; border-color: var(--ui-line); background: var(--ui-glass); color: var(--ui-muted); font-size: .75rem; line-height: 1.4; }
#ozark-storefront.product-page .hero:has(.shop-product-heading) > .hero-info { padding: clamp(1.25rem, 2.4vw, 1.75rem); border: 1px solid var(--ui-line) !important; border-radius: var(--ui-radius, 20px); background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#ozark-storefront.product-page .hero:has(.shop-product-heading) > .hero-info .hero-rating { margin-bottom: 1.125rem; padding-bottom: 1rem; border-bottom-color: var(--ui-line); font-size: .875rem; line-height: 1.5; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .price-now { color: var(--ui-ink); font-size: clamp(2rem, 3vw, 2.5rem); font-weight: 750; line-height: 1.2; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .price-note { color: var(--ui-muted); font-size: .875rem; line-height: 1.6; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .compat-line { margin-block: 1rem; padding: .875rem 1rem; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-glass); color: var(--ui-muted); font-size: .875rem; line-height: 1.6; box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page :is(.checkout-disclosure p, .hero-promise span, .hero-check, .product-resource-links a) { color: var(--ui-muted); font-size: .875rem; line-height: 1.65; }
#ozark-storefront.product-page .checkout-disclosure { margin-top: 1rem; padding-block: .625rem 0; border-color: var(--ui-line); }
#ozark-storefront.product-page .hero-promise { gap: .5rem; margin-top: 1rem; padding: 1rem; border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .hero-promise strong { color: var(--ui-ink); font-size: .875rem; line-height: 1.5; }
#ozark-storefront.product-page .hero-checks { gap: .625rem 1rem; margin-top: 1rem; }
#ozark-storefront.product-page .hero-check svg { flex: 0 0 auto; width: 1rem; height: 1rem; }
#ozark-storefront.product-page .shop-product-details { padding: 1.5rem; border-color: var(--ui-line) !important; border-radius: var(--ui-radius); background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }
#ozark-storefront.product-page .shop-product-details .era-decision__result p { color: var(--ui-muted); font-size: 1rem; line-height: 1.7; }
#ozark-storefront.product-page .shop-product-community .era-discord-reviews { padding: 1.5rem; border-radius: var(--ui-radius); border-color: var(--ui-line); background: var(--ui-glass); }

/* Six-feature disclosures keep distinct controls easy to read. */
#ozark-storefront.product-page .collection-showcase { border-color: var(--ui-line) !important; border-radius: var(--ui-radius) !important; background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }
#ozark-storefront.product-page .collection-showcase::before { background: radial-gradient(circle at 10% 0%, #fffffffa, transparent 28%), linear-gradient(90deg, rgba(var(--vivid-rgb), .055), transparent 34%, transparent 66%, rgba(var(--vivid-rgb), .045)); }
#ozark-storefront.product-page .collection-showcase::after { background: linear-gradient(90deg, transparent, #fff 24%, rgba(var(--vivid-rgb), .5) 50%, #fff 76%, transparent); }
#ozark-storefront.product-page .collection-showcase > .mod-showcase__shell { display: block; padding: 1.5rem; }
#ozark-storefront.product-page .collection-feature-summary { align-items: center; gap: 1.5rem; padding: 0; }
#ozark-storefront.product-page :is(.collection-showcase-title, .mod-showcase__copy h2, .product-included h2) { color: var(--ui-ink); font-size: clamp(1.5rem, 2.7vw, 2rem); font-weight: 750; line-height: 1.2; letter-spacing: -.025em; }
#ozark-storefront.product-page :is(.collection-showcase-description, .mod-showcase__copy p, .collection-feature p) { color: var(--ui-muted); font-size: 1rem; font-weight: 400; line-height: 1.7; }
#ozark-storefront.product-page .mod-showcase__eyebrow { margin-bottom: .5rem; color: var(--ui-accent); font-size: .75rem; line-height: 1.5; letter-spacing: .065em; }
#ozark-storefront.product-page .collection-feature-summary .mod-showcase__action { min-height: 4.75rem; border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .collection-feature-summary .mod-showcase__action-copy strong { color: var(--ui-ink); font-size: .9375rem; line-height: 1.5; }
#ozark-storefront.product-page .collection-feature-summary .mod-showcase__action-copy small { margin-top: .25rem; color: var(--ui-muted); font-size: .8125rem; line-height: 1.5; }
#ozark-storefront.product-page .collection-feature-list { gap: 1rem; padding-top: 1.25rem; }
#ozark-storefront.product-page .collection-feature { border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .collection-feature > summary { min-height: 3.5rem; padding: .875rem 1rem; gap: .875rem; }
#ozark-storefront.product-page .collection-feature > summary strong { color: var(--ui-ink); font-size: 1rem; line-height: 1.5; }
#ozark-storefront.product-page .collection-feature > div { padding: 0 1rem 1.125rem; }
#ozark-storefront.product-page .collection-feature p { margin: .25rem 0 .625rem; }
#ozark-storefront.product-page .collection-feature small { color: var(--ui-accent); font-size: .875rem; line-height: 1.5; }
#ozark-storefront.product-page .collection-feature-number { border-color: var(--ui-line); background: var(--ui-glass); color: var(--ui-accent); font-size: .75rem; }

/* Preserve the approved unframed, media-first ERA and Aura gameplay layouts. */
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) { padding: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; overflow: visible; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods)::before,
#ozark-storefront.product-page :is(#eraNewMods, #auraMods)::after { content: none; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__shell { display: block; padding: 0; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__copy { margin-bottom: 1.25rem; text-align: center; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-tabs { margin-bottom: 1.5rem; gap: 1.5rem; border-bottom-color: var(--ui-line); }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-tab strong { font-size: .9375rem; line-height: 1.5; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-panel { gap: clamp(1.25rem, 3vw, 2.5rem); border: 0; border-radius: 0; background: transparent; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-media { border-radius: 14px; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-copy { padding-block: .5rem; background: transparent; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-copy h3 { color: var(--ui-accent); font-size: clamp(1.375rem, 2.2vw, 1.75rem); line-height: 1.25; letter-spacing: -.025em; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-copy > p { color: var(--ui-muted); font-size: 1rem; line-height: 1.7; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) :is(.mod-showcase__feature-note small, .mod-showcase__note, .mod-showcase__catalog-group p, .mod-showcase__catalog-group li) { color: var(--ui-muted); font-size: .875rem; line-height: 1.65; }
#ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__catalog { margin-top: 1.5rem; border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); }

/* The native Aura disclosure remains retractable and airy when expanded. */
#ozark-storefront.product-page .aura-included--collapsible { padding: 0; border-color: var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-glass); box-shadow: var(--product-depth); }
#ozark-storefront.product-page .aura-included__disclosure > .aura-included__summary { padding: 1.5rem; }
#ozark-storefront.product-page .aura-included__header { grid-template-columns: 3rem minmax(0, 1fr) auto; gap: 1rem; }
#ozark-storefront.product-page .aura-included__icon { border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); }
#ozark-storefront.product-page .aura-included__title { color: var(--ui-ink); font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.3; }
#ozark-storefront.product-page .aura-included__description { color: var(--ui-muted); font-size: .9375rem; line-height: 1.6; }
#ozark-storefront.product-page .aura-included__content { margin-inline: 1.5rem; padding-block: 1.25rem .5rem; border-top-color: var(--ui-line); }
#ozark-storefront.product-page .aura-included__content > ul { gap: 1rem; }
#ozark-storefront.product-page .aura-included__content > ul > li { gap: .75rem; padding: 1.125rem; border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .aura-included__content > ul > li strong { color: var(--ui-ink); font-size: 1rem; line-height: 1.4; }
#ozark-storefront.product-page .aura-included__content > ul > li p { color: var(--ui-muted); font-size: .875rem; line-height: 1.65; }
#ozark-storefront.product-page .aura-included__answers :is(summary, p) { font-size: .9375rem; line-height: 1.65; }

/* Setup previews have one quiet frame, clear headings, and comfortable controls. */
#ozark-storefront.product-page .pnp-hero { padding: clamp(1.25rem, 3vw, 2rem) !important; border-color: var(--ui-line) !important; border-radius: var(--ui-radius) !important; background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }
#ozark-storefront.product-page .pnp-title { margin: 0; color: var(--ui-ink); font-size: clamp(1.75rem, 3vw, 2.25rem) !important; font-weight: 750; line-height: 1.2; letter-spacing: -.035em; }
#ozark-storefront.product-page .pnp-title span { color: var(--ui-accent) !important; -webkit-text-fill-color: var(--ui-accent) !important; }
#ozark-storefront.product-page .pnp-sub { max-width: 48rem; margin-top: .75rem; color: var(--ui-muted) !important; font-size: 1rem !important; line-height: 1.7; }
#ozark-storefront.product-page .install-showcase__head { gap: 1.5rem; margin-bottom: 1.5rem; }
#ozark-storefront.product-page .install-showcase__live { padding: .75rem 1rem; border-color: var(--ui-line); border-radius: 12px; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .install-showcase__live :is(span, small) { font-size: .8125rem; line-height: 1.5; }
#ozark-storefront.product-page .install-app { border-color: var(--ui-line); border-radius: 16px; box-shadow: var(--ui-shadow); }
#ozark-storefront.product-page .install-app__chrome { min-height: 4rem; gap: 1rem; padding: .75rem 1rem; background: var(--ui-glass); border-bottom-color: var(--ui-line); }
#ozark-storefront.product-page .install-app__phases button { min-height: 2.5rem; }
#ozark-storefront.product-page .install-app__phases button span { font-size: .75rem; }
#ozark-storefront.product-page .install-app__toggle { min-height: 2.5rem; }
#ozark-storefront.product-page .install-app__toggle span { font-size: .75rem; }
#ozark-storefront.product-page .install-app__body,
#ozark-storefront.product-page .install-app__viewport { min-height: 26rem; }
#ozark-storefront.product-page .install-app__screen { padding: 1.5rem; }
#ozark-storefront.product-page .install-screen__head { gap: 1rem; margin-bottom: 1rem; }
#ozark-storefront.product-page .install-screen__head h3 { font-size: 1.125rem; line-height: 1.3; }
#ozark-storefront.product-page .install-programmer { gap: .875rem; }
#ozark-storefront.product-page :is(.install-control, .install-programmer__summary, .install-connect__browser, .install-flash__slots > span, .install-flash__receipt) { border-color: var(--ui-line); border-radius: 12px; }
#ozark-storefront.product-page .install-programmer__summary > span { padding: .75rem; }
#ozark-storefront.product-page .install-programmer__summary small { font-size: .6875rem; }
#ozark-storefront.product-page .install-programmer__summary strong { font-size: .8125rem; line-height: 1.45; }
#ozark-storefront.product-page .install-control { padding: .875rem; }
#ozark-storefront.product-page .install-control > span strong { overflow: visible; white-space: normal; text-overflow: clip; font-size: .8125rem; line-height: 1.4; }
#ozark-storefront.product-page .install-control > span > b { font-size: .8125rem; line-height: 1.4; }
#ozark-storefront.product-page .install-programmer__handoff { min-height: 3rem; padding: .75rem; border-radius: 12px; }
#ozark-storefront.product-page .install-programmer__handoff > :is(span, strong) { font-size: .75rem; line-height: 1.5; }
#ozark-storefront.product-page .install-showcase__foot { gap: 1rem; margin-top: 1.25rem; }
#ozark-storefront.product-page .install-showcase__benefits { gap: .75rem; }
#ozark-storefront.product-page .install-showcase__benefits li { min-height: 3rem; padding: .75rem; border-color: var(--ui-line); border-radius: 12px; color: var(--ui-muted); font-size: .8125rem; line-height: 1.5; }
#ozark-storefront.product-page .install-showcase__cta { min-height: 3.5rem; border-color: var(--ui-line); border-radius: 14px; box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .install-showcase__cta small { font-size: .75rem; line-height: 1.4; }
#ozark-storefront.product-page .install-showcase__cta strong { font-size: .9375rem; line-height: 1.4; }
#ozark-storefront.product-page .pnp-steps { gap: 1rem; margin-block: 1.5rem; }
#ozark-storefront.product-page .pnp-step { padding: 1.25rem; border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); }
#ozark-storefront.product-page .pnp-step p { color: var(--ui-muted); font-size: .9375rem; line-height: 1.7; }

/* Reviews and existing FAQ answers share the same reading scale. */
#ozark-storefront.product-page .product-reviews { background: transparent !important; }
#ozark-storefront.product-page .product-reviews-head { gap: 1.5rem; margin-bottom: 1.5rem; }
#ozark-storefront.product-page :is(.product-reviews-copy h2, .zen-preflight__intro h2, .section-head h2, .gpc-final-copy h2) { color: var(--ui-ink); font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 750; line-height: 1.2; letter-spacing: -.03em; }
#ozark-storefront.product-page :is(.product-reviews-copy p, .zen-preflight__lede, .section-head p) { color: var(--ui-muted); font-size: 1rem; line-height: 1.7; }
#ozark-storefront.product-page :is(.product-review-disclosure, .product-review-source) { color: var(--ui-muted); font-size: .875rem; line-height: 1.65; }
#ozark-storefront.product-page .product-review-grid { align-items: start; gap: 1.25rem; }
#ozark-storefront.product-page .product-review-report { padding: 1.25rem; border-color: var(--ui-line) !important; border-radius: var(--ui-radius) !important; background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }
#ozark-storefront.product-page .product-review-report--has-media { padding: 0; }
#ozark-storefront.product-page .product-review-report > header { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; }
#ozark-storefront.product-page .product-review-report > header > time { grid-column: 2; margin-top: -4px; }
#ozark-storefront.product-page .product-review-report > header > small { display: none; }
#ozark-storefront.product-page .product-review-report--has-media > header { margin: 20px 24px 0; }
#ozark-storefront.product-page .product-review-avatar { border-radius: 12px; font-size: 13px; font-weight: 600; }
#ozark-storefront.product-page .product-review-report blockquote { margin-top: 18px; color: var(--ui-ink); font-size: 1.0625rem; font-weight: 400; line-height: 1.7; }
#ozark-storefront.product-page .product-review-report--has-media > blockquote { margin-inline: 24px; margin-bottom: 0; }
#ozark-storefront.product-page .product-review-identity strong { color: var(--ui-ink); font-size: 1.0625rem; font-weight: 600; line-height: 1.35; }
#ozark-storefront.product-page :is(.product-review-identity span, .product-review-report time) { color: var(--ui-muted); font-size: .8125rem; font-weight: 400; line-height: 1.5; }
#ozark-storefront.product-page .product-review-report footer { align-items: center; padding-top: 16px; font-size: .875rem; font-weight: 500; line-height: 1.5; }
#ozark-storefront.product-page .product-review-report--has-media > footer { margin: 24px 24px 22px; }
#ozark-storefront.product-page .product-review-report footer .review-product-link { font-size: .875rem; font-weight: 600; }
#ozark-storefront.product-page :is(.product-review-source,.product-review-disclosure) { font-size: .875rem; font-weight: 400; line-height: 1.6; }
#ozark-storefront.product-page .product-review-scoreboard :is(span,small) { font-size: .8125rem; font-weight: 500; line-height: 1.45; }
#ozark-storefront.product-page .product-review-decision > div:first-child > small { font-size: .875rem; font-weight: 400; line-height: 1.6; }
#ozark-storefront.product-page :is(.product-review-scoreboard, .product-review-decision) { padding: 1.25rem; border-color: var(--ui-line) !important; border-radius: var(--ui-radius) !important; background: var(--ui-glass) !important; box-shadow: var(--ui-shadow) !important; }
#ozark-storefront.product-page .product-review-decision { margin-top: 1.5rem; gap: 1rem; }
#ozark-storefront.product-page .zen-preflight { padding: 0; background: transparent; }
#ozark-storefront.product-page .zen-preflight__inner { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 2rem; padding: 0; }
#ozark-storefront.product-page .zen-preflight__item { border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); box-shadow: var(--ui-shadow); }
#ozark-storefront.product-page .zen-preflight__item > summary { min-height: 4rem; padding: 1rem 1.125rem; gap: 1rem; }
#ozark-storefront.product-page .zen-preflight__question strong { color: var(--ui-ink); font-size: 1rem; line-height: 1.5; }
#ozark-storefront.product-page .zen-preflight__question small { color: var(--ui-muted); font-size: .6875rem; line-height: 1.5; letter-spacing: .06em; }
#ozark-storefront.product-page .zen-preflight__answer { padding: 0 1.125rem 1.25rem; color: var(--ui-muted); font-size: .9375rem; line-height: 1.7; }
#ozark-storefront.product-page .zen-preflight__answer p { font-size: .9375rem; line-height: 1.7; }
#ozark-storefront.product-page .zen-preflight__support { padding: 1.25rem; border-color: var(--ui-line); border-radius: 14px; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .zen-preflight__support p { color: var(--ui-muted); font-size: .875rem; line-height: 1.65; }
#ozark-storefront.product-page .collection-controls dl > div { gap: 1rem; padding-block: .75rem; border-color: var(--ui-line); font-size: .9375rem; line-height: 1.6; }
#ozark-storefront.product-page .gd-wrap { width: min(50rem, calc(100% - 3rem)); margin-block: var(--ui-product-space); padding: 1.5rem; border-color: var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-glass); }
#ozark-storefront.product-page .gd-sub { color: var(--ui-muted); font-size: 1rem; line-height: 1.7; }

/* Library access uses the same surfaces, spacing, and purchase hierarchy. */
#ozark-storefront.product-page .hero.gpc-hero-v2 { padding-block: 2rem; }
#ozark-storefront.product-page .gpc-hero-intro { max-width: 48rem; margin-bottom: 2rem; }
#ozark-storefront.product-page .gpc-hero-intro > .hero-sub { margin-block: 1rem; }
#ozark-storefront.product-page .gpc-access-console { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: start; gap: 2rem; }
#ozark-storefront.product-page :is(.gpc-showcase, .gpc-purchase-panel) { border: 0 !important; background: transparent !important; box-shadow: none !important; }
#ozark-storefront.product-page .gpc-showcase-stage { padding: 1rem; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-glass); box-shadow: var(--product-depth); }
#ozark-storefront.product-page .gpc-showcase-stage > img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; object-fit: contain; object-position: center; filter: none; }
#ozark-storefront.product-page .gpc-purchase-panel .purchase-command { padding: 1.75rem; border: 1px solid var(--ui-line); border-radius: var(--ui-radius) !important; background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }
#ozark-storefront.product-page .gpc-access-summary { gap: 1rem; margin-bottom: 1.25rem; }
#ozark-storefront.product-page .gpc-access-summary strong { color: var(--ui-ink); font-size: 1.125rem; line-height: 1.4; }
#ozark-storefront.product-page .gpc-access-summary small { color: var(--ui-muted); font-size: .8125rem; line-height: 1.5; }
#ozark-storefront.product-page .gpc-manifest { margin-top: 1.25rem; padding: 1.25rem; border: 1px solid var(--ui-line); border-radius: var(--ui-radius) !important; background: var(--ui-glass); box-shadow: var(--ui-product-rim); }
#ozark-storefront.product-page .gpc-manifest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
#ozark-storefront.product-page .gpc-manifest-grid > span { min-width: 0; padding: .875rem; border-color: var(--ui-line); border-radius: 12px; background: var(--ui-glass); }
#ozark-storefront.product-page .gpc-manifest-grid b { color: var(--ui-ink); font-size: .9375rem; line-height: 1.5; }
#ozark-storefront.product-page .gpc-manifest-grid em { color: var(--ui-muted); font-size: .8125rem; line-height: 1.6; }
#ozark-storefront.product-page .gpc-library-grid { gap: 1.25rem; }
#ozark-storefront.product-page .gpc-library-grid .ucard { padding: 1.5rem; border-color: var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-glass); box-shadow: var(--product-depth); }
#ozark-storefront.product-page .gpc-library-grid h4 { color: var(--ui-ink); font-size: 1.125rem; line-height: 1.4; }
#ozark-storefront.product-page .gpc-library-grid p { color: var(--ui-muted); font-size: .9375rem; line-height: 1.7; }
#ozark-storefront.product-page .gpc-compare .compare-col { padding: 1.5rem; border-color: var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-glass); box-shadow: var(--product-depth); }
#ozark-storefront.product-page .gpc-compare :is(.compare-line, .compare-sub) { color: var(--ui-muted); font-size: .9375rem; line-height: 1.6; }
#ozark-storefront.product-page .gpc-benefits { gap: 1rem; border: 0; background: transparent; box-shadow: none; }
#ozark-storefront.product-page .gpc-benefits .step { padding: 1.25rem; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-glass); box-shadow: var(--product-depth); }
#ozark-storefront.product-page .gpc-benefits .step p { color: var(--ui-muted); font-size: .9375rem; line-height: 1.7; }
#ozark-storefront.product-page .gpc-final-cta { padding: 1.75rem; gap: 2rem; border-color: var(--ui-line) !important; border-radius: var(--ui-radius) !important; background: var(--ui-glass) !important; box-shadow: var(--product-depth) !important; }

/* One product accent for outlines, quieter internal separators, and states. */
#ozark-storefront.product-page .hero-info .hero-rating { border-color: var(--ui-product-divider) !important; background: var(--ui-glass) !important; box-shadow: var(--ui-product-rim) !important; }
#ozark-storefront.product-page .hero-rating .divider { background: var(--ui-product-divider); }
#ozark-storefront.product-page .hero-rating .product-platform-icons { border-left-color: var(--ui-product-divider); }
#ozark-storefront.product-page .hero :is(.era-purchase-resources, .aura-purchase-resources) { border-top-color: var(--ui-product-divider) !important; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .product-resource-links > a { color: var(--vivid-ink) !important; border-color: var(--ui-line) !important; box-shadow: var(--ui-product-rim) !important; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .product-resource-links .product-update-icon { color: var(--vivid-ink); }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .product-resource-links > a:hover { border-color: rgba(var(--vivid-rgb), .45) !important; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .purchase-support-link { color: var(--vivid-ink) !important; }
#ozark-storefront.product-page :is(.hero-info, .gpc-purchase-panel) .purchase-support-link::before { background: linear-gradient(112deg, #ffffffb8, transparent 34%, transparent 70%, rgba(var(--vivid-rgb), .13)); }
#ozark-storefront.product-page :is(.hero-cta, .gpc-purchase-panel) > .purchase-support-link { border-color: var(--ui-line) !important; background: var(--ui-glass) !important; box-shadow: var(--ui-product-rim) !important; }
#ozark-storefront.product-page .mod-showcase { --showcase-accent: var(--vivid-ink); --showcase-accent-rgb: var(--vivid-rgb); --showcase-tint: rgba(var(--vivid-rgb), .06); }
#ozark-storefront.product-page .collection-feature > summary > span:last-child { color: var(--vivid-ink); }
#ozark-storefront.product-page .aura-included__answers,
#ozark-storefront.product-page .aura-included__answers details { border-color: var(--ui-product-divider); }

/* The preview keeps its existing controls while inheriting its product color. */
#ozark-storefront.product-page .install-showcase {
  --ic: var(--vivid-accent); --ic-deep: var(--vivid-ink); --ic-bright: var(--vivid-accent); --ic-soft: rgba(var(--vivid-rgb), .08);
  --product-accent: var(--vivid-accent); --product-deep: var(--vivid-ink); --product-bright: var(--vivid-accent); --product-soft: rgba(var(--vivid-rgb), .06); --product-rgb: var(--vivid-rgb);
  --line: var(--ui-line);
}
#ozark-storefront.product-page .install-showcase :is(.install-app, .install-app__toggle, .install-app__phases button b, .install-app__demo-pill, .install-app__rail nav span i, .install-app__rail-meta, .install-screen__state, .install-connect__browser, .install-connect__zen, .install-connect__checks > span, .install-flash__progress, .install-showcase__benefits li, .install-showcase__cta) { border-color: var(--ui-line) !important; }
#ozark-storefront.product-page .install-showcase :is(.install-app__chrome, .install-app__rail, .install-programmer__summary > span, .install-connect__browser > span) { border-color: var(--ui-product-divider); }
#ozark-storefront.product-page .install-showcase :is(.install-app__phases > i, .install-control > i, .install-connect__link::before, .install-flash__progress > span) { background: var(--ui-product-divider); }
#ozark-storefront.product-page .install-showcase .install-app__phases button.is-active,
#ozark-storefront.product-page .install-showcase .install-app__rail nav span.is-active { color: var(--vivid-ink); border-color: var(--ui-line); }
#ozark-storefront.product-page .install-showcase .install-app__phases button.is-active b { border-color: var(--vivid-accent) !important; box-shadow: 0 5px 12px rgba(var(--vivid-rgb), .18); }
#ozark-storefront.product-page .install-showcase .install-app__rail nav span.is-active i { border-color: var(--vivid-accent) !important; }
#ozark-storefront.product-page .install-showcase .install-programmer__handoff { background: linear-gradient(135deg, var(--vivid-button), var(--vivid-button-deep)); box-shadow: inset 0 1px 0 #ffffff70, 0 8px 19px rgba(var(--vivid-rgb), .18); }
#ozark-storefront.product-page .install-showcase .install-connect__link::after { box-shadow: 0 0 10px rgba(var(--vivid-rgb), .38); }
#ozark-storefront.product-page .install-showcase .install-showcase__cta { color: var(--vivid-ink) !important; background: var(--ui-glass); box-shadow: var(--ui-product-rim) !important; }
#ozark-storefront.product-page .install-showcase .pnp-badge { color: var(--vivid-ink) !important; border-color: var(--ui-line) !important; background: var(--ui-glass) !important; }
#ozark-storefront.product-page .install-showcase :is(.install-app__phases button, .install-app__toggle, .install-showcase__cta):focus-visible { outline-color: var(--vivid-ink) !important; }

/* Expanded FAQ copy follows the question's text edge, with matching accents. */
#ozark-storefront.product-page .zen-preflight { --zen-preflight-accent: var(--vivid-ink); --zen-preflight-accent-rgb: var(--vivid-rgb); --ui-faq-icon-width: 42px; }
#ozark-storefront.product-page .zen-preflight__item[open] > summary { border-bottom-color: var(--ui-product-divider); }
#ozark-storefront.product-page :is(.zen-preflight__icon, .zen-preflight__chevron) { border-color: var(--ui-line); }
#ozark-storefront.product-page .zen-preflight__item[open] .zen-preflight__icon { border-color: var(--vivid-ink); }
#ozark-storefront.product-page .zen-preflight__item[open] .zen-preflight__chevron { border-color: rgba(var(--vivid-rgb), .4); }
#ozark-storefront.product-page .zen-preflight__answer { padding-left: calc(1.125rem + var(--ui-faq-icon-width) + 1rem); }

@media (max-width: 1000px) {
  #ozark-storefront.product-page .shop-product-heading-main { gap: 1.5rem; }
  #ozark-storefront.product-page .hero:has(.shop-product-heading),
  #ozark-storefront.product-page .gpc-access-console { gap: 1.5rem; }
  #ozark-storefront.product-page .install-app__chrome { gap: .625rem; padding-inline: .75rem; }
  #ozark-storefront.product-page .install-showcase__foot { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront.product-page .gpc-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ozark-storefront.product-page .gpc-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
  #ozark-storefront.product-page .hero:has(.shop-product-heading),
  #ozark-storefront.product-page .gpc-access-console { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  #ozark-storefront.product-page .shop-product-heading-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  #ozark-storefront.product-page .hero .shop-product-intro .hero-sub { max-width: 44rem; }
  #ozark-storefront.product-page .hero:has(.shop-product-heading) > .hero-info { padding: 1.5rem; }
  #ozark-storefront.product-page :is(.product-reviews-head, .zen-preflight__inner, .shop-product-community) { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  #ozark-storefront.product-page .collection-feature-summary { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  #ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-panel { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  #ozark-storefront.product-page .product-included ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ozark-storefront.product-page .shop-product-details .era-decision__result { padding-left: 0; border-left: 0; }
}
@media (max-width: 620px) {
  #ozark-storefront.product-page .zen-preflight { --ui-faq-icon-width: 38px; }
}
@media (max-width: 600px) {
  #ozark-storefront.product-page :is(.hero, .mod-showcase, .pnp, .product-reviews, .zen-preflight, .product-included, .gpc-library-section, .gpc-compare-section, .gpc-benefits-section, .gpc-final-cta) { width: var(--ui-page-width); }
  #ozark-storefront.product-page :is(.shop-product-heading, .gpc-hero-intro) h1.hero-title { font-size: clamp(2.125rem, 9vw, 2.75rem); }
  #ozark-storefront.product-page .hero:has(.shop-product-heading),
  #ozark-storefront.product-page .hero.gpc-hero-v2 { padding-block: 1.25rem; }
  #ozark-storefront.product-page .shop-product-nav { align-items: flex-start; flex-direction: column; gap: .625rem; margin-top: 1.25rem; }
  #ozark-storefront.product-page .shop-product-stage { padding: .625rem; }
  #ozark-storefront.product-page .hero:has(.shop-product-heading) > .hero-info,
  #ozark-storefront.product-page .gpc-purchase-panel .purchase-command { padding: 1.25rem; }
  #ozark-storefront.product-page .collection-showcase > .mod-showcase__shell { padding: 1.25rem; }
  #ozark-storefront.product-page .collection-feature-list { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
  #ozark-storefront.product-page :is(#eraNewMods, #auraMods) .mod-showcase__feature-tabs { justify-content: flex-start; gap: 1rem; }
  #ozark-storefront.product-page .aura-included__disclosure > .aura-included__summary { padding: 1.25rem; }
  #ozark-storefront.product-page .aura-included__header { grid-template-columns: 2.5rem minmax(0, 1fr); gap: .75rem; }
  #ozark-storefront.product-page .aura-included__icon { width: 2.5rem; height: 2.5rem; }
  #ozark-storefront.product-page .aura-included__toggle { grid-column: 2; justify-self: start; }
  #ozark-storefront.product-page .aura-included__content { margin-inline: 1.25rem; }
  #ozark-storefront.product-page .product-included ul { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront.product-page .install-showcase__head { flex-wrap: wrap; }
  #ozark-storefront.product-page .install-app__chrome { gap: .5rem; padding: .625rem; }
  #ozark-storefront.product-page .install-app__body,
  #ozark-storefront.product-page .install-app__viewport { min-height: 29rem; }
  #ozark-storefront.product-page .install-app__screen { padding: 1rem; }
  #ozark-storefront.product-page .install-programmer__summary > span { padding: .5rem; }
  #ozark-storefront.product-page .install-programmer__summary strong { font-size: .75rem; }
  #ozark-storefront.product-page .install-control { padding: .625rem .75rem; }
  #ozark-storefront.product-page .install-showcase__benefits { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront.product-page .product-review-grid { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront.product-page .product-review-decision { padding: 1.25rem; }
  #ozark-storefront.product-page .zen-preflight__item > summary { padding-inline: 1rem; gap: .75rem; }
  #ozark-storefront.product-page .zen-preflight__answer { padding-inline: 1rem; }
  #ozark-storefront.product-page .zen-preflight__answer { padding-left: calc(1rem + var(--ui-faq-icon-width) + .75rem); }
  #ozark-storefront.product-page .collection-controls dl > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; }
  #ozark-storefront.product-page .gd-wrap { width: calc(100% - 2rem); padding: 1.25rem; }
  #ozark-storefront.product-page .gpc-library-grid,
  #ozark-storefront.product-page .gpc-benefits { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront.product-page .gpc-final-cta { padding: 1.25rem; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
}
@media (max-width: 390px) {
  #ozark-storefront.product-page .install-app__body,
  #ozark-storefront.product-page .install-app__viewport { min-height: 31rem; }
  #ozark-storefront.product-page .gpc-manifest-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-transparency: reduce) {
  #ozark-storefront.product-page :is(.hero-info, .pnp-hero, .collection-showcase, .product-review-report, .aura-included--collapsible, .gpc-purchase-panel .purchase-command) { background: #fff !important; }
}
