:root {
  --premium-accent: rgb(var(--cl-accent));
  --premium-bg: rgb(var(--cl-background));
  --premium-card: rgb(var(--cl-card));
  --premium-text: rgb(var(--cl-t-primary));
  --premium-muted: rgba(var(--cl-t-primary), .58);
  --premium-line: rgba(255, 255, 255, .09);
  --premium-radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-padding-top: 110px; }
body.premium-storefront {
  background:
    radial-gradient(circle at 48% -12%, rgba(var(--cl-accent), .095), transparent 35rem),
    rgb(var(--cl-background));
  color: var(--premium-text);
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
body.premium-storefront::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .025;
  z-index: 100;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}

a, button, input, select { -webkit-tap-highlight-color: transparent; }
a, button { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--premium-accent);
  outline-offset: 3px;
}
[x-cloak] { display: none !important; }

/* Announcement */
.premium-storefront [data-component-id="announcement"] { position: relative; z-index: 42; }
.premium-storefront [data-component-id="announcement"] > div {
  border: 0;
  border-bottom: 1px solid var(--premium-line);
  border-radius: 0;
  background: transparent;
  min-height: 35px;
}
.premium-storefront [data-component-id="announcement"] a,
.premium-storefront [data-component-id="announcement"] p {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 600;
}

/* Navigation */
.premium-header {
  position: sticky;
  top: 12px;
  z-index: 40;
  margin-top: 12px;
  transition: transform .25s ease;
}
.nav-shell {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 18px;
  border: 1px solid var(--premium-line);
  border-radius: 18px;
  background: rgba(8, 10, 11, .72);
  backdrop-filter: blur(16px) saturate(130%);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
  transition: min-height .25s ease, background .25s ease, box-shadow .25s ease;
}
.premium-header.is-scrolled .nav-shell {
  min-height: 60px;
  background: rgba(8, 10, 11, .92);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .34);
}
.nav-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--premium-text); font-weight: 690; letter-spacing: -.025em; white-space: nowrap; }
.nav-logo { width: 32px; height: 32px; object-fit: contain; border-radius: 9px; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); box-shadow: 0 0 30px rgba(var(--cl-accent), .14); }
.brand-mark i { font-size: 13px; }
.nav-links { display: flex; align-items: center; justify-content: center; gap: 28px; }
.nav-links a { position: relative; color: rgba(var(--cl-t-primary), .64); font-size: 13px; font-weight: 520; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--premium-accent); transition: right .22s ease; }
.nav-links a:hover, .nav-links a.is-active { color: var(--premium-text); }
.nav-links a:hover::after, .nav-links a.is-active::after { right: 0; }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.premium-currency { position: relative; z-index: 80; border-right: 1px solid var(--premium-line); padding-right: 8px; }
.currency-selector .choices { min-width: 88px; margin: 0; color: var(--premium-text); }
.currency-selector .choices__inner { min-height: 38px; display: flex; align-items: center; padding: 5px 30px 5px 12px; border: 1px solid var(--premium-line); border-radius: 11px; background: rgba(255,255,255,.022); font-size: 11px; transition: border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.currency-size-regular .choices__inner { min-height: 44px; padding-left: 14px; }
.currency-selector .choices:hover .choices__inner { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.035); }
.currency-selector .choices.is-focused .choices__inner,.currency-selector .choices.is-open .choices__inner { border-color: rgba(var(--cl-accent),.5); box-shadow: 0 0 0 3px rgba(var(--cl-accent),.07); }
.currency-selector .choices[data-type*=select-one]::after { right: 13px; width: 6px; height: 6px; margin-top: -5px; border: 0; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); transition: transform .2s ease,margin .2s ease; }
.currency-selector .choices[data-type*=select-one].is-open::after { margin-top: -1px; transform: rotate(225deg); }
.currency-selector .choices__list--single { padding: 0; }
.currency-selector .choices__list--dropdown,.review-sort .choices__list--dropdown { z-index: 120; min-width: 210px; max-height: var(--currency-menu-height,300px); margin-top: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(10,12,13,.985); box-shadow: 0 24px 55px rgba(0,0,0,.5); backdrop-filter: blur(18px); }
.currency-selector[data-menu-alignment="right"] .choices__list--dropdown { right: 0; left: auto; }
.currency-selector .choices__list--dropdown .choices__list,.review-sort .choices__list--dropdown .choices__list { max-height: var(--currency-menu-height,300px); padding: 6px; scrollbar-width: thin; }
.currency-selector .choices__input { margin: 0 0 6px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.035); color: var(--premium-text); font-size: 11px; }
.currency-selector .choices__item--choice,.review-sort .choices__item--choice { min-height: 40px; display: flex; align-items: center; margin: 0 0 2px; padding: 9px 34px 9px 11px; border-radius: 9px; color: rgba(var(--cl-t-primary),.68); font-size: 10px; transition: background .15s ease,color .15s ease; }
.currency-selector .choices__item--choice.is-highlighted,.review-sort .choices__item--choice.is-highlighted { background: rgba(255,255,255,.05); color: var(--premium-text); }
.currency-selector .choices__item--choice.is-selected { background: rgba(var(--cl-accent),.075); color: var(--premium-accent); }
.currency-selector .choices__item--choice.is-selected::after { content: '\f00c'; position: absolute; right: 12px; font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.mobile-currency-block { display: none; }
.nav-account { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--premium-line); border-radius: 12px; color: rgba(var(--cl-t-primary), .72); background: rgba(255,255,255,.025); }
.nav-account:hover { color: var(--premium-text); border-color: rgba(var(--cl-accent), .35); }
.nav-cart { min-height: 38px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--premium-line); border-radius: 12px; color: var(--premium-text); font-size: 12px; font-weight: 600; }
.nav-cart:hover { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.03); }
.cart-count { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: var(--premium-accent); color: rgb(var(--cl-t-accent)); font-size: 10px; font-weight: 800; }
.nav-cta { min-height: 40px; display: inline-flex; align-items: center; gap: 9px; padding: 0 15px; border-radius: 12px; background: var(--premium-accent); color: rgb(var(--cl-t-accent)); font-size: 12px; font-weight: 750; }
.nav-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 30px rgba(var(--cl-accent), .16); }
.nav-account:focus-visible,.nav-cart:focus-visible,.nav-cta:focus-visible,.mobile-menu-button:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
.mobile-menu-button { display: none; width: 42px; height: 42px; align-items: center; justify-content: center; flex-direction: column; gap: 6px; border: 1px solid var(--premium-line); border-radius: 12px; }
.mobile-menu-button span { width: 17px; height: 1px; background: var(--premium-text); transition: transform .2s ease; }
.menu-open .mobile-menu-button span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-open .mobile-menu-button span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-navigation { display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; padding: 12px; border: 1px solid var(--premium-line); border-radius: 16px; background: rgba(12, 14, 15, .98); box-shadow: 0 24px 60px rgba(0,0,0,.45); }
.mobile-navigation a { min-height: 48px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.06); color: rgba(var(--cl-t-primary), .75); font-size: 14px; }
.mobile-navigation .mobile-shop-link { margin-top: 8px; border: 0; border-radius: 11px; background: var(--premium-accent); color: rgb(var(--cl-t-accent)); font-weight: 700; }

/* Discord navigation */
.nav-discord { position: relative; z-index: 82; }
.nav-discord-trigger { min-height: 40px; display: flex; align-items: center; gap: 9px; padding: 4px 10px 4px 7px; border: 1px solid var(--premium-line); border-radius: 12px; background: rgba(255,255,255,.022); color: var(--premium-text); }
.nav-discord-trigger:hover { border-color: rgba(88,101,242,.42); background: rgba(88,101,242,.07); }
.nav-discord-trigger:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
.nav-discord-icon { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: rgba(88,101,242,.14); color: #8c96ff; }
.nav-discord-icon img,.mobile-discord-icon img,.discord-card-icon img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.nav-discord-icon.has-server-icon,.mobile-discord-icon.has-server-icon,.discord-card-icon.has-server-icon { padding: 0; overflow: hidden; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.045); }
.nav-discord-icon i { font-size: 13px; transition: transform .22s ease; }
.nav-discord.icon-minimal .nav-discord-icon { border: 1px solid rgba(255,255,255,.08); background: transparent; color: rgba(var(--cl-t-primary),.62); }
.nav-discord-trigger:hover .nav-discord-icon i { transform: translateY(-1px); }
.nav-discord-copy { min-width: 0; display: grid; gap: 1px; line-height: 1; text-align: left; }
.nav-discord-copy strong { max-width: 90px; overflow: hidden; font-size: 10px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.nav-discord-copy small { color: rgba(var(--cl-t-primary),.45); font-size: 8px; white-space: nowrap; }
.discord-online-text i { margin-right: 3px; color: #57f287; font-size: 5px; vertical-align: 1px; }
.nav-discord-chevron { color: rgba(var(--cl-t-primary),.32); font-size: 7px; transition: transform .2s ease; }
.nav-discord-trigger[aria-expanded="true"] .nav-discord-chevron { transform: rotate(180deg); }
.nav-discord.accent-balanced .nav-discord-trigger { border-color: rgba(88,101,242,.24); box-shadow: inset 0 0 0 1px rgba(88,101,242,.025); }
.nav-discord.is-compact .nav-discord-copy strong { display: none; }
.nav-discord.is-compact .nav-discord-trigger { padding-right: 8px; }
.nav-discord-popover { position: absolute; top: calc(100% + 10px); right: 0; width: 272px; padding: 17px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: radial-gradient(circle at 100% 0,rgba(88,101,242,.14),transparent 44%),rgba(10,12,14,.985); box-shadow: 0 28px 70px rgba(0,0,0,.48); backdrop-filter: blur(18px); }
.discord-popover-kicker { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; color: #9aa2ff; font-size: 8px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.nav-discord-popover > strong { display: block; font-size: 14px; }
.nav-discord-popover > p { margin: 7px 0 0; color: rgba(var(--cl-t-primary),.54); font-size: 10px; line-height: 1.55; }
.discord-popover-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 14px; }
.discord-popover-metrics > span { padding: 10px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(255,255,255,.022); }
.discord-popover-metrics strong,.discord-popover-metrics small { display: block; }
.discord-popover-metrics strong { font-size: 13px; }
.discord-popover-metrics small { margin-top: 3px; color: rgba(var(--cl-t-primary),.4); font-size: 8px; }
.discord-popover-cta { min-height: 38px; display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 0 12px; border-radius: 10px; background: #5865f2; color: #fff; font-size: 10px; font-weight: 720; }
.discord-popover-cta:hover { background: #6672f4; }
.mobile-discord-block { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; padding: 12px; border: 1px solid rgba(88,101,242,.16); border-radius: 12px; background: rgba(88,101,242,.055); }
.mobile-discord-icon { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: rgba(88,101,242,.14); color: #9ba3ff; }
.mobile-discord-block > div { min-width: 0; display: grid; gap: 3px; }
.mobile-discord-block strong { font-size: 11px; }
.mobile-discord-block small { color: rgba(var(--cl-t-primary),.44); font-size: 9px; }
.mobile-discord-block > a { min-height: 34px; margin-left: auto; padding: 0 10px; gap: 6px; border: 0; border-radius: 9px; background: #5865f2; color: #fff; font-size: 9px; font-weight: 700; }

/* Customer authentication */
.customer-auth-modal { position: fixed; z-index: 180; inset: 0; overflow: hidden auto; color: var(--premium-text); }
.customer-auth-backdrop { position: fixed; inset: 0; background: rgba(2,4,5,.78); }
.customer-auth-modal.backdrop-blur .customer-auth-backdrop { backdrop-filter: blur(12px) saturate(115%); }
.customer-auth-modal.backdrop-soft .customer-auth-backdrop { background: rgba(2,4,5,.68); backdrop-filter: blur(6px); }
.customer-auth-modal.backdrop-dim .customer-auth-backdrop { background: rgba(0,0,0,.86); }
.customer-auth-viewport { position: relative; z-index: 1; min-height: 100dvh; display: grid; place-items: center; padding: max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); pointer-events: none; }
.customer-auth-dialog { position: relative; width: min(100%,460px); max-height: calc(100dvh - 36px); overflow: hidden auto; padding: 28px; border: 1px solid rgba(255,255,255,.105); border-radius: 22px; background: radial-gradient(circle at 88% 0,rgba(var(--cl-accent),.1),transparent 38%),linear-gradient(145deg,rgba(var(--cl-card),.98),rgba(var(--cl-background),.99)); box-shadow: 0 36px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055); pointer-events: auto; scrollbar-width: thin; }
.auth-width-compact .customer-auth-dialog { width: min(100%,400px); }
.auth-width-wide .customer-auth-dialog { width: min(100%,520px); }
.customer-auth-modal.accent-subtle .customer-auth-dialog { border-color: rgba(var(--cl-accent),.14); }
.customer-auth-modal.accent-balanced .customer-auth-dialog { border-color: rgba(var(--cl-accent),.24); }
.customer-auth-decoration { position: absolute; width: 210px; height: 210px; top: -130px; right: -80px; border-radius: 50%; background: rgba(var(--cl-accent),.12); filter: blur(32px); pointer-events: none; }
.customer-auth-close { position: absolute; z-index: 2; top: 16px; right: 16px; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: rgba(255,255,255,.025); color: rgba(var(--cl-t-primary),.48); }
.customer-auth-close:hover { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.045); color: var(--premium-text); }
.customer-auth-header { position: relative; display: flex; align-items: center; gap: 14px; padding-right: 38px; }
.customer-auth-mark { width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(var(--cl-accent),.24); border-radius: 14px; background: rgba(var(--cl-accent),.075); color: var(--premium-accent); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.customer-auth-mark img { width: 100%; height: 100%; padding: 7px; object-fit: contain; }
.customer-auth-mark i { font-size: 17px; }
.customer-auth-eyebrow { display: flex; align-items: center; gap: 6px; color: rgba(var(--cl-t-primary),.42); font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.customer-auth-eyebrow i { color: rgba(var(--cl-accent),.78); }
.customer-auth-header h2 { margin: 5px 0 0; font-size: clamp(1.35rem,4vw,1.7rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 650; }
.customer-auth-step-frame { position: relative; margin-top: 22px; }
.customer-auth-step { width: 100%; }
.customer-auth-intro { margin: 0 0 20px; color: rgba(var(--cl-t-primary),.58); font-size: 12px; line-height: 1.65; }
.customer-auth-intro strong { color: rgba(var(--cl-t-primary),.88); font-weight: 620; word-break: break-word; }
.customer-auth-field label,.customer-auth-fieldset legend { display: block; margin-bottom: 7px; color: rgba(var(--cl-t-primary),.78); font-size: 10px; font-weight: 650; }
.customer-auth-input-wrap { min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.035); transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.customer-auth-input-wrap:focus-within { border-color: rgba(var(--cl-accent),.58); background: rgba(255,255,255,.045); box-shadow: 0 0 0 3px rgba(var(--cl-accent),.075); }
.customer-auth-input-wrap.has-error { border-color: rgba(248,113,113,.55); }
.customer-auth-input-wrap > i { color: rgba(var(--cl-t-primary),.34); font-size: 11px; }
.customer-auth-input-wrap input { min-width: 0; flex: 1; padding: 0; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--premium-text); font-size: 13px; }
.customer-auth-input-wrap input::placeholder { color: rgba(var(--cl-t-primary),.28); }
.customer-auth-error,.customer-auth-status { display: flex; align-items: flex-start; gap: 7px; margin: 8px 0 0; font-size: 10px; line-height: 1.5; }
.customer-auth-error { color: #fda4af; }
.customer-auth-status { color: rgba(var(--cl-accent),.82); }
.customer-auth-challenge { margin-top: 12px; }
.customer-auth-primary { min-height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 15px; border: 1px solid var(--premium-accent); border-radius: 12px; background: var(--premium-accent); color: rgb(var(--cl-t-accent)); font-size: 12px; font-weight: 760; box-shadow: 0 12px 34px rgba(var(--cl-accent),.12); }
.customer-auth-primary:hover:enabled { filter: brightness(1.04); transform: translateY(-1px); box-shadow: 0 16px 38px rgba(var(--cl-accent),.18); }
.customer-auth-primary:active:enabled { transform: translateY(0); }
.customer-auth-primary:disabled { cursor: not-allowed; opacity: .46; }
.customer-auth-primary i { font-size: 10px; }
.customer-auth-trust { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 14px; color: rgba(var(--cl-t-primary),.36); font-size: 9px; line-height: 1.4; text-align: center; }
.customer-auth-trust i { color: rgba(var(--cl-accent),.62); }
.customer-auth-edit-email { display: inline-flex; align-items: center; gap: 7px; margin: -8px 0 17px; color: rgba(var(--cl-t-primary),.46); font-size: 9px; }
.customer-auth-edit-email:hover { color: var(--premium-accent); }
.customer-auth-fieldset { margin: 0; padding: 0; border: 0; }
.customer-auth-otp { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.customer-auth-otp input { width: 100%; min-width: 0; height: 52px; padding: 0; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(255,255,255,.035); color: var(--premium-text); font-size: 18px; font-weight: 700; text-align: center; }
.customer-auth-otp input:focus { border-color: rgba(var(--cl-accent),.62); outline: 0; box-shadow: 0 0 0 3px rgba(var(--cl-accent),.075); }
.customer-auth-otp.has-error input { border-color: rgba(248,113,113,.4); }
.customer-auth-resend { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 15px; color: rgba(var(--cl-t-primary),.38); font-size: 9px; }
.customer-auth-resend button { color: rgba(var(--cl-accent),.82); font-weight: 650; }
.customer-auth-resend button:disabled { color: rgba(var(--cl-t-primary),.3); }
.customer-auth-success { padding: 18px 4px 2px; text-align: center; }
.customer-auth-success > span { width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 50%; background: rgba(var(--cl-accent),.12); color: var(--premium-accent); box-shadow: 0 0 0 8px rgba(var(--cl-accent),.035); }
.customer-auth-success p { color: rgba(var(--cl-t-primary),.58); font-size: 11px; }
.customer-auth-progress { height: 3px; margin-top: 18px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.05); }
.customer-auth-progress span { display: block; width: 100%; height: 100%; background: var(--premium-accent); transform-origin: left; animation: customerAuthProgress .52s linear both; }
.customer-auth-footer { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 22px -28px -28px; padding: 13px 20px; border-top: 1px solid rgba(255,255,255,.055); background: rgba(0,0,0,.09); color: rgba(var(--cl-t-primary),.3); font-size: 8px; text-align: center; }
.customer-auth-footer i { color: rgba(var(--cl-accent),.52); }
.auth-backdrop-enter,.auth-backdrop-leave { transition: opacity .24s ease; }
.auth-dialog-enter,.auth-dialog-leave { transition: opacity .32s ease,transform .36s cubic-bezier(.2,.82,.2,1),filter .32s ease; }
.speed-fast .auth-dialog-enter,.speed-fast .auth-dialog-leave { transition-duration: .22s; }
.speed-slow .auth-dialog-enter,.speed-slow .auth-dialog-leave { transition-duration: .46s; }
.auth-backdrop-enter-start,.auth-dialog-enter-start { opacity: 0; }
.auth-backdrop-enter-end,.auth-dialog-enter-end { opacity: 1; }
.auth-dialog-enter-start { filter: blur(5px); transform: translateY(9px) scale(.98); }
.auth-dialog-enter-end { filter: none; transform: none; }
.auth-step-enter,.auth-step-leave { transition: opacity .2s ease,transform .25s cubic-bezier(.2,.82,.2,1),filter .22s ease; }
.auth-step-enter-start,.auth-step-leave-end { opacity: 0; filter: blur(3px); transform: translateY(7px); }
.auth-step-enter-end { opacity: 1; filter: none; transform: none; }
@keyframes customerAuthProgress { from { transform: scaleX(0); } }

/* Discord community section */
.discord-community { display: grid; grid-template-columns: minmax(0,.82fr) minmax(480px,1.18fr); gap: clamp(44px,7vw,100px); align-items: center; }
.discord-community.layout-card { grid-template-columns: minmax(0,1fr); }
.discord-community.layout-card .discord-community-copy { max-width: 760px; text-align: center; margin-inline: auto; }
.discord-community-copy h2 { margin: 15px 0 0; font-size: clamp(2.7rem,5.5vw,5.7rem); line-height: .94; letter-spacing: -.064em; font-weight: 560; text-wrap: balance; }
.discord-community-copy > p { max-width: 590px; margin: 22px 0 0; color: var(--premium-muted); font-size: 14px; line-height: 1.75; }
.discord-trust-message { display: flex; align-items: center; gap: 12px; max-width: 520px; margin-top: 24px; padding: 12px; border: 1px solid rgba(88,101,242,.14); border-radius: 14px; background: rgba(88,101,242,.045); }
.discord-trust-message > span { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: rgba(88,101,242,.12); color: #9ea6ff; }
.discord-trust-message strong { display: block; font-size: 10px; }
.discord-trust-message p { margin: 3px 0 0; color: rgba(var(--cl-t-primary),.45); font-size: 9px; line-height: 1.5; }
.discord-community-actions { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 27px; }
.discord-community-actions .premium-button-primary { border-color: #5865f2; background: #5865f2; color: #fff; }
.discord-community-actions .premium-button-primary:hover { box-shadow: 0 16px 42px rgba(88,101,242,.2); }
.discord-community-card { position: relative; min-width: 0; overflow: hidden; padding: clamp(22px,3vw,32px); border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: radial-gradient(circle at 90% 0,rgba(88,101,242,.13),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014)); box-shadow: 0 34px 90px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05); }
.discord-community-card.accent-subtle { border-color: rgba(88,101,242,.15); }
.discord-community-card.accent-balanced { border-color: rgba(88,101,242,.24); }
.discord-card-aura { position: absolute; width: 250px; height: 250px; top: -165px; right: -75px; border-radius: 50%; background: #5865f2; opacity: .14; filter: blur(42px); }
.discord-card-header { position: relative; display: flex; align-items: center; gap: 13px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.07); }
.discord-card-icon { width: 49px; height: 49px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 15px; background: #5865f2; color: #fff; box-shadow: 0 12px 30px rgba(88,101,242,.18); }
.discord-card-icon i { font-size: 20px; }
.discord-card-icon.icon-minimal { border: 1px solid rgba(88,101,242,.24); background: rgba(88,101,242,.08); color: #a2a9ff; box-shadow: none; }
.discord-card-header > div { min-width: 0; display: grid; gap: 5px; }
.discord-card-header strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.discord-card-header small { color: rgba(var(--cl-t-primary),.42); font-size: 9px; }
.discord-card-header small i { margin-right: 5px; color: rgba(var(--cl-accent),.7); }
.discord-card-status { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; padding: 7px 9px; border: 1px solid rgba(87,242,135,.16); border-radius: 99px; background: rgba(87,242,135,.05); color: rgba(130,255,169,.78); font-size: 8px; white-space: nowrap; }
.discord-card-status i { font-size: 8px; }
.discord-community-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 20px; }
.discord-community-metric { min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: rgba(255,255,255,.018); }
.discord-community-metric strong { display: block; overflow: hidden; font-size: clamp(1.55rem,3vw,2.3rem); line-height: 1; letter-spacing: -.04em; text-overflow: ellipsis; }
.discord-community-metric > span { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: rgba(var(--cl-t-primary),.4); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.discord-community-metric.is-online > span i { color: #57f287; }
.discord-member-strip { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.discord-avatar-stack { display: flex; padding-left: 7px; }
.discord-avatar-stack img { width: 32px; height: 32px; margin-left: -7px; border: 2px solid rgb(var(--cl-card)); border-radius: 50%; object-fit: cover; background: rgb(var(--cl-card)); }
.discord-member-strip p { margin: 0; color: rgba(var(--cl-t-primary),.45); font-size: 9px; }
.discord-support-preview { display: grid; gap: 8px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.07); }
.discord-preview-message { display: flex; align-items: flex-start; gap: 10px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(0,0,0,.09); }
.discord-preview-message > span { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: rgba(88,101,242,.1); color: #99a2ff; font-size: 9px; }
.discord-preview-message strong { display: block; font-size: 9px; }
.discord-preview-message p { margin: 3px 0 0; color: rgba(var(--cl-t-primary),.44); font-size: 9px; line-height: 1.45; }

/* Shared sections */
.premium-section { padding: clamp(74px, 10vw, 144px) 0; }
.premium-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--premium-accent); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .18em; }
.premium-kicker::before { content: ""; width: 20px; height: 1px; background: currentColor; opacity: .7; }
.section-heading h2, .products-title, .about-copy h2, .stats-intro h2, .final-cta h2 {
  margin-top: 16px;
  font-size: clamp(2.2rem, 5.3vw, 5.6rem);
  line-height: .98;
  letter-spacing: -.062em;
  font-weight: 560;
  text-wrap: balance;
}
.section-heading > p, .split-heading > p, .products-intro, .about-copy > p, .faq-intro > p, .final-cta > p {
  color: var(--premium-muted);
  line-height: 1.75;
}
.centered-heading { max-width: 850px; margin: 0 auto 52px; text-align: center; }
.centered-heading .premium-kicker { justify-content: center; }
.centered-heading > p { max-width: 620px; margin: 20px auto 0; }
.split-heading { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); align-items: end; gap: 48px; margin-bottom: 54px; }
.split-heading > p { max-width: 440px; }

/* Hero */
.hero-shell { position: relative; min-height: min(820px, calc(100vh - 72px)); display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(44px, 7vw, 110px); align-items: center; padding: clamp(78px, 9vw, 132px) clamp(4px, 3vw, 42px) 84px; overflow: hidden; }
.hero-aura { position: absolute; width: 700px; height: 700px; right: -250px; top: 2%; border-radius: 50%; background: radial-gradient(circle, rgba(var(--cl-accent), .13), transparent 62%); filter: blur(10px); pointer-events: none; }
.hero-grid { position: absolute; inset: 0; opacity: .17; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, black 30%, transparent 90%); }
.hero-copy, .hero-visual { position: relative; z-index: 1; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--premium-accent); box-shadow: 0 0 0 5px rgba(var(--cl-accent), .09); }
.hero-title { margin-top: 22px; font-size: clamp(3.4rem, 7vw, 7.25rem); line-height: .88; letter-spacing: -.076em; font-weight: 560; text-wrap: balance; }
.hero-title > span:first-child { display: block; max-width: 720px; }
.rotating-word { display: inline-block; min-width: 0; color: var(--premium-accent); text-shadow: 0 0 45px rgba(var(--cl-accent), .12); }
.hero-period { color: var(--premium-accent); }
.hero-subtitle { max-width: 600px; margin-top: 30px; color: rgba(var(--cl-t-primary), .62); font-size: clamp(1rem, 1.4vw, 1.18rem); line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.premium-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 0 21px; border: 1px solid var(--premium-line); border-radius: 14px; font-size: 13px; font-weight: 720; }
.premium-button-primary { background: var(--premium-accent); color: rgb(var(--cl-t-accent)); border-color: var(--premium-accent); box-shadow: 0 10px 40px rgba(var(--cl-accent), .1); }
.premium-button-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 42px rgba(var(--cl-accent), .18); }
.premium-button-primary:hover i { transform: translateX(3px); }
.premium-button i { transition: transform .2s ease; }
.premium-button-secondary { background: rgba(255,255,255,.03); color: var(--premium-text); }
.premium-button-secondary:hover { border-color: rgba(var(--cl-accent), .32); background: rgba(255,255,255,.055); }
.hero-proof { margin-top: 30px; display: flex; gap: 18px; flex-wrap: wrap; color: rgba(var(--cl-t-primary), .45); font-size: 11px; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }
.hero-proof i { color: rgba(var(--cl-accent), .82); }
.hero-visual { min-width: 0; perspective: 1000px; }
.delivery-preview { --delivery-ease: cubic-bezier(.2,.78,.22,1); position: relative; padding: 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 26px; background: radial-gradient(circle at 84% 8%,rgba(var(--cl-accent),.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.068),rgba(255,255,255,.018)); box-shadow: 0 45px 120px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08); transform: rotateY(-3deg) rotateX(1deg); backdrop-filter: blur(8px); animation: deliveryCardEnter .72s var(--delivery-ease) both; }
.delivery-preview::before { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg,transparent 28%,rgba(255,255,255,.035),transparent 62%); opacity: .55; }
.preview-topbar { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 14px; border-bottom: 1px solid var(--premium-line); }
.preview-brand { font-size: 12px; font-weight: 700; }
.preview-live { color: rgba(var(--cl-t-primary),.5); font-size: 10px; text-transform: uppercase; letter-spacing: .11em; transition: color .4s ease; }
.preview-live i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--premium-accent); box-shadow: 0 0 12px rgba(var(--cl-accent),.45); animation: liveStatusPulse 2.2s ease-in-out infinite; }
.preview-live.is-complete { color: rgba(var(--cl-accent),.82); }
.preview-product { display: grid; grid-template-columns: 130px 1fr; gap: 22px; align-items: center; padding: 28px 10px; }
.preview-art { aspect-ratio: 1; position: relative; display: grid; place-items: center; overflow: hidden; padding: var(--preview-logo-padding); border: 1px solid rgba(var(--cl-accent),.18); border-radius: var(--preview-logo-radius); background: radial-gradient(circle at 50% 35%,rgba(var(--cl-accent),.14),transparent 58%),var(--preview-logo-bg); animation: deliveryLogoEnter .55s .25s var(--delivery-ease) both; }
.preview-art.has-logo-glow { box-shadow: inset 0 0 38px rgba(var(--cl-accent),.055); }
.preview-art > i { position: relative; z-index: 1; color: var(--premium-accent); font-size: 42px; filter: drop-shadow(0 0 16px rgba(var(--cl-accent),.26)); }
.preview-art > img { position: relative; z-index: 1; width: 100%; height: 100%; object-position: center; }
.preview-art.has-custom-logo .preview-logo-image,.preview-art.has-product-image .preview-logo-image { opacity: 0; transition: opacity .28s ease; }
.preview-art.has-custom-logo.is-logo-loaded .preview-logo-image,.preview-art.has-product-image.is-logo-loaded .preview-logo-image { opacity: 1; }
.preview-art.is-logo-error .preview-logo-image { display: none; }
.preview-label { display: block; margin-bottom: 9px; color: var(--premium-accent); font-size: 9px; text-transform: uppercase; letter-spacing: .16em; }
.preview-product strong { display: block; font-size: clamp(1.1rem, 2vw, 1.75rem); letter-spacing: -.035em; }
.preview-product small { display: block; margin-top: 9px; color: var(--premium-muted); font-size: 11px; }
.preview-route { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 8px; margin: 8px 12px 24px; }
.route-progress-track { position: absolute; z-index: 0; top: 17px; left: 16.666%; right: 16.666%; height: 1px; overflow: visible; background: rgba(255,255,255,.1); }
.route-progress-track span { display: block; position: relative; width: 0; height: 100%; background: var(--premium-accent); box-shadow: 0 0 10px rgba(var(--cl-accent),.28); transition: width .82s var(--delivery-ease); }
.route-progress-track span::after { content: ''; position: absolute; top: 50%; right: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--premium-accent); transform: translateY(-50%); box-shadow: 0 0 9px rgba(var(--cl-accent),.55); }
.route-step { position: relative; z-index: 1; display: grid; justify-items: center; gap: 8px; color: rgba(var(--cl-t-primary),.3); font-size: 9px; transition: color .38s ease,transform .38s var(--delivery-ease); }
.route-icon { position: relative; width: 34px; height: 34px; display: grid !important; place-items: center; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; background: #0a0d0e; color: rgba(var(--cl-t-primary),.28); transform: scale(.92); transition: color .38s ease,border-color .38s ease,background .38s ease,transform .38s var(--delivery-ease),box-shadow .38s ease; }
.route-step.is-active { color: var(--premium-text); transform: translateY(-2px); }
.route-step.is-active .route-icon { color: rgb(var(--cl-t-accent)); border-color: var(--premium-accent); background: var(--premium-accent); transform: scale(1); box-shadow: 0 0 0 6px rgba(var(--cl-accent),.045),0 0 24px rgba(var(--cl-accent),.11); animation: routeConfirm .48s var(--delivery-ease) both; }
.route-secured.is-active .route-icon::after { content: ''; position: absolute; inset: -4px; border: 1px solid rgba(var(--cl-accent),.35); border-top-color: transparent; border-radius: 50%; animation: secureRing .55s ease-out both; }
.route-delivered.is-active .route-icon { animation: routeConfirm .48s var(--delivery-ease) both,deliveryPulse 1.2s .48s ease-out 1; }
.preview-access { position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid rgba(var(--cl-accent),.1); border-radius: 16px; background: rgba(var(--cl-accent),.028); color: rgba(var(--cl-t-primary),.32); font-size: 10px; opacity: .48; transform: translateY(7px); transition: opacity .55s ease,transform .55s var(--delivery-ease),color .55s ease; }
.preview-access::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(var(--cl-accent),.12),rgba(var(--cl-accent),.045)); transform: scaleX(0); transform-origin: left; transition: transform .65s var(--delivery-ease); }
.preview-access.is-visible { color: rgba(var(--cl-t-primary),.58); opacity: 1; transform: none; }
.preview-access.is-visible::before { transform: scaleX(1); }
.preview-access span:first-child { color: var(--premium-text); font-size: 12px; font-weight: 650; }
.preview-access i { color: var(--premium-accent); margin-right: 6px; }
.delivery-replay { position: absolute; z-index: 3; top: 76px; right: 22px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(8,10,11,.58); color: rgba(var(--cl-t-primary),.42); font-size: 9px; opacity: 0; transform: translateY(-3px); transition: opacity .25s ease,transform .25s ease,border-color .25s ease,color .25s ease; }
.delivery-preview.is-delivery-complete .delivery-replay { opacity: 1; transform: none; }
.delivery-replay:hover,.delivery-replay:focus-visible { border-color: rgba(var(--cl-accent),.34); color: var(--premium-accent); }
.floating-chip { position: absolute; z-index: 2; padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 99px; background: rgba(13,15,16,.9); box-shadow: 0 14px 30px rgba(0,0,0,.28); color: rgba(var(--cl-t-primary), .7); font-size: 10px; backdrop-filter: blur(10px); }
.floating-chip i { color: var(--premium-accent); margin-right: 6px; }
.floating-chip-one { top: 9%; right: -3%; }
.floating-chip-two { bottom: 13%; left: -7%; }
.benefit-rotator { --benefit-transition: 420ms; position: absolute; z-index: 4; width: min(235px,calc(100% - 24px)); min-height: 36px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(10,12,13,.94); box-shadow: 0 14px 32px rgba(0,0,0,.3); backdrop-filter: blur(12px); }
.benefit-rotator.position-bottom-left { left: calc(var(--benefit-x) * -1); bottom: calc(var(--benefit-y) * -1); }
.benefit-rotator.position-left-middle { left: calc(var(--benefit-x) * -1); top: 50%; transform: translateY(-50%); }
.benefit-rotator.position-bottom-center { left: 50%; bottom: calc(var(--benefit-y) * -1); transform: translateX(-50%); }
.benefit-rotator.position-bottom-right { right: calc(var(--benefit-x) * -1); bottom: calc(var(--benefit-y) * -1); }
.benefit-rotator.background-glass { background: rgba(16,19,18,.75); }
.benefit-rotator.background-accent { background: color-mix(in srgb,var(--premium-accent) 9%,rgba(10,12,13,.94)); }
.benefit-rotator.accent-none i { color: rgba(var(--cl-t-primary),.58); }
.benefit-rotator.accent-balanced { border-color: rgba(var(--cl-accent),.28); box-shadow: 0 14px 32px rgba(0,0,0,.3),inset 0 0 0 1px rgba(var(--cl-accent),.05); }
.benefit-rotator-item { position: absolute; inset: 0; min-width: 0; display: flex; align-items: center; gap: 7px; padding: 0 12px; opacity: 0; filter: blur(4px); transform: translateY(6px); transition: opacity var(--benefit-transition) ease,transform var(--benefit-transition) cubic-bezier(.2,.78,.22,1),filter var(--benefit-transition) ease; pointer-events: none; }
.benefit-rotator-item.is-active { opacity: 1; filter: blur(0); transform: none; }
.benefit-rotator-item > i { flex: 0 0 auto; color: var(--premium-accent); font-size: 9px; }
.benefit-rotator-item > span { min-width: 0; overflow: hidden; color: rgba(var(--cl-t-primary),.7); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.benefit-rotator.align-left .benefit-rotator-item { justify-content: flex-start; text-align: left; }
.benefit-rotator.align-center .benefit-rotator-item { justify-content: center; text-align: center; }
.benefit-rotator.align-right .benefit-rotator-item { justify-content: flex-end; text-align: right; }
.hero-visual.intensity-subtle .delivery-preview { transform: none; }
.hero-visual.intensity-subtle .route-step.is-active .route-icon { box-shadow: 0 0 0 4px rgba(var(--cl-accent),.035); }
.hero-visual.intensity-expressive .delivery-preview { transform: rotateY(-4deg) rotateX(1.5deg); }
@keyframes deliveryCardEnter { from { opacity: 0; transform: translateY(18px) rotateY(-3deg); } }
@keyframes deliveryLogoEnter { from { opacity: 0; transform: scale(.94); } }
@keyframes routeConfirm { 0% { opacity: .4; transform: scale(.88); } 65% { transform: scale(1.06); } 100% { opacity: 1; transform: scale(1); } }
@keyframes secureRing { from { opacity: 0; transform: rotate(-80deg) scale(.86); } to { opacity: 1; transform: rotate(180deg) scale(1); } }
@keyframes deliveryPulse { 0% { box-shadow: 0 0 0 0 rgba(var(--cl-accent),.16); } 100% { box-shadow: 0 0 0 12px transparent; } }
@keyframes liveStatusPulse { 50% { opacity: .58; box-shadow: 0 0 5px rgba(var(--cl-accent),.25); } }

/* Reusable editorial, steps, statistics, and reveal system */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity var(--motion-emphasis,700ms) cubic-bezier(.2,.8,.2,1),transform var(--motion-emphasis,700ms) cubic-bezier(.2,.8,.2,1),filter var(--motion-emphasis,700ms) ease; transition-delay: var(--reveal-delay,0ms); }
[data-reveal="fade-in"] { transform: none; }
[data-reveal="scale"] { transform: scale(.975); }
[data-reveal="slide-left"] { transform: translateX(-24px); }
[data-reveal="slide-right"] { transform: translateX(24px); }
[data-reveal="blur"] { transform: translateY(10px); filter: blur(7px); }
[data-reveal="none"] { opacity: 1; transform: none; filter: none; transition: none; }
[data-reveal].is-visible,.builder-mode[data-reveal] { opacity: 1; transform: none; filter: none; }

