/* EX presentation for the actual Phase 1/2/3 MU surfaces. URLs, targeting,
 * placement, rotation, gating, dimensions and event handlers remain theirs. */
:root { --ex-commerce-action: #b83b03; --ex-commerce-action-ink: #ffffff; --ex-commerce-amazon: #ffb27f; --ex-commerce-amazon-ink: #171a1d; }
html[data-ex-theme=dark] { --ex-commerce-action: #ffad7b; --ex-commerce-action-ink: #13191d; --ex-commerce-amazon: #ffad7b; --ex-commerce-amazon-ink: #13191d; }

html body.ex-site .ym-p1-server-strip {
 --ymp1-display: var(--ex-display) !important; --ymp1-text: var(--ex-sans) !important;
 --ymp1-panel: var(--ex-paper) !important; --ymp1-paper: var(--ex-panel) !important;
 --ymp1-ink: var(--ex-ink) !important; --ymp1-muted: var(--ex-muted) !important;
 --ymp1-rule: var(--ex-line) !important; --ymp1-rule-dark: var(--ex-line-dark) !important;
 --ymp1-label: var(--ex-link) !important; --ymp1-blue: var(--ex-commerce-action) !important; --ymp1-amber: var(--ex-commerce-action) !important;
 border-bottom: 1px solid var(--ex-line) !important; box-shadow: none !important;
}
html body.ex-site .ym-p1-server-kicker,html body.ex-site .ym-p1-server-cta { background: var(--ex-commerce-action) !important; color: var(--ex-commerce-action-ink) !important; border-color: var(--ex-commerce-action) !important; border-radius: 3px !important; box-shadow: none !important; }
html body.ex-site .ym-p1-server-kicker,html body.ex-site .ym-p1-server-event { font: 650 12px/1.25 var(--ex-sans) !important; letter-spacing: .025em !important; }
html body.ex-site .ym-p1-server-cta { font: 650 14px/1.25 var(--ex-sans) !important; letter-spacing: 0 !important; text-transform: none !important; }
html body.ex-site .ym-p1-server-main { font-family: var(--ex-display) !important; font-weight: 700 !important; }
html body.ex-site .ym-p1-server-note { font: 500 14px/1.35 var(--ex-sans) !important; color: var(--ex-muted) !important; }

html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) {
 --ymp2-display: var(--ex-display) !important; --ymp2-surface: var(--ex-paper) !important; --ymp2-panel: var(--ex-panel) !important;
 --ymp2-ink: var(--ex-ink) !important; --ymp2-muted: var(--ex-muted) !important; --ymp2-line: var(--ex-line) !important; --ymp2-line-dark: var(--ex-accent) !important; --ymp2-label: var(--ex-link) !important;
 font-family: var(--ex-sans) !important; color: var(--ex-ink) !important;
}
html body.ex-site .ym-aawp-phase2-box :is(.aawp-product--horizontal,.aawp-product--vertical),html body.ex-site .ym-aawp-phase2-top .aawp-table,html body.ex-site .ym-aawp-phase2-bottom { border: 1px solid var(--ex-line) !important; border-top: 3px solid var(--ex-accent) !important; border-radius: 3px !important; box-shadow: none !important; background: var(--ex-paper) !important; }
html body.ex-site .ym-aawp-phase2-bottom { background: var(--ex-panel) !important; }
html body.ex-site .ym-aawp-phase2-box h5,html body.ex-site .ym-aawp-phase2-bottom h4 { color: var(--ex-link) !important; font: 700 12px/1.4 var(--ex-sans) !important; letter-spacing: .07em !important; }
html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) .aawp-product__title { font: 700 16px/1.4 var(--ex-display) !important; color: var(--ex-ink) !important; overflow-wrap: anywhere !important; }
html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) :is(.aawp-product__description,.aawp-product__description p,.aawp-product__description li,.aawp-product__teaser) { font-family: var(--ex-sans) !important; font-size: 14px !important; line-height: 1.6 !important; color: var(--ex-ink) !important; }
html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) :is(.aawp-product__price-info,.ym-creators-price-timestamp) { font: 400 12px/1.5 var(--ex-sans) !important; color: var(--ex-muted) !important; }
html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) a.aawp-button { background: var(--ex-commerce-amazon) !important; color: var(--ex-commerce-amazon-ink) !important; border: 1px solid #b96128 !important; border-radius: 3px !important; box-shadow: none !important; font: 700 14px/1.35 var(--ex-sans) !important; letter-spacing: 0 !important; white-space: normal !important; min-height: 44px !important; min-width: 0 !important; padding: 10px 12px !important; }
html body.ex-site .ym-aawp-phase2-top .aawp-table th { font-size: 12px !important; letter-spacing: .035em !important; }
html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) img { background: #fff; }

/* Phase 3 uses per-render dyn-* class names and local --ymp3-* properties.
 * Override those local properties explicitly, including nested style variants. */
html body.ex-site .ym-p3-server-gate,html body.ex-site .ym-p3-server-gate [class*="dyn-"] {
 --ymp3-display: var(--ex-display) !important; --ymp3-text: var(--ex-sans) !important;
 --ymp3-panel: var(--ex-paper) !important; --ymp3-paper: var(--ex-panel) !important;
 --ymp3-ink: var(--ex-ink) !important; --ymp3-muted: var(--ex-muted) !important;
 --ymp3-rule: var(--ex-line) !important; --ymp3-rule-dark: var(--ex-line-dark) !important;
 --ymp3-label: var(--ex-link) !important; --ymp3-blue: var(--ex-commerce-action) !important;
 --ymp3-amber: var(--ex-commerce-action) !important; --ymp3-violet: var(--ex-commerce-action) !important; --ymp3-teal: var(--ex-commerce-action) !important;
 --ymp3-r: 3px !important; --ymp3-r-lg: 6px !important;
}
html body.ex-site .ym-p3-server-gate[class*="-universal-card"] { border: 1px solid var(--ex-line) !important; border-top: 3px solid var(--ex-accent) !important; box-shadow: none !important; }
html body.ex-site .ym-p3-server-gate :is([class*="-pill"],[class*="-promo-button"],[class*="-hero-btn"],[class*="-dark-btn"],[class*="-offer-button"],[class*="-check-mark"]) { background: var(--ex-commerce-action) !important; color: var(--ex-commerce-action-ink) !important; border-color: var(--ex-commerce-action) !important; box-shadow: none !important; font-family: var(--ex-sans) !important; font-size: 14px !important; line-height: 1.35 !important; }
html body.ex-site .ym-p3-server-gate :is([class*="-kicker"],[class*="-chip"],[class*="-strip-tag"],[class*="-flag"],[class*="-panel-note"]) { font-size: 12px !important; line-height: 1.4 !important; letter-spacing: .055em !important; }
html body.ex-site .ym-p3-server-gate [class*="-flag"] { background: var(--ex-commerce-action) !important; color: var(--ex-commerce-action-ink) !important; }
html body.ex-site .ym-p3-server-gate :is([class*="-note"],[class*="-desc"],[class*="-subtitle"]) { font-family: var(--ex-sans) !important; font-size: 14px !important; line-height: 1.55 !important; }
html body.ex-site .ym-p3-server-gate [class*="-modal-close"] { font-size: 14px !important; color: var(--ex-muted) !important; }
html body.ex-site .ym-p3-server-gate [class*="-panel-note"] { opacity: 1 !important; color: var(--ymp3-paper) !important; font-size: 12px !important; }
html body.ex-site .ym-p3-server-gate [class*="-offer-title"] { color: var(--ex-ink) !important; }
html body.ex-site .ym-p3-server-gate [class*="-compliance-note"] { color: var(--ex-muted) !important; font-size: 12px !important; }
html body.ex-site .ym-p3-server-gate [class*="-compliance-note"] a { color: var(--ex-link) !important; }
html body.ex-site .ym-p3-server-gate[class*="-inline-style10"] [class*="-dark-head"] { color: #ffffff !important; }
html body.ex-site .ym-p3-server-gate[class*="-inline-style10"] [class*="-dark-sub"] { color: #bcc6cd !important; font-size: 14px !important; }
@media (max-width: 950px) {
 html body.ex-site .ym-p1-server-main { font-size: 14px !important; max-width: calc(100vw - 180px) !important; }
 html body.ex-site .ym-p1-server-cta { font-size: 12px !important; min-height: 36px !important; padding: 8px 10px !important; }
}
@media (max-width: 640px) {
 html body.ex-site :is(.ym-aawp-phase2-top,.ym-aawp-phase2-box,.ym-aawp-phase2-bottom) .aawp-product__title { font-size: 14px !important; }
 html[data-ex-theme] body.ex-site .ym-aawp-phase2-top .aawp-table :is(td,th) { color: var(--ex-ink) !important; }
 html body.ex-site .ym-p3-server-gate :is([class*="-pill"],[class*="-promo-button"],[class*="-hero-btn"],[class*="-offer-button"]) { white-space: normal !important; }
}
