/* Public storefront only; administrative screens retain their own system. */
body.aal-storefront{--muted:#b3b3b3;--border:#292929;--surface:#0a0a0a;--surface2:#141414;--font:'Figtree',sans-serif;background:var(--bg);color:var(--fg);font-family:var(--font)}
.aal-storefront :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.aal-storefront :is(button,input,textarea,select){font-family:inherit}
.aal-storefront :is(.hero-prod,.tier-card,.ta-card,.price-box,.help-box,.preview-player,.review-block,.review-total,.field-input,.waitlist-card,.svc-card,.pc,.btn-p,.btn-buy,.btn-next,.nav-cta){border-radius:8px;box-shadow:none!important}
.aal-storefront :is(.hero-prod,.tier-card,.ta-card,.price-box,.help-box,.preview-player,.review-block,.review-total,.waitlist-card,.svc-card){background:var(--surface)}
.aal-storefront :is(.hero-prod,.tier-card,.ta-card,.btn-p,.btn-buy,.btn-next,.nav-cta):hover{box-shadow:none!important;transform:none}
.aal-storefront :is(.hero-content,.hero-btns,.hero-stats,.hero-arts,.nav,.nav-logo-img,.nav-logo-text){animation:none!important}
.aal-storefront .nav-logo-text{position:static;transform:none;opacity:1}
.aal-storefront .hero-pulse,.aal-storefront .hero-dot{display:none}
.aal-storefront .hero-eyebrow{background:none;border:0;border-radius:0;color:var(--fg-muted);padding:0}
.aal-storefront .hero-title .g{background-image:var(--grad)}
.aal-storefront :is(.hp-badge,.hero-art-badge,.tier-badge,.ta-badge){border-radius:2px;box-shadow:none;filter:none}
.aal-storefront :is(.hero-arts img,.hp-cover img){filter:none}
.aal-storefront .rv{opacity:1;transform:none;transition:none}
.aal-storefront :is(.hp-desc,.hp-pnote,.hp-licence,.pp-label,.pp-time,.hp-faq-a p,.field-label,.tier-desc,.step-sub,.ta-time,.price-note,.prog-label,.hs-l,.help-item,.hp-faq-title,.service-section-title){color:var(--muted)}
.aal-storefront :is(.hp-price-row,.hp-btns){gap:12px}
.aal-storefront .catalog-preview{margin:16px 0}
.catalog-preview label{display:block;color:var(--fg);font-size:14px;margin-bottom:10px}
.catalog-preview audio{display:none}
/* Catalogue waveform preview — same bar player the pack pages use. */
.catalog-preview .pp-controls{display:flex;align-items:center;gap:12px}
.catalog-preview .pp-play{width:44px;height:44px;border-radius:50%;background:var(--purple);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:background .2s}
.catalog-preview .pp-play:hover{background:#d05cff}
.catalog-preview .pp-track{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.catalog-preview .pp-bar-wrap{position:relative;height:56px;cursor:pointer;border-radius:4px;overflow:hidden}
.catalog-preview .pp-waveform{display:block;width:100%;height:100%;cursor:pointer}
.catalog-preview .pp-bottom-row{display:flex;align-items:center;justify-content:space-between}
.catalog-preview .pp-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:600px){.catalog-preview .pp-bar-wrap{height:44px}}
.audio-status{color:var(--fg-muted);font-size:13px;margin-top:8px}
.audio-status:empty{display:none}
.aal-storefront .hp-info{min-width:0}
.aal-storefront :is(.pp-play,.pp-vol-btn,.nav-hamburger){min-width:44px;min-height:44px;box-shadow:none!important}
/* The 44px touch target must be the HIT AREA, not the visible track. A bare
   min-height on the input stretched its own background into a 72x44 grey slab
   with the thumb floating in it (operator screenshot 2026-09-08) — the target
   was right and the paint was wrong. Keep the height, stop the input painting,
   and draw a 3px track on the pseudo-elements instead. */
.aal-storefront .pp-vol-slider{min-height:44px;height:44px;background:transparent;border-radius:0}
.aal-storefront .pp-vol-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:rgba(255,255,255,.14)}
.aal-storefront .pp-vol-slider::-moz-range-track{height:3px;border-radius:2px;background:rgba(255,255,255,.14)}
/* -4.5px centres a 12px thumb on a 3px track. */
.aal-storefront .pp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--cta,var(--purple,#c231ff));box-shadow:none}
.aal-storefront .pp-vol-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--cta,var(--purple,#c231ff));box-shadow:none}
.aal-storefront .pp-vol-slider:focus-visible{outline:2px solid var(--cta,var(--purple,#c231ff));outline-offset:2px}
.aal-storefront .hero{min-height:640px;padding-top:140px;padding-bottom:64px}
.aal-storefront .hero-arts{top:64px}
.aal-storefront .hero-art-left,.aal-storefront .hero-art-right{max-width:130px}
.aal-storefront .page-header{padding-top:64px;padding-bottom:32px}
.aal-storefront .progress-bar,.aal-storefront .bottom-bar{background:var(--bg);backdrop-filter:none}
.aal-storefront .service-choices{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}
.service-choices button{padding:12px 16px;min-height:44px;background:var(--surface);color:var(--fg);border:1px solid var(--line-strong);border-radius:4px;font-size:14px}
.service-choices button[aria-pressed=true]{border-color:var(--cyan);background:var(--surface2)}
.aal-storefront [hidden]{display:none!important}
.aal-storefront .tier-entitlement{color:var(--fg);font-size:13px;margin-top:12px;line-height:1.6}
.aal-storefront .service-assurance{color:var(--muted);font-size:13px;margin:12px 0 20px;line-height:1.6}
.aal-storefront .wizard-body{padding-top:24px}
.aal-storefront .step-sub{margin-bottom:20px}
.aal-storefront .brief-heading{font-size:20px;letter-spacing:-.02em;margin:28px 0 16px}
.aal-storefront .prog-dot{font:inherit;color:inherit;background:var(--surface);min-width:36px;min-height:36px;box-shadow:none!important}
.aal-storefront .prog-step.active .prog-dot{background:var(--purple);color:white}
.aal-storefront .service-section-title{font-size:12px}
.aal-storefront .prep-tips{background:var(--surface)!important;border-color:var(--line-strong)!important}
@media(max-width:600px){
 .aal-storefront .hero{min-height:0;padding:32px 20px}
 .aal-storefront .hero-arts{margin:0 auto 24px;gap:0}
 .aal-storefront .hero-art-left,.aal-storefront .hero-art-right{width:100px;max-width:100px}
 .aal-storefront .hero-title{font-size:clamp(32px,10vw,42px)}
 .aal-storefront .hero-sub{font-size:15px}
 .aal-storefront .nav-logo-text{font-size:16px;letter-spacing:-.03em}
 .aal-storefront .hero-prod{display:flex;flex-direction:column}
 .aal-storefront .hp-cover{min-height:0;padding:16px;height:132px;justify-content:flex-start}
 .aal-storefront .hp-cover img{width:92px;height:108px;object-fit:contain}
 .aal-storefront .hp-badge{left:auto;right:16px;top:20px}
 .aal-storefront .hp-info{padding:16px 20px 24px}
 .aal-storefront .hp-title{font-size:30px}
 .aal-storefront .hp-desc{font-size:14px;line-height:1.65;margin-bottom:14px}
 .aal-storefront .preview-player{margin-bottom:16px}
 .aal-storefront .hp-specs{order:5;margin-top:16px}
 .aal-storefront .hp-price-row{margin:8px 0 16px}
 .aal-storefront .hp-btns{margin-top:0}
 .aal-storefront .hp-licence{order:6}
 .aal-storefront #home-products .hero-prod{display:flex;flex-direction:column}
 .aal-storefront #home-products .hp-cover{height:108px;padding:12px 20px;justify-content:flex-start}
 .aal-storefront #home-products .hp-cover img{height:90px;width:80px}
 .aal-storefront #home-products .hp-info{padding:12px 20px 24px;gap:8px}
 .aal-storefront #home-products .preview-player{display:block!important;width:100%}
 .aal-storefront #home-products .hp-price-row{display:flex!important}
 .aal-storefront #home-products .hp-title{font-size:28px}
 .aal-storefront #home-products .hp-btns .btn-buy{font-size:14px;min-height:44px;padding:12px 18px;background:var(--purple);color:white}
 .aal-storefront .progress-bar{padding:12px 20px}
 .aal-storefront .service-choices{display:grid;grid-template-columns:1fr 1fr}
 .aal-storefront .tier-grid,.aal-storefront .vc-grid{grid-template-columns:1fr}
 .aal-storefront .wizard-body{padding-top:20px}
 .aal-storefront .wizard-main{padding-bottom:80px}
 .aal-storefront .step-title{font-size:28px}
 .aal-storefront .pp-controls{padding:12px}
}
@media(prefers-reduced-motion:reduce){.aal-storefront *, .aal-storefront *::before,.aal-storefront *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.aal-storefront .booking-header{padding-top:96px!important}
.aal-storefront .price-total-val{color:var(--fg)}
.aal-storefront .tier-check{box-shadow:none!important}
.aal-storefront .prog-dot:disabled{cursor:default;opacity:.55}
.aal-storefront #mobile-rounding{display:block;font-size:11px}
.aal-storefront .request-error{color:var(--fg);font-size:13px;margin-top:12px}
@media(max-width:600px){.aal-storefront .booking-header{padding-top:72px!important}.aal-storefront #mobile-rounding{max-width:180px}}
.aal-storefront .hero-art::before{display:none}
.aal-storefront :is(.ha-tag,.cart-toggle,.cart-checkout-btn){box-shadow:none!important}
.aal-storefront .cart-overlay{backdrop-filter:none}
@media(max-width:920px){.aal-storefront .hero-arts{top:auto;left:auto}}
@media(max-width:600px){
 .aal-storefront .hero{padding-top:80px}
 .aal-storefront .preview-player{padding:16px}
 .aal-storefront .pp-controls{padding:0}
 .aal-storefront .pp-bar-wrap{height:40px}
 .aal-storefront .cart-toggle{right:16px;bottom:16px}
}

.aal-storefront article.hero-prod{cursor:default}
.aal-storefront article.hero-prod:hover .hp-cover img{transform:none}

.aal-storefront [hidden]{display:none!important}