/* Sequenced premium section headings */
.premium-heading-reveal .heading-reveal-line { display: inline-block; max-width: 100%; overflow: clip; vertical-align: bottom; }
.premium-heading-reveal .heading-reveal-line-inner { display: block; will-change: transform,opacity,filter; }
.premium-heading-reveal .premium-kicker-text { display: inline-block; will-change: transform,opacity; }
.premium-heading-reveal.heading-reveal-ready .premium-kicker::before { transform: scaleX(0); transform-origin: left center; transition: transform var(--heading-line-duration,250ms) cubic-bezier(.22,1,.36,1) var(--heading-delay,0ms); }
.premium-heading-reveal.heading-reveal-ready .premium-kicker-text { opacity: 0; transform: translate3d(0,7px,0); transition: opacity .34s ease var(--heading-kicker-delay,250ms),transform .42s cubic-bezier(.22,1,.36,1) var(--heading-kicker-delay,250ms); }
.premium-heading-reveal.heading-reveal-ready .heading-reveal-line-inner { opacity: 0; filter: blur(5px); transform: translate3d(0,18px,0); transition: opacity var(--heading-duration,620ms) ease,transform var(--heading-duration,620ms) cubic-bezier(.16,1,.3,1),filter var(--heading-duration,620ms) ease; transition-delay: var(--heading-line-delay,390ms); }
.premium-heading-reveal.heading-reveal-ready [data-heading-support] { opacity: 0; transform: translate3d(0,10px,0); transition: opacity .48s ease var(--heading-copy-delay,820ms),transform .58s cubic-bezier(.22,1,.36,1) var(--heading-copy-delay,820ms); }
.premium-heading-reveal.heading-style-mask .heading-reveal-line-inner,.premium-heading-reveal.heading-style-fade-up .heading-reveal-line-inner { filter: none; }
.premium-heading-reveal.heading-style-fade-up .heading-reveal-line { overflow: visible; }
.premium-heading-reveal.heading-line-disabled .premium-kicker::before { transform: scaleX(1); transition: none; }
.premium-heading-reveal.is-heading-visible .premium-kicker::before { transform: scaleX(1); }
.premium-heading-reveal.is-heading-visible .premium-kicker-text,.premium-heading-reveal.is-heading-visible .heading-reveal-line-inner,.premium-heading-reveal.is-heading-visible [data-heading-support] { opacity: 1; filter: none; transform: none; }

.modular-text-media { position: relative; padding-block: 82px; }
.modular-text-media.spacing-compact { padding-block: 54px; }
.modular-text-media.spacing-relaxed { padding-block: 116px; }
.modular-text-media-shell { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(32px,6vw,84px); align-items: center; padding: clamp(26px,4vw,56px); border-radius: var(--modular-radius); overflow: hidden; }
.modular-text-media.background-none .modular-text-media-shell { padding-inline: 0; }
.modular-text-media.background-surface .modular-text-media-shell { background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }
.modular-text-media.background-gradient .modular-text-media-shell { background: radial-gradient(circle at 82% 8%,rgba(var(--cl-accent),.1),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); }
.modular-text-media.background-grid .modular-text-media-shell { background-color: rgba(255,255,255,.018); background-image: linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size: 42px 42px; }
.modular-text-media.border-subtle .modular-text-media-shell { border: 1px solid var(--premium-line); }
.modular-text-media.border-accent .modular-text-media-shell { border: 1px solid rgba(var(--cl-accent),.28); }
.modular-text-media.split-40-60.layout-text-left .modular-text-media-shell,.modular-text-media.split-60-40.layout-media-left .modular-text-media-shell { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
.modular-text-media.split-60-40.layout-text-left .modular-text-media-shell,.modular-text-media.split-40-60.layout-media-left .modular-text-media-shell { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); }
.modular-text-media.layout-media-left .modular-copy { order: 2; }
.modular-text-media.layout-media-left .modular-media { order: 1; }
.modular-text-media.layout-centered .modular-text-media-shell { grid-template-columns: 1fr; text-align: center; }
.modular-text-media.layout-centered .modular-copy { max-width: var(--modular-text-max); margin-inline: auto; }
.modular-text-media.layout-centered .modular-media { max-width: 1000px; width: 100%; margin-inline: auto; }
.modular-text-media.layout-overlay .modular-text-media-shell { min-height: 610px; display: grid; padding: 0; }
.modular-text-media.layout-overlay .modular-copy,.modular-text-media.layout-overlay .modular-media { grid-area: 1/1; }
.modular-text-media.layout-overlay .modular-media { height: 100%; border-radius: var(--modular-radius); }
.modular-text-media.layout-overlay .modular-copy { z-index: 3; align-self: end; max-width: min(var(--modular-text-max),75%); margin: clamp(24px,5vw,64px); padding: clamp(22px,3vw,38px); border: 1px solid rgba(255,255,255,.1); border-radius: calc(var(--modular-radius) - 5px); background: rgba(8,10,11,.78); backdrop-filter: blur(12px); }
.modular-text-media:not(:has(.modular-media)) .modular-text-media-shell { grid-template-columns: 1fr; }
.modular-copy { max-width: var(--modular-text-max); }
.modular-text-media.align-center .modular-copy { text-align: center; margin-inline: auto; }
.modular-text-media.align-right .modular-copy { text-align: right; margin-left: auto; }
.modular-copy h2 { margin-top: 14px; font-size: clamp(2rem,5vw,var(--modular-heading-size)); line-height: .98; letter-spacing: -.055em; font-weight: 580; text-wrap: balance; }
.modular-lead { margin-top: 22px; color: rgba(var(--cl-t-primary),.7); font-size: 15px; line-height: 1.75; }
.modular-secondary { margin-top: 14px; color: var(--premium-muted); font-size: 12px; line-height: 1.7; }
.modular-badge { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 7px 10px; border: 1px solid rgba(var(--cl-accent),.18); border-radius: 999px; background: rgba(var(--cl-accent),.055); color: rgba(var(--cl-t-primary),.68); font-size: 9px; }
.modular-badge i { color: var(--premium-accent); }
.modular-features { margin-top: 24px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 16px; }
.modular-features li { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; align-items: center; color: rgba(var(--cl-t-primary),.62); font-size: 10px; }
.modular-features li > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 8px; color: var(--premium-accent); background: rgba(var(--cl-accent),.05); }
.modular-mini-stats { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 10px; }
.modular-mini-stats > div { min-width: 100px; padding: 11px; border: 1px solid var(--premium-line); border-radius: 12px; background: rgba(255,255,255,.018); }
.modular-mini-stats strong,.modular-mini-stats span { display: block; }
.modular-mini-stats strong { font-size: 17px; }
.modular-mini-stats span { margin-top: 3px; color: var(--premium-muted); font-size: 8px; }
.modular-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.modular-text-media.align-center .modular-actions { justify-content: center; }
.modular-text-media.align-right .modular-actions { justify-content: flex-end; }
.modular-media { position: relative; min-height: 360px; aspect-ratio: 4/3; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: var(--modular-radius); background: #090c0d; isolation: isolate; transition: border-color .25s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
.modular-media.has-inner-frame { padding: 10px; }
.modular-media.has-ambient-light::before { content: ''; position: absolute; inset: -20%; pointer-events: none; background: radial-gradient(circle,rgba(var(--cl-accent),.12),transparent 56%); }
.modular-media:hover { border-color: rgba(var(--cl-accent),.2); }
.modular-media-image,.modular-video { position: relative; z-index: 1; width: 100%; height: 100%; border-radius: calc(var(--modular-radius) - 9px); object-position: center; }
.modular-media.fit-contain .modular-media-image,.modular-media.fit-contain .modular-video { object-fit: contain; }
.modular-media.fit-cover .modular-media-image,.modular-media.fit-cover .modular-video { object-fit: cover; }
.modular-media.position-top :is(img,video) { object-position: center top; }
.modular-media.position-bottom :is(img,video) { object-position: center bottom; }
.modular-media.position-left :is(img,video) { object-position: left center; }
.modular-media.position-right :is(img,video) { object-position: right center; }
.modular-media-image { opacity: 0; transition: opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1); }
.modular-media.is-media-ready .modular-media-image { opacity: 1; }
.modular-media:hover .modular-media-image { transform: scale(1.018); }
.modular-media-skeleton { position: absolute; z-index: 4; inset: 10px; border-radius: calc(var(--modular-radius) - 9px); background: linear-gradient(105deg,#0b0e0f 30%,#121616 48%,#0b0e0f 66%); background-size: 220% 100%; animation: modularSkeleton 1.35s ease-in-out infinite; transition: opacity .25s ease,visibility .25s ease; }
.modular-media.is-media-ready .modular-media-skeleton { opacity: 0; visibility: hidden; }
.modular-media-fallback { z-index: 2; display: grid; place-items: center; gap: 10px; color: rgba(var(--cl-t-primary),.38); font-size: 10px; }
.modular-media-fallback i { color: var(--premium-accent); font-size: 26px; }
.modular-media-error { display: none; }
.modular-media.is-media-error .modular-media-error { display: grid; }
.modular-play { position: absolute; z-index: 3; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: var(--premium-accent); color: rgb(var(--cl-t-accent)); box-shadow: 0 0 0 8px rgba(var(--cl-accent),.07); transition: transform .25s ease; }
.modular-media:hover .modular-play { transform: scale(1.04); }
.modular-expand { position: absolute; z-index: 5; top: 18px; right: 18px; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(8,10,11,.72); color: rgba(var(--cl-t-primary),.72); }
.modular-video-fallback { position: absolute; z-index: 4; bottom: 18px; left: 18px; color: var(--premium-accent); font-size: 10px; }

.modular-steps,.modular-stats { position: relative; }
.modular-step-grid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.modular-step-grid.has-progress::before { content: ''; position: absolute; z-index: 0; top: 50%; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg,rgba(var(--cl-accent),.5),rgba(var(--cl-accent),.12)); transform: scaleX(0); transform-origin: left; transition: transform .9s .25s cubic-bezier(.2,.8,.2,1); }
.modular-steps.is-visible .modular-step-grid.has-progress::before { transform: scaleX(1); }
.modular-step-card { min-width: 0; min-height: 300px; position: relative; z-index: 1; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; overflow: hidden; border: 1px solid var(--premium-line); border-radius: var(--premium-radius); background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); color: inherit; opacity: 0; transform: translateY(14px); transition: opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease; transition-delay: calc(var(--step-index) * var(--step-stagger)); }
.modular-steps.is-visible .modular-step-card,.builder-mode .modular-step-card { opacity: 1; transform: none; }
.modular-step-card :is(.modular-step-icon,.modular-step-number,h3,p,.modular-step-arrow) { opacity: 0; transform: translateY(7px); transition: opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1); }
.modular-steps.is-visible .modular-step-card .modular-step-icon,.builder-mode .modular-step-card .modular-step-icon { opacity: 1; transform: none; transition-delay: calc((var(--step-index) * var(--step-stagger)) + 70ms); }
.modular-steps.is-visible .modular-step-card .modular-step-number,.builder-mode .modular-step-card .modular-step-number { opacity: 1; transform: none; transition-delay: calc((var(--step-index) * var(--step-stagger)) + 120ms); }
.modular-steps.is-visible .modular-step-card :is(h3,p,.modular-step-arrow),.builder-mode .modular-step-card :is(h3,p,.modular-step-arrow) { opacity: 1; transform: none; transition-delay: calc((var(--step-index) * var(--step-stagger)) + 170ms); }
.modular-step-card:hover { transform: translateY(-3px); border-color: rgba(var(--cl-accent),.24); background: linear-gradient(145deg,rgba(var(--cl-accent),.055),rgba(255,255,255,.014)); }
.modular-step-number { position: absolute; top: 24px; left: 26px; color: rgba(var(--cl-t-primary),.42); font-size: 9px; letter-spacing: .14em; }
.modular-step-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 30px; border: 1px solid rgba(var(--cl-accent),.22); border-radius: 15px; background: rgba(var(--cl-accent),.09); color: var(--premium-accent); font-size: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); transition: transform .3s ease,background .3s ease; }
.modular-step-card:hover .modular-step-icon { transform: translateY(-2px); background: rgba(var(--cl-accent),.13); }
.modular-step-card h3 { font-size: 1.25rem; letter-spacing: -.035em; }
.modular-step-card p { margin-top: 11px; color: var(--premium-muted); font-size: 12px; line-height: 1.65; }
.modular-step-arrow { position: absolute; right: 24px; bottom: 24px; color: var(--premium-accent); }
.modular-step-card:hover .modular-step-arrow { transform: translateX(3px); }
.modular-stats .stats-intro p { max-width: 620px; margin-top: 14px; color: var(--premium-muted); font-size: 12px; line-height: 1.7; }
.modular-stats .stat-item { position: relative; }
.stat-icon { position: relative; isolation: isolate; width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; margin-bottom: 24px; padding: 0; border: 1px solid rgba(var(--cl-accent),.23); border-radius: 13px; background: linear-gradient(145deg,rgba(var(--cl-accent),.105),rgba(var(--cl-accent),.045)); color: var(--premium-accent); box-shadow: inset 0 1px 0 rgba(255,255,255,.075),0 8px 24px rgba(var(--cl-accent),.035); transition: color .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.22,1,.36,1); }
.stat-icon::after { content: ''; position: absolute; inset: 4px; z-index: -1; border-radius: 9px; border: 1px solid rgba(255,255,255,.025); pointer-events: none; }
.stat-icon > i { width: 18px; height: 18px; display: grid; place-items: center; margin: 0; font-size: 15px; line-height: 18px; text-align: center; }
.stat-item:hover .stat-icon { border-color: rgba(var(--cl-accent),.38); background: linear-gradient(145deg,rgba(var(--cl-accent),.14),rgba(var(--cl-accent),.06)); box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(var(--cl-accent),.06); transform: translateY(-2px); }
.stat-item small { display: block; margin-top: 10px; color: rgba(var(--cl-t-primary),.28); font-size: 7px; line-height: 1.4; }
.animated-counter { font-variant-numeric: tabular-nums; }

.scroll-callout { position: absolute; z-index: 4; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; background: rgba(9,11,12,.88); color: rgba(var(--cl-t-primary),.68); font-size: 9px; box-shadow: 0 12px 28px rgba(0,0,0,.22); opacity: 0; transform: scale(.94) translateY(5px); transition: opacity .35s var(--callout-delay) ease,transform .35s var(--callout-delay) cubic-bezier(.2,.8,.2,1); pointer-events: none; }
.is-visible > .scroll-callout,.builder-mode > .scroll-callout { opacity: 1; transform: none; }
.scroll-callout i { color: var(--premium-accent); }
.scroll-callout.placement-top-left { top: 54px; left: 12px; }
.scroll-callout.placement-top-right { top: 54px; right: 12px; }
.scroll-callout.placement-bottom-left { bottom: 54px; left: 12px; }
.scroll-callout.placement-bottom-right { bottom: 54px; right: 12px; }
@keyframes modularSkeleton { to { background-position: -220% 0; } }

/* Product collection */
.premium-products-section { border-top: 1px solid var(--premium-line); }
.products-title { max-width: 780px; }
.products-intro { max-width: 570px; margin: 20px 0 44px; }
.premium-products-section > .flex { gap: 18px; }
.premium-product-card { position: relative; display: flex; flex-direction: column; overflow: hidden; border-color: var(--premium-line); background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.premium-product-card:hover { transform: translateY(-5px); border-color: rgba(var(--cl-accent), .26); box-shadow: 0 24px 60px rgba(0,0,0,.28); }
.product-card-main { flex: 1; }
.premium-product-card .relative.overflow-hidden { margin: 8px 8px 14px; padding: 0; border: 0; border-radius: 16px; }
.premium-product-card img { transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.premium-product-card:hover img { transform: scale(1.035); }
.product-type-label { display: inline-block; margin-bottom: 8px; color: var(--premium-accent); font-size: 9px; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; }
.product-card-actions { display: flex; align-items: center; gap: 9px; padding: 0 13px 13px; }
.product-quick-add { min-height: 42px; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 13px; border-radius: 11px; background: var(--premium-accent); color: rgb(var(--cl-t-accent)); font-size: 11px; font-weight: 750; }
.product-quick-add:hover { filter: brightness(1.05); }
.product-view-link { min-height: 42px; padding: 0 12px; display: grid; place-items: center; border: 1px solid var(--premium-line); border-radius: 11px; color: rgba(var(--cl-t-primary), .62); font-size: 10px; }

/* Delivery */
.delivery-section { border-top: 1px solid var(--premium-line); }
.delivery-timeline { position: relative; display: grid; grid-template-columns: repeat(var(--delivery-columns,7), minmax(0,1fr)); gap: 12px; padding: 25px 0 58px; }
.delivery-track { position: absolute; top: 44px; left: calc(50% / var(--delivery-columns,7)); right: calc(50% / var(--delivery-columns,7)); height: 2px; overflow: visible; border-radius: 99px; background: rgba(var(--cl-t-primary),.09); }
.delivery-track span { position: relative; display: block; width: var(--delivery-progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg,rgba(var(--cl-accent),.72),var(--premium-accent)); box-shadow: 0 0 12px rgba(var(--cl-accent), .24); transition: width var(--delivery-step-duration,.52s) cubic-bezier(.2,.76,.2,1); will-change: width; }
.delivery-track span::after { content: ''; position: absolute; top: 50%; right: -4px; width: 8px; aspect-ratio: 1; border: 2px solid rgb(var(--cl-background)); border-radius: 50%; background: var(--premium-accent); opacity: 0; transform: translateY(-50%) scale(.7); transition: opacity .2s ease,transform .3s ease; }
.delivery-timeline.is-running .delivery-track span::after { opacity: 1; transform: translateY(-50%) scale(1); }
.delivery-node { position: relative; z-index: 1; display: grid; justify-items: center; gap: 12px; min-width: 0; text-align: center; color: rgba(var(--cl-t-primary), .3); transition: color .35s ease,transform .45s cubic-bezier(.2,.76,.2,1); }
.delivery-node > span { position: relative; isolation: isolate; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-t-primary),.1); border-radius: 50%; color: rgba(var(--cl-t-primary),.34); background: rgb(var(--cl-background)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); font-size: 11px; transition: color .35s ease,border-color .35s ease,background .35s ease,box-shadow .4s ease,transform .45s cubic-bezier(.2,.76,.2,1); }
.delivery-node > span > i { position: relative; z-index: 1; transition: transform .42s cubic-bezier(.2,.76,.2,1); }
.delivery-node > span > b { position: absolute; z-index: 2; top: -3px; right: -3px; width: 14px; height: 14px; display: grid; place-items: center; border: 2px solid rgb(var(--cl-background)); border-radius: 50%; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); opacity: 0; transform: scale(.45); transition: opacity .24s ease,transform .38s cubic-bezier(.2,.9,.2,1.2); }
.delivery-node > span > b::before { content: '✓'; font-size: 7px; font-weight: 900; line-height: 1; }
.delivery-node p { max-width: 118px; margin: 0; font-size: 10px; font-weight: 600; line-height: 1.45; transition: opacity .35s ease,transform .4s ease; }
.delivery-node.is-active { color: rgba(var(--cl-t-primary),.82); transform: translateY(-3px); }
.delivery-node.is-active > span { color: rgb(var(--cl-t-accent)); border-color: var(--premium-accent); background: var(--premium-accent); box-shadow: 0 0 0 5px rgba(var(--cl-accent),.045),0 8px 24px rgba(var(--cl-accent),.11); }
.delivery-node.is-current > span { animation: deliveryNodeActivate .58s cubic-bezier(.2,.82,.2,1) both; }
.delivery-node.is-current > span::after { content: ''; position: absolute; z-index: -1; inset: -1px; border: 1px solid rgba(var(--cl-accent),.42); border-radius: 50%; animation: deliveryNodeRipple .72s ease-out both; }
.delivery-node.is-complete-step > span > b { opacity: 1; transform: scale(1); }
.delivery-node.is-complete-step > span > i { transform: scale(.92); }
.delivery-completion { position: absolute; left: 50%; bottom: 0; min-height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; border: 1px solid rgba(var(--cl-accent),.17); border-radius: 99px; color: rgba(var(--cl-t-primary),.68); background: rgba(var(--cl-card),.78); box-shadow: 0 14px 34px rgba(0,0,0,.18); font-size: 9px; font-weight: 650; opacity: 0; transform: translate(-50%,8px); pointer-events: none; transition: opacity .42s ease,transform .48s cubic-bezier(.2,.76,.2,1); }
.delivery-completion i { color: var(--premium-accent); }
.delivery-completion[aria-hidden="false"] { opacity: 1; transform: translate(-50%,0); }
.delivery-timeline.is-complete .delivery-track { animation: deliveryTrackComplete .72s ease-out both; }
.delivery-timeline.is-complete .delivery-track::after { content: ''; position: absolute; inset: -4px 0; overflow: hidden; background: linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); opacity: 0; transform: translateX(-35%); animation: deliveryTrackShine .8s .08s ease-out both; }
.delivery-timeline.is-complete .delivery-node.is-final > span { animation: deliveryFinalConfirm .78s .12s cubic-bezier(.2,.82,.2,1) both; }
@keyframes deliveryNodeActivate { 0% { transform: scale(.82); } 55% { transform: scale(1.1); } 100% { transform: scale(1); } }
@keyframes deliveryNodeRipple { 0% { opacity: .48; transform: scale(.84); } 100% { opacity: 0; transform: scale(1.55); } }
@keyframes deliveryTrackComplete { 50% { box-shadow: 0 0 18px rgba(var(--cl-accent),.26); } }
@keyframes deliveryTrackShine { 25% { opacity: .5; } 100% { opacity: 0; transform: translateX(35%); } }
@keyframes deliveryFinalConfirm { 0% { transform: scale(.9); } 48% { transform: scale(1.13); box-shadow: 0 0 0 8px rgba(var(--cl-accent),.05),0 12px 30px rgba(var(--cl-accent),.14); } 100% { transform: scale(1); } }

/* How */
.how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.how-card { min-height: 300px; position: relative; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; overflow: hidden; border: 1px solid var(--premium-line); border-radius: var(--premium-radius); background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
.how-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -70px; top: -80px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--cl-accent), .11), transparent 65%); opacity: 0; transition: opacity .3s ease; }
.how-card:hover { border-color: rgba(var(--cl-accent), .25); transform: translateY(-4px); }
.how-card:hover::before { opacity: 1; }
.step-number { position: absolute; top: 24px; left: 26px; color: rgba(var(--cl-t-primary), .35); font-size: 10px; letter-spacing: .12em; }
.how-card > i { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 12px; background: rgba(var(--cl-accent), .09); color: var(--premium-accent); }
.how-card h3 { font-size: 1.3rem; letter-spacing: -.035em; font-weight: 620; }
.how-card p { margin-top: 12px; color: var(--premium-muted); font-size: 13px; line-height: 1.7; }

/* Comparison */
.comparison-shell { max-width: 1120px; margin: 0 auto; }
.comparison-stage { height: clamp(400px, 52vw, 650px); position: relative; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 28px; background: #101314; box-shadow: 0 30px 90px rgba(0,0,0,.25); }
.comparison-panel { position: absolute; inset: 0; overflow: hidden; }
.comparison-panel img { width: 100%; height: 100%; object-fit: cover; }
.comparison-before { background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.06), transparent 22%), repeating-linear-gradient(135deg, rgba(255,255,255,.022) 0 1px, transparent 1px 12px), #111315; }
.comparison-after { background: radial-gradient(circle at 70% 40%, rgba(var(--cl-accent), .22), transparent 28%), linear-gradient(135deg, #111711, #0b0e0d); }
.comparison-content { position: absolute; left: clamp(24px, 5vw, 70px); bottom: clamp(28px, 6vw, 70px); max-width: 470px; }
.comparison-content span { display: block; margin-bottom: 12px; color: var(--premium-accent); font-size: 10px; text-transform: uppercase; letter-spacing: .18em; font-weight: 700; }
.comparison-content strong { font-size: clamp(1.8rem, 4vw, 4rem); line-height: 1; letter-spacing: -.055em; font-weight: 560; }
.comparison-divider { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,.65); transform: translateX(-50%); pointer-events: none; }
.comparison-divider span { position: absolute; top: 50%; left: 50%; width: 52px; height: 52px; display: grid; place-items: center; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: #f5f7f2; color: #090b0c; box-shadow: 0 12px 35px rgba(0,0,0,.3); }
.comparison-range { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; }
.comparison-dynamic { margin-top: 18px; color: var(--premium-muted); text-align: center; font-size: 12px; }

/* About */
.about-section { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(50px, 9vw, 130px); align-items: center; }
.about-visual { min-height: 600px; position: relative; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 28px; background: radial-gradient(circle at 50% 20%, rgba(var(--cl-accent), .15), transparent 35%), #0e1112; }
.about-visual > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.about-placeholder { min-height: 600px; display: grid; place-items: center; align-content: center; gap: 18px; color: var(--premium-accent); }
.about-placeholder i { font-size: 80px; filter: drop-shadow(0 0 40px rgba(var(--cl-accent), .22)); }
.about-placeholder span { color: rgba(var(--cl-t-primary), .48); font-size: 11px; text-transform: uppercase; letter-spacing: .2em; }
.about-badge { position: absolute; left: 22px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid var(--premium-line); border-radius: 14px; background: rgba(8,10,11,.78); backdrop-filter: blur(12px); font-size: 11px; }
.about-badge i { color: var(--premium-accent); }
.about-copy h2 { font-size: clamp(2.4rem, 5vw, 5rem); }
.about-copy .about-statement { margin-top: 30px; color: var(--premium-text); font-size: clamp(1.25rem, 2.1vw, 2rem); line-height: 1.38; letter-spacing: -.035em; }
.about-copy > p:not(.about-statement) { margin-top: 24px; }
.about-points { display: grid; gap: 10px; margin-top: 28px; }
.about-points span { display: flex; align-items: center; gap: 10px; color: rgba(var(--cl-t-primary), .68); font-size: 12px; }
.about-points i { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--cl-accent), .1); color: var(--premium-accent); font-size: 8px; }
.text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 28px; color: var(--premium-text); font-size: 12px; font-weight: 680; border-bottom: 1px solid rgba(var(--cl-accent), .45); padding-bottom: 5px; }
.text-link:hover { color: var(--premium-accent); }
.text-link i { font-size: 10px; }

