/* PureTweaks UI core (v7). Public storefront pages only.
   Loaded last and unlayered while older stylesheets remain. The !important flags
   exist only to win against that older CSS; remove them as those files retire. */
:root {
  --ui-ground:#0a0a0a; --ui-panel:#131313; --ui-raised:#1b1b1b;
  --ui-line:rgba(255,255,255,.13); --ui-line-strong:rgba(255,255,255,.28);
  --ui-text:#f4f4f1; --ui-soft:#b8b8b2; --ui-quiet:#94948e;
  --ui-gold:#c4ad86; --ui-accent:var(--ui-gold);
  --ui-action:#f4f4f1; --ui-on-action:#0a0a0a;
  --ui-font-body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --ui-font-display:'Space Grotesk',Inter,system-ui,sans-serif;
  --ui-fs-label:.8125rem; --ui-fs-small:.875rem; --ui-fs-body:1rem; --ui-fs-lead:clamp(1rem,.95rem + .25vw,1.125rem);
  --ui-fs-h3:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --ui-fs-h2:clamp(1.875rem,1.35rem + 2.2vw,3rem);
  --ui-fs-h1:clamp(2.125rem,8.9vw,4rem);
  --ui-r-control:8px; --ui-r-card:12px;
  --ui-edge:clamp(20px,4vw,48px); --ui-max:1360px; --ui-section:clamp(64px,8vw,112px);
  --ui-header-h:65px; --ui-focus:#f4f4f1;
  --ui-glass:rgba(18,18,20,.66); --ui-blur:blur(16px) saturate(135%);
}
.seasonal-mode { --ui-accent:var(--ev-accent); --ui-action:var(--ev-accent); --ui-ground:var(--ev-bg); --ui-focus:var(--ev-accent); --ui-line:rgba(var(--ev-rgb),.16); --ui-line-strong:rgba(var(--ev-rgb),.34); }

