/* Customer experience first wave. All rules require the opt-in customer body. */
body.customer-experience-page {
    --cx-ink:#f2edf7; --cx-muted:#c9bfd4; --cx-gold:#e8d19b; --cx-line:rgba(216,188,120,.24);
    color:var(--cx-ink); font-size:16px; line-height:1.65;
    background-color:#0d0e16;
}
body.customer-experience-page :is(main,.site-header,.site-footer) {overflow-wrap:anywhere;}
body.customer-experience-page :is(main,.container,section,article,aside,form,fieldset) {min-width:0;}
body.customer-experience-page :is(p,li,dd,label) {line-height:1.65;}
body.customer-experience-page main :is(p,label,td,input,select,textarea) {font-size:max(1rem, 14px);}
body.customer-experience-page main :is(small,.eyebrow,[class$="__eyebrow"],[class$="-eyebrow"]) {font-size:12px;line-height:1.5;}
body.customer-experience-page main :is(p,small) {color:var(--cx-muted);}
body.customer-experience-page :is(h1,h2,h3) {text-wrap:balance;line-height:1.2;}
body.customer-experience-page main h1 {font-size:clamp(2rem,4vw,3.4rem);}
body.customer-experience-page .container {width:min(1180px,calc(100% - 48px));}
body.customer-experience-page main {padding-bottom:48px;}
/* Reading and task completion take priority over transient entrance blur. */
body.customer-experience-page > main,
body.customer-experience-page > .site-footer,
body.customer-experience-page .hm-vault-reveal {filter:none !important;}
body.customer-experience-page :is(.button,button:not(.commerce-link-button),summary.site-nav-toggle) {min-height:44px;line-height:1.35;white-space:normal;}
body.customer-experience-page :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {min-height:46px;font-size:16px;color:var(--cx-ink);border-color:rgba(195,174,220,.38);}
body.customer-experience-page textarea {line-height:1.6;min-height:130px;}
body.customer-experience-page :is(input,textarea,select) {max-width:100%;}
body.customer-experience-page :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #d5b5ff !important;outline-offset:4px;}
body.customer-experience-page :is(button,input,select,textarea):disabled {opacity:.68;cursor:not-allowed;}
body.customer-experience-page :is(.message,.commerce-alert,[role="alert"]) {line-height:1.65;border-radius:12px;}
body.customer-experience-page .customer-skip-link {position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(-160%);padding:12px 18px;background:#eee4f9;color:#211730;border-radius:8px;}
body.customer-experience-page .customer-skip-link:focus {transform:translateY(0);}
/* Keep the existing single navigation and native responsive details control. */
body.customer-experience-page .site-header {position:relative;z-index:20;}
body.customer-experience-page .site-header__inner {gap:20px;padding-block:18px;}
body.customer-experience-page :is(.site-nav__link,.site-nav__utility,.site-nav__account-link) {min-height:44px;font-size:14px;line-height:1.35;}
body.customer-experience-page .site-nav {gap:8px;flex-wrap:wrap;}
body.customer-experience-page .site-language-switch__link {min-height:36px;font-size:11px;}
body.customer-experience-page .site-nav__utility-label {display:inline;font-size:13px;}
body.customer-experience-page .site-brand__tagline {font-size:11px;line-height:1.4;}
body.customer-experience-page .site-footer {margin-top:32px;}
body.customer-experience-page .site-footer a {display:inline-flex;align-items:center;min-height:40px;}
body.customer-experience-page .site-footer__links a {display:flex;}
/* A compact gateway with the established artwork and typography. */
body.customer-experience-page.home-page .home-gateway {min-height:0;}
body.customer-experience-page.home-page .home-gateway__layout {padding-block:64px;min-height:0;}
body.customer-experience-page.home-page .home-gateway__title {font-size:clamp(3rem,7vw,6rem);}
body.customer-experience-page.home-page .home-gateway__lead {max-width:46ch;font-size:19px;line-height:1.7;color:#eee4f5;}
body.customer-experience-page.home-page .home-gateway__ornament {margin-block:18px;}
body.customer-experience-page :is(.store-section,.catalog-section) {padding-block:36px;}
body.customer-experience-page :is(.catalog-hero,.commerce-hero) {padding-block:32px;}
body.customer-experience-page .catalog-search-deck {gap:18px;}
body.customer-experience-page .catalog-search-form {gap:10px;}
body.customer-experience-page :is(.product-card,.wares-card) {height:100%;}
body.customer-experience-page :is(.product-card__body,.product-card-content) {padding:20px;}
body.customer-experience-page :is(.product-price,.product-details-price) {color:var(--cx-gold);font-size:26px;font-weight:750;font-variant-numeric:tabular-nums;}
body.customer-experience-page .product-details-price small {color:var(--cx-gold);font-size:14px;}
body.customer-experience-page :is(.product-card-description,.product-description) {line-height:1.6;}
body.customer-experience-page .ware-record-action-stack {gap:12px;}
body.customer-experience-page .ware-record-action-stack .ware-record-cart-form {margin:0;}
body.customer-experience-page .ware-record-balance-action {background:rgba(216,188,120,.035) !important;border-color:var(--cx-line) !important;box-shadow:none !important;color:var(--cx-ink) !important;}
body.customer-experience-page .ware-record-request-action[data-arcane-level="secondary"] {background:transparent !important;box-shadow:none !important;}
/* Existing summary stays adjacent on wide screens, in normal flow on mobile. */
body.customer-experience-page .customer-journey-progress {padding-top:24px;}
body.customer-experience-page .customer-journey-progress ol {display:flex;gap:12px;list-style:none;margin:0;padding:0;}
body.customer-experience-page .customer-journey-progress li {flex:1;padding:12px 16px;border-bottom:2px solid var(--cx-line);font-size:14px;color:var(--cx-muted);}
body.customer-experience-page .customer-journey-progress li[aria-current] {border-color:#c5a4f1;color:#f4eafc;font-weight:750;}
body.customer-experience-page .customer-journey-progress span {margin-right:8px;color:var(--cx-gold);}
body.customer-experience-page :is(.commerce-layout,.purchase-layout) {gap:24px;}
body.customer-experience-page :is(.commerce-summary,.commerce-cart-item,.commerce-checkout-line,.commerce-receipt-card) {border-color:var(--cx-line);}
body.customer-experience-page .commerce-summary dl {line-height:1.6;font-variant-numeric:tabular-nums;}
body.customer-experience-page .commerce-link-button {min-height:40px;padding:8px 0;text-decoration:underline;text-underline-offset:3px;}
body.customer-experience-page :is(.commerce-summary__warning,.commerce-alert--error) {color:#ffd5d8;}
body.customer-experience-page :is(.auth-panel,.enchanted-panel) {padding:clamp(24px,4vw,40px);}
body.customer-experience-page :is(.auth-shell,.support-shell,.petition-shell) {padding-block:36px;}
body.customer-experience-page :is(.auth-form,.enchanted-form) {gap:16px;}
body.customer-experience-page :is(.personal-crystal-vault-hero,.customer-dashboard-hero,.customer-notification-hero) {margin-top:24px;}
body.customer-experience-page :is(.personal-crystal-vault-wards,.customer-dashboard-hero) {gap:16px;}
body.customer-experience-page :is(.customer-empty-state,.commerce-empty) {padding:32px 24px;}
body.customer-experience-page :is(.customer-table-wrap,.table-wrapper,.table-wrap) {max-width:100%;overflow-x:auto;}
body.customer-experience-page :is(.ticket-message,.ticket-reply,.notification-card,.customer-notification-card) {line-height:1.7;}
body.customer-experience-page .customer-notification-card__actions a {display:inline-flex;min-height:44px;align-items:center;font-weight:750;color:var(--cx-ink);text-decoration:underline;text-underline-offset:4px;}
body.customer-experience-page :is(.customer-notification-hero__actions,.customer-notification-card__actions) button {background:transparent;border-color:var(--cx-line);box-shadow:none;font-weight:500;}
body.customer-experience-page :is(.customer-service-requirements-page,.customer-request-record-page) main {padding-top:24px;}
@media(min-width:981px) {
 body.customer-experience-page .site-header__inner {flex-wrap:wrap;}
 body.customer-experience-page .site-nav-shell {flex:1 1 650px;}
 body.customer-experience-page .site-nav__group {flex-wrap:wrap;gap:6px;}
}
@media(max-width:980px) {
 body.customer-experience-page .container {width:calc(100% - 32px);}
 body.customer-experience-page .site-header__inner {padding-block:12px;gap:12px;}
 body.customer-experience-page .site-nav-shell[open] .site-nav {max-height:none;overflow:visible;}
 body.customer-experience-page .site-nav-shell[open] :is(.site-nav__link,.site-nav__utility,.site-nav__account-link) {min-height:46px;}
 body.customer-experience-page.home-page .home-gateway__layout {padding-block:44px;}
 body.customer-experience-page :is(.commerce-layout,.purchase-layout) {grid-template-columns:1fr;}
 body.customer-experience-page .commerce-summary {position:static;}
}
@media(max-width:600px) {
 body.customer-experience-page main h1 {font-size:30px;}
 body.customer-experience-page .site-brand__name {font-size:21px;}
 body.customer-experience-page .site-brand__tagline {font-size:9px;}
 body.customer-experience-page.home-page .home-gateway__title {font-size:52px;}
 body.customer-experience-page.home-page .home-gateway__lead {font-size:17px;}
 body.customer-experience-page :is(.hero-actions,.home-gateway__actions,.ware-record-action-stack,.catalog-search-form) {display:flex;flex-direction:column;align-items:stretch;}
 body.customer-experience-page :is(.hero-actions,.home-gateway__actions,.ware-record-action-stack) .button {width:100%;}
 body.customer-experience-page :is(.store-section,.catalog-section) {padding-block:24px;}
 body.customer-experience-page .customer-journey-progress ol {gap:6px;}
 body.customer-experience-page .customer-journey-progress li {padding:10px 4px;font-size:12px;}
 body.customer-experience-page .customer-journey-progress span {display:block;margin:0 0 4px;}
 body.customer-experience-page :is(.commerce-cart-item,.commerce-receipt-lines article,.commerce-checkout-line) {grid-template-columns:1fr;gap:12px;}
 body.customer-experience-page .commerce-cart-item__media {max-width:120px;}
 body.customer-experience-page :is(.commerce-summary,.commerce-checkout-ledger,.purchase-form) {padding:20px;}
 body.customer-experience-page :is(.site-footer__inner,.site-footer__links) {gap:24px;}
 body.customer-experience-page :is(.site-footer__inner,.site-footer__links,.ware-record-band) {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {
 body.customer-experience-page *,body.customer-experience-page *::before,body.customer-experience-page *::after {animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}