/* Stats and benefits */
.stats-section { border-top: 1px solid var(--premium-line); border-bottom: 1px solid var(--premium-line); }
.stats-intro { max-width: 900px; margin-bottom: 62px; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.stat-item { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; padding: 12px clamp(20px, 4vw, 52px); border-left: 1px solid var(--premium-line); }
.stat-item:first-child { padding-left: 0; border-left: 0; }
.stat-item strong { min-height: .9em; display: flex; align-items: flex-end; font-size: clamp(3.1rem, 7vw, 7rem); line-height: .9; letter-spacing: -.075em; font-weight: 530; font-variant-numeric: tabular-nums; }
.stat-item > span:not(.stat-icon) { display: block; margin-top: 24px; color: var(--premium-accent); font-size: 10px; text-transform: uppercase; letter-spacing: .15em; font-weight: 700; }
.stat-item p { min-height: 1.5em; margin-top: 8px; color: var(--premium-muted); font-size: 11px; line-height: 1.5; }
.benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.benefit-card { min-height: 235px; position: relative; padding: 26px; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 20px; background: rgba(255,255,255,.018); }
.benefit-card::after { content: ""; position: absolute; inset: auto -30% -70% -30%; height: 80%; background: radial-gradient(circle, rgba(var(--cl-accent), .11), transparent 65%); opacity: 0; transition: opacity .3s ease; }
.benefit-card:hover { transform: translateY(-4px); border-color: rgba(var(--cl-accent), .25); }
.benefit-card:hover::after { opacity: 1; }
.benefit-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 46px; border: 1px solid var(--premium-line); border-radius: 12px; color: var(--premium-accent); }
.benefit-card h3 { font-size: 1.08rem; letter-spacing: -.025em; font-weight: 620; }
.benefit-card p { max-width: 330px; margin-top: 9px; color: var(--premium-muted); font-size: 12px; line-height: 1.65; }
.benefit-card > a { position: absolute; right: 22px; top: 22px; color: rgba(var(--cl-t-primary), .38); }

/* Reviews, trust, FAQ, CTA */
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.testimonial-grid > * { border-radius: 20px !important; border-color: var(--premium-line) !important; background: rgba(255,255,255,.025) !important; }
.centered-link { display: flex; width: max-content; margin: 28px auto 0; }
.empty-testimonials { max-width: 650px; min-height: 150px; margin: 0 auto; display: grid; place-items: center; align-content: center; gap: 12px; border: 1px dashed rgba(255,255,255,.12); border-radius: 20px; color: var(--premium-muted); text-align: center; }
.empty-testimonials i { color: var(--premium-accent); }
.trust-section { padding-top: 34px; padding-bottom: 34px; border-top: 1px solid var(--premium-line); border-bottom: 1px solid var(--premium-line); }
.trust-section > p { margin-bottom: 22px; color: var(--premium-muted); font-size: 10px; text-align: center; text-transform: uppercase; letter-spacing: .16em; }
.trust-row { display: flex; justify-content: center; gap: clamp(20px, 5vw, 72px); flex-wrap: wrap; }
.trust-row span { display: flex; align-items: center; gap: 9px; color: rgba(var(--cl-t-primary), .72); font-size: 11px; }
.trust-row i { color: var(--premium-accent); }
.faq-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px, 9vw, 130px); }
.faq-intro { position: sticky; top: 130px; align-self: start; }
.faq-intro h2 { margin-top: 16px; font-size: clamp(2.3rem, 4.6vw, 4.8rem); line-height: .98; letter-spacing: -.06em; font-weight: 560; }
.faq-intro > p { margin-top: 22px; }
.faq-list { border-top: 1px solid var(--premium-line); }
.faq-item { border-bottom: 1px solid var(--premium-line); }
.faq-item button { width: 100%; min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: var(--premium-text); text-align: left; }
.faq-item button span { font-size: clamp(1rem, 1.7vw, 1.2rem); font-weight: 560; letter-spacing: -.025em; }
.faq-item button i { color: var(--premium-accent); transition: transform .25s ease; }
.faq-item button i.is-open { transform: rotate(45deg); }
.faq-answer { padding: 0 46px 28px 0; color: var(--premium-muted); font-size: 13px; line-height: 1.75; }
.final-cta { position: relative; overflow: hidden; margin-bottom: 80px; padding-left: clamp(24px, 8vw, 105px); padding-right: clamp(24px, 8vw, 105px); border: 1px solid rgba(var(--cl-accent), .18); border-radius: 30px; background: linear-gradient(135deg, rgba(var(--cl-accent), .07), rgba(255,255,255,.015)); }
.cta-aura { position: absolute; width: 550px; height: 550px; right: -180px; top: -230px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--cl-accent), .18), transparent 66%); pointer-events: none; }
.final-cta > *:not(.cta-aura) { position: relative; z-index: 1; }
.final-cta h2 { max-width: 940px; }
.final-cta > p { max-width: 600px; margin-top: 24px; }

/* Independent Visual Editor sections */
.premium-independent-section { position: relative; min-width: 0; }
.premium-independent-section.spacing-compact { padding-top: clamp(38px,5vw,70px); padding-bottom: clamp(38px,5vw,70px); }
.premium-independent-section.spacing-spacious { padding-top: clamp(100px,13vw,180px); padding-bottom: clamp(100px,13vw,180px); }
.premium-independent-section.background-panel { margin-block: 30px; padding-inline: clamp(22px,4vw,58px); border: 1px solid var(--premium-line); border-radius: 28px; background: rgba(255,255,255,.018); }
.premium-independent-section.background-accent:not(.final-cta) { margin-block: 30px; padding-inline: clamp(22px,4vw,58px); border: 1px solid rgba(var(--cl-accent),.14); border-radius: 28px; background: radial-gradient(circle at 88% 10%,rgba(var(--cl-accent),.09),transparent 34%),rgba(255,255,255,.014); }
.about-section.media-right .about-visual { order: 2; }
.about-section.media-right .about-copy { order: 1; }
.benefits-grid.columns-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.benefits-grid.columns-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }

.editor-testimonial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.editor-testimonial-card { min-width: 0; margin: 0; padding: 28px; border: 1px solid var(--premium-line); border-radius: 20px; background: rgba(255,255,255,.022); }
.editor-testimonial-stars { display: flex; gap: 4px; color: var(--premium-accent); font-size: 11px; }
.editor-testimonial-stars .is-muted { color: rgba(var(--cl-t-primary),.15); }
.editor-testimonial-card blockquote { margin-top: 24px; color: rgba(var(--cl-t-primary),.8); font-size: 14px; line-height: 1.75; }
.editor-testimonial-card figcaption { display: grid; gap: 4px; margin-top: 24px; }
.editor-testimonial-card figcaption strong { font-size: 12px; }
.editor-testimonial-card figcaption span { color: var(--premium-muted); font-size: 10px; }

.premium-payment-section { display: grid; grid-template-columns: minmax(250px,.7fr) minmax(0,1.3fr); align-items: center; gap: clamp(36px,7vw,90px); }
.payment-section-copy h2 { margin-top: 14px; font-size: clamp(2rem,4vw,4.3rem); line-height: .98; letter-spacing: -.055em; font-weight: 560; }
.payment-section-copy p { max-width: 460px; margin-top: 18px; color: var(--premium-muted); font-size: 12px; line-height: 1.7; }
.homepage-payment-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.homepage-payment-method { min-width: 0; min-height: 70px; display: flex; align-items: center; gap: 13px; padding: 13px; border: 1px solid var(--premium-line); border-radius: 14px; background: rgba(255,255,255,.02); }
.homepage-payment-method > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: rgba(var(--cl-accent),.08); color: var(--premium-accent); }
.homepage-payment-method div { min-width: 0; display: grid; gap: 3px; }
.homepage-payment-method strong { font-size: 11px; }
.homepage-payment-method small { overflow: hidden; color: var(--premium-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

/* Support ticket preview */
.support-section { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(430px,1.18fr); align-items: center; gap: clamp(44px,8vw,110px); overflow: hidden; }
.support-section.support-layout-wide { grid-template-columns: minmax(280px,.65fr) minmax(520px,1.35fr); }
.support-section.support-layout-compact { grid-template-columns: minmax(280px,1fr) minmax(360px,.9fr); }
.support-copy { position: relative; z-index: 2; }
.support-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(var(--cl-accent),.17); border-radius: 999px; background: rgba(var(--cl-accent),.055); color: var(--premium-accent); font-size: 9px; font-weight: 720; text-transform: uppercase; letter-spacing: .12em; }
.support-copy h2 { max-width: 640px; margin-top: 20px; font-size: clamp(2.5rem,5vw,5.4rem); line-height: .96; letter-spacing: -.062em; font-weight: 560; }
.support-copy > p { max-width: 560px; margin-top: 22px; color: var(--premium-muted); line-height: 1.75; }
.support-availability { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.support-availability > span { min-height: 30px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid var(--premium-line); border-radius: 999px; color: rgba(var(--cl-t-primary),.62); background: rgba(255,255,255,.018); font-size: 9px; }
.support-online-dot { width: 6px; height: 6px; border-radius: 50%; background: #62d88b; box-shadow: 0 0 0 4px rgba(98,216,139,.08); }
.support-availability .fa-clock { color: var(--premium-accent); }
.support-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.support-primary-link { box-shadow: none; }
.support-primary-link:hover { box-shadow: 0 12px 30px rgba(var(--cl-accent),.13); }
.support-cta-emphasis .support-primary-link { animation: supportCtaEmphasis .7s ease both; }
.support-external-icon { font-size: 9px; }
.support-platform-note { display: flex; align-items: center; gap: 8px; margin-top: 17px !important; color: rgba(var(--cl-t-primary),.4) !important; font-size: 10px; }
.support-platform-note i { color: rgba(var(--cl-accent),.7); }

.support-ticket-shell { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.105); border-radius: 24px; background: linear-gradient(160deg,rgba(20,23,25,.98),rgba(11,13,14,.99)); box-shadow: 0 34px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045); }
.support-section.accent-balanced .support-ticket-shell { border-color: rgba(var(--cl-accent),.2); }
.support-ticket-shell::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 82% 0,rgba(var(--cl-accent),.075),transparent 31%); }
.support-ticket-topbar { position: relative; z-index: 1; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--premium-line); background: rgba(255,255,255,.014); }
.support-ticket-channel { min-width: 0; display: flex; align-items: center; gap: 11px; }
.support-ticket-icon { width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.13); border-radius: 11px; background: rgba(var(--cl-accent),.055); color: var(--premium-accent); font-size: 11px; }
.support-ticket-channel div { min-width: 0; display: grid; gap: 3px; }
.support-ticket-channel strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-channel small { color: var(--premium-muted); font-size: 9px; }
.support-ticket-status { min-height: 27px; display: inline-flex; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 999px; background: rgba(var(--cl-accent),.055); color: rgba(var(--cl-t-primary),.64); font-size: 9px; white-space: nowrap; transition: color .25s ease,border-color .25s ease,background .25s ease; }
.support-ticket-status i { color: var(--premium-accent); font-size: 5px; }
.support-ticket-status.is-resolved { border-color: rgba(98,216,139,.2); background: rgba(98,216,139,.07); color: #9ee6b8; }
.support-message-list { position: relative; z-index: 1; min-height: 430px; display: flex; flex-direction: column; gap: 18px; padding: 22px 20px 24px; }
.support-message { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; }
.support-message.sender-customer { padding-left: clamp(20px,6vw,70px); }
.support-message.sender-system { display: block; }
.support-avatar { width: 34px; height: 34px; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.13); border-radius: 50%; background: rgba(var(--cl-accent),.07); color: var(--premium-accent); font-size: 10px; font-weight: 800; }
.sender-customer .support-avatar { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.045); color: var(--premium-text); }
.support-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: translateZ(0); }
.support-avatar img.is-cycling { animation: supportAvatarCycle var(--support-avatar-duration,360ms) cubic-bezier(.22,1,.36,1) both; }
.support-message-meta { display: flex; align-items: baseline; gap: 8px; }
.support-message-meta strong { font-size: 10px; }
.support-message-meta time { color: rgba(var(--cl-t-primary),.32); font-size: 8px; }
.support-message-body > p { width: fit-content; max-width: min(100%,520px); margin-top: 6px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 4px 14px 14px 14px; background: rgba(255,255,255,.027); color: rgba(var(--cl-t-primary),.76); font-size: 11px; line-height: 1.6; }
.sender-customer .support-message-body > p { border-color: rgba(var(--cl-accent),.11); background: rgba(var(--cl-accent),.045); }
.support-message-badge { width: fit-content; display: inline-flex; align-items: center; gap: 6px; margin-top: 7px; padding: 5px 8px; border-radius: 7px; background: rgba(98,216,139,.075); color: #9ee6b8; font-size: 8px; }
.support-system-message { width: fit-content; margin: 0 auto; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--premium-line); border-radius: 999px; color: var(--premium-muted); font-size: 8px; }
.support-system-message i { color: var(--premium-accent); }
.support-typing { min-height: 34px; display: flex; align-items: center; gap: 4px; padding-left: 44px; opacity: 0; visibility: hidden; }
.support-typing > span { width: 5px; height: 5px; border-radius: 50%; background: rgba(var(--cl-t-primary),.45); }
.support-typing small { margin-left: 5px; color: rgba(var(--cl-t-primary),.34); font-size: 8px; }
.support-typing.is-visible { opacity: 1; visibility: visible; }
.support-typing.is-visible > span { animation: supportTyping .72s ease-in-out 2; }
.support-typing.is-visible > span:nth-child(2) { animation-delay: .12s; }
.support-typing.is-visible > span:nth-child(3) { animation-delay: .24s; }
.support-ticket-footer { position: relative; z-index: 1; min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; border-top: 1px solid var(--premium-line); color: rgba(var(--cl-t-primary),.34); font-size: 8px; }
.support-ticket-footer i { color: rgba(var(--cl-accent),.65); }
.support-preview-ready .support-message { opacity: 0; transform: translateY(8px) scale(.98); }
.support-preview-ready .support-message.is-visible { animation: supportMessageIn .4s cubic-bezier(.2,.78,.22,1) both; }
.support-preview-ready .support-ticket-shell { opacity: 0; transform: translateY(12px); }
.support-preview-ready.is-sequence-active .support-ticket-shell { animation: supportWindowIn .5s cubic-bezier(.2,.78,.22,1) both; }
.builder-mode .support-message,.builder-mode .support-ticket-shell { opacity: 1 !important; transform: none !important; animation: none !important; }
@keyframes supportMessageIn { to { opacity: 1; transform: none; } }
@keyframes supportWindowIn { to { opacity: 1; transform: none; } }
@keyframes supportAvatarCycle { 0% { opacity: .12; filter: blur(4px); transform: scale(.82); } 58% { opacity: 1; filter: blur(0); transform: scale(1.045); } 100% { opacity: 1; filter: blur(0); transform: scale(1); } }
@keyframes supportTyping { 0%,100% { transform: translateY(0); opacity: .35; } 50% { transform: translateY(-3px); opacity: 1; } }
@keyframes supportCtaEmphasis { 50% { box-shadow: 0 0 0 5px rgba(var(--cl-accent),.07),0 12px 30px rgba(var(--cl-accent),.12); } }

/* Footer */
.premium-footer { border-top: 1px solid var(--premium-line); padding-top: 60px; }
.footer-main { display: grid; grid-template-columns: 1fr 1.25fr; gap: 70px; padding-bottom: 55px; }
.footer-brand-column > p { max-width: 410px; margin-top: 22px; color: var(--premium-muted); font-size: 12px; line-height: 1.7; }
.footer-socials { display: flex; gap: 8px; margin-top: 24px; }
.footer-socials a { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--premium-line); border-radius: 10px; color: rgba(var(--cl-t-primary), .55); }
.footer-socials a:hover { color: var(--premium-accent); border-color: rgba(var(--cl-accent), .3); }
.footer-links-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.footer-links-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.footer-links-grid strong { margin-bottom: 6px; color: var(--premium-text); font-size: 11px; text-transform: uppercase; letter-spacing: .13em; }
.footer-links-grid a, .footer-links-grid button { color: var(--premium-muted); font-size: 12px; }
.footer-links-grid a:hover, .footer-links-grid button:hover { color: var(--premium-accent); }
.footer-bottom { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--premium-line); color: rgba(var(--cl-t-primary), .35); font-size: 10px; }
.footer-status { display: flex; align-items: center; gap: 8px; }
.footer-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--premium-accent); box-shadow: 0 0 10px rgba(var(--cl-accent), .5); }