/* Base */
html:has(body:is([data-shared-storefront],[data-ui-workspace])) { background:#0a0a0a; scroll-padding-top:calc(var(--ui-header-h) + 16px); scrollbar-color:#3a3a3a transparent; overflow-x:clip; }
#uiBackground { position:fixed; inset:0; z-index:-1; width:100vw; height:100vh; height:100lvh; display:block; pointer-events:none; opacity:0; transition:opacity 1.1s ease; }
#uiBackground.is-ready { opacity:1; }
html body:is([data-shared-storefront],[data-ui-workspace]) { overflow-x:clip; background:transparent!important; color:var(--ui-text); font-family:var(--ui-font-body); font-size:var(--ui-fs-body); line-height:1.55; --font-body:var(--ui-font-body); --font-display:var(--ui-font-display); --body-font:var(--ui-font-body); }
body[data-shared-storefront] [id] { scroll-margin-top:calc(var(--ui-header-h) + 16px); }
body[data-shared-storefront] ::selection { background:var(--ui-accent); color:var(--ui-on-action); }
body[data-shared-storefront] :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible { outline:2px solid var(--ui-focus)!important; outline-offset:3px!important; box-shadow:none!important; }
body[data-shared-storefront] .ui-icon { width:1em; height:1em; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

html body[data-shared-storefront]::before,html body[data-shared-storefront]::after { display:none!important; }

/* Content never waits for a scroll or a timer. */
html body[data-shared-storefront]:not(#_) .fade-in-scroll { opacity:1; transform:none; animation:none; }
body[data-shared-storefront] :is(.p-ambient,.pure-motion-layer,.pure-page-transition,.pure-section-atmosphere,.pure-card-light,.event-particle,.event-aurora) { display:none!important; }

/* Buttons */
html body[data-shared-storefront]:not(#_) :is(.btn,.event-cta,.event-secondary) { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 20px!important; border-radius:var(--ui-r-control)!important; font:600 .9375rem/1.25 var(--ui-font-body)!important; letter-spacing:0!important; text-decoration:none; text-transform:none; box-shadow:none!important; transform:none!important; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
body[data-shared-storefront] :is(.btn,.event-cta,.event-secondary)::before,
body[data-shared-storefront] :is(.btn,.event-cta,.event-secondary)::after { display:none!important; }
html body[data-shared-storefront]:not(#_) :is(.btn-primary,.event-cta) { background:var(--ui-action)!important; border:1px solid var(--ui-action)!important; color:var(--ui-on-action)!important; }
html body[data-shared-storefront]:not(#_) :is(.btn-primary,.event-cta):hover { background:color-mix(in srgb,var(--ui-action) 86%,#fff)!important; border-color:color-mix(in srgb,var(--ui-action) 86%,#fff)!important; }
html body[data-shared-storefront]:not(#_) :is(.btn-secondary,.event-secondary) { background:transparent!important; border:1px solid var(--ui-line-strong)!important; color:var(--ui-text)!important; }
html body[data-shared-storefront]:not(#_) :is(.btn-secondary,.event-secondary):hover { background:rgba(255,255,255,.06)!important; border-color:var(--ui-soft)!important; }
html body[data-shared-storefront]:not(#_) :is(.btn,.event-cta,.event-secondary):active { translate:0 1px; }

/* Header: a solid band, not a floating glass pill */
html body .storefront-navbar { position:fixed!important; inset:0 0 auto!important; padding:0!important; background:var(--ui-ground)!important; border-bottom:1px solid var(--ui-line)!important; box-shadow:none!important; backdrop-filter:none!important; }
html body .storefront-navbar .nav-container { max-width:calc(var(--ui-max) + 2 * var(--ui-edge)); min-height:64px; margin:auto; padding:0 var(--ui-edge)!important; gap:16px; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; }
html body .storefront-navbar .brand-logo { gap:10px; font:600 1rem/1 var(--ui-font-display)!important; letter-spacing:-.01em!important; color:var(--ui-text)!important; }
html body .storefront-navbar .brand-logo span,html body .storefront-footer .brand-logo span { color:var(--ui-text)!important; text-shadow:none!important; background:none!important; -webkit-text-fill-color:currentColor; }
html body .storefront-navbar .brand-icon { width:36px; height:36px; border:0!important; box-shadow:none!important; background:none!important; }
html body .storefront-navbar .nav-links { padding:0!important; border:0!important; background:none!important; box-shadow:none!important; gap:0!important; }
html body .storefront-navbar .nav-links>.nav-link { min-height:44px; padding:0 clamp(8px,.9vw,14px)!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-soft)!important; font:500 var(--ui-fs-small)/1.2 var(--ui-font-body)!important; }
html body .storefront-navbar .nav-links>.nav-link:hover { color:var(--ui-text)!important; }
html body .storefront-navbar .nav-links>.nav-link[aria-current="page"] { color:var(--ui-text)!important; box-shadow:inset 0 -2px 0 var(--ui-accent)!important; background:none!important; }
html body .storefront-navbar .nav-links>.nav-link::before,html body .storefront-navbar .nav-links>.nav-link::after { display:none!important; }
html body:not(#_) .storefront-navbar :is(.btn-discord-nav,.nav-user-pill,.nav-cart-btn,.mobile-toggle) { min-height:44px; border-radius:var(--ui-r-control)!important; border:1px solid var(--ui-line)!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-small)/1.2 var(--ui-font-body)!important; }
html body:not(#_) .storefront-navbar :is(.btn-discord-nav,.nav-user-pill,.nav-cart-btn,.mobile-toggle):hover { border-color:var(--ui-line-strong)!important; background:rgba(255,255,255,.05)!important; }
html body .storefront-navbar .nav-cart-count { background:var(--ui-action)!important; color:var(--ui-on-action)!important; box-shadow:none!important; font:600 .75rem/1 var(--ui-font-body)!important; }
html body .storefront-navbar .mobile-menu { position:absolute; inset:100% 0 auto; margin:0; max-height:calc(100dvh - var(--ui-header-h)); border-radius:0; border:0!important; border-bottom:1px solid var(--ui-line)!important; background:var(--ui-ground)!important; box-shadow:none; backdrop-filter:none; padding:12px var(--ui-edge) 20px; }
html body .storefront-navbar .mobile-menu:not(.open) { visibility:hidden; }
html body .storefront-navbar .mobile-menu .nav-link { display:flex; align-items:center; min-height:48px; padding:0!important; border-radius:0; border-bottom:1px solid var(--ui-line); background:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-body)/1.2 var(--ui-font-body)!important; }

@media (max-width:1559px) { html body .storefront-navbar .nav-actions>.order-btn { display:none!important; } }

/* Countdown pin: a row of the header, so it cannot sit on content */
html body .storefront-navbar .event-countdown-pin { position:relative; inset:auto; display:flex; align-items:center; justify-content:center; gap:12px; width:100%; max-width:none; min-height:32px; padding:4px var(--ui-edge); box-sizing:border-box; border:0; border-top:1px solid var(--ui-line); border-radius:0; background:color-mix(in srgb,var(--ui-accent) 11%,var(--ui-ground)); box-shadow:none; backdrop-filter:none; animation:none; color:var(--ui-text)!important; }
html body .storefront-navbar .event-countdown-pin::after { content:""; position:absolute; inset:0 0 -12px; }
html body .storefront-navbar .event-countdown-pin[hidden] { display:none!important; }
html body .storefront-navbar .event-countdown-pin-title { font:600 var(--ui-fs-label)/1.2 var(--ui-font-body); letter-spacing:0; color:var(--ui-accent); }
html body .storefront-navbar .event-countdown-pin-time { font:600 var(--ui-fs-small)/1.2 var(--ui-font-display); letter-spacing:.01em; }
html body .storefront-navbar .event-countdown-pin-link { display:inline-flex; font-size:var(--ui-fs-small); color:var(--ui-accent); }

/* Consent: a compact card in the corner. Both choices carry the same weight. */
html body:not(#_) .pure-analytics-consent { inset:auto clamp(16px,2vw,28px) clamp(16px,2vw,28px) auto; width:min(380px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:12px; padding:20px 20px 8px; border:1px solid var(--ui-line-strong); border-radius:var(--ui-r-card); background:linear-gradient(125deg,color-mix(in srgb,var(--ui-accent) 10%,transparent),transparent 58%),var(--ui-panel); box-shadow:0 18px 50px rgba(0,0,0,.55); color:var(--ui-text); font-family:var(--ui-font-body); animation:none; }
html body:not(#_) .pure-analytics-consent>* { grid-column:1 / -1; }
html body:not(#_) .pure-analytics-consent h2 { margin:0 0 6px; font:600 1.125rem/1.25 var(--ui-font-display); letter-spacing:-.01em; color:var(--ui-text); }
html body:not(#_) .pure-analytics-consent[data-cookie-initial="false"] h2 { padding-right:32px; }
html body:not(#_) .pure-cookie-top { position:absolute; top:6px; right:6px; min-height:0; }
html body:not(#_) .pure-cookie-eyebrow { display:none; }
html body:not(#_) .pure-cookie-close { min-width:44px; min-height:44px; color:var(--ui-soft); }
html body:not(#_) .pure-cookie-intro { margin:0 0 14px; color:var(--ui-soft); font-size:var(--ui-fs-small); line-height:1.5; }
html body:not(#_) .pure-cookie-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
html body:not(#_) .pure-cookie-actions button,
html body:not(#_) .pure-cookie-actions button:last-child { min-height:44px; padding:10px 8px; border:1px solid var(--ui-line-strong); border-radius:var(--ui-r-control); background:color-mix(in srgb,var(--ui-text) 7%,transparent); color:var(--ui-text); font:600 var(--ui-fs-small)/1.2 var(--ui-font-body); box-shadow:none; translate:none; }
html body:not(#_) .pure-cookie-actions button:hover:not(:disabled) { background:color-mix(in srgb,var(--ui-accent) 16%,transparent); border-color:var(--ui-accent); box-shadow:none; translate:none; }
html body:not(#_) .pure-analytics-consent :is(button,a,summary):focus-visible { outline-color:var(--ui-focus,var(--ui-accent)); }
html body:not(#_) .pure-analytics-consent>.pure-cookie-details { grid-column:1; margin-top:4px; }
html body:not(#_) .pure-analytics-consent>.pure-cookie-details[open] { grid-column:1 / -1; }
html body:not(#_) .pure-cookie-details summary { min-height:44px; padding:12px 0; color:var(--ui-soft); font-size:var(--ui-fs-label); }
html body:not(#_) .pure-cookie-categories { margin-bottom:4px; }
html body:not(#_) .pure-cookie-category { border-color:var(--ui-line); border-radius:var(--ui-r-control); background:none; }
html body:not(#_) .pure-cookie-category :is(strong,small,.pure-cookie-status) { font-size:var(--ui-fs-label); color:var(--ui-soft); }
html body:not(#_) .pure-cookie-category strong { color:var(--ui-text); }
html body:not(#_) .pure-analytics-consent>.pure-cookie-footer { grid-column:2; justify-self:end; margin:4px 0 0; font-size:var(--ui-fs-label); }
html body:not(#_) .pure-cookie-footer span { display:none; }
html body:not(#_) .pure-cookie-footer a { display:inline-flex; align-items:center; min-height:44px; color:var(--ui-soft); }
html body:not(#_) .pure-cookie-footer a:hover { color:var(--ui-text); }
html body.cart-open:not(#_) .pure-analytics-consent,
html body:has(.mobile-menu.open):not(#_) .pure-analytics-consent { visibility:hidden; }
html body[data-shared-storefront] .pure-cookie-footer>span { display:none; }
html body[data-shared-storefront] .pure-cookie-footer a { display:inline-flex; align-items:center; min-height:32px; color:var(--ui-soft); }

/* FAQ, contact call to action and footer: same content, far less weight */
html body[data-shared-storefront] :is(#faq,.storefront-shared .section) { padding-block:var(--ui-section)!important; }
html body[data-shared-storefront] #faq .container { max-width:var(--ui-max); width:100%; padding-inline:var(--ui-edge)!important; margin:auto; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(24px,5vw,72px); }
html body[data-shared-storefront] #faq .section-header { display:block!important; margin:0!important; max-width:none; text-align:left; }
html body[data-shared-storefront] .section-badge { display:none!important; }
html body[data-shared-storefront] :is(.section-title,.cta-title) { font:600 var(--ui-fs-h2)/1.08 var(--ui-font-display)!important; letter-spacing:-.03em!important; color:var(--ui-text)!important; }
html body[data-shared-storefront] .gradient-text { background:none!important; color:inherit!important; -webkit-text-fill-color:currentColor!important; }
html body[data-shared-storefront] .section-subtitle { margin:14px 0 0!important; max-width:60ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-lead)/1.6 var(--ui-font-body)!important; }
html body[data-shared-storefront] .faq-container { display:block!important; max-width:none!important; margin:0!important; border-top:1px solid var(--ui-line); }
html body[data-shared-storefront] .faq-item { margin:0!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; }
html body[data-shared-storefront] .faq-item::before,html body[data-shared-storefront] .faq-item::after { display:none!important; }
html body[data-shared-storefront] .faq-question { min-height:56px; padding:14px 0!important; background:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-body)/1.4 var(--ui-font-body)!important; letter-spacing:0!important; }
html body[data-shared-storefront] .faq-icon { width:20px!important; height:20px!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; color:var(--ui-soft); }
html body[data-shared-storefront] .faq-answer-inner { padding:0 32px 18px 0!important; max-width:68ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-body)/1.65 var(--ui-font-body)!important; }
html body[data-shared-storefront] .cta-banner { padding:clamp(32px,4vw,56px) 0!important; text-align:left!important; border:0!important; border-top:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 48px; align-items:center; }
html body[data-shared-storefront] .cta-banner::before,html body[data-shared-storefront] .cta-banner::after { display:none!important; }
html body[data-shared-storefront] .cta-title { grid-column:1; margin:0!important; max-width:22ch; }
html body[data-shared-storefront] .cta-subtitle { grid-column:1; margin:0!important; max-width:60ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-lead)/1.6 var(--ui-font-body)!important; }
html body[data-shared-storefront] .cta-banner .support-ticket-cta { grid-column:2; grid-row:1 / span 2; font-size:.9375rem!important; padding:12px 24px!important; }
html body[data-shared-storefront] .cta-perks { grid-column:1 / -1; display:flex; flex-wrap:wrap; justify-content:flex-start!important; gap:6px 24px!important; margin:8px 0 0!important; }
html body[data-shared-storefront] .cta-perk { padding:0!important; border:0!important; background:none!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.5 var(--ui-font-body)!important; box-shadow:none!important; }
html body .storefront-footer { padding:0 0 24px!important; background:none!important; border:0!important; }
html body .storefront-footer .container { max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; padding-inline:var(--ui-edge)!important; }
html body .storefront-footer .footer-grid { padding:clamp(32px,4vw,48px) 0!important; margin:0!important; gap:32px clamp(24px,4vw,64px)!important; border:0!important; border-top:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; grid-template-columns:minmax(0,3.5fr) minmax(0,4fr) minmax(0,2fr) minmax(max-content,2.5fr)!important; }
html body .storefront-footer .footer-grid>*:nth-child(2) .footer-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 20px; }
html body .storefront-footer .footer-heading { margin:0 0 10px!important; color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body .storefront-footer .footer-links { display:grid; gap:2px; margin-bottom:0!important; }
html body .storefront-footer .footer-link { display:flex; align-items:center; min-height:36px; color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; }
html body .storefront-footer .footer-link:hover { color:var(--ui-text)!important; }
html body .storefront-footer .footer-brand-desc { margin:12px 0 14px!important; max-width:38ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.6 var(--ui-font-body)!important; }
html body .storefront-footer .brand-logo { font:600 1rem/1 var(--ui-font-display)!important; letter-spacing:-.01em!important; gap:10px; }
html body .storefront-footer .brand-icon { width:36px; height:36px; border:0!important; box-shadow:none!important; background:none!important; }
html body .storefront-footer .brand-icon img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
html body .storefront-footer .social-icon-btn { width:44px; height:44px; min-height:44px; border-radius:var(--ui-r-control)!important; border:1px solid var(--ui-line)!important; background:none!important; box-shadow:none!important; color:var(--ui-soft)!important; padding:0!important; transform:none!important; }
html body .storefront-footer .social-icon-btn:hover { border-color:var(--ui-line-strong)!important; color:var(--ui-text)!important; }
html body .storefront-footer .footer-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; padding:16px 0 0!important; margin:0!important; border-top:1px solid var(--ui-line)!important; color:var(--ui-quiet)!important; font:400 var(--ui-fs-label)/1.5 var(--ui-font-body)!important; }
html body .storefront-footer .footer-bottom-links { display:none; }
html body .storefront-footer .footer-preferences { display:flex; flex-wrap:wrap; gap:8px; margin-left:auto; }
html body .storefront-footer .footer-preferences :is(.pure-motion-control,.pure-analytics-preferences) { position:static; inset:auto; display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--ui-line); border-radius:var(--ui-r-control); background:none; box-shadow:none; backdrop-filter:none; color:var(--ui-soft); font:500 var(--ui-fs-label)/1.2 var(--ui-font-body); letter-spacing:0; cursor:pointer; visibility:visible; }
html body .storefront-footer .footer-preferences :is(.pure-motion-control,.pure-analytics-preferences):hover { border-color:var(--ui-line-strong); color:var(--ui-text); box-shadow:none; }
html body .storefront-footer .footer-preferences .pure-motion-control>span:first-child { display:none; }

@media (min-width:1024px) { :root { --ui-fs-h1:clamp(2.875rem,4.75vw,4.25rem); } }

/* Tablet */
@media (max-width:1023px) {
  html body[data-shared-storefront] #faq .container { grid-template-columns:minmax(0,1fr); }
  html body .storefront-footer .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:767px) {
  html body:not(#_) .pure-analytics-consent { inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px; width:auto; padding:16px 16px 4px; }
  html body[data-shared-storefront] .cta-banner { grid-template-columns:minmax(0,1fr); }
  html body[data-shared-storefront] .cta-banner .support-ticket-cta { grid-column:1; grid-row:auto; justify-self:start; margin-top:8px; }
  html body .storefront-footer .footer-grid { grid-template-columns:minmax(0,1fr)!important; }
  html body .storefront-footer .footer-preferences { margin-left:0; }
}
@media (max-width:600px) {
  :root { --ui-header-h:61px; }
  html body .storefront-navbar .nav-container { min-height:60px; padding-inline:16px!important; gap:8px; }
  html body .storefront-navbar .brand-logo { font-size:.9375rem!important; gap:8px; }
  html body .storefront-navbar .brand-icon { width:32px; height:32px; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-shared-storefront] * { transition:none!important; }
}

/* Glass surfaces over the living background */
html body .storefront-navbar { left:0!important; right:0!important; width:100%!important; max-width:none!important; margin:0!important; transform:none!important; background:color-mix(in srgb,var(--ui-ground) 74%,transparent)!important; backdrop-filter:blur(18px) saturate(140%)!important; -webkit-backdrop-filter:blur(18px) saturate(140%)!important; }

/* Published benchmarks, on Home and Tweaks */
html body[data-shared-storefront] .xr-section { width:100%; max-width:calc(var(--ui-max) + 2 * var(--ui-edge)); padding:var(--ui-section) var(--ui-edge) 0; color:var(--ui-text); }
html body[data-shared-storefront] .xr-section-heading { max-width:none; margin:0 0 clamp(16px,2.4vw,28px); }
html body[data-shared-storefront] .xr-section-heading>.xr-eyebrow,html body[data-shared-storefront] .xr-context>.xr-eyebrow { display:none; }
html body[data-shared-storefront] .xr-section-heading h2 { margin:0 0 8px; font:600 var(--ui-fs-h2)/1.06 var(--ui-font-display); letter-spacing:-.03em; }
html body[data-shared-storefront] .xr-section-heading>p { color:var(--ui-soft); font-size:var(--ui-fs-lead); }
html body[data-shared-storefront] .xr-packages-link { display:inline-flex!important; align-items:center; gap:8px; min-height:44px; margin-top:6px; padding:0!important; border:0!important; color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; text-decoration:underline; text-decoration-color:var(--ui-line-strong); text-underline-offset:4px; }
html body[data-shared-storefront] .xr-carousel { padding-inline:clamp(14px,2vw,24px); border:1px solid var(--ui-line); border-radius:var(--ui-r-card); background:var(--ui-glass); backdrop-filter:var(--ui-blur); box-shadow:none; }
html body[data-shared-storefront] .xr-controls { padding-block:8px; border-color:var(--ui-line); }
html body[data-shared-storefront] .xr-position { color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-shared-storefront] .xr-section .xr-arrow { border-color:var(--ui-line-strong); border-radius:var(--ui-r-control); background:none; color:var(--ui-text); }
html body[data-shared-storefront] .xr-section .xr-arrow:hover { background:rgba(255,255,255,.07); color:var(--ui-text); }
html body[data-shared-storefront] .xr-case { grid-template-columns:minmax(200px,.62fr) minmax(0,1.6fr); column-gap:clamp(20px,3vw,40px); padding-block:18px 8px; border-color:var(--ui-line); }
html body[data-shared-storefront] .xr-context h3 { margin:0 0 12px; font:600 var(--ui-fs-h3)/1.2 var(--ui-font-display); letter-spacing:-.015em; font-size:1.5rem; }
html body[data-shared-storefront] .xr-context h3 span { margin-top:4px; color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-shared-storefront] .xr-hardware { color:var(--ui-text); font-size:var(--ui-fs-small); line-height:1.6; }
html body[data-shared-storefront] .xr-map { margin-bottom:8px; color:var(--ui-soft); font-size:var(--ui-fs-label); }
html body[data-shared-storefront] .xr-map span { color:var(--ui-text); }
html body[data-shared-storefront] .xr-section .xr-source { gap:8px; color:var(--ui-text); font-size:var(--ui-fs-small); border:0; text-decoration:underline; text-decoration-color:var(--ui-line-strong); text-underline-offset:4px; }
html body[data-shared-storefront] .xr-source-date { margin:0; color:var(--ui-soft); font-size:var(--ui-fs-label); }
html body[data-shared-storefront] .xr-chart-link { border-radius:var(--ui-r-control); max-height:300px; }
html body[data-shared-storefront] .xr-chart-link img { max-height:300px; object-fit:contain; background:#111; }
html body[data-shared-storefront] .xr-chart-expand { padding:4px 8px; background:#0a0a0af0; border-color:var(--ui-line-strong); border-radius:4px; font-size:var(--ui-fs-label); }
html body[data-shared-storefront] :is(.xr-evidence figcaption,.xr-image-label,.xr-result-note,.xr-test-context p) { color:var(--ui-soft); font-size:var(--ui-fs-label); line-height:1.55; }
html body[data-shared-storefront] .xr-evidence-note { padding-left:0; border-left:0; color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-shared-storefront] .xr-table-wrap { margin-top:8px; }
html body[data-shared-storefront] .xr-evidence table { font-size:var(--ui-fs-small); }
html body[data-shared-storefront] .xr-evidence th,html body[data-shared-storefront] .xr-evidence td { padding:7px 8px; border-color:var(--ui-line); }
html body[data-shared-storefront] .xr-evidence thead th,html body[data-shared-storefront] .xr-evidence tbody th { color:var(--ui-soft); font-size:var(--ui-fs-label); }
html body[data-shared-storefront] .xr-evidence td { color:var(--ui-text); font-size:var(--ui-fs-small); }
html body[data-shared-storefront] .xr-evidence td:last-child { color:var(--ui-accent); }
html body[data-shared-storefront] .xr-section .xr-test-context { border-color:var(--ui-line); padding-top:0; }
html body[data-shared-storefront] .xr-test-context summary { color:var(--ui-soft); font-size:var(--ui-fs-small); }
@media (max-width:720px) {
  html body[data-shared-storefront] .xr-case { grid-template-columns:minmax(0,1fr); }
  html body[data-shared-storefront] .xr-evidence th,html body[data-shared-storefront] .xr-evidence td { padding:7px 4px; }
}
/* Later overrides: older rules win otherwise on these shared blocks */
html body .storefront-navbar::before,html body .storefront-navbar::after { display:none!important; }
html body[data-shared-storefront]:not(#_) .section-header::before,html body[data-shared-storefront]:not(#_) .section-header::after { display:none!important; }
html body[data-shared-storefront]:not(#_) .faq-item { margin:0!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; }
html body[data-shared-storefront]:not(#_) .faq-container { gap:0!important; }
html body[data-shared-storefront]:not(#_) .storefront-shared .container { width:100%!important; max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; padding-inline:var(--ui-edge)!important; }
html body[data-shared-storefront]:not(#_) .storefront-shared #faq .container { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(24px,5vw,72px); }
html body[data-shared-storefront]:not(#_) .storefront-shared :is(#faq,.section) { padding-block:clamp(32px,5vw,64px)!important; }
html body[data-shared-storefront]:not(#_) main>section.section:has(.cta-banner) .container { width:100%!important; max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; padding-inline:var(--ui-edge)!important; }
html body[data-shared-storefront]:not(#_) main>section.section:has(.cta-banner) { padding-block:clamp(24px,4vw,48px)!important; }
@media (max-width:1023px) { html body[data-shared-storefront]:not(#_) .storefront-shared #faq .container { grid-template-columns:minmax(0,1fr); } }
/* Event artwork beside the short first line of the hero headline */
html body[data-shared-storefront] .event-hero-copy { position:relative; }
html body[data-shared-storefront] .event-art { position:absolute; top:clamp(-22px,-1.4vw,-4px); right:0; width:clamp(48px,5.2vw,80px); height:auto; pointer-events:none; z-index:0; }
html body[data-shared-storefront] .event-fx-bat { position:absolute; opacity:0; pointer-events:none; }
html body[data-shared-storefront] #hero { position:relative; }

/* Event hero on pages with promotion: compact, in the form of the running event */
html body[data-shared-storefront]:not(#_) .storefront-event-host { padding:calc(var(--ui-header-h) + clamp(20px,3vw,36px)) max(var(--ui-edge),calc((100% - var(--ui-max)) / 2)) clamp(16px,2vw,24px)!important; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(20px,4vw,56px); min-height:0; max-width:none; margin:0; border:0; align-items:center; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) :is(.event-eyebrow,.event-hero-meta,.event-hero-bottom,.event-floating-tag,.event-core-seal,.event-art-caption,.event-art) { display:none!important; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) .event-hero-copy { padding:0; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) :is(h1,h2) { font-size:var(--ui-fs-h2)!important; letter-spacing:-.03em!important; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) .event-description { max-width:60ch; margin:10px 0 14px!important; color:var(--ui-soft); font:400 var(--ui-fs-body)/1.6 var(--ui-font-body); }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) .event-offer { flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 12px; margin:10px 0 0; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) .event-offer strong { padding:0; border:0; background:none; color:var(--ui-accent); font:600 var(--ui-fs-body)/1.3 var(--ui-font-body); letter-spacing:0; }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) .event-offer>span { color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) .event-hero-visual { height:clamp(150px,18vw,240px); }
html body[data-shared-storefront]:not(#_) .storefront-event-host>:is(.event-countdown,.event-price-strip) { max-width:none; margin:8px 0 0; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; padding:8px 0; border:0; border-top:1px solid var(--ui-line); }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-copy { display:block; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-copy>p { color:var(--ui-accent); font:600 var(--ui-fs-small)/1.3 var(--ui-font-body); letter-spacing:0; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-copy>span,html body[data-shared-storefront]:not(#_) .storefront-event-host .event-live-dot { display:none; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-digits { display:flex; width:auto; gap:12px; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-unit { padding:0; border:0; background:none; box-shadow:none; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-unit>strong { display:block; height:auto; color:var(--ui-text); font:600 1.5rem/1.1 var(--ui-font-display); letter-spacing:-.02em; text-shadow:none; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-unit>span { margin:0; color:var(--ui-soft); font:400 var(--ui-fs-label)/1.2 var(--ui-font-body); letter-spacing:0; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-countdown-colon { display:none; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-price-strip { grid-template-columns:repeat(3,minmax(0,1fr)); border:0; border-top:1px solid var(--ui-line); border-bottom:1px solid var(--ui-line); }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-price-strip>a { min-height:52px; padding:6px 12px; border:0; border-left:1px solid var(--ui-line); border-radius:0; background:none; box-shadow:none; color:var(--ui-text); text-decoration:none; }
html body[data-shared-storefront]:not(#_) .storefront-event-host .event-price-strip>a:first-child { border-left:0; padding-left:0; }
html body[data-shared-storefront]:not(#_) .event-ribbon { gap:6px 14px; min-height:44px; padding:8px var(--ui-edge); border:0; border-bottom:1px solid var(--ui-line); background:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-ground)); color:var(--ui-text)!important; font:500 var(--ui-fs-small)/1.3 var(--ui-font-body); }
@media (max-width:767px) {
  html body[data-shared-storefront]:not(#_) .event-hero:not(.event-hero-home) { grid-template-columns:minmax(0,1fr); }
  html body[data-shared-storefront]:not(#_) .storefront-event-host .event-price-strip { grid-template-columns:minmax(0,1fr); }
  html body[data-shared-storefront]:not(#_) .storefront-event-host .event-price-strip>a { border-left:0; border-top:1px solid var(--ui-line); padding-left:0; }
}
/* The header stays one calm glass band across the whole width */
html body[data-shared-storefront]:not(#_) .storefront-navbar { width:100%!important; left:0!important; right:0!important; background:color-mix(in srgb,var(--ui-ground) 76%,transparent)!important; backdrop-filter:blur(18px) saturate(140%)!important; -webkit-backdrop-filter:blur(18px) saturate(140%)!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-container { width:100%!important; max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; background:none!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-container::before,html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-container::after { display:none!important; }
@media (max-width:767px) { html body[data-shared-storefront] .event-art { top:-14px; width:46px; } }
/* Utility presentation, shared by every page that shows it */
html body[data-shared-storefront]:not(#_) #utility { padding:var(--ui-section) 0 0!important; min-height:0!important; background:none!important; border:0!important; }
html body[data-shared-storefront]:not(#_) #utility>.container { width:100%!important; max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; margin:auto; padding-inline:var(--ui-edge)!important; }
html body[data-shared-storefront]:not(#_) #utility { padding-top:var(--ui-section)!important; }
html body[data-shared-storefront]:not(#_) #utility .ud-heading { display:grid!important; grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important; gap:16px clamp(28px,5vw,72px)!important; align-items:end; margin:0 0 clamp(20px,3vw,32px)!important; }
html body[data-shared-storefront]:not(#_) #utility .ud-intro .section-subtitle { margin:0 0 14px!important; }
html body[data-shared-storefront]:not(#_) #utility .ud-stage { max-width:1180px; margin:0 auto!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; }
html body[data-shared-storefront]:not(#_) #utility .ud-preview-heading { margin:0 0 10px!important; color:var(--ui-soft)!important; font:500 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body[data-shared-storefront]:not(#_) #utility .ud-preview-heading a { display:inline-flex; align-items:center; min-height:44px; color:var(--ui-text)!important; font:inherit!important; }
html body[data-shared-storefront]:not(#_) #utility .ud-window { border:1px solid var(--ui-line-strong)!important; border-radius:var(--ui-r-card)!important; box-shadow:0 30px 80px -40px #000!important; overflow:hidden; }
html body[data-shared-storefront]:not(#_) #utility .ud-preview-caption { margin-top:8px!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.5 var(--ui-font-body)!important; }
@media (max-width:1023px) { html body[data-shared-storefront]:not(#_) #utility .ud-heading { grid-template-columns:minmax(0,1fr)!important; } }

/* The type floor and touch targets hold on every public page */
html body[data-shared-storefront]:not(#_) :is(.payment-note,.payment-tag-fee,#twCrumb,.tagline-dot,.pc-field,legend,small,label,.ft-badge,.sidebar-contact-label,.legal-badge-tag,.aff-legal-updated,del,.aff-legal-review strong,.aff-legal-review span,.event-sale-badge,.progress-dot,#navCartCount,.pc-side-note p,.ud-preview-caption span,.ud-preview-heading a) { font-size:var(--ui-fs-label)!important; }
html body[data-shared-storefront]:not(#_) :is(.footer-link,.brand-logo,.text-link,.contact-address) { display:inline-flex; align-items:center; min-height:44px; }
html body[data-shared-storefront]:not(#_) .storefront-footer .footer-links { gap:0!important; }
html body[data-shared-storefront]:not(#_) .nav-cart-count { min-width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; }
html body[data-shared-storefront]:not(#_) :is(.ud-preview-heading,.ud-preview-heading *,.tw-breadcrumb a,.tw-breadcrumb span,.utility-preview-trigger span,.pc-wizard-heading p,.pc-step span,.pc-field,.pc-required-note strong,.pc-choice-card span) { font-size:var(--ui-fs-label)!important; }
html body[data-shared-storefront]:not(#_) .tw-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; padding:0!important; border:0!important; background:none!important; }

/* === Surfaces: every fill derives from the active event's tokens === */
body { --ui-surface-0:var(--ui-ground); --ui-surface-1:var(--ui-panel); --ui-surface-2:var(--ui-raised); --ui-surface-3:color-mix(in srgb,var(--ui-raised) 86%,var(--ui-text)); --ui-soft-fill:linear-gradient(125deg,color-mix(in srgb,var(--ui-accent) 8%,transparent),transparent 58%),var(--ui-glass); }
html body[data-shared-storefront]:not(#_) :is(.section,.hero,.studio-engineering,.studio-pathways,.home-evidence)::before,
html body[data-shared-storefront]:not(#_) :is(.section,.hero,.studio-engineering,.studio-pathways,.home-evidence)::after { display:none!important; }
html body[data-shared-storefront]:not(#_) .cta-banner { padding:clamp(24px,4vw,48px)!important; border:1px solid var(--ui-line)!important; border-radius:var(--ui-r-card)!important; background:var(--ui-soft-fill)!important; backdrop-filter:var(--ui-blur)!important; box-shadow:none!important; }
html body[data-shared-storefront]:not(#_) :is(#faq,.storefront-shared #faq) { background:none!important; }
html body[data-shared-storefront]:not(#_) .faq-container { padding:6px clamp(14px,2vw,24px)!important; border:1px solid var(--ui-line)!important; border-radius:var(--ui-r-card)!important; background:var(--ui-soft-fill)!important; backdrop-filter:var(--ui-blur)!important; box-shadow:none!important; }
html body[data-shared-storefront]:not(#_) .faq-item:last-child { border-bottom:0!important; }
html body[data-shared-storefront]:not(#_) .faq-question { padding-inline:0!important; }
html body[data-shared-storefront]:not(#_) .faq-answer-inner { padding-inline:0 clamp(16px,3vw,32px)!important; }

/* === Original brand colours for social logos, everywhere === */
:is(.twitter-link,a[href*="x.com/PureTweaks"]):not(.btn) svg { color:#fff; fill:#fff; }
html body:not(#_) :is(.tiktok-link,a[href*="tiktok.com"]):not(.btn) svg { color:#fff!important; fill:#fff!important; filter:drop-shadow(1.4px 1.2px 0 #fe2c55) drop-shadow(-1.4px -1.2px 0 #25f4ee)!important; }
:is(.youtube-link,a[href*="youtube.com"]):not(.btn) svg { color:#ff0033; fill:#ff0033; }
:is(.social-icon-btn.order-btn,.btn-discord-nav,.btn-discord,a[href*="discord."]:is(.footer-link,.social-icon-btn,.contact-ticket-link)) svg { color:#5865f2; fill:#5865f2; }
html body:not(#_) .social-icon-btn:is(.twitter-link,[href*="x.com/PureTweaks"]) { background:#000!important; border-color:rgba(255,255,255,.34)!important; }

/* === Header: one calm band, one main action, one height === */
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-container { display:grid!important; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; min-height:64px; gap:clamp(12px,2vw,28px); }
html body[data-shared-storefront]:not(#_) .storefront-navbar .brand-logo { min-height:44px; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-links { justify-content:center; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-links>.nav-link { position:relative; box-shadow:none!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-links>.nav-link::after { content:""; display:block!important; position:absolute; left:clamp(8px,.9vw,14px); right:clamp(8px,.9vw,14px); bottom:6px; width:auto!important; height:2px; background:var(--ui-accent)!important; opacity:1!important; transform:scaleX(0); transform-origin:left center; transition:transform .22s cubic-bezier(.16,.84,.3,1); }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-links>.nav-link:hover::after,
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-links>.nav-link[aria-current="page"]::after { transform:scaleX(1); }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions { display:flex; align-items:center; gap:6px; margin:0; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .header-social { display:none!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar :is(.btn-discord-nav,.nav-user-pill,.nav-cart-btn,.mobile-toggle,.nav-actions>.order-btn) { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; min-height:44px; min-width:44px; border:1px solid transparent!important; border-radius:var(--ui-r-control)!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-small)/1 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar :is(.btn-discord-nav,.nav-user-pill) { padding:0 10px!important; color:var(--ui-soft)!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar :is(.btn-discord-nav,.nav-user-pill,.nav-cart-btn,.mobile-toggle):hover { background:color-mix(in srgb,var(--ui-text) 8%,transparent)!important; color:var(--ui-text)!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions>.order-btn { padding:0 18px!important; border-color:var(--ui-action)!important; background:var(--ui-action)!important; color:var(--ui-on-action)!important; font-weight:600!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions>.order-btn:hover { background:color-mix(in srgb,var(--ui-action) 86%,#fff)!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions>.order-btn svg { display:none; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-cart-btn { position:relative; width:44px; padding:0!important; overflow:visible; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-cart-count { position:absolute; top:3px; right:2px; min-width:18px; height:18px; padding:0 4px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--ui-action)!important; color:var(--ui-on-action)!important; box-shadow:0 0 0 2px var(--ui-ground)!important; font:600 .8125rem/1 var(--ui-font-body)!important; }
html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-cart-count[hidden] { display:none!important; }
@media (min-width:1200px) { html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions>.order-btn { display:inline-flex!important; } html body[data-shared-storefront]:not(#_) .storefront-navbar .mobile-toggle { display:none!important; } }
@media (min-width:1200px) and (max-width:1439px) { html body[data-shared-storefront]:not(#_) .storefront-navbar .btn-discord-nav span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } }
@media (max-width:1199px) { html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions>.order-btn { display:none!important; } html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-container { grid-template-columns:auto 1fr; } html body[data-shared-storefront]:not(#_) .storefront-navbar .nav-actions { justify-self:end; } }
@media (max-width:600px) { html body[data-shared-storefront]:not(#_) .storefront-navbar .btn-discord-nav span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } }

/* === Cart === */
html body:not(#_) .cart-shade { background:rgba(0,0,0,.62)!important; backdrop-filter:blur(3px); }
html body:not(#_) .cart-drawer { display:flex; flex-direction:column; width:min(460px,100vw); padding:0!important; border:0!important; border-left:1px solid var(--ui-line-strong)!important; border-radius:0!important; background:var(--ui-panel)!important; box-shadow:-30px 0 80px -40px #000!important; color:var(--ui-text); font-family:var(--ui-font-body); }
html body:not(#_) .cart-drawer[hidden] { display:none!important; }
html body:not(#_) .cart-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 12px 12px 20px!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; background:none!important; }
html body:not(#_) .cart-drawer-head h2 { margin:0!important; color:var(--ui-text)!important; font:600 1.375rem/1.2 var(--ui-font-display)!important; letter-spacing:-.02em!important; }
html body:not(#_) .cart-close { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0!important; border:0!important; border-radius:var(--ui-r-control)!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font-size:1.125rem!important; cursor:pointer; }
html body:not(#_) .cart-close:hover { background:color-mix(in srgb,var(--ui-text) 8%,transparent)!important; }
html body:not(#_) .cart-confirmation { margin:0!important; padding:8px 20px!important; border:0!important; border-radius:0!important; background:color-mix(in srgb,var(--ui-accent) 12%,transparent)!important; color:var(--ui-text)!important; font-size:var(--ui-fs-small)!important; }
html body:not(#_) .cart-drawer-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; padding:0 20px 16px!important; scrollbar-color:var(--ui-line-strong) transparent; }
html body:not(#_) .cart-drawer-scroll section { margin:0!important; padding:16px 0 0!important; border:0!important; }
html body:not(#_) .cart-drawer-scroll h3 { margin:0 0 8px!important; color:var(--ui-soft)!important; font:600 var(--ui-fs-label)/1.3 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body:not(#_) .cart-empty { margin:0!important; padding:14px!important; border:1px dashed var(--ui-line-strong)!important; border-radius:var(--ui-r-control)!important; background:none!important; color:var(--ui-soft)!important; font-size:var(--ui-fs-small)!important; }
html body:not(#_) .cart-drawer-line { display:grid; gap:10px; margin:0 0 8px!important; padding:12px!important; border:1px solid var(--ui-line)!important; border-radius:var(--ui-r-control)!important; background:var(--ui-raised)!important; box-shadow:none!important; }
html body:not(#_) .cart-drawer-line-top { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:12px; align-items:start; }
html body:not(#_) .cart-drawer-line-top>strong { color:var(--ui-text)!important; font:600 var(--ui-fs-body)/1.3 var(--ui-font-body)!important; }
html body:not(#_) .utility-cart-terms { display:block; margin-top:2px; color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.35 var(--ui-font-body)!important; }
html body:not(#_) .cart-drawer-controls { display:flex; align-items:center; gap:6px; }
html body:not(#_) .cart-drawer-controls button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 10px!important; border:1px solid var(--ui-line-strong)!important; border-radius:var(--ui-r-control)!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-body)/1 var(--ui-font-body)!important; cursor:pointer; }
html body:not(#_) .cart-drawer-controls>span { min-width:28px; text-align:center; color:var(--ui-text)!important; font:600 var(--ui-fs-body)/1 var(--ui-font-body)!important; font-variant-numeric:tabular-nums; }
html body:not(#_) .cart-drawer-controls .cart-remove { margin-left:auto; border-color:transparent!important; color:var(--ui-soft)!important; font-size:var(--ui-fs-small)!important; }
html body:not(#_) .cart-drawer-controls button:hover:not(:disabled) { background:color-mix(in srgb,var(--ui-text) 8%,transparent)!important; }
html body:not(#_) .cart-promo-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:0!important; }
html body:not(#_) .cart-promo-form input { min-width:0; height:44px; padding:0 12px!important; border:1px solid var(--ui-line-strong)!important; border-radius:var(--ui-r-control)!important; background:var(--ui-ground)!important; box-shadow:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-small)/1 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body:not(#_) .cart-promo-form button { height:44px; padding:0 16px!important; border:1px solid var(--ui-line-strong)!important; border-radius:var(--ui-r-control)!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1 var(--ui-font-body)!important; cursor:pointer; }
html body:not(#_) .cart-promo-form button:hover { background:color-mix(in srgb,var(--ui-text) 8%,transparent)!important; }
html body:not(#_) .cart-note { margin:6px 0 0!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.45 var(--ui-font-body)!important; }
html body:not(#_) .cart-promo-remove { min-height:44px; padding:0!important; border:0!important; background:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-small)/1 var(--ui-font-body)!important; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
html body:not(#_) .cart-drawer-catalog { display:block!important; border-top:1px solid var(--ui-line); }
html body:not(#_) .cart-catalog-item { display:grid!important; grid-template-columns:minmax(0,1fr) 112px 44px; gap:12px; align-items:center; width:100%; min-height:72px; margin:0!important; padding:10px 0!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; text-align:left; cursor:pointer; }
html body:not(#_) .cart-catalog-item>span:first-child { display:grid; gap:2px; min-width:0; }
html body:not(#_) .cart-catalog-item strong { color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; }
html body:not(#_) .cart-catalog-item small { display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; }
html body:not(#_) .cart-catalog-add { display:block; width:44px; height:44px; border:1px solid var(--ui-line-strong); border-radius:var(--ui-r-control); background:linear-gradient(currentColor,currentColor) center/14px 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 14px no-repeat; }
html body:not(#_) .cart-catalog-item:hover .cart-catalog-add { border-color:var(--ui-action); background-color:var(--ui-action); color:var(--ui-on-action); }
/* Prices: same column, same order on every row */
html body:not(#_) .cart-drawer .event-price { display:grid!important; grid-template-columns:auto auto; justify-content:end; justify-items:end; align-items:center; gap:3px 6px; width:112px; margin:0; text-align:right; }
html body:not(#_) .cart-drawer .event-price strong { grid-column:1 / -1; grid-row:1; color:var(--ui-text)!important; font:600 1.0625rem/1.15 var(--ui-font-display)!important; font-variant-numeric:tabular-nums; }
html body:not(#_) .cart-drawer .event-price del { grid-column:1; grid-row:2; color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.2 var(--ui-font-body)!important; }
html body:not(#_) .cart-drawer .event-price .event-sale-badge { grid-column:2; grid-row:2; padding:0 4px!important; border:1px solid var(--ui-line-strong)!important; border-radius:4px!important; background:none!important; color:var(--ui-accent)!important; font:600 var(--ui-fs-label)/1.3 var(--ui-font-body)!important; }
html body:not(#_) .cart-drawer-foot { flex:none; padding:14px 20px calc(14px + env(safe-area-inset-bottom))!important; border:0!important; border-top:1px solid var(--ui-line-strong)!important; background:var(--ui-raised)!important; box-shadow:none!important; }
html body:not(#_) .cart-total { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0!important; }
html body:not(#_) .cart-total span { color:var(--ui-soft)!important; font:500 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; }
html body:not(#_) .cart-total strong { color:var(--ui-text)!important; font:600 1.625rem/1.1 var(--ui-font-display)!important; letter-spacing:-.02em!important; font-variant-numeric:tabular-nums; }
html body:not(#_) .cart-discount { margin:4px 0 0!important; color:var(--ui-accent)!important; font:500 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; }
html body:not(#_) .cart-checkout { display:flex!important; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; margin:10px 0 0!important; padding:12px 20px!important; box-sizing:border-box; border:1px solid var(--ui-action)!important; border-radius:var(--ui-r-control)!important; background:var(--ui-action)!important; box-shadow:none!important; color:var(--ui-on-action)!important; font:600 var(--ui-fs-body)/1.2 var(--ui-font-body)!important; text-decoration:none; opacity:1!important; }
html body:not(#_) .cart-checkout.disabled { border-color:var(--ui-line-strong)!important; background:none!important; color:var(--ui-soft)!important; cursor:not-allowed; }
@media (max-width:520px) { html body:not(#_) .cart-drawer { width:100vw; border-left:0!important; } html body:not(#_) .cart-catalog-item { grid-template-columns:minmax(0,1fr) 100px 44px; gap:8px; } html body:not(#_) .cart-drawer .event-price { width:100px; } html body:not(#_) .cart-drawer-line-top { grid-template-columns:minmax(0,1fr) 100px; } }

/* === Micro-motion: transform and opacity only, off with the switch and reduced motion === */
@media (prefers-reduced-motion:no-preference) {
  @view-transition { navigation:auto; }
  html body:not(.pure-motion-off) :is(.btn,.event-cta,.event-secondary,.tw-buy,.tw-buy-compact,.button,.summary-continue,.cart-checkout,.cart-catalog-add,.cart-close,.xr-arrow,.xr-stop,.hb-stop,.reviews-marquee-toggle,.filter-pill,.social-icon-btn,.p-btn,.nav-cart-btn,.mobile-toggle,.pure-motion-control,.pure-analytics-preferences,.pg-home-tools button,.order-btn) { transition:translate .16s ease,scale .12s ease,background-color .15s ease,border-color .15s ease,color .15s ease; }
  html body:not(.pure-motion-off) :is(.btn,.event-cta,.event-secondary,.tw-buy,.button,.cart-checkout,.p-btn,.order-btn,.pg-home-tools button):hover:not(:disabled,[aria-disabled="true"]) { translate:0 -2px; }
  html body:not(.pure-motion-off) :is(.btn,.event-cta,.event-secondary,.tw-buy,.tw-buy-compact,.button,.summary-continue,.cart-checkout,.cart-close,.xr-arrow,.xr-stop,.hb-stop,.reviews-marquee-toggle,.filter-pill,.social-icon-btn,.p-btn,.nav-cart-btn,.mobile-toggle,.pg-home-tools button,.order-btn,.cart-catalog-item):active:not(:disabled) { translate:0 0; scale:.97; }
  html body:not(.pure-motion-off) :is(.social-icon-btn,.nav-cart-btn,.xr-arrow):hover { scale:1.07; }
  html body:not(.pure-motion-off) :is(.review-card,.ft-card,.partner-card,.contact-ticket-link,.tw-related-card,.evidence-story,.studio-pathway,.event-admin-card,.p-card:has(a)) { transition:translate .2s cubic-bezier(.16,.84,.3,1),border-color .15s ease; }
  html body:not(.pure-motion-off) :is(.review-card,.ft-card,.partner-card,.tw-related-card,.evidence-story,.event-admin-card):hover { translate:0 -3px; }
  html body:not(.pure-motion-off) .ui-icon { transition:translate .16s ease; }
  html body:not(.pure-motion-off) a:hover>.ui-icon,html body:not(.pure-motion-off) button:hover>.ui-icon { translate:3px 0; }
  html body:not(.pure-motion-off) .tw-card .tw-product-mark,html body:not(.pure-motion-off) .feature-icon-wrapper { transition:scale .18s cubic-bezier(.3,1.4,.5,1); }
  html body:not(.pure-motion-off) .tw-card:hover .tw-product-mark,html body:not(.pure-motion-off) .feature-card:hover .feature-icon-wrapper { scale:1.12; }
  html body:not(.pure-motion-off) .faq-icon { transition:rotate .22s cubic-bezier(.16,.84,.3,1); }
  html body:not(.pure-motion-off) .faq-item.active .faq-answer-inner,html body:not(.pure-motion-off) .faq-question[aria-expanded="true"]+.faq-answer .faq-answer-inner { animation:ui-rise .26s cubic-bezier(.16,.84,.3,1) both; }
  html body:not(.pure-motion-off) .mobile-menu.open { animation:ui-drop .22s cubic-bezier(.16,.84,.3,1) both; }
  html body:not(.pure-motion-off):not(#_) .pure-analytics-consent { animation:ui-rise .3s cubic-bezier(.16,.84,.3,1) both; }
  html body:not(.pure-motion-off) :is(dialog[open],.booking-dialog[open],.pg-dialog,.legal-modal.active .legal-modal-content,.review-modal-backdrop.active>*) { animation:ui-pop .24s cubic-bezier(.16,.84,.3,1) both; }
  html body:not(.pure-motion-off) .cart-drawer-line[data-just-added] { animation:ui-rise .28s cubic-bezier(.16,.84,.3,1) both; }
  @keyframes ui-rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
  @keyframes ui-drop { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:none; } }
  @keyframes ui-pop { from { opacity:0; transform:translateY(8px) scale(.97); } to { opacity:1; transform:none; } }
  ::view-transition-old(root) { animation:ui-page-out .14s ease-in both; }
  ::view-transition-new(root) { animation:ui-page-in .24s cubic-bezier(.16,.84,.3,1) both; }
  @keyframes ui-page-out { to { opacity:0; transform:translateY(-6px); } }
  @keyframes ui-page-in { from { opacity:0; transform:translateY(8px); } }
  .storefront-navbar { view-transition-name:ui-header; }
}
@media print { #uiBackground { display:none; } }