/* Existing commerce pages */
.reviews-shell { padding: clamp(64px, 7vw, 110px) 0 80px; }
.reviews-hero { display: grid; grid-template-columns: minmax(320px,.78fr) minmax(600px,1.22fr); gap: clamp(48px,7vw,110px); align-items: center; padding-bottom: 48px; border-bottom: 1px solid var(--premium-line); }
.reviews-intro h1 { max-width: 700px; margin-top: 14px; font-size: clamp(2.7rem,5.1vw,5.7rem); line-height: .94; letter-spacing: -.065em; font-weight: 570; text-wrap: balance; }
.reviews-intro > p { max-width: 570px; margin-top: 22px; color: var(--premium-muted); line-height: 1.75; }
.reviews-intro .premium-button { margin-top: 26px; }
.reviews-summary { display: grid; grid-template-columns: .74fr 1.18fr .92fr; gap: 14px; align-items: stretch; }
.summary-card { min-width: 0; min-height: 220px; padding: 24px; border: 1px solid var(--premium-line); border-radius: 20px; background: radial-gradient(circle at 100% 0,rgba(var(--cl-accent),.055),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.summary-card:hover,.summary-card:focus-visible { border-color: rgba(var(--cl-accent),.22); background-color: rgba(var(--cl-accent),.018); outline: 0; }
.rating-score { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.rating-score > small,.verified-review-note small { color: rgba(var(--cl-t-primary),.42); font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.rating-score > strong { margin-top: 12px; font-size: clamp(3.25rem,4.5vw,4.8rem); line-height: .82; letter-spacing: -.07em; font-weight: 620; }
.rating-score .review-stars { justify-content: center; margin-top: 17px; }
.rating-score > span { margin-top: 11px; color: var(--premium-muted); font-size: 9px; line-height: 1.45; }
.rating-score > span b { color: rgba(var(--cl-t-primary),.76); font-weight: 650; }
.review-stars { display: flex; align-items: center; gap: 4px; color: var(--premium-accent); }
.review-stars i { font-size: 13px; }
.rating-distribution { display: flex; flex-direction: column; justify-content: center; gap: 9px; }
.summary-card-title { margin-bottom: 5px; color: var(--premium-text); font-size: 11px; }
.rating-row { display: grid; grid-template-columns: 42px 1fr 48px; gap: 10px; align-items: center; color: rgba(var(--cl-t-primary),.56); font-size: 8px; }
.rating-row > span:last-child { display: flex; justify-content: flex-end; gap: 4px; text-align: right; }
.rating-row > span:last-child b { color: rgba(var(--cl-t-primary),.78); font-weight: 600; }
.rating-row > span:last-child small { color: rgba(var(--cl-t-primary),.3); }
.rating-track { height: 6px; overflow: hidden; border: 1px solid rgba(255,255,255,.025); border-radius: 99px; background: rgba(255,255,255,.065); }
.rating-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,rgba(var(--cl-accent),.78),var(--premium-accent)); transition: width .65s cubic-bezier(.2,.8,.2,1); }
.rating-distribution > p { margin-top: 5px; color: rgba(var(--cl-t-primary),.32); font-size: 8px; line-height: 1.4; }
.verified-review-note { display: flex; gap: 14px; align-items: flex-start; }
.verified-review-note > i { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.12); border-radius: 13px; background: rgba(var(--cl-accent),.07); color: var(--premium-accent); }
.verified-review-note strong { display: block; margin-top: 8px; font-size: 12px; }
.verified-review-note p { margin-top: 8px; color: var(--premium-muted); font-size: 10px; line-height: 1.6; }
.verified-review-note div > span { display: block; margin-top: 15px; color: rgba(var(--cl-t-primary),.3); font-size: 8px; }
.review-controls { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 34px; }
.review-filters { display: flex; gap: 6px; padding: 5px; overflow-x: auto; border: 1px solid var(--premium-line); border-radius: 14px; background: rgba(255,255,255,.018); }
.review-filters button { min-height: 37px; display: flex; align-items: center; gap: 8px; padding: 0 13px; border-radius: 10px; color: rgba(var(--cl-t-primary),.52); font-size: 10px; white-space: nowrap; }
.review-filters button span { min-width: 20px; padding: 2px 6px; border-radius: 99px; background: rgba(255,255,255,.06); font-size: 8px; text-align: center; }
.review-filters button:hover { color: var(--premium-text); background: rgba(255,255,255,.035); }
.review-filters button.is-active { color: var(--premium-accent); background: rgba(var(--cl-accent),.07); box-shadow: inset 0 0 0 1px rgba(var(--cl-accent),.08); }
.review-filters button:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
.review-tools { display: flex; gap: 8px; }
.review-search, .review-sort { min-height: 48px; position: relative; display: flex; align-items: center; gap: 9px; padding: 0 14px; border: 1px solid var(--premium-line); border-radius: 13px; background: rgba(255,255,255,.018); color: rgba(var(--cl-t-primary),.5); }
.review-search:focus-within,.review-sort:focus-within { border-color: rgba(var(--cl-accent),.55); box-shadow: 0 0 0 3px rgba(var(--cl-accent),.08); }
.review-search { min-width: min(320px,28vw); }
.review-search input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--premium-text); font-size: 11px; }
.review-search input::placeholder { color: rgba(var(--cl-t-primary),.35); }
.review-search-clear { width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; color: rgba(var(--cl-t-primary),.48); }
.review-search-clear:hover { color: var(--premium-text); background: rgba(255,255,255,.05); }
.review-sort { min-width: 170px; padding: 0; }
.review-sort > .sr-only + .choices { width: 100%; }
.review-sort .choices { width: 100%; margin: 0; color: var(--premium-text); }
.review-sort .choices__inner { min-height: 46px; display: flex; align-items: center; padding: 8px 34px 8px 13px; border: 0; border-radius: 12px; background: transparent; font-size: 10px; }
.review-sort .choices[data-type*=select-one]::after { right: 14px; width: 6px; height: 6px; margin-top: -5px; border: 0; border-right: 1px solid rgba(var(--cl-t-primary),.6); border-bottom: 1px solid rgba(var(--cl-t-primary),.6); transform: rotate(45deg); }
.review-sort .choices[data-type*=select-one].is-open::after { margin-top: -1px; transform: rotate(225deg); }
.review-sort .choices__list--dropdown { right: 0; left: auto; width: 190px; min-width: 190px; --currency-menu-height: 240px; }
.review-sort .choices__item--choice.is-selected { color: var(--premium-accent); background: rgba(var(--cl-accent),.07); }
.review-results-count { width: max-content; max-width: 100%; margin: 17px 0 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.055); border-radius: 999px; background: rgba(255,255,255,.018); color: rgba(var(--cl-t-primary),.42); font-size: 8px; text-transform: uppercase; letter-spacing: .1em; user-select: none; }
.review-results-count i { color: var(--premium-accent); }
.review-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.review-card-grid.layout-compact { grid-template-columns: repeat(4,minmax(0,1fr)); }
.premium-review-card { min-width: 0; height: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 20px; background: linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012)); transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.premium-review-card:hover { transform: translateY(-3px); border-color: rgba(var(--cl-accent),.22); box-shadow: 0 22px 50px rgba(0,0,0,.2); }
.premium-review-card:focus-within { border-color: rgba(var(--cl-accent),.34); box-shadow: 0 0 0 2px rgba(var(--cl-accent),.08); }
.review-product-media { min-width: 0; width: 100%; padding: 0; }
.review-product-media > a { width: 100%; display: block; border-radius: 19px 19px 0 0; }
.review-product-media > a:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }
.review-media-frame { position: relative; width: 100%; aspect-ratio: var(--review-media-aspect,16 / 9); display: grid; place-items: center; overflow: hidden; border: 0; border-radius: 19px 19px 0 0; background: #090c0d; isolation: isolate; transition: aspect-ratio .28s ease; }
.review-media-skeleton { position: absolute; z-index: 4; inset: 0; display: grid; place-items: center; overflow: hidden; background: #0b0e0f; color: rgba(var(--cl-t-primary),.16); transition: opacity .25s ease,visibility .25s ease; }
.review-media-skeleton::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 27%,rgba(255,255,255,.04) 44%,rgba(var(--cl-accent),.035) 50%,rgba(255,255,255,.04) 56%,transparent 73%); transform: translateX(-100%); animation: reviewImageSkeleton 1.35s ease-in-out infinite; }
.review-media-frame.is-media-ready .review-media-skeleton { opacity: 0; visibility: hidden; }
.review-media-backdrop { position: absolute; z-index: 1; inset: -9%; width: 118%; height: 118%; object-fit: cover; object-position: center; filter: blur(18px) saturate(.78); opacity: .14; transform: scale(1.04); }
.review-product-image { position: absolute; z-index: 2; inset: 0; width: 100% !important; height: 100% !important; padding: 0; object-fit: contain; object-position: center; opacity: 0; transition: opacity .28s ease,transform .32s ease; }
.review-media-frame.is-media-loaded .review-product-image { opacity: 1; }
.premium-review-card:hover .review-product-image { transform: scale(1.018); }
.review-image-fallback { position: absolute; z-index: 3; inset: 0; display: none; place-content: center; justify-items: center; gap: 7px; padding: 20px; color: rgba(var(--cl-t-primary),.45); text-align: center; background: radial-gradient(circle,rgba(var(--cl-accent),.06),transparent 58%),#0a0d0e; }
.review-image-fallback i { color: var(--premium-accent); font-size: 22px; }
.review-image-fallback span { font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.review-image-fallback small { max-width: 240px; display: -webkit-box; overflow: hidden; color: rgba(var(--cl-t-primary),.32); font-size: 9px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.review-media-frame.is-media-error .review-image-fallback { display: grid; }
.review-media-frame.is-media-error .review-product-image,.review-media-frame.is-media-error .review-media-backdrop { display: none; }
.review-card-content { min-width: 0; flex: 1; position: relative; display: flex; flex-direction: column; padding: 18px; }
.reviewer-row { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 9px; align-items: center; }
.reviewer-avatar { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.18); border-radius: 50%; background: rgba(var(--cl-accent),.08); color: var(--premium-accent); font-size: 10px; font-weight: 800; }
.reviewer-name { min-width: 0; display: flex; align-items: center; gap: 5px; }
.reviewer-name strong { overflow: hidden; color: var(--premium-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.reviewer-name i { color: var(--premium-accent); font-size: 9px; }
.reviewer-row time { color: rgba(var(--cl-t-primary),.38); font-size: 8px; }
.review-card-content > .review-stars { margin-top: 16px; }
.automatic-review-label { width: max-content; margin-top: 9px; padding: 3px 7px; border-radius: 6px; background: rgba(255,255,255,.04); color: rgba(var(--cl-t-primary),.5); font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }
.review-body { max-height: 72px; overflow: hidden; margin-top: 12px; transition: max-height .35s ease; }
.review-body.is-expanded { max-height: 520px; }
.review-body > p { display: -webkit-box; overflow: hidden; color: rgba(var(--cl-t-primary),.72); font-size: 11px; line-height: 1.58; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.review-body.is-expanded > p { display: block; overflow: visible; }
.review-reply { margin-top: 12px; padding: 10px; border-left: 2px solid var(--premium-accent); background: rgba(var(--cl-accent),.045); }
.review-reply strong { color: var(--premium-accent); font-size: 9px; }
.review-reply p { margin-top: 4px; color: var(--premium-muted); font-size: 10px; line-height: 1.5; }
.review-reply time { display: block; margin-top: 5px; color: rgba(var(--cl-t-primary),.3); font-size: 8px; }
.review-expand { width: max-content; margin-top: 8px; display: flex; gap: 6px; align-items: center; color: var(--premium-accent); font-size: 9px; font-weight: 650; }
.review-expand i { font-size: 7px; transition: transform .2s ease; }
.review-expand i.is-open { transform: rotate(180deg); }
.review-product-link { min-width: 0; margin-top: auto; padding-top: 16px; color: rgba(var(--cl-t-primary),.48); font-size: 9px; }
.review-product-link a { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: inherit; }
.review-product-link a > span { min-width: 0; display: grid; gap: 3px; }
.review-product-link strong { display: -webkit-box; overflow: hidden; color: rgba(var(--cl-t-primary),.68); font-size: 10px; line-height: 1.35; font-weight: 650; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.review-product-link small { overflow: hidden; color: rgba(var(--cl-t-primary),.36); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.review-product-link a:hover { color: var(--premium-accent); }
.review-product-link i { flex: 0 0 auto; transition: transform .2s ease; }
.review-product-link a:hover i,.review-product-link a:focus-visible i { transform: translateX(3px); }
.verified-purchase-badge { width: max-content; margin-top: 10px; display: flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 6px; background: rgba(var(--cl-accent),.08); color: var(--premium-accent); font-size: 8px; }
.premium-review-pagination, .review-list-link { margin-top: 30px; }
.commerce-pagination { width: 100%; }
.pagination-shell { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px; border: 1px solid var(--premium-line); border-radius: 16px; background: rgba(255,255,255,.016); }
.pagination-status { flex: 0 0 auto; padding: 8px 10px; color: rgba(var(--cl-t-primary),.48); font-size: 9px; letter-spacing: .02em; user-select: none; }
.pagination-status span { color: rgba(var(--cl-t-primary),.78); font-weight: 650; }
.pagination-pages,.pagination-numbers { display: flex; align-items: center; gap: 4px; }
.pagination-arrow,.pagination-page,.pagination-ellipsis { min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; color: rgba(var(--cl-t-primary),.52); font-size: 9px; }
.pagination-arrow:hover,.pagination-page:hover { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.035); color: var(--premium-text); }
.pagination-arrow:focus-visible,.pagination-page:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
.pagination-page.is-current { border-color: rgba(var(--cl-accent),.55); background: var(--premium-accent); color: rgb(var(--cl-t-accent)); font-weight: 800; }
.pagination-arrow.is-disabled { opacity: .32; cursor: not-allowed; }
.pagination-ellipsis { min-width: 22px; padding: 0; border-color: transparent; }
.review-empty-state { min-height: 250px; display: grid; place-items: center; place-content: center; gap: 10px; padding: 30px; border: 1px dashed rgba(255,255,255,.12); border-radius: 20px; color: var(--premium-muted); text-align: center; }
.review-empty-state > i { color: var(--premium-accent); font-size: 24px; }
.review-empty-state h2 { color: var(--premium-text); font-size: 1.3rem; }
.review-empty-state p { font-size: 11px; }
.review-empty-state button { color: var(--premium-accent); font-size: 10px; border-bottom: 1px solid currentColor; }
.reviews-final-cta { margin-top: 70px; padding: clamp(30px,5vw,70px); display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; border: 1px solid rgba(var(--cl-accent),.16); border-radius: 26px; background: radial-gradient(circle at 85% 0,rgba(var(--cl-accent),.12),transparent 32%),rgba(255,255,255,.02); }
.reviews-final-cta h2 { max-width: 700px; margin-top: 13px; font-size: clamp(2.1rem,4vw,4.4rem); line-height: .98; letter-spacing: -.06em; font-weight: 560; }
.reviews-final-cta p { max-width: 620px; margin-top: 17px; color: var(--premium-muted); font-size: 12px; line-height: 1.65; }

/* Premium product detail */
.premium-product-page { padding: 22px 0 58px; overflow-x: clip; }
.premium-product-page.spacing-compact { --product-gap: 12px; }
.premium-product-page.spacing-regular { --product-gap: 18px; }
.premium-product-page.spacing-relaxed { --product-gap: 26px; }
.premium-product-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,410px); gap: var(--product-gap,18px); align-items: start; }
.product-story-column { min-width: 0; grid-column: 1; grid-row: 1; }
.product-detail-card { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: var(--product-gap,18px); align-items: start; }
.product-detail-header { grid-column: 1; grid-row: 1; min-width: 0; padding: clamp(24px,3vw,34px) !important; border-color: var(--premium-line); background: radial-gradient(circle at 90% 0,rgba(var(--cl-accent),.09),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.012)); box-shadow: 0 20px 58px rgba(0,0,0,.14); }
.product-description-panel,.product-checkout-panel { border: 1px solid var(--premium-line) !important; border-radius: 20px !important; background: linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012)) !important; box-shadow: 0 24px 70px rgba(0,0,0,.16); }
.product-story-column > .product-detail-card > [x-data] { min-width: 0; grid-column: 1; grid-row: 4; }
.product-description-panel { min-width: 0; padding: 24px; }
.product-category-kicker { display: inline-flex; margin-bottom: 11px; color: var(--premium-accent); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-detail-title { overflow: visible; font-size: clamp(1.9rem,2.65vw,2.7rem) !important; line-height: 1.02; letter-spacing: -.052em; }
.product-trust-row { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.product-trust-row span,.product-trust-row a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; background: rgba(255,255,255,.025); color: rgba(var(--cl-t-primary),.65); font-size: 8px; }
.product-trust-row i { color: var(--premium-accent); }
.product-value-proposition { margin-top: 20px; color: rgba(var(--cl-t-primary),.7); font-size: 12px; line-height: 1.65; }
.product-feature-list { margin-top: 18px; display: grid; gap: 9px; }
.product-feature-list li { display: grid; grid-template-columns: 20px 1fr; gap: 8px; align-items: center; color: rgba(var(--cl-t-primary),.66); font-size: 10px; }
.product-feature-list i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(var(--cl-accent),.08); color: var(--premium-accent); font-size: 7px; }
.product-compatibility { margin-top: 17px; display: flex; align-items: center; gap: 9px; color: rgba(var(--cl-t-primary),.48); font-size: 9px; }
.product-compatibility i { color: var(--premium-accent); font-size: 14px; }
.premium-product-gallery { grid-column: 1; grid-row: 2; position: relative; width: 100%; max-width: 100%; min-width: 0; min-height: 0; aspect-ratio: var(--product-media-aspect,16 / 9) !important; overflow: hidden; padding: clamp(10px,1.5vw,16px); border: 1px solid var(--premium-line); border-radius: 22px; background: radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 58%),#080a0a; box-shadow: 0 24px 70px rgba(0,0,0,.18); isolation: isolate; }
.premium-product-gallery::after { content: ''; position: absolute; z-index: 2; inset: auto 16px 16px; height: 1px; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(var(--cl-accent),.18),transparent); }
.premium-product-gallery .splide,.premium-product-gallery .splide__track,.premium-product-gallery .splide__list,.premium-product-gallery .splide__slide { height: 100%; }
.premium-product-gallery .splide,.premium-product-gallery .splide__track { width: 100%; }
.product-media-slide { position: relative; width: 100%; height: 100%; min-height: inherit; display: grid; place-items: center; overflow: hidden; border-radius: 14px; }
.premium-product-gallery img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain !important; object-position: center; opacity: 0; transition: opacity .28s ease; }
.premium-product-gallery img.is-loaded { opacity: 1; }
.product-media-skeleton { position: absolute; z-index: 3; inset: clamp(10px,1.5vw,16px); overflow: hidden; display: grid; place-items: center; border-radius: 14px; background: #0c0f0f; transition: opacity .28s ease,visibility .28s ease; }
.product-media-skeleton::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 25%,rgba(255,255,255,.045) 43%,rgba(var(--cl-accent),.04) 50%,rgba(255,255,255,.045) 57%,transparent 75%); transform: translateX(-100%); animation: productSkeleton 1.35s ease-in-out infinite; }
.product-media-skeleton span { width: 44px; height: 34px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.025); }
.premium-product-gallery.is-media-ready .product-media-skeleton { opacity: 0; visibility: hidden; }
.product-media-inline-fallback { position: absolute; inset: 0; display: none; place-content: center; justify-items: center; gap: 10px; color: rgba(var(--cl-t-primary),.42); font-size: 10px; background: radial-gradient(circle,rgba(var(--cl-accent),.045),transparent 55%); }
.product-media-inline-fallback i { color: var(--premium-accent); font-size: 26px; }
.product-media-slide.is-media-error .product-media-inline-fallback { display: grid; }
.product-media-slide.is-media-error img { display: none !important; }
.premium-product-gallery .splide__arrow { z-index: 3; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.12); background: rgba(8,10,10,.8); color: white; backdrop-filter: blur(12px); }
.product-media-expand { position: absolute; z-index: 4; top: 14px; right: 14px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(8,10,10,.78); color: var(--premium-text); backdrop-filter: blur(10px); }
.product-media-expand:hover,.product-media-expand:focus-visible { border-color: rgba(var(--cl-accent),.45); color: var(--premium-accent); outline: 0; }
.product-thumbnail-rail { grid-column: 1; grid-row: 3; display: flex; justify-content: center; gap: 10px; overflow-x: auto; padding: 10px 12px; border: 1px solid var(--premium-line); border-radius: 16px; background: rgba(255,255,255,.012); scrollbar-width: thin; }
.product-thumbnail { flex: 0 0 76px; height: 54px; overflow: hidden; padding: 2px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: #090b0b; transition: border-color .2s ease,box-shadow .2s ease; }
.product-thumbnail:hover,.product-thumbnail.is-active { border-color: var(--premium-accent); box-shadow: 0 0 0 2px rgba(var(--cl-accent),.1); }
.product-thumbnail:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
.product-thumbnail img { width: 100%; height: 100%; border-radius: 7px; object-fit: cover; }
.product-media-fallback { grid-row: 2; min-height: clamp(210px,38vw,470px); aspect-ratio: auto !important; display: grid; place-items: center; place-content: center; gap: 12px; color: rgba(var(--cl-t-primary),.4); font-size: 10px; animation: none; }
.product-media-fallback i { color: var(--premium-accent); font-size: 28px; }
.product-section-heading { margin-bottom: 20px; }
.product-section-heading > span { color: var(--premium-accent); font-size: 8px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.product-section-heading h2 { margin-top: 4px; font-size: 1.3rem; }
.product-essential-notice { margin-bottom: 18px; display: grid; grid-template-columns: 20px 1fr; gap: 9px; padding: 12px; border: 1px solid rgba(245,178,66,.18); border-radius: 12px; background: rgba(245,178,66,.055); color: rgba(var(--cl-t-primary),.72); font-size: 9px; line-height: 1.55; }
.product-essential-notice i { color: #f5b242; }
.product-description { position: relative; max-height: var(--description-preview-height); overflow: hidden; color: rgba(var(--cl-t-primary),.72); transition: max-height .4s ease; }
.product-description:not(.is-expanded)::after { content: ''; position: absolute; inset: auto 0 0; height: 90px; pointer-events: none; background: linear-gradient(transparent,#101315); }
.product-description.is-expanded { max-height: 5000px; }
.description-toggle { margin-top: 18px; display: inline-flex; align-items: center; gap: 9px; color: var(--premium-accent); font-size: 10px; font-weight: 700; }
.description-toggle i { font-size: 8px; transition: transform .2s ease; }
.product-purchase-column { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; position: relative; }
.product-checkout-panel { position: sticky; top: 106px; overflow: hidden; }
.builder-mode .product-checkout-panel,.product-checkout-panel.is-static { position: relative; top: auto; }
.product-checkout-panel > div:first-child { padding: 24px; background: radial-gradient(circle at 0 0,rgba(var(--cl-accent),.1),transparent 40%); }
.product-checkout-panel > div:first-child [x-text*="totalPrice"] { font-weight: 700; letter-spacing: -.045em; }
.product-checkout-panel .badges { gap: 7px; }
.product-checkout-panel .badges > * { border-radius: 999px; font-size: 9px; }
.product-checkout-panel form { padding-top: 4px; }
.product-checkout-panel button,.product-checkout-panel select { min-height: 44px; }
.variant-card-list { display: grid; gap: 8px; }
.variant-card { width: 100%; min-width: 0; border-color: rgba(255,255,255,.07) !important; background: rgba(255,255,255,.018); }
.variant-card:hover { border-color: rgba(255,255,255,.16) !important; background: rgba(255,255,255,.032) !important; }
.variant-card[aria-checked="true"] { border-color: var(--premium-accent) !important; background: rgba(var(--cl-accent),.055) !important; box-shadow: inset 3px 0 0 var(--premium-accent); }
.variant-card:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 2px; }
.variant-card:disabled { opacity: .45; filter: saturate(.5); }
.quantity-control { border: 1px solid rgba(255,255,255,.065); }
.purchase-actions { width: 100%; }
.purchase-actions button { width: 100%; flex: none; border-radius: 12px; }
.checkout-reassurance { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 18px; border-top: 1px solid var(--premium-line); color: rgba(var(--cl-t-primary),.42); font-size: 9px; }
.checkout-reassurance i { color: var(--premium-accent); }
.payment-methods { padding: 18px; border-top: 1px solid var(--premium-line); }
.payment-methods:not(:has(.payment-method-card)) { display: none; }
.payment-methods-heading { display: flex; justify-content: space-between; gap: 10px; color: rgba(var(--cl-t-primary),.58); font-size: 9px; font-weight: 650; }
.payment-methods-heading i { color: var(--premium-accent); }
.payment-method-list { margin-top: 12px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.payment-method-card { min-width: 0; min-height: 48px; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 8px; align-items: center; padding: 8px; border: 1px solid rgba(255,255,255,.065); border-radius: 11px; background: rgba(255,255,255,.018); transition: border-color .2s ease,background .2s ease,transform .2s ease; animation: paymentEnter .38s both; animation-delay: calc(var(--payment-index) * 45ms); }
.payment-motion-none .payment-method-card { animation: none; }
.payment-method-card:hover { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.03); transform: translateY(-1px); }
.payment-method-card.has-accent { border-color: rgba(var(--cl-accent),.22); background: rgba(var(--cl-accent),.045); }
.payment-method-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.045); color: var(--premium-text); font-size: 15px; }
.payment-method-card strong { display: block; overflow: hidden; color: rgba(var(--cl-t-primary),.76); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.payment-method-card small { display: block; margin-top: 2px; overflow: hidden; color: rgba(var(--cl-t-primary),.34); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.payment-methods > small { display: block; margin-top: 10px; color: rgba(var(--cl-t-primary),.28); font-size: 7px; line-height: 1.4; }
.payment-style-badges .payment-method-list { display: flex; flex-wrap: wrap; }
.payment-style-badges .payment-method-card { min-height: 40px; flex: 1 1 120px; }
.payment-methods-empty { margin: 12px; display: flex; gap: 9px; padding: 12px; border: 1px dashed rgba(255,255,255,.1); border-radius: 12px; color: rgba(var(--cl-t-primary),.42); font-size: 8px; line-height: 1.5; }
.product-activity { display: grid; gap: 7px; padding: 16px 18px; border-top: 1px solid var(--premium-line); }
.activity-item { display: grid; grid-template-columns: 22px 1fr; gap: 8px; align-items: center; color: rgba(var(--cl-t-primary),.5); font-size: 8px; line-height: 1.45; }
.activity-item > span:first-child { width: 22px !important; }
.activity-item svg { color: var(--premium-accent); }
.viewer-activity > span:first-child { position: relative; }
.viewer-activity > span:first-child::after { content: ''; position: absolute; top: 0; right: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--premium-accent); box-shadow: 0 0 0 4px rgba(var(--cl-accent),.08); animation: statusPulse 2s ease-in-out infinite; }
.premium-product-page h2 { letter-spacing: -.03em; }
@keyframes productSkeleton { to { transform: translateX(100%); } }
@keyframes reviewImageSkeleton { to { transform: translateX(100%); } }
@keyframes paymentEnter { from { opacity: 0; transform: translateY(5px); } }

.premium-storefront .component:not(.premium-hero):not(.premium-content) .bg-card,
.premium-storefront [data-component-id="cart-page"] .bg-card,
.premium-storefront [data-component-id="product-page"] .bg-card {
  border-color: var(--premium-line);
}
.premium-storefront input:not(.comparison-range), .premium-storefront textarea, .premium-storefront select {
  accent-color: var(--premium-accent);
}
.premium-storefront [data-component-id="cart-page"] > div,
.premium-storefront [data-component-id="product-page"] > div { padding-top: 72px; padding-bottom: 90px; }
.premium-storefront .bg-accent-500 { box-shadow: 0 10px 30px rgba(var(--cl-accent), .08); }

/* Standalone Reseller Program */
.reseller-program { --reseller-accent: #c8ff2e; isolation: isolate; display: grid; grid-template-columns: minmax(0,.88fr) minmax(520px,1.12fr); gap: clamp(48px,7vw,108px); align-items: center; overflow: hidden; }
.reseller-program.layout-wide-copy { grid-template-columns: minmax(0,1.05fr) minmax(500px,.95fr); }
.reseller-program.layout-wide-demo { grid-template-columns: minmax(340px,.72fr) minmax(560px,1.28fr); }
.reseller-program.background-none { overflow: visible; }
.reseller-program.border-none { border-color: transparent; }
.reseller-program.border-accent { border-color: color-mix(in srgb,var(--reseller-accent) 28%,transparent); }
.reseller-program > *:not(.reseller-background) { position: relative; z-index: 2; min-width: 0; }
.reseller-background { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.reseller-background::before { content: ''; position: absolute; width: 520px; height: 520px; top: 2%; right: -10%; border-radius: 50%; background: radial-gradient(circle,color-mix(in srgb,var(--reseller-accent) 12%,transparent),transparent 68%); filter: blur(6px); animation: resellerAura 10s ease-in-out infinite alternate; }
.reseller-background span { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--reseller-accent); box-shadow: 0 0 18px color-mix(in srgb,var(--reseller-accent) 45%,transparent); opacity: .28; animation: resellerParticle 8s ease-in-out infinite; }
.reseller-background span:nth-child(1) { top: 19%; right: 38%; }
.reseller-background span:nth-child(2) { right: 9%; bottom: 18%; animation-delay: -3s; }
.reseller-background span:nth-child(3) { right: 47%; bottom: 8%; animation-delay: -5.5s; }
.reseller-program.background-motion-off .reseller-background::before,.reseller-program.background-motion-off .reseller-background span { animation: none; }
.reseller-copy h2 { max-width: 680px; margin-top: 16px; font-size: clamp(3rem,5.6vw,6.2rem); font-weight: 560; line-height: .93; letter-spacing: -.065em; }
.reseller-description { max-width: 680px; margin-top: 25px; color: var(--premium-muted); font-size: clamp(13px,1.2vw,16px); line-height: 1.72; }
.reseller-features { max-width: 680px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px 20px; margin-top: 28px; }
.reseller-features li { min-width: 0; display: flex; align-items: center; gap: 10px; color: rgba(var(--cl-t-primary),.76); font-size: 11px; line-height: 1.4; }
.reseller-features li > span { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--reseller-accent) 22%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--reseller-accent) 6%,transparent); color: var(--reseller-accent); font-size: 9px; }
.reseller-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 32px; }
.reseller-showcase { width: 100%; max-width: 760px; justify-self: end; }
.reseller-selector { width: max-content; max-width: 100%; display: flex; gap: 4px; margin: 0 18px 10px auto; padding: 4px; border: 1px solid rgba(255,255,255,.075); border-radius: 11px; background: rgba(7,9,10,.78); box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.reseller-selector button { min-height: 32px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid transparent; border-radius: 8px; color: rgba(var(--cl-t-primary),.42); font-size: 8px; font-weight: 700; transition: color .2s ease,border-color .2s ease,background .2s ease; }
.reseller-selector button:hover { color: rgba(var(--cl-t-primary),.72); background: rgba(255,255,255,.035); }
.reseller-selector button[aria-pressed="true"] { border-color: color-mix(in srgb,var(--reseller-accent) 20%,transparent); background: color-mix(in srgb,var(--reseller-accent) 8%,rgba(255,255,255,.02)); color: var(--reseller-accent); }
.reseller-selector button:focus-visible { outline: 2px solid var(--reseller-accent); outline-offset: 2px; }
.reseller-simulation { --cursor-x: 82%; --cursor-y: 84%; position: relative; width: 100%; height: 560px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 25px; background: radial-gradient(circle at 90% 0,color-mix(in srgb,var(--reseller-accent) 9%,transparent),transparent 34%),linear-gradient(145deg,rgba(20,24,25,.97),rgba(8,10,11,.99)); box-shadow: 0 34px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04); transform: translateZ(0); }
.reseller-program.card-solid .reseller-simulation { background: #0d1011; backdrop-filter: none; }
.reseller-program.card-minimal .reseller-simulation { border-radius: 16px; background: rgba(8,10,11,.72); box-shadow: none; }
.reseller-program.border-none .reseller-simulation { border-color: transparent; }
.reseller-program.border-accent .reseller-simulation { border-color: color-mix(in srgb,var(--reseller-accent) 28%,transparent); }
.reseller-simulation::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg,transparent 28%,rgba(255,255,255,.035) 46%,transparent 63%); transform: translateX(-120%); animation: resellerReflection 9s ease-in-out infinite; }
.reseller-program:not(.is-reseller-visible) .reseller-simulation::before,.reseller-program:not(.is-reseller-visible) .reseller-background * { animation-play-state: paused; }
.reseller-sim-topbar { height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.065); color: rgba(var(--cl-t-primary),.55); }
.reseller-sim-brand,.reseller-sim-secure { display: inline-flex; align-items: center; gap: 8px; font-size: 8px; font-weight: 720; }
.reseller-sim-brand i { color: var(--reseller-accent); }
.reseller-sim-secure { padding: 7px 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; background: rgba(0,0,0,.22); }
.reseller-sim-secure i { color: var(--reseller-accent); }
.reseller-view { position: absolute; inset: 56px 0 38px; padding: 20px; opacity: 0; visibility: hidden; transform: translateY(12px) scale(.99); transition: opacity .38s ease,transform .52s cubic-bezier(.2,.8,.2,1),visibility .38s; pointer-events: none; }
.reseller-view.is-active { opacity: 1; visibility: visible; transform: none; }
.reseller-product-view { display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; }
.reseller-product-card { display: grid; grid-template-columns: 76px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 15px; background: rgba(255,255,255,.025); transition: border-color .3s ease,background .3s ease,transform .3s ease; }
.reseller-simulation[data-stage="select-product"] .reseller-product-card { border-color: color-mix(in srgb,var(--reseller-accent) 42%,transparent); background: color-mix(in srgb,var(--reseller-accent) 5%,rgba(255,255,255,.025)); transform: translateY(-1px); }
.reseller-product-image { width: 76px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb,var(--reseller-accent) 16%,rgba(255,255,255,.06)); border-radius: 12px; background: radial-gradient(circle,color-mix(in srgb,var(--reseller-accent) 15%,transparent),rgba(255,255,255,.018)); color: var(--reseller-accent); font-size: 25px; }
.reseller-product-image img { width: 100%; height: 100%; object-fit: cover; }
.reseller-product-info { min-width: 0; display: grid; gap: 4px; }
.reseller-product-info > span,.reseller-checkout-head span { color: var(--reseller-accent); font-size: 7px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.reseller-product-info strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.reseller-product-info small { color: rgba(var(--cl-t-primary),.4); font-size: 8px; }
.reseller-price-stack { min-width: 76px; display: grid; justify-items: end; gap: 3px; }
.reseller-price-stack s { color: rgba(var(--cl-t-primary),.3); font-size: 8px; opacity: 0; transition: opacity .25s ease; }
.reseller-price-stack strong { font-size: 14px; letter-spacing: -.03em; transition: color .25s ease,transform .25s ease; }
.reseller-simulation[data-discount-unlocked="true"] .reseller-price-stack s { opacity: 1; }
.reseller-simulation[data-discount-unlocked="true"] .reseller-price-stack strong { color: var(--reseller-accent); transform: scale(1.04); }
.reseller-quantity-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px; }
.reseller-quantity-row > div:first-child { display: grid; gap: 3px; }
.reseller-quantity-row span { color: rgba(var(--cl-t-primary),.73); font-size: 10px; font-weight: 650; }
.reseller-quantity-row small { color: rgba(var(--cl-t-primary),.32); font-size: 7px; }
.reseller-quantity-control { min-width: 116px; height: 38px; display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; background: rgba(255,255,255,.02); text-align: center; }
.reseller-quantity-control button { height: 100%; color: rgba(var(--cl-t-primary),.38); font-size: 15px; }
.reseller-quantity-control strong { font-size: 11px; transition: transform .2s ease,color .2s ease; }
.reseller-quantity-control strong.is-updating { color: var(--reseller-accent); transform: translateY(-2px) scale(1.12); }
.reseller-discount-card { min-height: 145px; padding: 15px; border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: rgba(0,0,0,.18); }
.reseller-discount-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.reseller-discount-heading > span { display: inline-flex; align-items: center; gap: 7px; color: rgba(var(--cl-t-primary),.6); font-size: 9px; font-weight: 650; }
.reseller-discount-heading i { color: var(--reseller-accent); }
.reseller-discount-heading strong { padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.04); color: rgba(var(--cl-t-primary),.45); font-size: 7px; transition: color .3s ease,background .3s ease,transform .3s ease; }
.reseller-simulation[data-discount-unlocked="true"] .reseller-discount-heading strong { background: var(--reseller-accent); color: rgb(var(--cl-t-accent)); transform: scale(1.04); }
.reseller-progress-track { height: 6px; margin-top: 19px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.075); }
.reseller-progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,color-mix(in srgb,var(--reseller-accent) 68%,#fff),var(--reseller-accent)); box-shadow: 0 0 18px color-mix(in srgb,var(--reseller-accent) 30%,transparent); transition: width .72s cubic-bezier(.2,.8,.2,1); }
.reseller-progress-labels { display: flex; justify-content: space-between; margin-top: 7px; color: rgba(var(--cl-t-primary),.27); font-size: 6px; }
.reseller-discount-card p { margin-top: 13px; color: rgba(var(--cl-t-primary),.44); font-size: 8px; line-height: 1.45; transition: color .25s ease; }
.reseller-simulation[data-discount-unlocked="true"] .reseller-discount-card p { color: var(--reseller-accent); }
.reseller-cart-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06); }
.reseller-cart-row > span { display: inline-flex; align-items: center; gap: 7px; color: rgba(var(--cl-t-primary),.5); font-size: 8px; }
.reseller-cart-row > span i { color: var(--reseller-accent); }
.reseller-cart-row button,.reseller-pay-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; border-radius: 10px; background: var(--reseller-accent); color: rgb(var(--cl-t-accent)); font-size: 9px; font-weight: 760; }
.reseller-cart-row button { transition: transform .2s ease,filter .2s ease; }
.reseller-simulation[data-stage="checkout-click"] .reseller-cart-row button { transform: scale(.96); filter: brightness(1.12); }
.reseller-checkout-view { display: grid; grid-template-rows: auto 1fr auto; gap: 15px; }
.reseller-checkout-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.reseller-checkout-head > div { display: grid; gap: 4px; }
.reseller-checkout-head strong { font-size: 16px; letter-spacing: -.025em; }
.reseller-checkout-head > i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--reseller-accent) 22%,transparent); border-radius: 10px; background: color-mix(in srgb,var(--reseller-accent) 6%,transparent); color: var(--reseller-accent); }
.reseller-checkout-grid { min-height: 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; }
.reseller-checkout-fields { align-content: start; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.reseller-checkout-field { min-width: 0; min-height: 61px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 4px 8px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: rgba(255,255,255,.018); transition: border-color .25s ease,background .25s ease; }
.reseller-checkout-field.is-wide { grid-column: 1/-1; }
.reseller-checkout-field span { grid-column: 1/-1; color: rgba(var(--cl-t-primary),.32); font-size: 6px; text-transform: uppercase; letter-spacing: .08em; }
.reseller-checkout-field strong { overflow: hidden; opacity: 0; transform: translateY(5px); color: rgba(var(--cl-t-primary),.76); font-size: 8px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; transition: opacity .28s ease,transform .28s ease; }
.reseller-checkout-field i { opacity: 0; color: var(--reseller-accent); font-size: 7px; transition: opacity .28s ease; }
.reseller-checkout-field.is-filled { border-color: color-mix(in srgb,var(--reseller-accent) 18%,transparent); background: color-mix(in srgb,var(--reseller-accent) 3%,rgba(255,255,255,.018)); }
.reseller-checkout-field.is-filled strong,.reseller-checkout-field.is-filled i { opacity: 1; transform: none; }
.reseller-checkout-summary { min-width: 0; align-content: start; display: grid; gap: 10px; padding: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(0,0,0,.16); }
.reseller-checkout-summary > span { color: rgba(var(--cl-t-primary),.68); font-size: 9px; font-weight: 700; }
.reseller-checkout-summary > div { display: flex; justify-content: space-between; gap: 10px; }
.reseller-checkout-summary small { color: rgba(var(--cl-t-primary),.32); font-size: 7px; }
.reseller-checkout-summary strong { color: rgba(var(--cl-t-primary),.7); font-size: 8px; text-align: right; }
.reseller-checkout-summary .reseller-coupon-row { margin-top: 4px; padding: 9px 0; border-top: 1px dashed rgba(255,255,255,.08); border-bottom: 1px dashed rgba(255,255,255,.08); }
.reseller-checkout-summary .reseller-coupon-row strong.is-applied,.reseller-checkout-summary > div:nth-last-child(2) strong { color: var(--reseller-accent); }
.reseller-summary-total { margin-top: 3px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.07); }
.reseller-summary-total strong { font-size: 13px; }
.reseller-pay-button { width: 100%; }
.reseller-simulation[data-stage="pay-click"] .reseller-pay-button { transform: scale(.985); filter: brightness(1.12); }
.reseller-delivery-view { display: grid; place-items: center; align-content: center; text-align: center; }
.reseller-delivery-orbit { width: 76px; height: 76px; position: relative; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid color-mix(in srgb,var(--reseller-accent) 20%,transparent); border-radius: 50%; background: color-mix(in srgb,var(--reseller-accent) 5%,transparent); }
.reseller-delivery-orbit::before,.reseller-delivery-orbit::after { content: ''; position: absolute; inset: -8px; border: 1px solid color-mix(in srgb,var(--reseller-accent) 18%,transparent); border-radius: inherit; animation: resellerOrbit 2.8s linear infinite; }
.reseller-delivery-orbit::after { inset: -16px; opacity: .4; animation-duration: 4.2s; animation-direction: reverse; }
.reseller-delivery-orbit > span:first-child { color: var(--reseller-accent); font-size: 20px; }
.reseller-delivery-orbit > span:last-child { width: 24px; height: 24px; position: absolute; right: -1px; bottom: 2px; display: grid; place-items: center; border-radius: 50%; background: var(--reseller-accent); color: rgb(var(--cl-t-accent)); font-size: 8px; opacity: 0; transform: scale(.4); transition: opacity .3s ease,transform .3s ease; }
.reseller-simulation[data-delivery-complete="true"] .reseller-delivery-orbit > span:last-child { opacity: 1; transform: scale(1); }
.reseller-delivery-eyebrow { color: var(--reseller-accent); font-size: 7px; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.reseller-delivery-view > strong { margin-top: 7px; font-size: 24px; letter-spacing: -.045em; }
.reseller-delivery-view > p { max-width: 350px; margin-top: 8px; color: rgba(var(--cl-t-primary),.42); font-size: 9px; line-height: 1.5; }
.reseller-delivery-steps { width: min(100%,470px); display: grid; grid-template-columns: repeat(5,1fr); gap: 5px; margin-top: 28px; }
.reseller-delivery-steps span { min-width: 0; display: grid; justify-items: center; gap: 7px; color: rgba(var(--cl-t-primary),.27); font-size: 6px; line-height: 1.25; transition: color .3s ease,transform .3s ease; }
.reseller-delivery-steps i { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 50%; background: #0c0f10; }
.reseller-delivery-steps span.is-complete { color: rgba(var(--cl-t-primary),.72); transform: translateY(-2px); }
.reseller-delivery-steps span.is-complete i { border-color: var(--reseller-accent); background: var(--reseller-accent); color: rgb(var(--cl-t-accent)); }
.reseller-success-view { display: grid; place-items: center; align-content: center; text-align: center; }
.reseller-success-icon { width: 78px; height: 78px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 50%; background: var(--reseller-accent); color: rgb(var(--cl-t-accent)); font-size: 24px; box-shadow: 0 0 0 10px color-mix(in srgb,var(--reseller-accent) 7%,transparent); }
.reseller-success-view > span:not(.reseller-success-icon) { color: var(--reseller-accent); font-size: 7px; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; }
.reseller-success-view > strong { max-width: 420px; margin-top: 8px; font-size: 28px; line-height: 1.05; letter-spacing: -.05em; }
.reseller-success-view > p { max-width: 380px; margin-top: 10px; color: rgba(var(--cl-t-primary),.45); font-size: 9px; line-height: 1.55; }
.reseller-success-view > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 23px; }
.reseller-success-view > div span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 999px; color: rgba(var(--cl-t-primary),.65); font-size: 7px; }
.reseller-success-view > div i { color: var(--reseller-accent); }
.reseller-cursor { width: 25px; height: 25px; position: absolute; z-index: 9; left: var(--cursor-x); top: var(--cursor-y); display: grid; place-items: start; color: #fff; filter: drop-shadow(0 3px 5px rgba(0,0,0,.6)); transform: translate3d(-2px,-2px,0); transition: left .8s cubic-bezier(.22,.8,.2,1),top .8s cubic-bezier(.22,.8,.2,1),transform .2s ease,opacity .25s ease; pointer-events: none; }
.reseller-cursor > i { font-size: 16px; transform: rotate(-13deg); }
.reseller-cursor > span { width: 10px; height: 10px; position: absolute; left: 1px; top: 1px; border: 1px solid var(--reseller-accent); border-radius: 50%; opacity: 0; transform: scale(.3); }
.reseller-cursor.is-clicking > i { transform: rotate(-13deg) scale(.82); }
.reseller-cursor.is-clicking > span { animation: resellerClick .42s ease-out; }
.reseller-program[data-cursor-enabled="false"] .reseller-cursor { display: none; }
.reseller-live-status { height: 38px; position: absolute; inset: auto 0 0; display: flex; align-items: center; gap: 7px; padding: 0 20px; border-top: 1px solid rgba(255,255,255,.055); background: rgba(4,6,7,.62); color: rgba(var(--cl-t-primary),.4); font-size: 7px; }
.reseller-live-status i { color: var(--reseller-accent); font-size: 4px; box-shadow: 0 0 9px var(--reseller-accent); }
.reseller-program.intensity-subtle .reseller-background span { display: none; }
.reseller-program.intensity-subtle .reseller-simulation::before { opacity: .45; }
.reseller-program.intensity-expressive .reseller-simulation { box-shadow: 0 38px 100px rgba(0,0,0,.46),0 0 60px color-mix(in srgb,var(--reseller-accent) 6%,transparent),inset 0 1px rgba(255,255,255,.05); }
.reseller-program.is-compact .reseller-description { max-width: 570px; }
.reseller-program.is-compact .reseller-simulation { height: 510px; }
@keyframes resellerAura { to { transform: translate3d(-28px,22px,0) scale(1.08); opacity: .72; } }
@keyframes resellerParticle { 50% { transform: translate3d(10px,-18px,0); opacity: .55; } }
@keyframes resellerReflection { 0%,68% { transform: translateX(-120%); } 86%,100% { transform: translateX(120%); } }
@keyframes resellerOrbit { to { transform: rotate(360deg); } }
@keyframes resellerClick { 0% { opacity: .9; transform: scale(.3); } 100% { opacity: 0; transform: scale(3.4); } }

@media (max-width: 1060px) {
  .reseller-program,.reseller-program.layout-wide-copy,.reseller-program.layout-wide-demo { grid-template-columns: minmax(0,1fr); gap: 48px; }
  .reseller-showcase { max-width: 760px; justify-self: center; }
  .reseller-program.mobile-animation-first .reseller-showcase { grid-row: 1; }
  .reseller-program.mobile-animation-first .reseller-copy { grid-row: 2; }
}

@media (max-width: 620px) {
  .reseller-program { gap: 35px; overflow: hidden; }
  .reseller-copy h2 { font-size: clamp(2.7rem,13vw,4rem); }
  .reseller-features { grid-template-columns: 1fr; gap: 9px; }
  .reseller-actions { align-items: stretch; flex-direction: column; }
  .reseller-actions .premium-button { width: 100%; flex: none; }
  .reseller-selector { width: 100%; margin: 0 0 8px; }
  .reseller-selector button { min-width: 0; flex: 1; justify-content: center; }
  .reseller-simulation,.reseller-program.is-compact .reseller-simulation { height: 540px; border-radius: 19px; }
  .reseller-sim-topbar { height: 50px; padding: 0 12px; }
  .reseller-sim-secure { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .reseller-view { inset: 50px 0 36px; padding: 12px; }
  .reseller-product-card { grid-template-columns: 58px minmax(0,1fr); gap: 10px; }
  .reseller-product-image { width: 58px; }
  .reseller-price-stack { grid-column: 2; grid-row: 2; min-width: 0; justify-items: start; grid-template-columns: auto auto; gap: 7px; }
  .reseller-product-view { gap: 9px; }
  .reseller-discount-card { min-height: 135px; padding: 12px; }
  .reseller-checkout-grid { grid-template-columns: 1fr; overflow: auto; scrollbar-width: none; }
  .reseller-checkout-summary { grid-template-columns: 1fr 1fr; gap: 7px 12px; padding: 10px; }
  .reseller-checkout-summary > span,.reseller-summary-total { grid-column: 1/-1; }
  .reseller-checkout-summary .reseller-coupon-row { margin: 0; padding: 0; border: 0; }
  .reseller-checkout-field { min-height: 54px; }
  .reseller-delivery-view > strong { font-size: 20px; }
  .reseller-delivery-steps { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .reseller-delivery-steps span { font-size: 5px; }
  .reseller-success-view > strong { font-size: 24px; }
  .reseller-program.mobile-scale-compact .reseller-simulation { height: 500px; }
  .reseller-program.mobile-scale-full .reseller-simulation { height: 590px; }
}

@media (max-width: 360px) {
  .reseller-program.background-panel,.reseller-program.background-accent { padding-inline: 12px; }
  .reseller-selector button { padding-inline: 7px; font-size: 7px; }
  .reseller-selector button i { display: none; }
  .reseller-simulation,.reseller-program.is-compact .reseller-simulation { height: 530px; }
  .reseller-sim-brand { max-width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .reseller-sim-secure { max-width: 130px; }
  .reseller-quantity-control { min-width: 100px; }
  .reseller-cart-row button { padding-inline: 12px; }
  .reseller-delivery-steps { gap: 2px; }
  .reseller-delivery-steps span { font-size: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .reseller-program * { scroll-behavior: auto !important; }
  .reseller-background::before,.reseller-background span,.reseller-simulation::before,.reseller-delivery-orbit::before,.reseller-delivery-orbit::after,.reseller-cursor > span { animation: none !important; }
  .reseller-view,.reseller-progress-track span,.reseller-cursor,.reseller-checkout-field strong,.reseller-checkout-field i { transition-duration: .01ms !important; }
  .reseller-cursor { display: none; }
}

/* Reveal motion */
.reveal-on-scroll { opacity: 0; transform: translateY(22px); transition: opacity .75s cubic-bezier(.2,.8,.2,1), transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal-on-scroll.is-visible { opacity: 1; transform: none; }

@media (max-width: 1120px) {
  .nav-links { gap: 17px; }
  .nav-links a { font-size: 11px; }
  .premium-currency, .nav-account, .nav-cta, .nav-discord { display: none; }
  .mobile-currency-block { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px 12px; border-bottom: 1px solid rgba(255,255,255,.06); color: rgba(var(--cl-t-primary),.48); font-size: 10px; }
  .mobile-currency { width: min(220px,65vw); }
  .mobile-currency .choices { width: 100%; }
  .mobile-currency .choices__list--dropdown { right: 0; left: auto; width: min(280px,calc(100vw - 48px)); min-width: 0; }
  .mobile-menu-button { display: flex; }
  .mobile-navigation { display: block; }
  .hero-shell { grid-template-columns: 1fr 1fr; gap: 38px; }
  .floating-chip-one { right: 0; }
  .benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .reviews-hero { grid-template-columns: 1fr; }
  .review-card-grid, .review-card-grid.layout-compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .premium-product-layout { grid-template-columns: minmax(0,1fr) minmax(330px,380px); }
  .product-detail-card { grid-template-columns: minmax(0,1fr); }
  .product-detail-header { grid-column: 1; grid-row: 1; }
  .premium-product-gallery { grid-column: 1; grid-row: 2; }
  .product-thumbnail-rail { grid-column: 1; grid-row: 3; }
  .product-story-column > .product-detail-card > [x-data] { grid-column: 1; grid-row: 4; }
  .product-purchase-column { grid-column: 2; grid-row: 1; max-width: none; margin: 0; }
  .product-checkout-panel { top: 92px; }
}

@media (max-width: 820px) {
  html { scroll-padding-top: 86px; }
  .premium-header { top: 8px; }
  .nav-links { display: none; }
  .nav-shell { min-height: 60px; }
  .nav-actions { margin-left: auto; }
  .nav-cart span:not(.cart-count) { display: none; }
  .hero-shell { min-height: auto; grid-template-columns: 1fr; padding-top: 86px; gap: 70px; }
  .hero-title { font-size: clamp(3.25rem, 14vw, 5.6rem); }
  .rotating-word { min-width: 0; }
  .hero-visual { max-width: 620px; width: 100%; margin: 0 auto; }
  .delivery-preview { transform: none; }
  .split-heading, .about-section, .faq-section, .footer-main { grid-template-columns: 1fr; }
  .split-heading { gap: 20px; }
  .how-grid { grid-template-columns: 1fr; }
  .how-card { min-height: 230px; }
  .about-visual, .about-placeholder { min-height: 480px; }
  .stats-grid { grid-template-columns: 1fr; gap: 32px; }
  .stat-item, .stat-item:first-child { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--premium-line); }
  .stat-item:first-child { border-top: 0; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .faq-intro { position: static; }
  .footer-main { gap: 48px; }
  .review-controls { align-items: stretch; flex-direction: column; }
  .review-tools { width: 100%; }
  .review-search { min-width: 0; flex: 1; }
  .reviews-summary { grid-template-columns: 1fr 1fr; }
  .verified-review-note { grid-column: 1/-1; }
  .reviews-final-cta { align-items: flex-start; flex-direction: column; }
  .premium-product-page { padding-top: 0; }
  .premium-product-layout { grid-template-columns: minmax(0,1fr); width: 100%; }
  .product-story-column,.product-detail-card,.product-story-column > .product-detail-card > [x-data] { display: contents; }
  .product-detail-header { grid-column: 1; grid-row: 1; }
  .premium-product-gallery { grid-column: 1; grid-row: 2; }
  .product-thumbnail-rail { grid-column: 1; grid-row: 3; }
  .product-purchase-column { grid-column: 1; grid-row: 4; width: 100%; max-width: 520px; margin-inline: auto; }
  .product-description-panel { grid-column: 1; grid-row: 5; }
  .product-checkout-panel { width: 100%; max-width: 100%; position: relative; top: auto; }
  .pagination-shell { align-items: stretch; flex-direction: column; }
  .pagination-status { text-align: center; }
  .pagination-pages { justify-content: center; min-width: 0; }
  .pagination-numbers { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .modular-text-media-shell,.modular-text-media.split-40-60 .modular-text-media-shell,.modular-text-media.split-60-40 .modular-text-media-shell { grid-template-columns: minmax(0,1fr); }
  .modular-text-media.mobile-media-first .modular-media { order: 1; }
  .modular-text-media.mobile-media-first .modular-copy { order: 2; }
  .modular-text-media.mobile-text-first .modular-copy { order: 1; }
  .modular-text-media.mobile-text-first .modular-media { order: 2; }
  .modular-text-media.layout-overlay .modular-text-media-shell { min-height: 0; display: grid; padding: 22px; }
  .modular-text-media.layout-overlay .modular-copy,.modular-text-media.layout-overlay .modular-media { grid-area: auto; }
  .modular-text-media.layout-overlay .modular-copy { max-width: var(--modular-text-max); margin: 0; background: transparent; border: 0; backdrop-filter: none; padding: 4px; }
  .modular-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .modular-step-grid.has-progress::before { display: none; }
  .support-section,.support-section.support-layout-wide,.support-section.support-layout-compact,.premium-payment-section { grid-template-columns: minmax(0,1fr); }
  .support-ticket-shell { width: 100%; max-width: 680px; margin-inline: auto; }
  .editor-testimonial-grid { grid-template-columns: 1fr; }
  .benefits-grid.columns-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-section.media-right .about-visual,.about-section.media-right .about-copy { order: initial; }
  .discord-community { grid-template-columns: minmax(0,1fr); }
  .discord-community-card { width: 100%; max-width: 720px; margin-inline: auto; }
}

@media (max-width: 620px) {
  .premium-section { padding: 72px 0; }
  .premium-header { margin-top: 8px; }
  .nav-shell { padding: 0 10px 0 13px; border-radius: 14px; }
  .nav-brand { font-size: 13px; }
  .nav-cart { width: 40px; padding: 0; justify-content: center; }
  .hero-shell { padding: 72px 0 70px; }
  .hero-title { letter-spacing: -.068em; }
  .hero-subtitle { margin-top: 24px; font-size: 15px; }
  .hero-actions { align-items: stretch; }
  .premium-button { flex: 1 1 160px; }
  .hero-proof { display: grid; grid-template-columns: 1fr 1fr; }
  .preview-product { grid-template-columns: 90px 1fr; gap: 14px; padding: 20px 4px; }
  .preview-art > i { font-size: 28px; }
  .preview-route { margin-left: 2px; margin-right: 2px; }
  .route-step span { display: block; font-size: 8px; }
  .route-progress-track { left: 16.666%; right: 16.666%; }
  .preview-access { align-items: flex-start; flex-direction: column; }
  .floating-chip { display: none; }
  .hero-visual { padding-bottom: 48px; }
  .benefit-rotator { top: auto !important; right: auto; bottom: 0 !important; width: calc(100% - 24px); max-width: none; transform: none; }
  .benefit-rotator.mobile-position-bottom-inside,.benefit-rotator.mobile-position-bottom-left { left: 12px !important; }
  .benefit-rotator.mobile-position-bottom-center { left: 50% !important; transform: translateX(-50%); }
  .benefit-rotator.mobile-position-bottom-right { left: auto !important; right: 12px !important; }
  .delivery-timeline { grid-template-columns: 1fr; gap: 12px; padding: 0; }
  .delivery-track { top: 20px; bottom: 58px; left: 19px; right: auto; width: 2px; height: auto; }
  .delivery-track span { width: 100%; height: var(--delivery-progress); transition: height .6s ease; }
  .delivery-track span::after { top: auto; right: auto; bottom: -4px; left: 50%; transform: translateX(-50%) scale(.7); }
  .delivery-timeline.is-running .delivery-track span::after { transform: translateX(-50%) scale(1); }
  .delivery-node { grid-template-columns: 40px 1fr; justify-items: start; align-items: center; text-align: left; }
  .delivery-node p { max-width: none; }
  .delivery-completion { position: relative; left: auto; bottom: auto; grid-column: 1; justify-self: start; margin: 8px 0 0 52px; transform: translateY(8px); }
  .delivery-completion[aria-hidden="false"] { transform: none; }
  .delivery-timeline.is-complete .delivery-track::after { background: linear-gradient(180deg,transparent,rgba(255,255,255,.5),transparent); transform: translateY(-35%); animation-name: deliveryTrackShineVertical; }
  @keyframes deliveryTrackShineVertical { 25% { opacity: .5; } 100% { opacity: 0; transform: translateY(35%); } }
  .comparison-stage { height: 460px; border-radius: 20px; }
  .comparison-content { left: 22px; bottom: 24px; max-width: 300px; }
  .comparison-content strong { font-size: 1.8rem; }
  .about-visual, .about-placeholder { min-height: 400px; }
  .benefits-grid { grid-template-columns: 1fr; }
  .benefit-card { min-height: 210px; }
  .trust-row { align-items: flex-start; flex-direction: column; padding-left: 20px; }
  .final-cta { margin-bottom: 50px; border-radius: 22px; }
  .footer-links-grid { grid-template-columns: 1fr 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; }
  .reviews-shell { padding-top: 54px; }
  .reviews-summary { grid-template-columns: 1fr; }
  .verified-review-note { grid-column: auto; }
  .review-filters { width: 100%; }
  .review-tools { flex-direction: column; }
  .review-search,.review-sort { width: 100%; }
  .review-sort select { width: 100%; }
  .review-card-grid,.review-card-grid.layout-compact { grid-template-columns: 1fr; }
  .premium-review-card { min-height: 0; }
  .review-product-media { padding: 0; }
  .product-detail-title { font-size: 2rem !important; }
  .product-trust-row { align-items: stretch; flex-direction: column; }
  .product-trust-row span,.product-trust-row a { width: 100%; }
  .product-thumbnail { flex-basis: 64px; height: 47px; }
  .premium-product-page { width: 100%; padding-inline: max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right)); }
  .premium-product-layout,.product-purchase-column,.product-checkout-panel,.product-purchase-form { min-width: 0; max-width: 100%; }
  .product-detail-header,.product-description-panel { padding: 20px; }
  .product-checkout-panel > div:first-child { padding: 20px; }
  .product-purchase-form > .bg-card { padding: 16px; }
  .variant-card { padding: 12px; gap: 10px; }
  .payment-method-list { grid-template-columns: 1fr 1fr; }
  .pagination-arrow span { display: none; }
  .pagination-arrow { min-width: 40px; padding: 0; }
  .modular-text-media { padding-block: 58px; }
  .modular-text-media-shell { gap: 26px; padding: 20px; border-radius: min(var(--modular-radius),20px); }
  .modular-copy h2 { font-size: clamp(2rem,12vw,3.2rem); }
  .modular-features { grid-template-columns: 1fr; }
  .modular-actions { align-items: stretch; flex-direction: column; }
  .modular-media { min-height: 250px; }
  .modular-step-grid { grid-template-columns: 1fr; padding-left: 14px; }
  .modular-step-grid.has-progress::before { display: block; top: 28px; bottom: 28px; left: 0; right: auto; width: 1px; height: auto; transform: scaleY(0); transform-origin: top; }
  .modular-steps.is-visible .modular-step-grid.has-progress::before { transform: scaleY(1); }
  .modular-step-card { min-height: 260px; }
  .scroll-callout { display: none; }
  .premium-independent-section.background-panel,.premium-independent-section.background-accent:not(.final-cta) { margin-inline: 0; padding-inline: 18px; border-radius: 20px; }
  .support-section { gap: 38px; text-align: left; }
  .support-copy h2 { font-size: clamp(2.35rem,13vw,3.7rem); }
  .support-actions { align-items: stretch; flex-direction: column; }
  .support-actions .premium-button { width: 100%; flex: none; }
  .support-ticket-topbar { padding-inline: 13px; }
  .support-ticket-status { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
  .support-message-list { min-height: 0; padding: 18px 13px 20px; gap: 16px; }
  .support-message.sender-customer { padding-left: 15px; }
  .support-message-meta time { display: none; }
  .homepage-payment-row { grid-template-columns: 1fr; }
  .benefits-grid.columns-2,.benefits-grid.columns-4 { grid-template-columns: 1fr; }
  .discord-community { gap: 34px; }
  .discord-community.mobile-compact .discord-support-preview { display: none; }
  .discord-community-copy h2 { font-size: clamp(2.55rem,13vw,3.8rem); }
  .discord-community-actions { align-items: stretch; flex-direction: column; }
  .discord-community-actions .premium-button { width: 100%; flex: none; }
  .discord-community-card { padding: 18px; border-radius: 20px; }
  .discord-card-status { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
  .customer-auth-dialog { padding: 22px 18px; border-radius: 18px; }
  .customer-auth-footer { margin: 20px -18px -22px; }
  .customer-auth-otp { gap: 5px; }
  .customer-auth-otp input { height: 48px; border-radius: 9px; }
}

@media (max-width: 430px) {
  .reviews-intro h1 { font-size: clamp(2.55rem,13vw,3.65rem); }
  .review-filters { scroll-snap-type: x proximity; }
  .review-filters button { scroll-snap-align: start; }
  .premium-review-card { width: 100%; }
  .review-card-content { padding: 14px; }
  .pagination-page:not(.is-current),.pagination-ellipsis { display: none; }
  .product-detail-title { font-size: clamp(1.75rem,9vw,2.25rem) !important; }
  .product-trust-row span,.product-trust-row a { min-width: 0; }
  .payment-method-list { grid-template-columns: 1fr; }
  .product-checkout-panel .flex.justify-between.items-center { align-items: flex-start; flex-direction: column; gap: 12px; }
}

@media (max-width: 340px) {
  .nav-shell { padding-inline: 8px; }
  .nav-brand { max-width: 145px; }
  .delivery-preview { padding: 12px; border-radius: 20px; }
  .preview-product { grid-template-columns: 72px minmax(0,1fr); gap: 11px; }
  .route-step span { font-size: 7px; }
  .delivery-replay { top: 68px; right: 16px; }
  .variant-card { align-items: flex-start; flex-direction: column; }
  .variant-card > div:last-child { align-self: stretch; display: flex; justify-content: space-between; }
  .mobile-discord-block > a { width: 34px; padding: 0; justify-content: center; font-size: 0; }
  .mobile-discord-block > a i { font-size: 9px; }
  .discord-community-metrics { grid-template-columns: 1fr; }
  .customer-auth-viewport { padding-inline: 10px; }
  .customer-auth-dialog { padding-inline: 15px; }
  .customer-auth-footer { margin-inline: -15px; }
}

@media (hover: none) {
  .premium-review-card:hover,.premium-review-card:hover .review-product-image,.payment-method-card:hover,.premium-product-gallery:hover img,.nav-cta:hover,.stat-item:hover .stat-icon,.customer-auth-primary:hover:enabled { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
  .premium-heading-reveal .premium-kicker::before,.premium-heading-reveal .premium-kicker-text,.premium-heading-reveal .heading-reveal-line-inner,.premium-heading-reveal [data-heading-support] { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }
  .delivery-preview { transform: none !important; }
  .support-message,.support-ticket-shell,.support-typing { opacity: 1 !important; visibility: visible !important; transform: none !important; animation: none !important; }
  .support-typing { display: none !important; }
  .customer-auth-progress span { transform: none; }
}

/* Product volume-discount progress */
.volume-discount-progress { position: relative; overflow: hidden; margin-top: 11px; padding: 14px; border: 1px solid rgba(var(--cl-accent),.13); border-radius: 14px; background: radial-gradient(circle at 100% 0,rgba(var(--cl-accent),.055),transparent 40%),rgba(var(--cl-background),.32); transition: border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.volume-discount-progress.volume-accent-minimal { border-color: rgba(255,255,255,.07); background: rgba(255,255,255,.018); }
.volume-discount-progress.volume-accent-balanced { border-color: rgba(var(--cl-accent),.25); background: radial-gradient(circle at 100% 0,rgba(var(--cl-accent),.09),transparent 44%),rgba(var(--cl-background),.36); }
.volume-discount-heading { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; }
.volume-discount-icon { position: relative; width: 34px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.16); border-radius: 10px; color: var(--premium-accent); background: rgba(var(--cl-accent),.05); font-size: 11px; }
.volume-discount-icon > i:last-child { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transform: scale(.65); }
.volume-discount-heading > div { min-width: 0; }
.volume-discount-heading > div > span { display: block; color: rgba(var(--cl-t-primary),.34); font-size: 6px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.volume-discount-heading strong { display: block; margin-top: 4px; color: rgba(var(--cl-t-primary),.82); font-size: 9px; font-weight: 720; line-height: 1.35; text-wrap: balance; transition: opacity .24s ease,transform .24s ease; }
.volume-current-quantity { min-width: 42px; display: grid; justify-items: end; }
.volume-current-quantity b { color: rgb(var(--cl-t-primary)); font-size: 16px; line-height: 1; }
.volume-current-quantity small { margin-top: 4px; color: rgba(var(--cl-t-primary),.3); font-size: 6px; text-transform: uppercase; }
.volume-progress-track { position: relative; height: 6px; margin: 24px 6px 26px; border-radius: 999px; background: rgba(255,255,255,.065); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); }
.volume-progress-fill { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: linear-gradient(90deg,rgba(var(--cl-accent),.58),var(--premium-accent)); transition: width var(--volume-duration,480ms) cubic-bezier(.22,1,.36,1); }
.volume-progress-fill::after { content: ''; position: absolute; top: 50%; right: 0; width: 10px; aspect-ratio: 1; border: 2px solid rgb(var(--cl-card)); border-radius: 50%; background: var(--premium-accent); box-shadow: 0 0 0 1px rgba(var(--cl-accent),.32); transform: translate(50%,-50%); }
.volume-milestone { position: absolute; top: 50%; z-index: 2; transform: translate(-50%,-50%); }
.volume-milestone > i { width: 16px; aspect-ratio: 1; display: grid; place-items: center; border: 2px solid rgba(var(--cl-card),1); border-radius: 50%; color: rgba(var(--cl-t-primary),.26); background: rgb(var(--cl-card)); box-shadow: 0 0 0 1px rgba(255,255,255,.09); transition: color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease; }
.volume-milestone > i span { width: 4px; aspect-ratio: 1; border-radius: 50%; background: currentColor; }
.volume-milestone > i b { display: none; font-size: 6px; }
.volume-milestone > small { position: absolute; top: 15px; left: 50%; width: max-content; max-width: 92px; color: rgba(var(--cl-t-primary),.28); font-size: 5.5px; line-height: 1.25; text-align: center; transform: translateX(-50%); transition: color .24s ease; }
.volume-milestone.is-next > i { color: var(--premium-accent); box-shadow: 0 0 0 1px rgba(var(--cl-accent),.34); }
.volume-milestone.is-next > small { color: rgba(var(--cl-t-primary),.58); }
.volume-milestone.is-unlocked > i { color: rgb(var(--cl-t-accent)); background: var(--premium-accent); box-shadow: 0 0 0 1px rgba(var(--cl-accent),.5); }
.volume-milestone.is-unlocked > i span { display: none; }
.volume-milestone.is-unlocked > i b { display: block; }
.volume-milestone.is-unlocked > small { color: rgba(var(--cl-accent),.76); }
.volume-milestone.is-last > small { right: -2px; left: auto; text-align: right; transform: none; }
.volume-style-bar .volume-milestone { display: none; }
.volume-style-bar .volume-progress-track { margin-bottom: 13px; }
.volume-discount-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.volume-discount-meta > span { min-height: 23px; display: inline-flex; align-items: center; gap: 6px; padding: 0 7px; border: 1px solid rgba(255,255,255,.055); border-radius: 999px; color: rgba(var(--cl-t-primary),.38); background: rgba(255,255,255,.018); font-size: 6px; }
.volume-discount-meta > span i { color: rgba(var(--cl-accent),.7); }
.volume-discount-meta .volume-tier-unlocked { border-color: rgba(var(--cl-accent),.12); color: rgba(var(--cl-t-primary),.54); background: rgba(var(--cl-accent),.035); }
.volume-price-feedback { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.055); }
.volume-price-feedback > span { min-width: 0; display: grid; gap: 4px; padding: 8px; border-radius: 9px; background: rgba(255,255,255,.018); }
.volume-price-feedback small { overflow: hidden; color: rgba(var(--cl-t-primary),.3); font-size: 5.5px; text-overflow: ellipsis; white-space: nowrap; }
.volume-price-feedback strong,.volume-price-feedback s { overflow: hidden; color: rgba(var(--cl-t-primary),.76); font-size: 8px; font-weight: 730; text-overflow: ellipsis; white-space: nowrap; }
.volume-price-feedback s { color: rgba(var(--cl-t-primary),.34); font-weight: 500; }
.volume-price-feedback > span:last-child strong { color: var(--premium-accent); }
.volume-discount-progress.is-unlock-event { border-color: rgba(var(--cl-accent),.36); background: radial-gradient(circle at 100% 0,rgba(var(--cl-accent),.1),transparent 46%),rgba(var(--cl-background),.36); animation: volume-card-confirm var(--volume-duration,480ms) cubic-bezier(.22,1,.36,1) both; }
.volume-discount-progress.is-unlock-event .volume-discount-icon > i:first-child { opacity: 0; transform: scale(.7); }
.volume-discount-progress.is-unlock-event .volume-discount-icon > i:last-child { opacity: 1; transform: scale(1); transition: opacity .2s ease,transform var(--volume-duration,480ms) cubic-bezier(.2,1.5,.3,1); }
.volume-discount-progress.is-unlock-event .volume-discount-heading strong { animation: volume-message-confirm .34s cubic-bezier(.22,1,.36,1) both; }
@keyframes volume-card-confirm { 0% { box-shadow: 0 0 0 0 rgba(var(--cl-accent),0); } 42% { box-shadow: 0 0 0 2px rgba(var(--cl-accent),.11); } 100% { box-shadow: 0 0 0 0 rgba(var(--cl-accent),0); } }
@keyframes volume-message-confirm { 0% { opacity: .2; transform: translateY(4px); } 100% { opacity: 1; transform: none; } }
@media (max-width: 480px) {
  .volume-discount-progress { padding: 12px; }
  .volume-discount-heading { grid-template-columns: 31px minmax(0,1fr) auto; gap: 8px; }
  .volume-discount-icon { width: 31px; }
  .volume-mobile-compact .volume-progress-track { margin-block: 19px 13px; }
  .volume-mobile-compact .volume-milestone > small { display: none; }
  .volume-price-feedback { gap: 5px; }
  .volume-price-feedback > span { padding: 7px 6px; }
}
@media (max-width: 340px) {
  .volume-price-feedback { grid-template-columns: 1fr 1fr; }
  .volume-price-feedback > span:last-child { grid-column: 1/-1; }
  .volume-discount-heading strong { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .volume-progress-fill,.volume-milestone > i,.volume-milestone > small,.volume-discount-heading strong,.volume-discount-icon > i { transition: none !important; animation: none !important; }
  .volume-discount-progress.is-unlock-event { animation: none !important; }
}

/* Premium status and downloads */
.premium-status-page {
  --status-accent: var(--premium-accent);
  --status-positive: var(--premium-accent);
  --status-warning: #ffca58;
  --status-danger: #ff6b72;
  width: min(100% - 40px,1380px);
  margin-inline: auto;
  padding-block: 82px 96px;
  overflow: clip;
}
.premium-status-page.spacing-compact { padding-block: 56px 70px; }
.premium-status-page.spacing-spacious { padding-block: 110px 130px; }
.premium-status-page.background-panel { padding-inline: clamp(20px,3vw,44px); border: 1px solid rgba(255,255,255,.08); border-radius: 32px; background: rgba(12,15,14,.72); }
.premium-status-page.background-accent { padding-inline: clamp(20px,3vw,44px); border-radius: 32px; background: radial-gradient(circle at 80% 0,rgba(var(--cl-accent),.075),transparent 34%),rgba(9,12,11,.45); }
.status-page-hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); align-items: center; gap: clamp(36px,7vw,100px); min-height: 440px; }
.status-page-copy { max-width: 780px; }
.status-page-copy h1 { margin: 18px 0 20px; max-width: 780px; color: #f5f7f3; font-size: clamp(3rem,6.8vw,6.6rem); line-height: .93; letter-spacing: -.065em; }
.status-page-copy > p { max-width: 680px; color: rgba(238,242,235,.64); font-size: clamp(1rem,1.3vw,1.18rem); line-height: 1.75; }
.status-page-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 30px; }
.status-quiet-link { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 8px; color: rgba(241,244,238,.72); font-weight: 700; text-decoration: none; transition: color .2s ease; }
.status-quiet-link:hover,.status-quiet-link:focus-visible { color: var(--status-accent); }
.overall-status-card { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 24px; min-height: 250px; padding: clamp(24px,3vw,38px); overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; background: linear-gradient(145deg,rgba(24,29,26,.88),rgba(10,13,12,.94)); box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.overall-status-card::before { content: ''; position: absolute; inset: -45% -25% auto 30%; height: 220px; background: radial-gradient(circle,rgba(var(--cl-accent),.11),transparent 68%); pointer-events: none; }
.overall-status-card > div { min-width: 0; }
.overall-status-card > div > span { color: var(--status-accent); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.overall-status-card h2 { margin: 8px 0 10px; color: #f6f8f4; font-size: clamp(1.45rem,2.2vw,2.2rem); line-height: 1.08; }
.overall-status-card p { margin: 0; color: rgba(238,242,235,.61); line-height: 1.55; }
.overall-status-card small { display: flex; align-items: center; gap: 7px; margin-top: 17px; color: rgba(238,242,235,.42); }
.status-visual { --visual-color: #8d9790; position: relative; display: inline-grid; flex: 0 0 auto; place-items: center; width: 70px; aspect-ratio: 1; color: var(--visual-color); }
.status-visual.size-large { width: clamp(88px,9vw,126px); }
.status-visual.size-small { width: 42px; }
.status-visual.status-operational { --visual-color: var(--status-positive); }
.status-visual.status-maintenance,.status-visual.status-updating,.status-visual.status-degraded { --visual-color: var(--status-warning); }
.status-visual.status-incident,.status-visual.status-offline { --visual-color: var(--status-danger); }
.status-visual-track,.status-visual-segments { position: absolute; inset: 0; border-radius: 50%; }
.status-visual-track { border: 1px solid color-mix(in srgb,var(--visual-color) 25%,transparent); background: color-mix(in srgb,var(--visual-color) 5%,transparent); }
.status-visual-segments { opacity: 0; transform: rotate(-90deg) scale(.82); background: conic-gradient(var(--visual-color) 0 15%,transparent 15% 22%,var(--visual-color) 22% 37%,transparent 37% 44%,var(--visual-color) 44% 59%,transparent 59% 66%,var(--visual-color) 66% 81%,transparent 81% 88%,var(--visual-color) 88% 100%); -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px)); mask: radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px)); }
.status-visual-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 52%; aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--visual-color) 32%,transparent); border-radius: 50%; background: color-mix(in srgb,var(--visual-color) 10%,#101411); font-size: 1rem; box-shadow: 0 0 0 7px color-mix(in srgb,var(--visual-color) 4%,transparent); }
.status-visual.size-large .status-visual-icon { font-size: 1.55rem; }
.status-visual.status-offline .status-visual-segments,.status-visual.status-incident .status-visual-segments { background: repeating-conic-gradient(var(--visual-color) 0 7deg,transparent 7deg 15deg); }
.status-visual.status-degraded .status-visual-segments { background: conic-gradient(var(--visual-color) 0 62%,transparent 62%); }
.status-visual.is-status-visible .status-visual-segments { animation: status-settle .9s cubic-bezier(.2,.75,.2,1) forwards; }
.premium-status-page.speed-slow .status-visual.is-status-visible .status-visual-segments { animation-duration: 1.35s; }
.premium-status-page.speed-fast .status-visual.is-status-visible .status-visual-segments { animation-duration: .55s; }
.premium-status-page.animation-ring .status-visual-segments { background: conic-gradient(var(--visual-color) 0 74%,transparent 74%); }
.premium-status-page.animation-scan .status-visual.is-status-visible .status-visual-segments { animation-name: status-scan; }
.premium-status-page.animation-disabled .status-visual-segments { opacity: .78; transform: none; animation: none !important; }
@keyframes status-settle { 0% { opacity: 0; transform: rotate(-90deg) scale(.82); } 100% { opacity: .78; transform: rotate(0) scale(1); } }
@keyframes status-scan { 0% { opacity: 0; transform: rotate(-180deg); } 100% { opacity: .78; transform: rotate(0); } }
.status-section-nav { position: sticky; top: 84px; z-index: 20; display: flex; width: fit-content; max-width: 100%; margin: 36px auto 0; padding: 5px; overflow-x: auto; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: rgba(9,12,11,.86); box-shadow: 0 14px 40px rgba(0,0,0,.22); backdrop-filter: blur(16px); scrollbar-width: none; }
.status-section-nav::-webkit-scrollbar { display: none; }
.status-section-nav a { flex: 0 0 auto; padding: 10px 16px; border-radius: 999px; color: rgba(242,245,240,.62); font-size: 13px; font-weight: 750; text-decoration: none; transition: color .2s ease,background .2s ease; }
.status-section-nav a:hover,.status-section-nav a:focus-visible { color: #f6f8f4; background: rgba(255,255,255,.055); }
.status-page-section { padding-top: clamp(84px,10vw,140px); scroll-margin-top: 130px; }
.status-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.65fr); align-items: end; gap: 40px; margin-bottom: 32px; }
.status-section-heading h2,.status-final-cta h2 { margin: 14px 0 0; color: #f5f7f3; font-size: clamp(2.3rem,4.6vw,4.7rem); line-height: .98; letter-spacing: -.055em; }
.status-section-heading > p,.status-final-cta p { margin: 0; color: rgba(238,242,235,.57); line-height: 1.65; }
.status-product-grid,.status-download-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.status-product-grid.columns-1 { grid-template-columns: 1fr; }
.status-product-grid.columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.status-product-card,.status-download-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 24px; background: linear-gradient(145deg,rgba(20,24,22,.92),rgba(8,11,10,.96)); transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.status-product-card:hover,.status-download-card:hover { transform: translateY(-3px); border-color: rgba(var(--cl-accent),.24); box-shadow: 0 22px 54px rgba(0,0,0,.22); }
.status-product-media { position: relative; display: grid; place-items: center; aspect-ratio: 16/8.4; overflow: hidden; background: #0b0e0d; }
.status-product-media::after { content: ''; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent,rgba(8,11,10,.74)); pointer-events: none; }
.status-product-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.status-product-card:hover .status-product-media img { transform: scale(1.018); }
.status-product-placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: rgba(var(--cl-accent),.52); font-size: 2rem; background: radial-gradient(circle,rgba(var(--cl-accent),.08),transparent 55%); }
.status-product-content { padding: clamp(20px,2.5vw,30px); }
.status-product-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.status-product-heading > div { min-width: 0; }
.status-product-heading > div > span,.download-card-top small { color: var(--status-accent); font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.status-product-heading h3,.download-card-top h3 { margin: 7px 0 0; color: #f4f6f2; font-size: clamp(1.35rem,2vw,1.9rem); line-height: 1.08; overflow-wrap: anywhere; }
.status-product-state { margin-top: 22px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.025); }
.status-product-state strong { color: #eff3ed; }
.status-product-state p,.download-description { margin: 6px 0 0; color: rgba(238,242,235,.55); line-height: 1.55; }
.status-product-meta,.download-file-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 20px 0 0; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(255,255,255,.07); }
.status-product-meta > div,.download-file-meta > div { min-width: 0; padding: 13px; background: #0d100f; }
.status-product-meta dt,.download-file-meta dt { color: rgba(238,242,235,.38); font-size: 10px; text-transform: uppercase; }
.status-product-meta dd,.download-file-meta dd { margin: 4px 0 0; color: rgba(245,247,243,.8); font-size: 13px; overflow-wrap: anywhere; }
.status-maintenance-note { display: flex; gap: 9px; margin: 16px 0 0; color: #f1cb70; }
.status-product-actions,.download-card-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.status-action-primary,.download-primary,.download-disabled { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 17px; border: 0; border-radius: 11px; color: rgb(var(--cl-t-accent)); background: var(--status-accent); font: inherit; font-size: 13px; font-weight: 850; text-decoration: none; cursor: pointer; }
.status-action-secondary,.download-secondary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 15px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; color: rgba(242,245,240,.67); font-size: 13px; font-weight: 750; text-decoration: none; }
.status-action-secondary:hover,.status-action-secondary:focus-visible,.download-secondary:hover,.download-secondary:focus-visible { color: #fff; border-color: rgba(255,255,255,.19); background: rgba(255,255,255,.04); }
.download-disabled { color: rgba(240,243,238,.42); background: rgba(255,255,255,.07); cursor: not-allowed; }
.download-security-note { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; padding: 18px 20px; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 17px; background: rgba(var(--cl-accent),.045); }
.download-security-note > i { display: grid; flex: 0 0 auto; place-items: center; width: 36px; aspect-ratio: 1; border-radius: 10px; color: var(--status-accent); background: rgba(var(--cl-accent),.08); }
.download-security-note strong { color: #eff3ed; }
.download-security-note p { margin: 4px 0 0; color: rgba(238,242,235,.52); }
.status-download-card { padding: clamp(20px,2.4vw,28px); }
.download-card-top { display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: center; gap: 17px; }
.download-card-top img,.download-card-top > span { width: 76px; height: 76px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; object-fit: cover; background: #101412; }
.download-card-top > span { display: grid; place-items: center; color: var(--status-accent); font-size: 1.4rem; }
.download-card-top p { margin: 5px 0 0; color: rgba(238,242,235,.46); }
.download-file-meta { grid-template-columns: repeat(4,minmax(0,1fr)); }
.download-access-state { display: flex; align-items: flex-start; gap: 12px; margin-top: 18px; padding: 15px; border-radius: 14px; color: var(--status-accent); background: rgba(var(--cl-accent),.045); }
.download-access-state strong { color: #edf1eb; }
.download-access-state p { margin: 3px 0 0; color: rgba(238,242,235,.48); font-size: 13px; }
.incident-list { display: grid; gap: 12px; }
.incident-card { border: 1px solid rgba(255,255,255,.09); border-radius: 19px; background: rgba(13,16,15,.8); }
.incident-card summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 17px; padding: 21px 24px; list-style: none; cursor: pointer; }
.incident-card summary::-webkit-details-marker { display: none; }
.incident-symbol { display: grid; place-items: center; width: 42px; aspect-ratio: 1; border: 1px solid rgba(var(--cl-accent),.2); border-radius: 12px; color: var(--status-positive); background: rgba(var(--cl-accent),.06); }
.incident-symbol.state-investigating,.incident-symbol.state-identified { color: var(--status-danger); border-color: rgba(255,107,114,.2); background: rgba(255,107,114,.06); }
.incident-symbol.state-monitoring,.incident-symbol.state-scheduled-maintenance { color: var(--status-warning); border-color: rgba(255,202,88,.2); background: rgba(255,202,88,.06); }
.incident-card small { color: rgba(238,242,235,.39); }
.incident-card h3 { margin: 4px 0; color: #f1f4ef; font-size: 1.05rem; }
.incident-card summary p { margin: 0; color: rgba(238,242,235,.51); }
.incident-state { padding: 6px 9px; border-radius: 99px; color: rgba(241,244,239,.66); background: rgba(255,255,255,.055); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.incident-expand { color: rgba(241,244,239,.45); transition: transform .2s ease; }
.incident-card[open] .incident-expand { transform: rotate(45deg); }
.incident-details { margin: 0 24px 24px 83px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.07); color: rgba(238,242,235,.58); line-height: 1.6; }
.incident-update { display: grid; grid-template-columns: 90px 1fr; gap: 18px; margin-top: 18px; }
.incident-update time { color: rgba(238,242,235,.38); font-size: 12px; }
.incident-update strong { color: #f0f3ee; }
.incident-update p { margin: 3px 0 0; }
.status-empty-state { display: grid; place-items: center; min-height: 260px; padding: 36px; border: 1px dashed rgba(255,255,255,.12); border-radius: 23px; text-align: center; background: rgba(255,255,255,.018); }
.status-empty-state.compact { min-height: 210px; }
.status-empty-state > i { color: var(--status-accent); font-size: 1.7rem; }
.status-empty-state h3 { margin: 14px 0 5px; color: #f1f4ef; }
.status-empty-state p { max-width: 560px; margin: 0; color: rgba(238,242,235,.52); }
.status-empty-state .status-action-primary { margin-top: 20px; }
.status-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 42px; margin-top: clamp(90px,11vw,150px); padding: clamp(30px,5vw,64px); overflow: hidden; border: 1px solid rgba(var(--cl-accent),.15); border-radius: 28px; background: radial-gradient(circle at 90% 20%,rgba(var(--cl-accent),.11),transparent 32%),linear-gradient(145deg,rgba(19,24,20,.92),rgba(8,11,10,.96)); }
.status-final-cta > div:first-child { max-width: 720px; }
.status-final-cta .status-page-actions { flex: 0 0 auto; margin: 0; }
.status-action-primary:focus-visible,.download-primary:focus-visible,.incident-card summary:focus-visible,.status-section-nav a:focus-visible,.status-quiet-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 980px) {
  .status-page-hero { grid-template-columns: 1fr; min-height: 0; }
  .overall-status-card { max-width: 720px; }
  .status-section-heading { grid-template-columns: 1fr; gap: 14px; }
  .status-product-grid.columns-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .status-final-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 680px) {
  .premium-status-page { width: min(100% - 28px,1380px); padding-block: 56px 70px; }
  .status-page-copy h1 { font-size: clamp(2.7rem,14vw,4.2rem); }
  .status-page-actions { align-items: stretch; flex-direction: column; }
  .status-page-actions .premium-button,.status-page-actions .status-quiet-link { width: 100%; justify-content: center; flex: none; }
  .overall-status-card { grid-template-columns: 1fr; }
  .status-section-nav { top: 70px; width: 100%; justify-content: flex-start; }
  .status-product-grid,.status-product-grid.columns-3,.status-download-grid { grid-template-columns: 1fr; }
  .status-product-media { aspect-ratio: 16/9; }
  .status-product-meta,.download-file-meta { grid-template-columns: 1fr 1fr; }
  .status-product-actions,.download-card-actions { align-items: stretch; flex-direction: column; }
  .status-product-actions > *,.download-card-actions > * { width: 100%; justify-content: center; }
  .incident-card summary { grid-template-columns: auto minmax(0,1fr) auto; padding: 18px; }
  .incident-state { grid-column: 2; justify-self: start; }
  .incident-expand { grid-column: 3; grid-row: 1; }
  .incident-details { margin: 0 18px 20px; }
  .incident-update { grid-template-columns: 1fr; gap: 5px; }
  .status-final-cta { padding: 28px 22px; }
  .status-final-cta .status-page-actions { width: 100%; }
}
@media (hover: none) {
  .status-product-card:hover,.status-download-card:hover,.status-product-card:hover .status-product-media img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .status-visual-segments { opacity: .78 !important; transform: none !important; animation: none !important; }
  .status-product-card:hover,.status-download-card:hover,.status-product-card:hover .status-product-media img { transform: none; }
}

/* Independent Status page components */
.status-independent-component {
  --status-accent: var(--premium-accent);
  --status-positive: var(--premium-accent);
  --status-warning: #ffca58;
  --status-danger: #ff6b72;
  width: min(100% - 40px,1380px);
  margin-inline: auto;
  padding-block: 72px;
  scroll-margin-top: 120px;
}
.status-independent-component.spacing-compact { padding-block: 48px; }
.status-independent-component.spacing-spacious { padding-block: 104px; }
.status-overview-component { padding-top: 86px; padding-bottom: 30px; }
.status-overview-component.background-panel,.status-overview-component.background-accent { margin-top: 54px; padding-inline: clamp(22px,3vw,44px); border: 1px solid rgba(255,255,255,.08); border-radius: 30px; }
.status-overview-component.background-panel { background: rgba(12,15,14,.72); }
.status-overview-component.background-accent { background: radial-gradient(circle at 80% 0,rgba(var(--cl-accent),.075),transparent 34%),rgba(9,12,11,.45); }
.status-overview-hero { min-height: 400px; }
.status-independent-component.speed-slow .status-visual.is-status-visible .status-visual-segments { animation-duration: 1.35s; }
.status-independent-component.speed-fast .status-visual.is-status-visible .status-visual-segments { animation-duration: .55s; }
.status-independent-component.animation-ring .status-visual-segments { background: conic-gradient(var(--visual-color) 0 74%,transparent 74%); }
.status-independent-component.animation-scan .status-visual.is-status-visible .status-visual-segments { animation-name: status-scan; }
.status-independent-component.animation-disabled .status-visual-segments { opacity: .78; transform: none; animation: none !important; }
.compact-status-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.compact-status-grid.columns-1 { grid-template-columns: 1fr; }
.compact-status-grid.columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.compact-status-card { display: grid; grid-template-columns: 142px minmax(0,1fr); min-width: 0; min-height: 250px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 21px; background: linear-gradient(145deg,rgba(20,24,22,.92),rgba(8,11,10,.96)); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.compact-status-card:hover { transform: translateY(-2px); border-color: rgba(var(--cl-accent),.22); box-shadow: 0 18px 44px rgba(0,0,0,.2); }
.compact-status-card.style-vertical,.compact-status-card.style-featured { grid-template-columns: 1fr; }
.compact-status-card.style-featured { grid-column: span 2; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); }
.compact-status-card.style-minimal { grid-template-columns: 1fr; min-height: 0; }
.compact-status-card.style-minimal .compact-status-media { display: none; }
.compact-status-media { display: grid; place-items: center; min-height: 100%; overflow: hidden; border-right: 1px solid rgba(255,255,255,.07); background: #0b0f0d; }
.compact-status-card.style-vertical .compact-status-media { min-height: 150px; max-height: 190px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.compact-status-media img { width: 100%; height: 100%; object-fit: contain; background: radial-gradient(circle,rgba(var(--cl-accent),.045),transparent 70%); }
.compact-status-media > span { display: grid; place-items: center; width: 100%; height: 100%; min-height: 140px; color: rgba(var(--cl-accent),.5); background: radial-gradient(circle,rgba(var(--cl-accent),.08),transparent 57%); font-size: 1.7rem; }
.compact-status-body { display: flex; min-width: 0; flex-direction: column; padding: 20px; }
.compact-status-topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.compact-status-topline > div:first-child { min-width: 0; }
.compact-status-category { color: var(--status-accent); font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.compact-status-topline h3 { margin: 5px 0 0; color: #f4f6f2; font-size: clamp(1.05rem,1.6vw,1.35rem); line-height: 1.12; overflow-wrap: anywhere; }
.compact-status-state { margin-top: 14px; }
.compact-status-state strong { color: #edf1eb; font-size: 13px; }
.compact-status-state p { margin: 4px 0 0; color: rgba(238,242,235,.5); font-size: 12px; line-height: 1.5; }
.compact-status-meta { display: flex; flex-wrap: wrap; gap: 16px; margin: 13px 0 0; }
.compact-status-meta div { display: flex; align-items: center; gap: 5px; }
.compact-status-meta dt { color: rgba(238,242,235,.34); font-size: 9px; text-transform: uppercase; }
.compact-status-meta dd { margin: 0; color: rgba(245,247,243,.68); font-size: 11px; }
.compact-status-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 18px; }
.compact-status-actions .status-action-primary,.compact-status-actions .status-action-secondary { min-height: 38px; padding-inline: 12px; font-size: 11px; }
.compact-download-feedback { min-height: 0; margin: 7px 0 0; color: rgba(var(--cl-accent),.72); font-size: 10px; }
.status-download-grid.columns-1 { grid-template-columns: 1fr; }
.status-download-grid.columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.status-downloads-component .status-download-card { padding: 22px; }
.status-downloads-component .download-card-top { grid-template-columns: 64px minmax(0,1fr); }
.status-downloads-component .download-card-top img,.status-downloads-component .download-card-top > span { width: 64px; height: 64px; border-radius: 14px; }
.status-downloads-component .download-file-meta { margin-top: 15px; }
.order-access-panel { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 22px; padding: clamp(24px,3.5vw,42px); border: 1px solid rgba(255,255,255,.09); border-radius: 24px; background: radial-gradient(circle at 90% 0,rgba(var(--cl-accent),.07),transparent 30%),linear-gradient(145deg,rgba(20,24,22,.92),rgba(8,11,10,.96)); }
.order-access-icon { display: grid; place-items: center; width: 62px; aspect-ratio: 1; border: 1px solid rgba(var(--cl-accent),.18); border-radius: 17px; color: var(--status-accent); background: rgba(var(--cl-accent),.06); font-size: 1.35rem; }
.order-access-copy > span { color: var(--status-accent); font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.order-access-copy h3 { margin: 6px 0; color: #f4f6f2; font-size: clamp(1.35rem,2vw,1.9rem); }
.order-access-copy p { max-width: 650px; margin: 0; color: rgba(238,242,235,.53); line-height: 1.6; }
.order-access-copy small { display: block; margin-top: 10px; color: rgba(238,242,235,.38); }
.order-access-actions { display: flex; max-width: 300px; flex-direction: column; align-items: stretch; gap: 8px; }
.order-access-actions > * { width: 100%; }
.order-security-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 0; color: rgba(238,242,235,.4); font-size: 11px; text-align: center; }
.order-security-note i { color: var(--status-accent); }
.incident-product-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.incident-product-chips span { padding: 6px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 99px; color: rgba(241,244,239,.62); background: rgba(255,255,255,.035); font-size: 10px; }
.incident-resolution { color: rgba(238,242,235,.58); }
.incident-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.status-incidents-component.layout-cards .incident-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
.status-incidents-component.layout-compact .incident-card summary { padding-block: 15px; }
.status-cta-component { padding-top: 56px; padding-bottom: 96px; }
.status-cta-component .status-final-cta { margin-top: 0; }
@media (max-width: 980px) {
  .compact-status-grid.columns-3,.status-download-grid.columns-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .compact-status-card.style-featured { grid-column: auto; grid-template-columns: 142px minmax(0,1fr); }
  .order-access-panel { grid-template-columns: auto minmax(0,1fr); }
  .order-access-actions { grid-column: 2; max-width: none; flex-direction: row; flex-wrap: wrap; }
  .order-access-actions > * { width: auto; }
}
@media (max-width: 680px) {
  .status-independent-component { width: min(100% - 28px,1380px); padding-block: 52px; }
  .status-overview-component { padding-top: 60px; padding-bottom: 18px; }
  .compact-status-grid,.compact-status-grid.columns-3,.status-download-grid,.status-download-grid.columns-3,.status-incidents-component.layout-cards .incident-list { grid-template-columns: 1fr; }
  .compact-status-card,.compact-status-card.style-featured { grid-template-columns: 104px minmax(0,1fr); min-height: 220px; }
  .compact-status-card.style-vertical { grid-template-columns: 1fr; }
  .compact-status-body { padding: 16px; }
  .compact-status-actions { align-items: stretch; flex-direction: column; }
  .compact-status-actions > * { width: 100%; justify-content: center; }
  .order-access-panel { grid-template-columns: 1fr; text-align: left; }
  .order-access-actions { grid-column: auto; flex-direction: column; }
  .order-access-actions > * { width: 100%; }
}
@media (max-width: 380px) {
  .compact-status-card { grid-template-columns: 1fr; }
  .compact-status-media { min-height: 145px; max-height: 180px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
}
@media (hover: none) {
  .compact-status-card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .compact-status-card,.incident-card { transform: none !important; opacity: 1 !important; }
}

/* Premium cart page */
.premium-cart-page {
  width: min(100% - 40px,1380px);
  margin-inline: auto;
  color: rgb(var(--cl-t-primary));
}
.premium-cart-shell { padding: 74px 0 112px; }
.premium-cart-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 32px; }
.premium-cart-heading > div { max-width: 680px; text-align: right; }
.premium-cart-heading h1 { margin: 0; color: rgb(var(--cl-t-primary)); font-size: clamp(2.35rem,5vw,5rem); font-weight: 750; letter-spacing: -.065em; line-height: .95; }
.premium-cart-heading p { max-width: 560px; margin: 12px 0 0 auto; color: rgba(var(--cl-t-primary),.48); font-size: 13px; line-height: 1.65; }
.premium-cart-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,390px); align-items: start; gap: 24px; }
.premium-cart-layout.is-empty { grid-template-columns: 1fr; }
.premium-cart-main,.premium-cart-summary-column { min-width: 0; }
.premium-cart-loading { min-height: 190px; display: grid; place-items: center; align-content: center; gap: 14px; border: 1px solid var(--premium-line); border-radius: 22px; background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(var(--cl-card),.9); color: rgba(var(--cl-t-primary),.48); font-size: 12px; }
.premium-cart-spinner { width: 34px; aspect-ratio: 1; border: 2px solid rgba(255,255,255,.08); border-top-color: var(--premium-accent); border-radius: 50%; animation: premiumCartSpin .8s linear infinite; }
@keyframes premiumCartSpin { to { transform: rotate(1turn); } }

.premium-cart-items { display: grid; gap: 12px; }
.premium-cart-item { display: grid; grid-template-columns: minmax(0,1fr) auto; min-width: 0; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 20px; background: radial-gradient(circle at 0 0,rgba(var(--cl-accent),.055),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(var(--cl-card),.92); box-shadow: 0 18px 54px rgba(0,0,0,.12); transition: max-height .26s ease,opacity .22s ease,transform .26s ease,border-color .22s ease; max-height: 260px; }
.premium-cart-item:hover { border-color: rgba(var(--cl-accent),.22); }
.premium-cart-item.is-removing { max-height: 0; opacity: 0; transform: translateX(18px) scale(.985); border-width: 0; }
.premium-cart-item-body { display: grid; grid-template-columns: 132px minmax(0,1fr); min-width: 0; padding: 12px; gap: 18px; }
.premium-cart-item-media { min-height: 132px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: rgba(0,0,0,.2); }
.premium-cart-item-media img { width: 100%; height: 100%; aspect-ratio: 1; object-fit: contain; background: rgba(0,0,0,.16); }
.premium-cart-media-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(var(--cl-accent),.66); background: radial-gradient(circle,rgba(var(--cl-accent),.1),transparent 64%); }
.premium-cart-media-fallback svg { width: 54px; height: 54px; }
.premium-cart-item-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-block: 4px; }
.premium-cart-item-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.premium-cart-item-title-row a { min-width: 0; overflow: hidden; color: rgb(var(--cl-t-primary)); font-size: clamp(1.05rem,1.8vw,1.35rem); font-weight: 700; line-height: 1.18; text-overflow: ellipsis; white-space: nowrap; }
.premium-cart-item-title-row a:hover { color: var(--premium-accent); }
.premium-cart-variant { margin: 6px 0 0; color: rgba(var(--cl-t-primary),.48); font-size: 12px; }
.premium-cart-delivery { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 6px 8px; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 99px; color: rgba(var(--cl-t-primary),.6); background: rgba(var(--cl-accent),.045); font-size: 9px; }
.premium-cart-delivery i,.premium-cart-deal-applied { color: var(--premium-accent); }
.premium-cart-deal-note { margin-top: 7px; color: rgba(var(--cl-t-primary),.4); font-size: 9px; line-height: 1.5; }
.premium-cart-deal-applied { display: flex; align-items: center; gap: 5px; margin-top: 7px; font-size: 9px; }
.premium-cart-addons { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.premium-cart-addons > div { padding: 5px 7px; border: 1px solid rgba(255,255,255,.06); border-radius: 7px; color: rgba(var(--cl-t-primary),.42); background: rgba(255,255,255,.025); font-size: 8px; }
.premium-cart-item-controls { display: grid; grid-template-columns: auto minmax(78px,auto) 36px; align-content: center; align-items: center; gap: 18px; padding: 20px; border-left: 1px solid var(--premium-line); background: rgba(0,0,0,.11); }
.premium-cart-quantity { display: grid; grid-template-columns: 34px 42px 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.085); border-radius: 10px; background: rgba(255,255,255,.018); }
.premium-quantity-button { width: 34px; height: 36px; display: grid; place-items: center; color: rgba(var(--cl-t-primary),.6); transition: color .2s ease,background .2s ease; }
.premium-quantity-button:hover { color: rgb(var(--cl-t-primary)); background: rgba(255,255,255,.06); }
.premium-quantity-button:disabled { opacity: .3; pointer-events: none; }
.premium-quantity-input { width: 42px; min-width: 0; border-inline: 1px solid rgba(255,255,255,.06); border-block: 0; color: rgb(var(--cl-t-primary)); background: rgba(255,255,255,.02); font-size: 11px; text-align: center; -moz-appearance: textfield; }
.premium-quantity-input::-webkit-inner-spin-button,.premium-quantity-input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.premium-cart-quantity:focus-within { border-color: rgba(var(--cl-accent),.48); box-shadow: 0 0 0 3px rgba(var(--cl-accent),.07); }
.premium-cart-price { text-align: right; }
.premium-cart-price p { margin: 0; color: rgb(var(--cl-t-primary)); font-size: 1.05rem; font-weight: 700; white-space: nowrap; }
.premium-cart-price small { display: block; margin-top: 3px; color: rgba(var(--cl-t-primary),.35); font-size: 8px; white-space: nowrap; }
.premium-cart-remove { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.065); border-radius: 9px; color: rgba(var(--cl-t-primary),.34); background: rgba(255,255,255,.02); transition: color .2s ease,border-color .2s ease,background .2s ease; }
.premium-cart-remove:hover { border-color: rgba(255,102,110,.28); color: #ff777e; background: rgba(255,102,110,.06); }
.premium-cart-remove-mobile { display: none; }

.premium-cart-summary-stack { display: grid; gap: 14px; }
.premium-cart-summary { overflow: hidden; border: 1px solid var(--premium-line); border-radius: 22px; background: radial-gradient(circle at 90% 0,rgba(var(--cl-accent),.07),transparent 32%),linear-gradient(150deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),rgba(var(--cl-card),.94); box-shadow: 0 28px 80px rgba(0,0,0,.2); }
.premium-cart-summary.is-sticky { position: sticky; top: 104px; }
.builder-mode .premium-cart-summary.is-sticky { position: relative; top: auto; }
.premium-cart-summary form { padding: 24px; }
.premium-summary-heading > span { color: var(--premium-accent); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.premium-summary-heading h2 { margin: 6px 0 0; color: rgb(var(--cl-t-primary)); font-size: 1.45rem; font-weight: 700; letter-spacing: -.035em; }
.premium-summary-rows { display: grid; gap: 11px; margin-top: 22px; }
.premium-summary-row { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; color: rgba(var(--cl-t-primary),.46); font-size: 11px; }
.premium-summary-row strong { color: rgba(var(--cl-t-primary),.78); font-weight: 600; white-space: nowrap; }
.premium-summary-row.is-discount strong { color: var(--premium-accent); }
.premium-summary-total { margin-top: 5px; padding-top: 16px; border-top: 1px solid var(--premium-line); color: rgb(var(--cl-t-primary)); font-size: 13px; }
.premium-summary-total strong { color: rgb(var(--cl-t-primary)); font-size: 1.35rem; letter-spacing: -.03em; }
.premium-cart-error { margin-top: 14px; padding: 11px 12px; border: 1px solid rgba(255,102,110,.25); border-radius: 10px; color: #ff9ba0; background: rgba(255,102,110,.06); font-size: 10px; line-height: 1.5; }
.premium-cart-checkout { width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; border: 1px solid var(--premium-accent); border-radius: 12px; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); font-size: 12px; font-weight: 760; box-shadow: 0 14px 34px rgba(var(--cl-accent),.13); transition: filter .2s ease,transform .2s ease,box-shadow .2s ease; }
.premium-cart-checkout:hover:enabled { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 18px 38px rgba(var(--cl-accent),.18); }
.premium-cart-checkout:disabled { opacity: .4; pointer-events: none; }
.premium-cart-continue { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; color: rgba(var(--cl-t-primary),.52); font-size: 10px; transition: color .2s ease,border-color .2s ease,background .2s ease; }
.premium-cart-continue:hover { border-color: rgba(255,255,255,.14); color: rgb(var(--cl-t-primary)); background: rgba(255,255,255,.025); }
.premium-cart-trust-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; border-top: 1px solid var(--premium-line); background: var(--premium-line); }
.premium-cart-trust-list > div { min-width: 0; display: flex; align-items: center; gap: 7px; padding: 13px; color: rgba(var(--cl-t-primary),.42); background: rgba(var(--cl-card),.96); font-size: 8px; line-height: 1.35; }
.premium-cart-trust-list i { flex: 0 0 auto; color: var(--premium-accent); }
.premium-cart-payments { padding: 18px 20px 20px; border-top: 1px solid var(--premium-line); }
.premium-cart-payments-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgba(var(--cl-t-primary),.5); font-size: 9px; font-weight: 650; }
.premium-cart-payments-heading i { color: var(--premium-accent); }
.premium-cart-payment-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.premium-cart-payment { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; color: rgba(var(--cl-t-primary),.62); background: rgba(255,255,255,.022); font-size: 8px; }
.premium-cart-payment > i { color: rgb(var(--cl-t-primary)); font-size: 15px; }
.premium-cart-payment > b { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 5px; color: rgb(var(--cl-t-primary)); background: rgba(255,255,255,.06); font-size: 8px; }
.premium-cart-payments.has-motion .premium-cart-payment { animation: premiumPaymentIn .36s both; animation-delay: calc(var(--payment-index) * 45ms); }
.premium-cart-payments > small { display: block; margin-top: 10px; color: rgba(var(--cl-t-primary),.28); font-size: 7px; line-height: 1.45; }
.premium-cart-payment-empty { display: flex; align-items: center; gap: 8px; margin: 14px; padding: 11px; border: 1px dashed rgba(255,255,255,.1); border-radius: 10px; color: rgba(var(--cl-t-primary),.42); font-size: 8px; }
@keyframes premiumPaymentIn { from { opacity: 0; transform: translateY(5px); } }
.premium-cart-bundles { display: grid; gap: 10px; }
.premium-cart-bundle { display: flex; flex-direction: column; gap: 12px; padding: 18px; border: 1px solid var(--premium-line); border-radius: 17px; color: rgb(var(--cl-t-primary)); background: linear-gradient(rgba(255,255,255,.018),rgba(255,255,255,.018)),rgba(var(--cl-card),.9); }

/* Empty-cart purchase journey */
.premium-cart-empty { display: grid; grid-template-columns: minmax(270px,.72fr) minmax(480px,1.28fr); align-items: center; gap: clamp(32px,6vw,90px); min-height: 560px; overflow: hidden; padding: clamp(34px,5vw,74px); border: 1px solid var(--premium-line); border-radius: 28px; background: radial-gradient(circle at 82% 12%,rgba(var(--cl-accent),.1),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.008)),rgba(var(--cl-card),.72); }
.premium-empty-copy { min-width: 0; }
.premium-empty-icon { width: 48px; aspect-ratio: 1; display: grid; place-items: center; margin-bottom: 30px; border: 1px solid rgba(var(--cl-accent),.2); border-radius: 14px; color: var(--premium-accent); background: rgba(var(--cl-accent),.06); }
.premium-empty-label { margin: 0 0 10px !important; color: var(--premium-accent) !important; font-size: 9px !important; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.premium-empty-copy h2 { max-width: 550px; margin: 0; color: rgb(var(--cl-t-primary)); font-size: clamp(2.25rem,4.3vw,4.8rem); font-weight: 740; letter-spacing: -.065em; line-height: .96; }
.premium-empty-copy > p:not(.premium-empty-label) { max-width: 500px; margin: 22px 0 0; color: rgba(var(--cl-t-primary),.52); font-size: 13px; line-height: 1.7; }
.premium-empty-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.premium-cart-primary,.premium-cart-secondary { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 17px; border-radius: 11px; font-size: 11px; font-weight: 730; }
.premium-cart-primary { border: 1px solid var(--premium-accent); color: rgb(var(--cl-t-accent)); background: var(--premium-accent); box-shadow: 0 12px 32px rgba(var(--cl-accent),.12); }
.premium-cart-primary i { transition: transform .2s ease; }
.premium-cart-primary:hover i { transform: translateX(3px); }
.premium-cart-secondary { border: 1px solid rgba(255,255,255,.085); color: rgba(var(--cl-t-primary),.68); background: rgba(255,255,255,.025); }
.premium-cart-secondary:hover { border-color: rgba(255,255,255,.16); color: rgb(var(--cl-t-primary)); }
.premium-empty-trust { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 24px; color: rgba(var(--cl-t-primary),.35); font-size: 8px; }
.premium-empty-trust span { display: inline-flex; align-items: center; gap: 6px; }
.premium-empty-trust i { color: var(--premium-accent); }
.cart-journey { --journey-duration: 14s; min-width: 0; overflow: hidden; padding: 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; background: radial-gradient(circle at 86% 2%,rgba(var(--cl-accent),.1),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.18)),rgb(var(--cl-card)); box-shadow: 0 38px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055); }
.cart-journey-speed-slow { --journey-duration: 18s; }
.cart-journey-speed-fast { --journey-duration: 10s; }
.cart-journey-topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 2px 2px 15px; border-bottom: 1px solid rgba(255,255,255,.06); color: rgba(var(--cl-t-primary),.68); font-size: 9px; font-weight: 700; }
.cart-journey-topline span:last-child { display: flex; align-items: center; gap: 7px; color: rgba(var(--cl-t-primary),.38); font-size: 7px; font-weight: 650; text-transform: uppercase; letter-spacing: .11em; }
.cart-journey-topline i { width: 5px; aspect-ratio: 1; border-radius: 50%; background: var(--premium-accent); box-shadow: 0 0 10px rgba(var(--cl-accent),.4); }
.cart-journey-canvas { position: relative; min-height: 390px; overflow: hidden; }
.cart-journey-stage { position: absolute; inset: 22px 4px 10px; }
.journey-product { display: grid; grid-template-columns: 108px minmax(0,1fr); align-items: center; gap: 18px; }
.journey-product-art { width: 108px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.2); border-radius: 18px; color: var(--premium-accent); background: radial-gradient(circle,rgba(var(--cl-accent),.14),transparent 62%); font-size: 35px; }
.journey-product-art img { width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.journey-product-copy { min-width: 0; display: flex; flex-direction: column; }
.journey-product-copy small,.journey-checkout-head small,.journey-success small { color: var(--premium-accent); font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.journey-product-copy strong,.journey-checkout-head strong,.journey-success strong { margin-top: 7px; overflow: hidden; color: rgb(var(--cl-t-primary)); font-size: 1.15rem; letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; }
.journey-product-copy span { margin-top: 6px; color: rgba(var(--cl-t-primary),.38); font-size: 8px; }
.journey-product-copy b { margin-top: 14px; color: rgba(var(--cl-t-primary),.78); font-size: 14px; }
.journey-add-button,.journey-pay-button,.journey-access-button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; font-size: 9px; font-weight: 750; }
.journey-add-button { position: relative; grid-column: 1/-1; overflow: hidden; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); }
.journey-add-button::after { content: ''; position: absolute; width: 46px; aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.55); opacity: 0; pointer-events: none; }
.journey-checkout { display: grid; align-content: center; gap: 10px; }
.journey-checkout-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 12px; }
.journey-checkout-head > span { width: 42px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.17); border-radius: 12px; color: var(--premium-accent); background: rgba(var(--cl-accent),.055); }
.journey-checkout-head div { min-width: 0; display: flex; flex-direction: column; }
.journey-card-preview { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 10px; border: 1px solid rgba(var(--cl-accent),.13); border-radius: 8px; color: rgba(var(--cl-t-primary),.45); background: rgba(var(--cl-accent),.035); font-size: 7px; }
.journey-card-preview i { color: var(--premium-accent); font-size: 12px; }
.journey-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.journey-fields span { position: relative; overflow: hidden; min-height: 34px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 5px 9px; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; color: rgba(var(--cl-t-primary),.32); background: rgba(255,255,255,.018); }
.journey-fields .journey-field-wide { grid-column: 1/-1; }
.journey-fields small,.journey-fields b { position: relative; z-index: 1; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.journey-fields small { color: rgba(var(--cl-t-primary),.28); font-size: 6px; }
.journey-fields b { margin-top: 2px; color: rgba(var(--cl-t-primary),.7); font-size: 7px; font-weight: 600; }
.journey-fields i { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(var(--cl-accent),.08),transparent); transform: scaleX(0); transform-origin: left; }
.journey-pay-button { color: rgb(var(--cl-t-accent)); background: var(--premium-accent); }
.journey-success { display: grid; place-items: center; align-content: center; text-align: center; }
.journey-success-icon { width: 58px; aspect-ratio: 1; display: grid; place-items: center; margin-bottom: 18px; border-radius: 50%; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); box-shadow: 0 0 0 9px rgba(var(--cl-accent),.055); }
.journey-success strong { margin-top: 9px; font-size: 1.5rem; }
.journey-success p { max-width: 290px; margin: 8px 0 0; color: rgba(var(--cl-t-primary),.42); font-size: 8px; line-height: 1.5; }
.journey-success-sequence { width: min(100%,310px); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 15px; }
.journey-success-sequence span { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 7px 8px; border: 1px solid rgba(255,255,255,.06); border-radius: 8px; color: rgba(var(--cl-t-primary),.48); background: rgba(255,255,255,.018); font-size: 7px; }
.journey-success-sequence i { color: var(--premium-accent); }
.journey-access-button { min-height: 38px; margin-top: 18px; padding-inline: 16px; border: 1px solid rgba(var(--cl-accent),.28); color: var(--premium-accent); background: rgba(var(--cl-accent),.055); }
.journey-product-chip { position: absolute; z-index: 4; left: 48%; top: 64%; width: 38px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 11px; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); opacity: 0; box-shadow: 0 12px 28px rgba(0,0,0,.35); }
.journey-cursor { position: absolute; z-index: 5; left: 82%; top: 77%; color: #fff; font-size: 14px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.cart-journey-progress { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 8px; padding: 14px 4px 2px; border-top: 1px solid rgba(255,255,255,.06); }
.journey-progress-item { display: inline-flex; align-items: center; gap: 5px; color: rgba(var(--cl-t-primary),.28); font-size: 7px; }
.journey-progress-item i { width: 22px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; font-size: 7px; }
.journey-progress-line { height: 1px; background: rgba(255,255,255,.07); }
.cart-journey .cart-journey-stage,.cart-journey .journey-cursor,.cart-journey .journey-product-chip,.cart-journey .journey-progress-item { animation-duration: var(--journey-duration); animation-timing-function: cubic-bezier(.2,.75,.2,1); animation-fill-mode: both; animation-play-state: paused; }
.cart-journey.is-looping .cart-journey-stage,.cart-journey.is-looping .journey-cursor,.cart-journey.is-looping .journey-product-chip,.cart-journey.is-looping .journey-progress-item { animation-iteration-count: infinite; }
.cart-journey.is-journey-visible .cart-journey-stage,.cart-journey.is-journey-visible .journey-cursor,.cart-journey.is-journey-visible .journey-product-chip,.cart-journey.is-journey-visible .journey-progress-item { animation-play-state: running; }
.journey-product { animation-name: cartJourneyProduct; }
.journey-checkout { animation-name: cartJourneyCheckout; }
.journey-success { animation-name: cartJourneySuccess; }
.journey-cursor { animation-name: cartJourneyCursor; }
.journey-product-chip { animation-name: cartJourneyChip; }
.journey-progress-item:nth-child(1) { animation-name: cartJourneyStepOne; }
.journey-progress-item:nth-child(3) { animation-name: cartJourneyStepTwo; }
.journey-progress-item:nth-child(5) { animation-name: cartJourneyStepThree; }
.cart-journey.is-journey-visible .journey-fields span:first-child i { animation: journeyFieldFill var(--journey-duration) infinite paused; animation-play-state: running; }
.cart-journey.is-journey-visible .journey-fields span:last-child i { animation: journeyFieldFillTwo var(--journey-duration) infinite paused; animation-play-state: running; }
.cart-journey.is-journey-visible .journey-product-art { animation: journeyProductLift var(--journey-duration) infinite both running; }
.cart-journey.is-journey-visible .journey-add-button::after { animation: journeyClickRipple var(--journey-duration) infinite both running; }
.cart-journey.is-journey-visible .journey-success-icon { animation: journeySuccessPulse var(--journey-duration) infinite both running; }
.cart-journey:not(.is-looping).is-journey-visible .journey-fields i { animation-iteration-count: 1 !important; }
.cart-journey:not(.is-looping).is-journey-visible .journey-product-art,.cart-journey:not(.is-looping).is-journey-visible .journey-add-button::after,.cart-journey:not(.is-looping).is-journey-visible .journey-success-icon { animation-iteration-count: 1 !important; }
@keyframes cartJourneyProduct { 0%,27% { opacity: 1; transform: none; filter: blur(0); } 33%,100% { opacity: 0; transform: translateX(-18px); filter: blur(4px); } }
@keyframes cartJourneyCheckout { 0%,29% { opacity: 0; transform: translateX(18px); filter: blur(4px); } 36%,63% { opacity: 1; transform: none; filter: blur(0); } 69%,100% { opacity: 0; transform: translateX(-18px); filter: blur(4px); } }
@keyframes cartJourneySuccess { 0%,65% { opacity: 0; transform: translateY(12px) scale(.98); filter: blur(4px); } 72%,96% { opacity: 1; transform: none; filter: blur(0); } 100% { opacity: 0; } }
@keyframes cartJourneyCursor { 0%,7% { opacity: 0; transform: translate(20px,20px); } 12%,18% { opacity: 1; transform: none; } 20% { opacity: 1; transform: scale(.82); } 22% { opacity: 1; transform: none; } 25%,33% { opacity: 1; transform: translate(-60px,-5px); } 38%,51% { opacity: 1; transform: translate(-18px,-120px); } 56% { opacity: 1; transform: translate(-45px,0); } 59% { opacity: 1; transform: translate(-45px,0) scale(.82); } 62% { opacity: 1; transform: translate(-45px,0); } 68%,100% { opacity: 0; transform: translate(-45px,0); } }
@keyframes cartJourneyChip { 0%,20% { opacity: 0; transform: scale(.65); } 24% { opacity: 1; transform: scale(1); } 31% { opacity: 0; transform: translate(120px,-100px) scale(.75); } 100% { opacity: 0; } }
@keyframes journeyFieldFill { 0%,37% { transform: scaleX(0); } 43%,100% { transform: scaleX(1); } }
@keyframes journeyFieldFillTwo { 0%,45% { transform: scaleX(0); } 52%,100% { transform: scaleX(1); } }
@keyframes journeyProductLift { 0%,14%,28%,100% { transform: none; } 18%,22% { transform: translateY(-3px); } }
@keyframes journeyClickRipple { 0%,17% { opacity: 0; transform: scale(.25); } 20% { opacity: .3; } 25%,100% { opacity: 0; transform: scale(1.6); } }
@keyframes journeySuccessPulse { 0%,70% { transform: scale(.8); opacity: 0; } 75% { transform: scale(1.06); opacity: 1; } 80%,100% { transform: scale(1); opacity: 1; } }
@keyframes cartJourneyStepOne { 0%,28% { color: var(--premium-accent); } 34%,100% { color: rgba(var(--cl-t-primary),.28); } }
@keyframes cartJourneyStepTwo { 0%,31% { color: rgba(var(--cl-t-primary),.28); } 37%,66% { color: var(--premium-accent); } 72%,100% { color: rgba(var(--cl-t-primary),.28); } }
@keyframes cartJourneyStepThree { 0%,68% { color: rgba(var(--cl-t-primary),.28); } 74%,100% { color: var(--premium-accent); } }

.premium-cart-page button:focus-visible,.premium-cart-page a:focus-visible,.premium-cart-page input:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }
@media (max-width: 1080px) {
  .premium-cart-layout { grid-template-columns: minmax(0,1fr) minmax(280px,340px); }
  .premium-cart-item { grid-template-columns: 1fr; max-height: 380px; }
  .premium-cart-item-controls { grid-template-columns: auto 1fr 36px; border-top: 1px solid var(--premium-line); border-left: 0; }
  .premium-cart-price { text-align: center; }
  .premium-cart-empty { grid-template-columns: 1fr 1.25fr; padding: 42px; gap: 42px; }
}
@media (max-width: 820px) {
  .premium-cart-page { width: min(100% - 28px,1380px); }
  .premium-cart-shell { padding: 54px 0 82px; }
  .premium-cart-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .premium-cart-heading > div { text-align: left; }
  .premium-cart-heading p { margin-left: 0; }
  .premium-cart-layout { grid-template-columns: 1fr; }
  .premium-cart-summary.is-sticky { position: relative; top: auto; }
  .premium-cart-empty { grid-template-columns: 1fr; }
  .premium-empty-copy { max-width: 620px; }
  .cart-journey { width: min(100%,620px); margin-inline: auto; }
}
@media (max-width: 560px) {
  .premium-cart-page { width: min(100% - 24px,1380px); }
  .premium-cart-shell { padding-top: 42px; }
  .premium-cart-heading h1 { font-size: clamp(2.55rem,14vw,4.1rem); }
  .premium-cart-empty { min-height: 0; padding: 26px 18px 18px; border-radius: 21px; gap: 34px; }
  .premium-empty-icon { margin-bottom: 22px; }
  .premium-empty-copy h2 { font-size: clamp(2.25rem,12vw,3.5rem); }
  .premium-empty-actions { align-items: stretch; flex-direction: column; }
  .premium-cart-primary,.premium-cart-secondary { width: 100%; }
  .premium-empty-trust { align-items: flex-start; flex-direction: column; }
  .cart-journey { padding: 13px; border-radius: 18px; }
  .cart-journey-canvas { min-height: 385px; }
  .journey-product { grid-template-columns: 80px minmax(0,1fr); gap: 12px; }
  .journey-product-art { width: 80px; border-radius: 14px; font-size: 27px; }
  .journey-product-copy strong { font-size: 1rem; }
  .journey-success-sequence { grid-template-columns: 1fr 1fr; }
  .cart-journey-progress { gap: 5px; }
  .journey-progress-item { flex-direction: column; font-size: 6px; }
  .premium-cart-item-body { grid-template-columns: 92px minmax(0,1fr); padding: 10px; gap: 12px; }
  .premium-cart-item-media { min-height: 92px; }
  .premium-cart-item-title-row a { font-size: 1rem; white-space: normal; }
  .premium-cart-delivery { margin-top: 9px; }
  .premium-cart-item-controls { grid-template-columns: auto 1fr; padding: 12px; gap: 12px; }
  .premium-cart-remove-desktop { display: none; }
  .premium-cart-remove-mobile { flex: 0 0 auto; display: grid; }
  .premium-cart-quantity { grid-template-columns: 34px 40px 34px; }
  .premium-quantity-input { width: 40px; }
  .premium-cart-price { text-align: right; }
  .premium-cart-summary form { padding: 20px; }
  .premium-cart-trust-list { grid-template-columns: 1fr; }
  .premium-cart-payment-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .premium-cart-payment { min-width: 0; }
  .premium-cart-payment > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 360px) {
  .premium-cart-page { width: min(100% - 20px,1380px); }
  .premium-cart-empty { padding-inline: 14px; }
  .cart-journey-topline span:last-child { max-width: 130px; text-align: right; }
  .premium-cart-item-body { grid-template-columns: 78px minmax(0,1fr); gap: 10px; }
  .premium-cart-item-media { min-height: 78px; }
  .premium-cart-item-controls { grid-template-columns: 1fr; }
  .premium-cart-quantity { justify-self: stretch; grid-template-columns: 38px minmax(42px,1fr) 38px; }
  .premium-quantity-button { width: 38px; }
  .premium-quantity-input { width: 100%; }
  .premium-cart-price { text-align: left; }
}
@media (hover: none) {
  .premium-cart-item:hover,.premium-cart-checkout:hover:enabled { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-cart-spinner,.premium-cart-payments .premium-cart-payment,.premium-cart-item { animation: none !important; transition-duration: .01ms !important; }
  .cart-journey .cart-journey-stage,.cart-journey .journey-cursor,.cart-journey .journey-product-chip,.cart-journey .journey-progress-item,.cart-journey .journey-fields i,.cart-journey .journey-product-art,.cart-journey .journey-add-button::after,.cart-journey .journey-success-icon { animation: none !important; }
  .cart-journey .journey-product,.cart-journey .journey-checkout,.cart-journey .journey-cursor,.cart-journey .journey-product-chip { display: none; }
  .cart-journey .journey-success { display: grid; opacity: 1; transform: none; filter: none; }
  .cart-journey .journey-progress-item:nth-child(5) { color: var(--premium-accent); }
}

/* Premium legal policy pages */
.legal-page { width: min(100% - 40px,1380px); margin-inline: auto; color: rgb(var(--cl-t-primary)); }
.legal-page-shell { padding: 74px 0 112px; }
.legal-hero { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,360px); align-items: end; gap: clamp(36px,7vw,110px); overflow: hidden; padding: clamp(34px,5vw,68px); border: 1px solid var(--premium-line); border-radius: 28px; background: radial-gradient(circle at 88% 8%,rgba(var(--cl-accent),.1),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),rgba(var(--cl-card),.72); box-shadow: 0 30px 90px rgba(0,0,0,.16); }
.legal-hero::after { content: ''; position: absolute; inset: auto -10% -70% 38%; height: 90%; pointer-events: none; background: radial-gradient(circle,rgba(var(--cl-accent),.055),transparent 66%); }
.legal-hero-copy { position: relative; z-index: 1; min-width: 0; }
.legal-hero-copy .premium-kicker i { font-size: 9px; }
.legal-hero-copy h1 { max-width: 820px; margin: 22px 0 0; color: rgb(var(--cl-t-primary)); font-size: clamp(3.25rem,7vw,7.25rem); font-weight: 740; letter-spacing: -.072em; line-height: .9; text-wrap: balance; }
.legal-hero-copy > p { max-width: 650px; margin: 28px 0 0; color: rgba(var(--cl-t-primary),.5); font-size: 14px; line-height: 1.72; }
.legal-hero-status { position: relative; z-index: 1; display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: rgba(var(--cl-background),.42); backdrop-filter: blur(8px); }
.legal-status-icon { width: 52px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.2); border-radius: 14px; color: var(--premium-accent); background: rgba(var(--cl-accent),.055); font-size: 18px; }
.legal-hero-status small,.legal-hero-status strong,.legal-hero-status time { display: block; }
.legal-hero-status small { color: var(--premium-accent); font-size: 7px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.legal-hero-status strong { margin-top: 5px; color: rgba(var(--cl-t-primary),.82); font-size: 12px; }
.legal-hero-status time { margin-top: 5px; color: rgba(var(--cl-t-primary),.34); font-size: 8px; }
.legal-page-layout { display: grid; grid-template-columns: minmax(220px,280px) minmax(0,1fr); align-items: start; gap: 22px; margin-top: 22px; }
.legal-page-layout.without-sidebar { grid-template-columns: 1fr; }
.legal-page.width-comfortable .legal-page-layout.without-sidebar .legal-document { width: min(100%,980px); margin-inline: auto; }
.legal-sidebar { position: sticky; top: 104px; display: grid; gap: 12px; }
.builder-mode .legal-sidebar { position: relative; top: auto; }
.legal-navigation,.legal-sidebar-note,.legal-document { border: 1px solid var(--premium-line); background: linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),rgba(var(--cl-card),.82); }
.legal-navigation { padding: 20px; border-radius: 19px; }
.legal-navigation > span { color: rgba(var(--cl-t-primary),.84); font-size: 13px; font-weight: 700; }
.legal-navigation > p { margin: 7px 0 0; color: rgba(var(--cl-t-primary),.36); font-size: 9px; line-height: 1.55; }
.legal-navigation-links { display: grid; gap: 6px; margin-top: 18px; }
.legal-navigation-links a { min-width: 0; min-height: 46px; display: grid; grid-template-columns: 24px minmax(0,1fr) 12px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid transparent; border-radius: 11px; color: rgba(var(--cl-t-primary),.46); font-size: 9px; transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.legal-navigation-links a > i:first-child { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; color: rgba(var(--cl-t-primary),.42); background: rgba(255,255,255,.035); font-size: 9px; }
.legal-navigation-links a > i:last-child { opacity: 0; transform: translateX(-3px); transition: opacity .2s ease,transform .2s ease; }
.legal-navigation-links a:hover { border-color: rgba(255,255,255,.075); color: rgba(var(--cl-t-primary),.76); background: rgba(255,255,255,.025); }
.legal-navigation-links a:hover > i:last-child { opacity: .55; transform: none; }
.legal-navigation-links a[aria-current="page"] { border-color: rgba(var(--cl-accent),.2); color: rgb(var(--cl-t-primary)); background: rgba(var(--cl-accent),.055); box-shadow: inset 2px 0 0 var(--premium-accent); }
.legal-navigation-links a[aria-current="page"] > i:first-child,.legal-navigation-links a[aria-current="page"] > i:last-child { color: var(--premium-accent); opacity: 1; transform: none; }
.legal-sidebar-note { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; padding: 15px; border-radius: 15px; color: rgba(var(--cl-t-primary),.38); font-size: 8px; line-height: 1.55; }
.legal-sidebar-note i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: var(--premium-accent); background: rgba(var(--cl-accent),.055); }
.legal-sidebar-note p { margin: 0; }
.legal-document { min-width: 0; overflow: hidden; border-radius: 22px; box-shadow: 0 24px 74px rgba(0,0,0,.14); }
.legal-page.width-comfortable .legal-document { max-width: 1020px; }
.legal-document-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px clamp(22px,4vw,42px); border-bottom: 1px solid var(--premium-line); background: radial-gradient(circle at 90% 0,rgba(var(--cl-accent),.06),transparent 42%); }
.legal-document-header span { color: var(--premium-accent); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.legal-document-header p { margin: 7px 0 0; color: rgba(var(--cl-t-primary),.4); font-size: 9px; line-height: 1.5; }
.legal-document-header > i { flex: 0 0 auto; color: rgba(var(--cl-accent),.48); font-size: 22px; }
.legal-prose { padding: clamp(28px,5vw,58px); color: rgba(var(--cl-t-primary),.68); font-size: clamp(13px,1.2vw,15px); line-height: 1.82; overflow-wrap: anywhere; }
.legal-prose > :first-child { margin-top: 0 !important; }
.legal-prose > :last-child { margin-bottom: 0 !important; }
.legal-prose h1,.legal-prose h2,.legal-prose h3,.legal-prose h4,.legal-prose .e-heading-h1,.legal-prose .e-heading-h2,.legal-prose .e-heading-h3 { color: rgb(var(--cl-t-primary)); font-weight: 700; letter-spacing: -.035em; line-height: 1.18; text-wrap: balance; }
.legal-prose h1,.legal-prose .e-heading-h1 { margin: 0 0 24px; font-size: clamp(1.8rem,3vw,2.6rem); }
.legal-prose h2,.legal-prose .e-heading-h2 { margin: 48px 0 14px; padding-top: 8px; font-size: clamp(1.35rem,2vw,1.7rem); }
.legal-prose h3,.legal-prose .e-heading-h3 { margin: 34px 0 12px; font-size: 1.14rem; }
.legal-prose h4 { margin: 26px 0 10px; font-size: 1rem; }
.legal-prose p,.legal-prose .e-paragraph { margin: 0 0 18px; font-size: inherit; line-height: inherit; }
.legal-prose strong,.legal-prose b { color: rgba(var(--cl-t-primary),.9); font-weight: 700; }
.legal-prose a,.legal-prose .e-link { color: var(--premium-accent); text-decoration: underline; text-decoration-color: rgba(var(--cl-accent),.35); text-underline-offset: 3px; }
.legal-prose a:hover { text-decoration-color: currentColor; }
.legal-prose ul,.legal-prose ol,.legal-prose .e-list-ul,.legal-prose .e-list-ol { margin: 18px 0 24px; padding-left: 1.4rem; }
.legal-prose li,.legal-prose .e-listitem { margin: 8px 0; padding-left: 5px; }
.legal-prose li::marker { color: var(--premium-accent); font-weight: 700; }
.legal-prose blockquote,.legal-prose .e-quote { margin: 28px 0; padding: 18px 20px; border: 1px solid rgba(var(--cl-accent),.13); border-left: 3px solid var(--premium-accent); border-radius: 0 12px 12px 0; color: rgba(var(--cl-t-primary),.62); background: rgba(var(--cl-accent),.035); }
.legal-prose hr,.legal-prose .e-hr { height: 1px; margin: 40px 0; border: 0; background: var(--premium-line); }
.legal-prose code,.legal-prose .e-text-code { padding: 2px 5px; border: 1px solid rgba(255,255,255,.06); border-radius: 5px; color: rgba(var(--cl-t-primary),.76); background: rgba(0,0,0,.18); font-size: .88em; }
.legal-prose table { width: 100%; margin: 28px 0; overflow: hidden; border-collapse: separate; border-spacing: 0; border: 1px solid var(--premium-line); border-radius: 12px; font-size: .9em; }
.legal-prose th,.legal-prose td { padding: 12px 14px; border-bottom: 1px solid var(--premium-line); text-align: left; }
.legal-prose th { color: rgba(var(--cl-t-primary),.86); background: rgba(var(--cl-accent),.045); }
.legal-prose tr:last-child td { border-bottom: 0; }
.legal-support-card { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 14px; margin: 0 clamp(18px,3vw,34px) clamp(18px,3vw,34px); padding: 18px; border: 1px solid rgba(var(--cl-accent),.13); border-radius: 15px; background: radial-gradient(circle at 90% 0,rgba(var(--cl-accent),.06),transparent 45%),rgba(var(--cl-accent),.025); }
.legal-support-card > span { width: 42px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.16); border-radius: 12px; color: var(--premium-accent); background: rgba(var(--cl-accent),.05); }
.legal-support-card strong { display: block; color: rgba(var(--cl-t-primary),.84); font-size: 11px; }
.legal-support-card p { margin: 5px 0 0; color: rgba(var(--cl-t-primary),.38); font-size: 8px; line-height: 1.5; }
.legal-support-card a { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 13px; border: 1px solid rgba(var(--cl-accent),.24); border-radius: 10px; color: var(--premium-accent); background: rgba(var(--cl-accent),.045); font-size: 9px; font-weight: 700; white-space: nowrap; transition: color .2s ease,background .2s ease,transform .2s ease; }
.legal-support-card a:hover { color: rgb(var(--cl-t-accent)); background: var(--premium-accent); transform: translateY(-1px); }
.legal-support-card a i { transition: transform .2s ease; }
.legal-support-card a:hover i { transform: translateX(2px); }
.legal-page a:focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }
@media (max-width: 900px) {
  .legal-page-layout { grid-template-columns: 1fr; }
  .legal-sidebar { position: relative; top: auto; }
  .legal-navigation-links { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .legal-navigation-links a { grid-template-columns: 22px minmax(0,1fr); }
  .legal-navigation-links a > i:last-child { display: none; }
  .legal-sidebar-note { display: none; }
  .legal-page.width-comfortable .legal-document { max-width: none; }
}
@media (max-width: 680px) {
  .legal-page { width: min(100% - 28px,1380px); }
  .legal-page-shell { padding: 52px 0 82px; }
  .legal-hero { grid-template-columns: 1fr; align-items: start; padding: 30px 22px; border-radius: 22px; }
  .legal-hero-copy h1 { margin-top: 18px; font-size: clamp(3rem,15vw,5rem); }
  .legal-hero-copy > p { margin-top: 20px; font-size: 12px; }
  .legal-hero-status { max-width: 420px; }
  .legal-navigation { padding: 14px; }
  .legal-navigation-links { display: flex; overflow-x: auto; margin-inline: -2px; padding: 2px 2px 7px; scrollbar-width: thin; scroll-snap-type: x proximity; }
  .legal-navigation-links a { min-width: 160px; flex: 1 0 160px; scroll-snap-align: start; }
  .legal-document { border-radius: 18px; }
  .legal-document-header { align-items: flex-start; padding: 20px; }
  .legal-prose { padding: 28px 20px; font-size: 13px; line-height: 1.76; }
  .legal-prose h2 { margin-top: 38px; }
  .legal-prose table { display: block; overflow-x: auto; }
  .legal-support-card { grid-template-columns: 38px minmax(0,1fr); margin: 0 14px 14px; padding: 15px; }
  .legal-support-card > span { width: 38px; }
  .legal-support-card a { grid-column: 1/-1; width: 100%; }
}
@media (max-width: 360px) {
  .legal-page { width: min(100% - 20px,1380px); }
  .legal-hero { padding-inline: 17px; }
  .legal-hero-status { grid-template-columns: 44px minmax(0,1fr); padding: 13px; }
  .legal-status-icon { width: 44px; }
  .legal-prose { padding-inline: 17px; }
}
@media (hover: none) {
  .legal-support-card a:hover { transform: none; }
}
@media print {
  .legal-page { width: 100%; color: #111; }
  .legal-page-shell { padding: 0; }
  .legal-hero { display: block; padding: 0 0 24px; border: 0; box-shadow: none; background: transparent; }
  .legal-hero-copy h1,.legal-prose h1,.legal-prose h2,.legal-prose h3,.legal-prose h4 { color: #111; }
  .legal-hero-copy > p,.legal-prose { color: #333; }
  .legal-hero-status,.legal-sidebar,.legal-document-header,.legal-support-card { display: none; }
  .legal-page-layout { display: block; margin: 0; }
  .legal-document { border: 0; box-shadow: none; background: transparent; }
  .legal-prose { padding: 0; }
}

/* Homepage product navigation and premium customer portal */
#products { scroll-margin-top: 118px; }
.products-route-redirect { width: min(100% - 32px,760px); min-height: 48vh; display: grid; place-items: center; align-content: center; gap: 16px; margin: 0 auto; padding: 90px 24px; text-align: center; }
.products-route-redirect h1 { margin: 0; color: rgb(var(--cl-t-primary)); font-size: clamp(2.5rem,7vw,5rem); letter-spacing: -.06em; line-height: .95; }
.products-route-redirect p { margin: 0; color: rgba(var(--cl-t-primary),.48); }
.products-route-redirect a { min-height: 46px; display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; padding: 0 18px; border-radius: 12px; color: rgb(var(--cl-t-accent)); background: var(--premium-accent); font-size: 12px; font-weight: 800; }

.premium-account-page { width: min(100% - 40px,1380px); margin-inline: auto; color: rgb(var(--cl-t-primary)); }
.premium-account-page.spacing-compact { padding-block: 42px 72px; }
.premium-account-page.spacing-regular { padding-block: 64px 100px; }
.premium-account-page.spacing-spacious { padding-block: 88px 128px; }
.premium-account-shell { display: grid; grid-template-columns: minmax(230px,270px) minmax(0,1fr); align-items: start; gap: clamp(20px,3vw,38px); }
.premium-account-sidebar-wrap { position: sticky; top: 112px; min-width: 0; }
.builder-mode .premium-account-sidebar-wrap { position: relative; top: auto; }
.customer-portal-sidebar { overflow: hidden; border: 1px solid var(--premium-line); border-radius: 22px; background: radial-gradient(circle at 10% 0,rgba(var(--cl-accent),.075),transparent 32%),linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),rgba(var(--cl-card),.82); box-shadow: 0 28px 80px rgba(0,0,0,.16); }
.customer-portal-profile { position: relative; display: grid; grid-template-columns: 42px minmax(0,1fr) 24px; align-items: center; gap: 12px; padding: 22px 18px; border-bottom: 1px solid var(--premium-line); }
.customer-portal-avatar { width: 42px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.2); border-radius: 13px; color: var(--premium-accent); background: rgba(var(--cl-accent),.065); font-size: 14px; font-weight: 800; box-shadow: inset 0 0 18px rgba(var(--cl-accent),.05); }
.customer-portal-profile div { min-width: 0; }
.customer-portal-profile div > span { display: block; color: rgba(var(--cl-t-primary),.38); font-size: 7px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.customer-portal-profile strong { display: block; overflow: hidden; margin-top: 5px; color: rgba(var(--cl-t-primary),.84); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.customer-portal-profile > i { color: rgba(var(--cl-accent),.58); font-size: 14px; }
.customer-portal-nav { display: grid; gap: 5px; padding: 12px; }
.customer-portal-link { position: relative; width: 100%; min-height: 47px; display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid transparent; border-radius: 12px; color: rgba(var(--cl-t-primary),.48); background: transparent; font-size: 10px; font-weight: 650; text-align: left; transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.customer-portal-link > i:first-child { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: rgba(var(--cl-t-primary),.42); background: rgba(255,255,255,.03); font-size: 10px; transition: color .2s ease,background .2s ease,transform .2s ease; }
.customer-portal-link > i:last-child { opacity: 0; font-size: 8px; transform: translateX(-4px); transition: opacity .2s ease,transform .2s ease; }
.customer-portal-link small { color: rgba(var(--cl-t-primary),.36); font-size: 8px; }
.customer-portal-link:hover,.customer-portal-link:focus-visible { color: rgba(var(--cl-t-primary),.84); border-color: rgba(255,255,255,.07); background: rgba(255,255,255,.025); transform: translateX(2px); }
.customer-portal-link:hover > i:first-child,.customer-portal-link:focus-visible > i:first-child { color: var(--premium-accent); transform: translateX(1px); }
.customer-portal-link:hover > i:last-child,.customer-portal-link:focus-visible > i:last-child { opacity: .55; transform: none; }
.customer-portal-link.is-active { color: rgb(var(--cl-t-primary)); border-color: rgba(var(--cl-accent),.2); background: rgba(var(--cl-accent),.06); box-shadow: inset 2px 0 0 var(--premium-accent); }
.customer-portal-link.is-active > i:first-child { color: var(--premium-accent); background: rgba(var(--cl-accent),.09); }
.customer-portal-link.is-active > i:last-child { color: var(--premium-accent); opacity: 1; transform: none; }
.customer-portal-logout { cursor: pointer; }
.customer-portal-trust { display: flex; align-items: center; gap: 8px; padding: 14px 18px; border-top: 1px solid var(--premium-line); color: rgba(var(--cl-t-primary),.3); font-size: 7px; }
.customer-portal-trust i { color: rgba(var(--cl-accent),.58); }

.premium-account-main { min-width: 0; }
.account-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.account-page-heading h1 { margin: 16px 0 0; color: rgb(var(--cl-t-primary)); font-size: clamp(3rem,6vw,6.1rem); font-weight: 740; letter-spacing: -.068em; line-height: .88; text-wrap: balance; }
.account-page-heading p { max-width: 650px; margin: 20px 0 0; color: rgba(var(--cl-t-primary),.46); font-size: 12px; line-height: 1.7; }
.account-auth-badge { flex: 0 0 auto; min-height: 36px; display: inline-flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 999px; color: rgba(var(--cl-t-primary),.5); background: rgba(var(--cl-accent),.035); font-size: 8px; }
.account-auth-badge i { color: var(--premium-accent); }
.account-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.account-stat-card { min-width: 0; min-height: 154px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: start; gap: 12px; padding: 20px; border: 1px solid var(--premium-line); border-radius: 18px; background: radial-gradient(circle at 100% 0,rgba(var(--cl-accent),.045),transparent 38%),linear-gradient(150deg,rgba(255,255,255,.028),rgba(255,255,255,.006)),rgba(var(--cl-card),.76); transition: border-color .2s ease,transform .2s ease,background .2s ease; }
.account-stat-card:hover { border-color: rgba(var(--cl-accent),.16); transform: translateY(-2px); }
.account-stat-icon { width: 38px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 11px; color: var(--premium-accent); background: rgba(var(--cl-accent),.045); font-size: 12px; }
.account-stat-card > div { min-width: 0; }
.account-stat-card div > span { display: block; color: rgba(var(--cl-t-primary),.42); font-size: 8px; font-weight: 700; }
.account-stat-card strong { display: block; overflow: hidden; margin-top: 12px; color: rgb(var(--cl-t-primary)); font-size: clamp(1.55rem,2.2vw,2.25rem); font-weight: 720; letter-spacing: -.05em; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.account-stat-card small { display: block; margin-top: 10px; color: rgba(var(--cl-t-primary),.3); font-size: 7px; line-height: 1.45; }
.account-stat-card a { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; color: var(--premium-accent); font-size: 8px; font-weight: 750; }
.account-stat-card a i { font-size: 7px; transition: transform .2s ease; }
.account-stat-card a:hover i { transform: translateX(2px); }

.account-latest-order,.account-transactions { margin-top: 18px; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 22px; background: linear-gradient(150deg,rgba(255,255,255,.028),rgba(255,255,255,.006)),rgba(var(--cl-card),.76); }
.account-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; border-bottom: 1px solid var(--premium-line); }
.account-section-heading span { display: block; color: var(--premium-accent); font-size: 7px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.account-section-heading h2 { margin: 7px 0 0; color: rgba(var(--cl-t-primary),.92); font-size: 17px; font-weight: 700; letter-spacing: -.035em; }
.account-section-heading > a { display: inline-flex; align-items: center; gap: 8px; color: rgba(var(--cl-t-primary),.45); font-size: 8px; font-weight: 700; }
.account-section-heading > a:hover { color: var(--premium-accent); }
.latest-order-body { display: grid; grid-template-columns: minmax(128px,168px) minmax(0,1fr) auto; align-items: center; gap: clamp(20px,3vw,34px); padding: 22px 24px 24px; }
.latest-order-media,.account-order-media { overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(var(--cl-background),.62); }
.latest-order-media { aspect-ratio: 16/10; }
.latest-order-media img,.account-order-media img { width: 100%; height: 100%; object-fit: cover; }
.latest-order-media > span,.account-order-media > span { display: grid; place-items: center; color: rgba(var(--cl-accent),.6); font-size: 25px; }
.account-status { width: max-content; display: inline-flex; align-items: center; gap: 7px; padding: 5px 8px; border: 1px solid rgba(var(--cl-accent),.13); border-radius: 999px; color: var(--premium-accent); background: rgba(var(--cl-accent),.045); font-size: 7px; font-weight: 800; text-transform: capitalize; }
.account-status i { width: 5px; aspect-ratio: 1; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(var(--cl-accent),.055); }
.account-status-pending,.account-status-confirming,.account-status-partially_completed { color: #f5c451; border-color: rgba(245,196,81,.16); background: rgba(245,196,81,.045); }
.account-status-refunded { color: #73d7ca; }
.account-status-out_of_stock { color: #ff936b; }
.latest-order-copy h3,.account-order-info h2 { margin: 12px 0 0; color: rgb(var(--cl-t-primary)); font-size: clamp(1.35rem,2.2vw,2rem); font-weight: 720; letter-spacing: -.045em; line-height: 1.08; }
.latest-order-copy h3 small,.account-order-info h2 small { color: rgba(var(--cl-t-primary),.36); font-size: .52em; font-weight: 600; }
.latest-order-copy > p,.account-order-info > p { margin: 7px 0 0; color: rgba(var(--cl-t-primary),.42); font-size: 9px; }
.latest-order-copy dl,.account-order-info dl { display: flex; flex-wrap: wrap; gap: 18px; margin: 18px 0 0; }
.latest-order-copy dl div,.account-order-info dl div { display: grid; gap: 4px; }
.latest-order-copy dt,.account-order-info dt { color: rgba(var(--cl-t-primary),.3); font-size: 6px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.latest-order-copy dd,.account-order-info dd { margin: 0; color: rgba(var(--cl-t-primary),.68); font-size: 8px; }
.latest-order-actions,.account-order-actions { display: grid; gap: 8px; min-width: 160px; }
.account-primary-action,.account-secondary-action,.account-danger-action { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 14px; border-radius: 11px; font-size: 8px; font-weight: 800; text-align: center; transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.account-primary-action { border: 1px solid var(--premium-accent); color: rgb(var(--cl-t-accent)); background: var(--premium-accent); }
.account-primary-action:hover { filter: brightness(1.05); transform: translateY(-1px); }
.account-secondary-action { border: 1px solid rgba(255,255,255,.08); color: rgba(var(--cl-t-primary),.66); background: rgba(255,255,255,.025); }
.account-secondary-action:hover { border-color: rgba(var(--cl-accent),.18); color: var(--premium-accent); background: rgba(var(--cl-accent),.035); }
.account-empty-state { min-height: 180px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 26px; }
.account-empty-state > span { width: 50px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.14); border-radius: 15px; color: var(--premium-accent); background: rgba(var(--cl-accent),.045); }
.account-empty-state h2,.account-empty-state h3 { margin: 0; color: rgba(var(--cl-t-primary),.88); font-size: 18px; }
.account-empty-state p { margin: 7px 0 0; color: rgba(var(--cl-t-primary),.38); font-size: 9px; }
.account-empty-state > a { display: inline-flex; align-items: center; gap: 8px; color: var(--premium-accent); font-size: 9px; font-weight: 750; }
.account-security-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 16px; padding: 16px 18px; border: 1px solid var(--premium-line); border-radius: 16px; background: rgba(var(--cl-card),.5); }
.account-security-actions > div { display: flex; align-items: center; gap: 10px; }
.account-security-actions > div:first-child > i { width: 34px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 10px; color: rgba(var(--cl-accent),.65); background: rgba(var(--cl-accent),.04); }
.account-security-actions strong,.account-security-actions small { display: block; }
.account-security-actions strong { color: rgba(var(--cl-t-primary),.7); font-size: 9px; }
.account-security-actions small { margin-top: 3px; color: rgba(var(--cl-t-primary),.3); font-size: 7px; }
.account-security-actions button { min-height: 36px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; color: rgba(var(--cl-t-primary),.5); background: transparent; font-size: 7px; }
.account-security-actions button:hover { color: var(--premium-accent); border-color: rgba(var(--cl-accent),.16); background: rgba(var(--cl-accent),.03); }
.account-security-actions button.is-danger:hover { color: #ff6b73; border-color: rgba(255,85,95,.18); background: rgba(255,85,95,.035); }

.account-orders-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding: 14px 17px; border: 1px solid var(--premium-line); border-radius: 15px; background: rgba(var(--cl-card),.54); }
.account-orders-toolbar > div { display: flex; align-items: baseline; gap: 8px; }
.account-orders-toolbar span { color: var(--premium-accent); font-size: 20px; font-weight: 750; }
.account-orders-toolbar p { margin: 0; color: rgba(var(--cl-t-primary),.38); font-size: 8px; }
.account-orders-toolbar a { display: inline-flex; align-items: center; gap: 8px; color: rgba(var(--cl-t-primary),.54); font-size: 8px; font-weight: 700; }
.account-orders-toolbar a:hover { color: var(--premium-accent); }
.account-order-list { display: grid; gap: 12px; }
.account-order-card { display: grid; grid-template-columns: 142px minmax(0,1fr) minmax(160px,190px); align-items: center; gap: 22px; padding: 14px; border: 1px solid var(--premium-line); border-radius: 19px; background: linear-gradient(150deg,rgba(255,255,255,.027),rgba(255,255,255,.006)),rgba(var(--cl-card),.72); transition: border-color .2s ease,transform .2s ease; }
.account-order-card:hover { border-color: rgba(var(--cl-accent),.15); transform: translateY(-2px); }
.account-order-media { height: 100%; min-height: 104px; }
.account-order-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-order-topline time { color: rgba(var(--cl-t-primary),.3); font-size: 7px; }
.account-orders-empty { border: 1px solid var(--premium-line); border-radius: 19px; background: rgba(var(--cl-card),.58); }
.account-pagination { margin-top: 18px; }

.account-wallet-grid { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: 14px; }
.account-wallet-card,.account-topup-card { min-width: 0; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 22px; background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.006)),rgba(var(--cl-card),.78); }
.account-wallet-card { position: relative; min-height: 310px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; background: radial-gradient(circle at 85% 10%,rgba(var(--cl-accent),.16),transparent 34%),linear-gradient(145deg,rgba(var(--cl-accent),.06),rgba(255,255,255,.008)),rgba(var(--cl-card),.86); }
.account-wallet-card::after { content: ''; position: absolute; width: 180px; height: 180px; right: -90px; bottom: -90px; border: 1px solid rgba(var(--cl-accent),.12); border-radius: 50%; box-shadow: 0 0 0 22px rgba(var(--cl-accent),.018),0 0 0 44px rgba(var(--cl-accent),.012); }
.account-wallet-top,.account-wallet-footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.account-wallet-top > span { width: 42px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent),.2); border-radius: 13px; color: var(--premium-accent); background: rgba(var(--cl-accent),.07); }
.account-wallet-top small { color: rgba(var(--cl-t-primary),.35); font-size: 7px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.account-wallet-card > strong { position: relative; z-index: 1; display: block; margin-top: 34px; color: rgb(var(--cl-t-primary)); font-size: clamp(2.7rem,5vw,4.8rem); font-weight: 730; letter-spacing: -.065em; line-height: 1; }
.account-wallet-card > p { position: relative; z-index: 1; max-width: 300px; margin: 12px 0 auto; color: rgba(var(--cl-t-primary),.39); font-size: 9px; line-height: 1.55; }
.account-wallet-footer { margin-top: 30px; color: rgba(var(--cl-t-primary),.3); font-size: 7px; }
.account-wallet-footer span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-topup-toggle { width: 100%; min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 24px; border-bottom: 1px solid var(--premium-line); text-align: left; }
.account-topup-toggle small,.account-topup-toggle strong { display: block; }
.account-topup-toggle small { color: var(--premium-accent); font-size: 7px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.account-topup-toggle strong { margin-top: 7px; color: rgba(var(--cl-t-primary),.88); font-size: 17px; }
.account-topup-toggle > i { color: rgba(var(--cl-t-primary),.35); font-size: 10px; transition: color .2s ease,transform .25s ease; }
.account-topup-toggle > i.is-open { color: var(--premium-accent); transform: rotate(180deg); }
.account-topup-form { padding: 22px 24px 24px; }
.account-topup-form > p { margin: 0 0 20px; color: rgba(var(--cl-t-primary),.42); font-size: 9px; line-height: 1.6; }
.account-topup-form fieldset { margin: 0; padding: 0; border: 0; }
.account-topup-form legend { margin-bottom: 9px; color: rgba(var(--cl-t-primary),.64); font-size: 8px; font-weight: 700; }
.account-amount-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
.account-amount-button { min-height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 11px; color: rgba(var(--cl-t-primary),.7); background: rgba(255,255,255,.025); font-size: 10px; font-weight: 750; transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.account-amount-button:hover:not(:disabled),.account-amount-button:focus-visible { border-color: rgba(var(--cl-accent),.35); color: var(--premium-accent); background: rgba(var(--cl-accent),.055); transform: translateY(-1px); }
.account-amount-button:disabled { cursor: wait; opacity: .6; }
.account-checkout-note { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; margin-top: 16px; padding: 12px; border: 1px solid rgba(var(--cl-accent),.11); border-radius: 12px; background: rgba(var(--cl-accent),.025); }
.account-checkout-note > i { width: 34px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 10px; color: var(--premium-accent); background: rgba(var(--cl-accent),.05); font-size: 10px; }
.account-checkout-note strong,.account-checkout-note small { display: block; }
.account-checkout-note strong { color: rgba(var(--cl-t-primary),.68); font-size: 8px; }
.account-checkout-note small { margin-top: 4px; color: rgba(var(--cl-t-primary),.32); font-size: 7px; line-height: 1.45; }
.account-topup-captcha { margin-bottom: 14px; }
.account-topup-unavailable { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; padding: 24px; }
.account-topup-unavailable > i { width: 38px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 11px; color: var(--premium-accent); background: rgba(var(--cl-accent),.05); }
.account-topup-unavailable strong { color: rgba(var(--cl-t-primary),.8); font-size: 10px; }
.account-topup-unavailable p { margin: 6px 0 0; color: rgba(var(--cl-t-primary),.38); font-size: 8px; }
.account-transaction-list { display: grid; }
.account-transaction { display: grid; grid-template-columns: 38px minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 15px 24px; border-bottom: 1px solid var(--premium-line); }
.account-transaction:last-child { border-bottom: 0; }
.account-transaction-icon { width: 38px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 11px; color: var(--premium-accent); background: rgba(var(--cl-accent),.045); }
.account-transaction strong { color: rgba(var(--cl-t-primary),.75); font-size: 9px; text-transform: capitalize; }
.account-transaction p { margin: 4px 0 0; color: rgba(var(--cl-t-primary),.32); font-size: 7px; }
.account-transaction p a { color: var(--premium-accent); }
.account-transaction time { color: rgba(var(--cl-t-primary),.32); font-size: 7px; }
.account-transaction b { color: rgba(var(--cl-t-primary),.82); font-size: 10px; }
.account-empty-inline { display: flex; align-items: center; gap: 12px; padding: 24px; }
.account-empty-inline > i { width: 38px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 11px; color: rgba(var(--cl-accent),.62); background: rgba(var(--cl-accent),.04); }
.account-empty-inline strong,.account-empty-inline small { display: block; }
.account-empty-inline strong { color: rgba(var(--cl-t-primary),.7); font-size: 9px; }
.account-empty-inline small { margin-top: 4px; color: rgba(var(--cl-t-primary),.3); font-size: 7px; }

.account-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 20px; }
.account-modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0,0,0,.78); backdrop-filter: blur(5px); }
.account-modal-panel { position: relative; z-index: 1; width: min(100%,470px); padding: 28px; border: 1px solid var(--premium-line); border-radius: 22px; background: rgb(var(--cl-card)); box-shadow: 0 35px 100px rgba(0,0,0,.35); }
.account-modal-icon { width: 46px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 14px; background: rgba(255,85,95,.07); color: #ff6b73; }
.account-modal-panel h2 { margin: 20px 0 0; color: rgb(var(--cl-t-primary)); font-size: 24px; letter-spacing: -.04em; }
.account-modal-panel p { margin: 12px 0 0; color: rgba(var(--cl-t-primary),.45); font-size: 10px; line-height: 1.65; }
.account-modal-panel > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 24px; }
.account-danger-action { border: 1px solid rgba(255,85,95,.35); color: #fff; background: #d93642; }

[data-account-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1); transition-delay: var(--account-delay,0ms); }
[data-account-reveal].is-visible,.animation-disabled [data-account-reveal],.builder-mode [data-account-reveal] { opacity: 1; transform: none; }
.premium-account-page :is(a,button):focus-visible { outline: 2px solid var(--premium-accent); outline-offset: 3px; }

@media (max-width: 1120px) {
  .account-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-order-card { grid-template-columns: 118px minmax(0,1fr); }
  .account-order-actions { grid-column: 1/-1; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .premium-account-shell { grid-template-columns: 1fr; }
  .premium-account-sidebar-wrap { position: relative; top: auto; }
  .customer-portal-profile { grid-template-columns: 38px minmax(0,1fr) 20px; padding: 14px; }
  .customer-portal-avatar { width: 38px; }
  .customer-portal-nav { display: flex; overflow-x: auto; padding: 10px; scrollbar-width: thin; scroll-snap-type: x proximity; }
  .customer-portal-link { min-width: 132px; flex: 0 0 132px; grid-template-columns: 28px minmax(0,1fr); scroll-snap-align: start; }
  .customer-portal-link > i:last-child,.customer-balance-link small { display: none; }
  .customer-portal-trust { display: none; }
  .account-page-heading { align-items: flex-start; }
  .account-wallet-grid { grid-template-columns: 1fr; }
  .account-wallet-card { min-height: 270px; }
}
@media (max-width: 680px) {
  .premium-account-page { width: min(100% - 28px,1380px); }
  .premium-account-page.spacing-compact,.premium-account-page.spacing-regular,.premium-account-page.spacing-spacious { padding-block: 44px 76px; }
  .premium-account-shell { gap: 26px; }
  .account-page-heading { display: grid; margin-bottom: 22px; }
  .account-page-heading h1 { font-size: clamp(3rem,16vw,4.8rem); }
  .account-auth-badge { justify-self: start; }
  .account-stat-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .account-stat-card { min-height: 138px; grid-template-columns: 32px minmax(0,1fr); gap: 9px; padding: 15px; border-radius: 15px; }
  .account-stat-icon { width: 32px; border-radius: 9px; }
  .account-stat-card strong { font-size: clamp(1.25rem,6vw,1.85rem); }
  .account-section-heading { align-items: flex-start; padding: 18px; }
  .latest-order-body { grid-template-columns: 92px minmax(0,1fr); gap: 15px; padding: 16px 18px 18px; }
  .latest-order-actions { grid-column: 1/-1; grid-template-columns: 1fr 1fr; }
  .account-empty-state { grid-template-columns: 42px minmax(0,1fr); min-height: 160px; padding: 20px; }
  .account-empty-state > span { width: 42px; }
  .account-empty-state > a { grid-column: 1/-1; min-height: 42px; justify-content: center; border: 1px solid rgba(var(--cl-accent),.18); border-radius: 11px; background: rgba(var(--cl-accent),.035); }
  .account-security-actions { align-items: flex-start; flex-direction: column; }
  .account-security-actions > div:last-child { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .account-security-actions button { justify-content: center; }
  .account-order-card { grid-template-columns: 88px minmax(0,1fr); gap: 13px; padding: 10px; }
  .account-order-media { min-height: 88px; }
  .account-order-topline { align-items: flex-start; flex-direction: column; gap: 6px; }
  .account-order-info h2 { font-size: 1.2rem; }
  .account-order-info dl { gap: 10px; margin-top: 12px; }
  .account-order-actions { gap: 7px; }
  .account-orders-toolbar { padding: 12px 14px; }
  .account-wallet-card { min-height: 250px; padding: 22px; }
  .account-wallet-card > strong { font-size: clamp(2.7rem,13vw,4rem); }
  .account-topup-toggle { min-height: 82px; padding-inline: 19px; }
  .account-topup-form { padding: 19px; }
  .account-amount-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .account-transaction { grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; padding: 13px 16px; }
  .account-transaction-icon { width: 34px; }
  .account-transaction time { display: none; }
  .account-modal-panel { padding: 23px; border-radius: 19px; }
}
@media (max-width: 380px) {
  .premium-account-page { width: min(100% - 20px,1380px); }
  .account-stat-grid { grid-template-columns: 1fr; }
  .account-stat-card { min-height: 120px; }
  .latest-order-body { grid-template-columns: 74px minmax(0,1fr); }
  .latest-order-actions,.account-order-actions,.account-security-actions > div:last-child,.account-modal-panel > div:last-child { grid-template-columns: 1fr; }
  .account-order-card { grid-template-columns: 74px minmax(0,1fr); }
  .account-order-media { min-height: 74px; }
  .account-orders-toolbar > a { font-size: 0; }
  .account-orders-toolbar > a i { font-size: 9px; }
}
@media (hover: none) {
  .customer-portal-link:hover,.account-stat-card:hover,.account-order-card:hover,.account-primary-action:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-account-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  .customer-portal-link,.customer-portal-link i,.account-stat-card,.account-order-card,.account-primary-action,.account-secondary-action,.account-topup-toggle i,.account-amount-button { transition: none !important; }
}

/* SellAuth Visual Editor global color synchronization */
@media screen {
  :root {
    --premium-accent: rgb(var(--cl-accent));
    --premium-bg: rgb(var(--cl-background));
    --premium-card: rgb(var(--cl-card));
    --premium-surface-card: color-mix(in srgb,rgb(var(--cl-card)) 92%,rgb(var(--cl-background)));
    --premium-surface-raised: color-mix(in srgb,rgb(var(--cl-card)) 97%,rgb(var(--cl-t-primary)) 3%);
    --premium-surface-muted: color-mix(in srgb,rgb(var(--cl-card)) 62%,rgb(var(--cl-background)));
    --premium-surface-glass: color-mix(in srgb,rgb(var(--cl-card)) 88%,transparent);
    --premium-surface-overlay: color-mix(in srgb,rgb(var(--cl-background)) 78%,rgb(var(--cl-card)));
    --premium-line: color-mix(in srgb,rgb(var(--cl-t-primary)) 9%,transparent);
    --premium-line-strong: color-mix(in srgb,rgb(var(--cl-t-primary)) 15%,transparent);
  }

  body.premium-storefront {
    background:
      radial-gradient(circle at 48% -12%,rgba(var(--cl-accent),.095),transparent 35rem),
      rgb(var(--cl-background));
  }
  .premium-storefront .bg-background { background-color: rgb(var(--cl-background)) !important; }
  .premium-storefront .bg-card { background-color: rgb(var(--cl-card)) !important; }

  .nav-shell { background: var(--premium-surface-glass); }
  .premium-header.is-scrolled .nav-shell { background: color-mix(in srgb,rgb(var(--cl-card)) 96%,transparent); }
  .currency-selector .choices__list--dropdown,
  .review-sort .choices__list--dropdown,
  .mobile-navigation,
  .nav-discord-popover,
  .benefit-rotator,
  .customer-auth-dialog,
  .account-modal-panel {
    background-color: var(--premium-surface-card);
    border-color: var(--premium-line-strong);
  }
  .nav-discord-popover { background-image: radial-gradient(circle at 100% 0,rgba(88,101,242,.14),transparent 44%); }
  .customer-auth-dialog { background-image: radial-gradient(circle at 88% 0,rgba(var(--cl-accent),.1),transparent 38%),linear-gradient(145deg,color-mix(in srgb,rgb(var(--cl-card)) 96%,transparent),rgb(var(--cl-background))); }

  .premium-independent-section.background-panel,
  .premium-status-page.background-panel,
  .status-overview-component.background-panel {
    background: var(--premium-surface-muted);
  }
  .premium-independent-section.background-accent:not(.final-cta),
  .premium-status-page.background-accent,
  .status-overview-component.background-accent {
    background: radial-gradient(circle at 84% 4%,rgba(var(--cl-accent),.1),transparent 36%),var(--premium-surface-muted);
  }

  .delivery-preview,
  .discord-community-card,
  .modular-text-media.background-surface .modular-text-media-shell,
  .modular-text-media.background-gradient .modular-text-media-shell,
  .modular-step-card,
  .premium-product-card,
  .how-card,
  .benefit-card,
  .editor-testimonial-card,
  .support-ticket-shell,
  .summary-card,
  .premium-review-card,
  .pagination-shell,
  .product-description-panel,
  .product-checkout-panel,
  .payment-method-card,
  .reseller-simulation,
  .overall-status-card,
  .status-product-card,
  .status-download-card,
  .incident-card,
  .compact-status-card,
  .order-access-panel,
  .premium-cart-loading,
  .premium-cart-item,
  .premium-cart-summary,
  .premium-cart-bundle,
  .premium-cart-empty,
  .cart-journey,
  .legal-hero,
  .legal-navigation,
  .legal-sidebar-note,
  .legal-document,
  .customer-portal-sidebar,
  .account-stat-card,
  .account-latest-order,
  .account-transactions,
  .account-security-actions,
  .account-orders-toolbar,
  .account-order-card,
  .account-orders-empty,
  .account-wallet-card,
  .account-topup-card {
    background-color: var(--premium-surface-card);
    border-color: var(--premium-line);
  }

  .delivery-preview,
  .summary-card,
  .product-description-panel,
  .product-checkout-panel,
  .premium-cart-item,
  .premium-cart-summary,
  .premium-cart-empty,
  .legal-hero,
  .account-stat-card,
  .account-wallet-card {
    background-image: radial-gradient(circle at 92% 0,rgba(var(--cl-accent),.07),transparent 38%),linear-gradient(145deg,rgba(var(--cl-t-primary),.025),transparent);
  }
  .product-description-panel,
  .product-checkout-panel {
    background: radial-gradient(circle at 92% 0,rgba(var(--cl-accent),.07),transparent 38%),linear-gradient(145deg,rgba(var(--cl-t-primary),.025),transparent),var(--premium-surface-card) !important;
  }
  .reseller-simulation {
    background: radial-gradient(circle at 90% 0,color-mix(in srgb,var(--reseller-accent) 9%,transparent),transparent 34%),linear-gradient(145deg,rgba(var(--cl-t-primary),.025),transparent),var(--premium-surface-card);
  }
  .discord-community-card { background-image: radial-gradient(circle at 90% 0,rgba(88,101,242,.13),transparent 38%),linear-gradient(145deg,rgba(var(--cl-t-primary),.025),transparent); }
  .support-ticket-shell,
  .status-product-card,
  .status-download-card,
  .compact-status-card,
  .order-access-panel,
  .cart-journey,
  .legal-navigation,
  .legal-sidebar-note,
  .legal-document,
  .customer-portal-sidebar,
  .account-latest-order,
  .account-transactions,
  .account-order-card,
  .account-topup-card {
    background-image: linear-gradient(145deg,rgba(var(--cl-t-primary),.022),transparent);
  }

  .modular-text-media.background-grid .modular-text-media-shell {
    background-color: var(--premium-surface-card);
    background-image: linear-gradient(color-mix(in srgb,rgb(var(--cl-t-primary)) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,rgb(var(--cl-t-primary)) 4%,transparent) 1px,transparent 1px);
  }
  .modular-text-media.layout-overlay .modular-copy,
  .about-badge,
  .floating-chip,
  .delivery-replay,
  .modular-expand,
  .scroll-callout,
  .status-section-nav,
  .reseller-selector {
    background-color: var(--premium-surface-glass);
    border-color: var(--premium-line-strong);
  }

  .modular-media,
  .review-media-frame,
  .review-media-skeleton,
  .review-image-fallback,
  .premium-product-gallery,
  .product-media-skeleton,
  .product-thumbnail,
  .status-product-media,
  .compact-status-media,
  .latest-order-media,
  .account-order-media {
    background-color: var(--premium-surface-overlay);
  }
  .modular-media-skeleton {
    background: linear-gradient(105deg,var(--premium-surface-overlay) 30%,var(--premium-surface-raised) 48%,var(--premium-surface-overlay) 66%);
    background-size: 220% 100%;
  }
  .comparison-before {
    background: radial-gradient(circle at 30% 30%,rgba(var(--cl-t-primary),.06),transparent 22%),repeating-linear-gradient(135deg,rgba(var(--cl-t-primary),.022) 0 1px,transparent 1px 12px),var(--premium-surface-card);
  }
  .comparison-after {
    background: radial-gradient(circle at 70% 40%,rgba(var(--cl-accent),.22),transparent 28%),var(--premium-surface-overlay);
  }
  .about-visual {
    background: radial-gradient(circle at 50% 20%,rgba(var(--cl-accent),.15),transparent 35%),var(--premium-surface-card);
  }
  .premium-product-gallery {
    background: radial-gradient(circle at 50% 42%,rgba(var(--cl-t-primary),.035),transparent 58%),var(--premium-surface-overlay);
  }
  .review-image-fallback {
    background: radial-gradient(circle,rgba(var(--cl-accent),.06),transparent 58%),var(--premium-surface-overlay);
  }
  .benefit-rotator.background-glass,
  .route-icon,
  .premium-product-gallery .splide__arrow,
  .product-media-expand {
    background-color: var(--premium-surface-glass);
  }
  .benefit-rotator.background-accent {
    background: color-mix(in srgb,var(--premium-accent) 9%,var(--premium-surface-card));
  }

  .discord-popover-metrics > span,
  .discord-preview-message,
  .variant-card,
  .reseller-product-card,
  .reseller-discount-card,
  .reseller-checkout-summary,
  .reseller-delivery-steps i,
  .premium-cart-item-media,
  .premium-cart-item-controls,
  .legal-prose code,
  .legal-prose .e-text-code,
  .customer-portal-link > i:first-child,
  .account-amount-button {
    background-color: var(--premium-surface-muted);
    border-color: var(--premium-line);
  }
  .status-product-meta > div,
  .download-file-meta > div,
  .download-card-top img,
  .download-card-top > span,
  .premium-cart-item-media img {
    background-color: var(--premium-surface-muted);
  }
  .reseller-program.card-solid .reseller-simulation { background: var(--premium-surface-card); }
  .reseller-program.card-minimal .reseller-simulation { background: var(--premium-surface-glass); }
  .reseller-live-status,
  .customer-auth-footer { background: color-mix(in srgb,rgb(var(--cl-background)) 58%,transparent); }

  .premium-storefront input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
  .premium-storefront textarea,
  .premium-storefront select,
  .currency-selector .choices__inner,
  .review-sort .choices__inner,
  .customer-auth-input-wrap,
  .customer-auth-otp input,
  .review-search,
  .quantity-control {
    background-color: var(--premium-surface-muted) !important;
    border-color: var(--premium-line) !important;
    color: rgb(var(--cl-t-primary));
  }

  .status-page-copy h1,
  .overall-status-card h2,
  .status-section-heading h2,
  .status-final-cta h2,
  .status-product-heading h3,
  .download-card-top h3,
  .status-product-state strong,
  .download-security-note strong,
  .download-access-state strong,
  .incident-card h3,
  .incident-update strong,
  .status-empty-state h3,
  .compact-status-topline h3,
  .compact-status-state strong,
  .order-access-copy h3 {
    color: rgb(var(--cl-t-primary));
  }
}