/* AKREI ULTRA — modern SellAuth storefront */
:root {
  --ak-radius-2xl: 28px;
  --ak-radius-xl: 22px;
  --ak-radius-lg: 17px;
  --ak-radius-md: 13px;
  --ak-border: rgba(255, 255, 255, 0.075);
  --ak-border-strong: rgba(255, 255, 255, 0.13);
  --ak-muted: rgba(var(--cl-t-primary), 0.53);
  --ak-muted-strong: rgba(var(--cl-t-primary), 0.73);
  --ak-surface: rgba(var(--cl-card), 0.74);
  --ak-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
  --ak-soft-shadow: 0 16px 46px rgba(0, 0, 0, 0.24);
}

html {
  background: rgb(var(--cl-background));
  scrollbar-color: rgba(var(--cl-accent), 0.55) rgba(255, 255, 255, 0.03);
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  color: rgb(var(--cl-t-primary));
  background:
    radial-gradient(circle at 14% -8%, rgba(var(--cl-accent), 0.18), transparent 30rem),
    radial-gradient(circle at 92% 13%, rgba(47, 79, 255, 0.13), transparent 28rem),
    linear-gradient(180deg, rgba(4, 7, 20, 0.16), rgba(3, 5, 14, 0.88));
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: 0.12;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 82%);
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

body::after {
  content: "";
  position: fixed;
  right: -17rem;
  bottom: -19rem;
  z-index: -1;
  width: 38rem;
  height: 38rem;
  border-radius: 999px;
  pointer-events: none;
  background: rgba(var(--cl-accent), 0.11);
  filter: blur(120px);
}

::selection { color: #fff; background: rgba(var(--cl-accent), 0.42); }
[x-cloak] { display: none !important; }

* { box-sizing: border-box; }
a, button, input, select, textarea {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
button, select { font: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid rgba(var(--cl-accent), .95);
  outline-offset: 3px;
}

.ak-shell {
  width: min(100%, 1440px);
  padding-top: 14px !important;
  padding-bottom: 26px !important;
}
.ak-shell > div:first-child { width: 100%; }

/* announcement */
.ak-announcement { margin-bottom: 10px; }
.ak-announcement-inner {
  min-height: 38px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 8px 6px 12px;
  overflow: hidden;
  border: 1px solid rgba(var(--cl-accent), .24);
  border-radius: 12px;
  color: rgba(var(--cl-t-primary), .82);
  background:
    linear-gradient(90deg, rgba(var(--cl-accent), .15), rgba(var(--cl-accent), .035) 44%, rgba(255,255,255,.018)),
    rgba(5, 8, 22, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.ak-announcement-icon {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: rgb(var(--cl-accent));
  background: rgba(var(--cl-accent), .12);
}
.ak-announcement-icon svg { width: 13px; height: 13px; }
.ak-announcement-content { min-width: 0; text-align: center; }
.ak-announcement-content p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-announcement-link { display: inline-flex; max-width: 100%; align-items: center; gap: 7px; font-size: 11px; font-weight: 650; }
.ak-announcement-link svg { width: 12px; height: 12px; flex: none; opacity: .7; }
.ak-announcement-label {
  padding: 5px 8px;
  border: 1px solid rgba(var(--cl-accent), .18);
  border-radius: 7px;
  color: rgba(var(--cl-t-primary), .66);
  background: rgba(var(--cl-accent), .07);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

/* header */
.ak-header { position: relative; z-index: 40; }
.ak-navbar {
  position: relative;
  border: 1px solid var(--ak-border);
  border-radius: var(--ak-radius-lg);
  background: rgba(5, 8, 21, .76);
  box-shadow: 0 18px 55px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.ak-navbar-main {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 10px 12px 10px 14px;
}
.ak-brand { min-width: max-content; display: inline-flex; align-items: center; gap: 11px; }
.ak-brand-logo, .ak-brand-mark {
  position: relative;
  width: 42px;
  height: 42px;
  flex: none;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(var(--cl-accent), .25);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(var(--cl-accent), .26), rgba(var(--cl-accent), .055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.2);
}
.ak-brand-mark::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent);
  transform: rotate(8deg);
}
.ak-brand-logo img { width: 100%; height: 100%; object-fit: cover; }
.ak-brand-mark > span { position: relative; z-index: 1; color: #fff; font-size: 19px; font-weight: 900; font-style: italic; }
.ak-brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.ak-brand-copy strong { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(var(--cl-t-primary)); font-size: 16px; font-weight: 850; letter-spacing: -.035em; }
.ak-brand-copy small { margin-top: 5px; color: rgba(var(--cl-t-primary), .38); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.ak-nav-links { display: flex; align-items: center; gap: 3px; margin-left: auto; }
.ak-nav-link {
  position: relative;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border-radius: 10px;
  color: rgba(var(--cl-t-primary), .57);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.ak-nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 2px;
  height: 2px;
  border-radius: 999px;
  background: rgb(var(--cl-accent));
  transition: left .2s ease, right .2s ease;
}
.ak-nav-link:hover { color: rgb(var(--cl-t-primary)); background: rgba(255,255,255,.032); }
.ak-nav-link.is-active { color: #fff; }
.ak-nav-link.is-active::after { left: 13px; right: 13px; }

.ak-header-actions { display: flex; align-items: center; gap: 7px; margin-left: 8px; }
.ak-icon-button, .ak-mobile-toggle {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ak-border);
  border-radius: 11px;
  color: rgba(var(--cl-t-primary), .7);
  background: rgba(255,255,255,.025);
}
.ak-icon-button:hover, .ak-icon-button.is-active, .ak-mobile-toggle:hover {
  color: #fff;
  border-color: rgba(var(--cl-accent), .34);
  background: rgba(var(--cl-accent), .1);
  transform: translateY(-1px);
}
.ak-icon-button svg, .ak-mobile-toggle svg { width: 18px; height: 18px; }
.ak-cart-count {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  padding: 0 4px;
  border: 2px solid rgb(var(--cl-background));
  border-radius: 999px;
  color: #fff;
  background: rgb(var(--cl-accent));
  font-size: 8px;
  font-weight: 850;
}
.ak-account-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid rgba(var(--cl-accent), .34);
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, rgba(var(--cl-accent), .96), rgba(92, 48, 230, .96));
  box-shadow: 0 12px 28px rgba(var(--cl-accent), .2), inset 0 1px 0 rgba(255,255,255,.12);
  font-size: 11px;
  font-weight: 750;
}
.ak-account-button:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(var(--cl-accent), .28); }
.ak-account-button i { font-size: 12px; }

.ak-language { position: relative; }
.ak-language-trigger {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--ak-border);
  border-radius: 11px;
  color: rgba(var(--cl-t-primary), .72);
  background: rgba(255,255,255,.025);
  font-size: 10px;
  font-weight: 800;
}
.ak-language-trigger:hover { color: #fff; border-color: rgba(var(--cl-accent), .26); background: rgba(var(--cl-accent), .07); }
.ak-language-trigger svg { width: 13px; height: 13px; opacity: .55; }
.ak-language-flag { font-size: 14px; line-height: 1; }
.ak-language-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 80;
  width: 180px;
  padding: 7px;
  border: 1px solid var(--ak-border-strong);
  border-radius: 13px;
  background: rgba(8, 11, 27, .98);
  box-shadow: 0 24px 60px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(22px);
}
.ak-language-menu button {
  width: 100%;
  min-height: 38px;
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border-radius: 9px;
  color: rgba(var(--cl-t-primary), .7);
  text-align: left;
}
.ak-language-menu button:hover, .ak-language-menu button.is-active { color: #fff; background: rgba(var(--cl-accent), .1); }
.ak-language-menu button strong { font-size: 10px; font-weight: 720; }
.ak-language-menu button small { color: rgba(var(--cl-t-primary), .32); font-size: 8px; font-weight: 850; }

.ak-currency-selector select {
  height: 42px;
  padding: 0 28px 0 10px;
  border: 1px solid var(--ak-border);
  border-radius: 11px;
  color: rgba(var(--cl-t-primary), .72);
  background: rgba(255,255,255,.025);
  font-size: 10px;
  font-weight: 750;
}
.ak-mobile-toggle { display: none; }
.ak-mobile-menu { display: none; padding: 0 12px 12px; border-top: 1px solid var(--ak-border); }
.ak-mobile-menu nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; padding-top: 10px; }
.ak-mobile-menu nav a { min-height: 39px; display: flex; align-items: center; padding: 0 12px; border: 1px solid var(--ak-border); border-radius: 10px; color: rgba(var(--cl-t-primary), .62); background: rgba(255,255,255,.02); font-size: 11px; font-weight: 700; }
.ak-mobile-menu nav a.is-active { color: #fff; border-color: rgba(var(--cl-accent), .28); background: rgba(var(--cl-accent), .09); }
.ak-mobile-menu > p { margin-top: 10px; color: var(--ak-muted); font-size: 10px; line-height: 1.6; }

/* home hero */
.ak-products-section { padding-top: 14px; }
.ak-hero {
  position: relative;
  min-height: 385px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  align-items: center;
  gap: 32px;
  isolation: isolate;
  overflow: hidden;
  padding: 48px 46px;
  border: 1px solid rgba(var(--cl-accent), .19);
  border-radius: var(--ak-radius-2xl);
  background:
    linear-gradient(104deg, rgba(6, 9, 25, .99) 0%, rgba(7, 11, 31, .97) 50%, rgba(10, 10, 35, .92) 100%);
  box-shadow: var(--ak-shadow), inset 0 1px 0 rgba(255,255,255,.055);
}
.ak-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 52%, rgba(var(--cl-accent), .05) 71%, transparent 88%);
}
.ak-hero-noise {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .2;
  background-image: radial-gradient(rgba(255,255,255,.22) .55px, transparent .55px);
  background-size: 18px 18px;
  -webkit-mask-image: linear-gradient(90deg, transparent, black 48%, black);
  mask-image: linear-gradient(90deg, transparent, black 48%, black);
}
.ak-hero-glow { position: absolute; z-index: -2; border-radius: 999px; pointer-events: none; filter: blur(70px); }
.ak-hero-glow-one { width: 360px; height: 360px; right: 4%; top: -45%; background: rgba(var(--cl-accent), .27); }
.ak-hero-glow-two { width: 280px; height: 280px; left: 35%; bottom: -68%; background: rgba(35, 86, 255, .18); }
.ak-hero-copy { position: relative; z-index: 4; max-width: 680px; }
.ak-eyebrow, .ak-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgb(var(--cl-accent));
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ak-eyebrow { padding: 7px 10px; border: 1px solid rgba(var(--cl-accent), .2); border-radius: 999px; background: rgba(var(--cl-accent), .075); }
.ak-eyebrow-dot { width: 6px; height: 6px; border-radius: 999px; background: rgb(var(--cl-accent)); box-shadow: 0 0 0 5px rgba(var(--cl-accent), .09); }
.ak-hero h1 { margin-top: 19px; font-size: clamp(42px, 5vw, 70px); line-height: .98; font-weight: 880; letter-spacing: -.065em; }
.ak-hero h1 > span { display: block; color: #f5f6ff; }
.ak-hero h1 > strong { display: block; margin-top: 5px; color: transparent; background: linear-gradient(95deg, rgb(var(--cl-accent)), #9f9cff 52%, #786cff); -webkit-background-clip: text; background-clip: text; }
.ak-hero-copy > p { max-width: 570px; margin-top: 20px; color: rgba(var(--cl-t-primary), .57); font-size: 13px; line-height: 1.75; }
.ak-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.ak-primary-button, .ak-secondary-button {
  min-height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 780;
}
.ak-primary-button { color: #fff; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(135deg, rgb(var(--cl-accent)), #5b33e7); box-shadow: 0 14px 34px rgba(var(--cl-accent), .26), inset 0 1px 0 rgba(255,255,255,.14); }
.ak-primary-button:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(var(--cl-accent), .34); }
.ak-primary-button svg { width: 15px; height: 15px; }
.ak-secondary-button { color: rgba(var(--cl-t-primary), .78); border: 1px solid var(--ak-border-strong); background: rgba(255,255,255,.035); }
.ak-secondary-button:hover { color: #fff; border-color: rgba(var(--cl-accent), .3); background: rgba(var(--cl-accent), .08); transform: translateY(-2px); }
.ak-hero-trust { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 23px; color: rgba(var(--cl-t-primary), .43); font-size: 9px; font-weight: 680; }
.ak-hero-trust > span { display: inline-flex; align-items: center; gap: 6px; }
.ak-hero-trust i { color: rgba(var(--cl-accent), .88); }

.ak-hero-visual { position: relative; min-height: 295px; display: grid; place-items: center; perspective: 1000px; }
.ak-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(var(--cl-accent), .28); border-radius: 50%; transform: translate(-50%, -50%) rotate(-13deg); }
.ak-orbit-one { width: 380px; height: 145px; }
.ak-orbit-two { width: 315px; height: 112px; opacity: .55; transform: translate(-50%, -50%) rotate(17deg); }
.ak-orbit-three { width: 235px; height: 235px; opacity: .17; border-style: dashed; }
.ak-hero-cube {
  position: relative;
  z-index: 3;
  width: 146px;
  height: 146px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(159, 145, 255, .46);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(115, 94, 255, .38), rgba(12, 14, 42, .72) 45%, rgba(21, 15, 67, .78));
  box-shadow: 0 30px 70px rgba(24, 11, 85, .5), inset 0 1px 0 rgba(255,255,255,.18), inset -18px -20px 48px rgba(0,0,0,.25);
  transform: rotate(-8deg) rotateY(-9deg);
  animation: ak-float 6s ease-in-out infinite;
}
.ak-hero-cube-back { position: absolute; z-index: 1; margin: 34px 0 0 48px; opacity: .46; transform: rotate(12deg) scale(.92); animation-delay: -2s; }
.ak-hero-cube > span { position: relative; z-index: 2; color: #fff; font-size: 64px; font-weight: 900; font-style: italic; text-shadow: 0 0 24px rgba(150,130,255,.75); }
.ak-cube-shine { position: absolute; inset: 14px; border-radius: 24px; background: linear-gradient(135deg, rgba(255,255,255,.13), transparent 38%); }
@keyframes ak-float { 0%,100% { transform: translateY(0) rotate(-8deg) rotateY(-9deg); } 50% { transform: translateY(-10px) rotate(-4deg) rotateY(-4deg); } }
.ak-floating-icon { position: absolute; z-index: 5; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent), .27); border-radius: 14px; color: rgb(var(--cl-accent)); background: rgba(8,11,29,.82); box-shadow: 0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter: blur(14px); animation: ak-float-icon 5s ease-in-out infinite; }
.ak-floating-icon-shield { left: 7%; top: 19%; }
.ak-floating-icon-bolt { right: 3%; top: 26%; animation-delay: -1.5s; }
.ak-floating-icon-user { right: 14%; bottom: 3%; animation-delay: -3s; }
@keyframes ak-float-icon { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

/* statistics */
.ak-stats-strip {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin: -1px 18px 0;
  overflow: hidden;
  border: 1px solid var(--ak-border);
  border-top-color: rgba(var(--cl-accent), .14);
  border-radius: 0 0 18px 18px;
  background: rgba(8,11,27,.83);
  box-shadow: 0 18px 45px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter: blur(18px);
}
.ak-stats-strip > div { min-height: 79px; display: flex; align-items: center; justify-content: center; gap: 13px; padding: 13px 20px; }
.ak-stats-strip > div + div { border-left: 1px solid var(--ak-border); }
.ak-stat-icon { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .085); font-size: 15px; }
.ak-stats-strip p { display: flex; flex-direction: column; }
.ak-stats-strip strong { color: #f4f5ff; font-size: 18px; line-height: 1; font-weight: 850; letter-spacing: -.035em; }
.ak-stats-strip p span { margin-top: 6px; color: rgba(var(--cl-t-primary), .43); font-size: 9px; font-weight: 650; }

/* catalog */
.ak-catalog-toolbar { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.ak-search-box {
  min-height: 49px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 12px 0 16px;
  border: 1px solid var(--ak-border);
  border-radius: 14px;
  background: rgba(var(--cl-card), .58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.ak-search-box:focus-within { border-color: rgba(var(--cl-accent), .48); box-shadow: 0 0 0 4px rgba(var(--cl-accent), .07), inset 0 1px 0 rgba(255,255,255,.03); }
.ak-search-box > svg { width: 17px; height: 17px; flex: none; color: rgba(var(--cl-t-primary), .35); }
.ak-search-box input { min-width: 0; flex: 1; border: 0 !important; outline: 0; color: rgb(var(--cl-t-primary)); background: transparent; font-size: 11px; box-shadow: none !important; }
.ak-search-box input::placeholder { color: rgba(var(--cl-t-primary), .32); }
.ak-search-shortcut { padding: 4px 7px; border: 1px solid var(--ak-border); border-radius: 7px; color: rgba(var(--cl-t-primary), .28); background: rgba(255,255,255,.025); font-size: 8px; font-weight: 800; }
.ak-category-select-wrap { position: relative; width: 190px; min-height: 49px; display: flex; align-items: center; border: 1px solid var(--ak-border); border-radius: 14px; background: rgba(var(--cl-card), .58); }
.ak-category-select-wrap > i { position: absolute; left: 14px; z-index: 1; color: rgba(var(--cl-t-primary), .38); font-size: 12px; pointer-events: none; }
.ak-category-select-wrap > svg { position: absolute; right: 12px; width: 13px; height: 13px; color: rgba(var(--cl-t-primary), .4); pointer-events: none; }
.ak-category-select-wrap select { width: 100%; height: 47px; padding: 0 34px 0 37px; border: 0 !important; outline: 0; appearance: none; color: rgba(var(--cl-t-primary), .7); background: transparent; font-size: 10px; font-weight: 720; box-shadow: none !important; }

.ak-catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 25px 2px 15px; }
.ak-catalog-head h2 { margin-top: 6px; color: #f3f4ff; font-size: 25px; line-height: 1.1; font-weight: 850; letter-spacing: -.04em; }
.ak-catalog-head > div > p { margin-top: 7px; color: var(--ak-muted); font-size: 10px; }
.ak-view-all { min-height: 34px; display: inline-flex; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid var(--ak-border); border-radius: 9px; color: rgba(var(--cl-t-primary), .52); background: rgba(255,255,255,.02); font-size: 9px; font-weight: 750; }
.ak-view-all:hover { color: #fff; border-color: rgba(var(--cl-accent), .28); background: rgba(var(--cl-accent), .07); }
.ak-view-all i { font-size: 8px; }

.ak-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 13px; scroll-margin-top: 98px; }
.ak-product-grid.is-centered { justify-content: center; }
.ak-product-grid-item { min-width: 0; }

/* text-only product cards */
.ak-product-card {
  --tone: 120 108 255;
  position: relative;
  height: 100%;
  min-height: 286px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ak-border);
  border-radius: 17px;
  color: rgb(var(--cl-t-primary));
  background: linear-gradient(180deg, rgba(var(--cl-card), .9), rgba(var(--cl-card), .69));
  box-shadow: 0 13px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035);
}
.ak-tone-blue { --tone: 83 106 255; }
.ak-tone-cyan { --tone: 35 209 221; }
.ak-tone-green { --tone: 72 207 101; }
.ak-tone-orange { --tone: 255 139 38; }
.ak-tone-red { --tone: 244 70 91; }
.ak-tone-violet { --tone: 151 86 255; }
.ak-product-card::before { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; opacity: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(var(--tone), .18); transition: opacity .22s ease; }
.ak-product-card:hover { border-color: rgba(var(--tone), .45); transform: translateY(-5px); box-shadow: 0 23px 48px rgba(0,0,0,.28), 0 0 0 1px rgba(var(--tone), .04); }
.ak-product-card:hover::before { opacity: 1; }
.ak-product-display {
  position: relative;
  min-height: 142px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 50% 48%, rgba(var(--tone), .19), transparent 39%),
    linear-gradient(145deg, rgba(var(--tone), .09), rgba(4,7,18,.12) 60%);
}
.ak-product-grid-pattern { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(var(--tone), .24) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--tone), .24) 1px, transparent 1px); background-size: 27px 27px; -webkit-mask-image: radial-gradient(circle, black, transparent 72%); mask-image: radial-gradient(circle, black, transparent 72%); }
.ak-product-glow { position: absolute; width: 110px; height: 110px; border-radius: 999px; background: rgba(var(--tone), .15); filter: blur(30px); }
.ak-product-code-wrap { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; transform: skew(-5deg); }
.ak-product-code-wrap strong { color: rgb(var(--tone)); font-size: 44px; line-height: .9; font-weight: 950; letter-spacing: -.075em; text-shadow: 0 0 25px rgba(var(--tone), .33); }
.ak-product-code-wrap small { margin-top: 8px; color: rgba(var(--tone), .92); font-size: 8px; line-height: 1; font-weight: 900; letter-spacing: .12em; }
.ak-product-corner { position: absolute; top: 11px; right: 11px; z-index: 2; width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(var(--tone), .16); border-radius: 8px; color: rgba(var(--tone), .56); background: rgba(5,8,20,.36); font-size: 9px; opacity: .65; }
.ak-product-card:hover .ak-product-corner { color: rgb(var(--tone)); border-color: rgba(var(--tone), .3); background: rgba(var(--tone), .08); opacity: 1; transform: translate(1px,-1px); }
.ak-product-badges { position: absolute; left: 9px; top: 9px; z-index: 3; display: flex; flex-wrap: wrap; gap: 5px; }
.ak-product-badges > span { display: inline-flex; align-items: center; gap: 4px; padding: 4px 6px; border: 1px solid color-mix(in srgb, var(--badge-color), transparent 58%); border-radius: 7px; color: #fff; background: color-mix(in srgb, var(--badge-color), rgba(5,8,20,.78) 52%); box-shadow: 0 8px 18px rgba(0,0,0,.16); font-size: 7px; font-weight: 850; text-transform: uppercase; }
.ak-product-body { position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; padding: 13px 13px 14px; }
.ak-product-title-row h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(var(--cl-t-primary), .94); font-size: 12px; line-height: 1.35; font-weight: 780; letter-spacing: -.015em; }
.ak-product-stock { display: flex; align-items: center; min-height: 16px; margin-top: 6px; color: rgba(var(--cl-t-primary), .43); font-size: 8px; font-weight: 650; }
.ak-stock-dot { width: 5px; height: 5px; flex: none; margin-right: 6px; border-radius: 999px; background: #43d17f; box-shadow: 0 0 0 4px rgba(67,209,127,.07); }
.ak-product-stock.is-out .ak-stock-dot { background: #ff6075; box-shadow: 0 0 0 4px rgba(255,96,117,.07); }
.ak-product-card-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 11px; }
.ak-product-price-row { min-width: 0; }
.ak-product-price { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 3px; color: rgb(var(--tone)); font-size: 12px; font-weight: 850; letter-spacing: -.02em; }
.ak-product-price em { color: rgba(var(--cl-t-primary), .25); font-style: normal; }
.ak-product-old-price { margin-top: 3px; color: rgba(var(--cl-t-primary), .27); font-size: 7px; text-decoration: line-through; }
.ak-product-open { width: 29px; height: 29px; flex: none; display: grid; place-items: center; border: 1px solid var(--ak-border); border-radius: 8px; color: rgba(var(--cl-t-primary), .35); background: rgba(255,255,255,.02); }
.ak-product-open svg { width: 12px; height: 12px; }
.ak-product-card:hover .ak-product-open { color: #fff; border-color: rgba(var(--tone), .3); background: rgba(var(--tone), .11); transform: translateX(2px); }

/* benefits */
.ak-benefits-strip { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 24px; overflow: hidden; border: 1px solid var(--ak-border); border-radius: 16px; background: rgba(var(--cl-card), .53); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.ak-benefits-strip > div { min-height: 76px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; }
.ak-benefits-strip > div + div { border-left: 1px solid var(--ak-border); }
.ak-benefits-strip > div > span { width: 35px; height: 35px; flex: none; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent), .16); border-radius: 10px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: 13px; }
.ak-benefits-strip p { display: flex; flex-direction: column; min-width: 0; }
.ak-benefits-strip strong { color: rgba(var(--cl-t-primary), .88); font-size: 9px; font-weight: 790; }
.ak-benefits-strip small { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(var(--cl-t-primary), .38); font-size: 8px; }

/* collection modal */
.ak-modal { position: fixed; inset: 0; z-index: 90; overflow-y: auto; }
.ak-modal-shell { min-height: 100%; display: grid; place-items: center; padding: 24px; }
.ak-modal-backdrop { position: fixed; inset: 0; border: 0; background: rgba(2,4,12,.84); backdrop-filter: blur(13px); }
.ak-modal-panel { position: relative; z-index: 1; width: min(100%, 1260px); max-height: calc(100vh - 48px); overflow-y: auto; padding: 21px; border: 1px solid var(--ak-border-strong); border-radius: 22px; background: rgba(6,9,23,.97); box-shadow: 0 34px 110px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.04); }
.ak-modal-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.ak-modal-heading h3 { margin-top: 5px; color: #f3f4ff; font-size: 21px; font-weight: 850; letter-spacing: -.035em; }
.ak-modal-close { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid var(--ak-border); border-radius: 10px; color: rgba(var(--cl-t-primary), .55); background: rgba(255,255,255,.025); }
.ak-modal-close:hover { color: #fff; border-color: rgba(var(--cl-accent), .3); background: rgba(var(--cl-accent), .09); }
.ak-modal-close svg { width: 18px; height: 18px; }

/* footer */
.ak-footer { margin-top: 58px; overflow: hidden; border: 1px solid var(--ak-border); border-radius: var(--ak-radius-xl); background: rgba(6,9,23,.69); box-shadow: var(--ak-soft-shadow), inset 0 1px 0 rgba(255,255,255,.03); backdrop-filter: blur(20px); }
.ak-footer-main { display: grid; grid-template-columns: minmax(250px,1.65fr) repeat(3,minmax(135px,.75fr)); gap: 38px; padding: 32px; }
.ak-footer-brand-column > p { max-width: 360px; margin-top: 16px; color: var(--ak-muted); font-size: 10px; line-height: 1.75; }
.ak-footer-status { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: rgba(var(--cl-t-primary), .39); font-size: 8px; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }
.ak-footer-status > span:first-child { width: 6px; height: 6px; border-radius: 999px; background: #42d27f; box-shadow: 0 0 0 5px rgba(66,210,127,.075); }
.ak-footer-brand .ak-brand-logo, .ak-footer-brand .ak-brand-mark { width: 38px; height: 38px; }
.ak-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.ak-footer-column h3 { margin-bottom: 5px; color: rgba(var(--cl-t-primary), .82); font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.ak-footer-column > a:not(.ak-discord-button) { color: rgba(var(--cl-t-primary), .45); font-size: 10px; }
.ak-footer-column > a:not(.ak-discord-button):hover { color: #fff; transform: translateX(2px); }
.ak-footer-social-column > p { color: rgba(var(--cl-t-primary), .38); font-size: 9px; line-height: 1.55; }
.ak-discord-button { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; margin-top: 5px; padding: 0 12px; border: 1px solid rgba(var(--cl-accent), .25); border-radius: 10px; color: rgba(var(--cl-t-primary), .76); background: rgba(var(--cl-accent), .075); font-size: 9px; font-weight: 740; }
.ak-discord-button:hover { color: #fff; border-color: rgba(var(--cl-accent), .4); background: rgba(var(--cl-accent), .12); transform: translateY(-1px); }
.ak-socials { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 5px; }
.ak-socials a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--ak-border); border-radius: 9px; color: rgba(var(--cl-t-primary), .56); background: rgba(255,255,255,.025); font-size: 12px; }
.ak-socials a:hover { color: #fff; border-color: rgba(var(--cl-accent), .3); background: rgba(var(--cl-accent), .1); transform: translateY(-2px); }
.ak-footer-bottom { min-height: 49px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 32px; border-top: 1px solid var(--ak-border); color: rgba(var(--cl-t-primary), .31); background: rgba(255,255,255,.012); font-size: 8px; }
.ak-footer-bottom > div { display: flex; align-items: center; gap: 7px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.ak-verified-dot { width: 6px; height: 6px; border-radius: 999px; background: rgb(var(--cl-accent)); box-shadow: 0 0 0 4px rgba(var(--cl-accent), .08); }

/* inner pages */
.components > .component:not(.ak-products-section) { margin-top: 18px; }
.components > .component:not(.ak-products-section) > div,
.component[data-component-id="product-page"] > div,
.component[data-component-id="cart-page"] > div,
.component[data-component-id="faq"] > div,
.component[data-component-id="feedbacks"] > div,
.component[data-component-id="blog-posts"] > div,
.component[data-component-id="terms-page"] > div,
.component[data-component-id="status-page"] > div { border-radius: var(--ak-radius-lg); }
.bg-card { box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
input, textarea, select { accent-color: rgb(var(--cl-accent)); }
input:not([type="checkbox"]):not([type="radio"]), textarea, select { border-radius: 11px !important; }
button.bg-accent-500, a.bg-accent-500 { box-shadow: 0 10px 25px rgba(var(--cl-accent), .18); }
.choices__inner, .choices__list--dropdown, .choices__list[aria-expanded] { border-color: var(--ak-border-strong) !important; border-radius: 11px !important; background: rgb(var(--cl-card)) !important; }
.splide__arrow { backdrop-filter: blur(10px); }

.ak-page-heading { max-width: 720px; margin: 16px auto 28px; text-align: center; }
.ak-page-heading-left { max-width: none; margin-left: 0; text-align: left; }
.ak-page-heading > span { display: inline-block; color: rgb(var(--cl-accent)); font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.ak-page-heading h1 { margin-top: 8px; color: #f4f5ff; font-size: clamp(29px,4vw,44px); line-height: 1.05; font-weight: 870; letter-spacing: -.05em; }
.ak-page-heading p { margin-top: 10px; color: var(--ak-muted); font-size: 11px; line-height: 1.65; }
.ak-product-breadcrumb { display: flex; align-items: center; gap: 8px; margin: 2px 0 16px; color: rgba(var(--cl-t-primary), .39); font-size: 9px; font-weight: 700; }
.ak-product-breadcrumb a:hover { color: rgb(var(--cl-accent)); }
.ak-product-breadcrumb svg { width: 11px; height: 11px; }
.ak-product-breadcrumb span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(var(--cl-t-primary), .58); }

.ak-product-page > div > div.flex > div > .bg-card,
.ak-product-page [x-data="productForm"] > .bg-card { overflow: hidden; border: 1px solid var(--ak-border) !important; border-radius: var(--ak-radius-lg) !important; background: rgba(var(--cl-card), .75) !important; box-shadow: var(--ak-soft-shadow), inset 0 1px 0 rgba(255,255,255,.035); }
.ak-product-page .aspect-video { background: radial-gradient(circle at center, rgba(var(--cl-accent), .07), transparent 62%), rgba(4,7,18,.5); }
.ak-product-page .editor { color: rgba(var(--cl-t-primary), .67); line-height: 1.8; }
.ak-product-page .editor h1, .ak-product-page .editor h2, .ak-product-page .editor h3, .ak-product-page .editor h4 { color: rgb(var(--cl-t-primary)); letter-spacing: -.025em; }
.ak-product-page [x-data="productForm"] > .bg-card > div:first-child .text-3xl { color: rgb(var(--cl-accent)); font-weight: 850; letter-spacing: -.04em; }
.ak-product-page [x-data="productForm"] label { color: rgba(var(--cl-t-primary), .66); font-size: 10px; font-weight: 700; }
.ak-product-page [x-data="productForm"] button.bg-accent-500, .ak-product-page [x-data="productForm"] a.bg-accent-500 { min-height: 46px; border-radius: 11px !important; font-weight: 760; }

.ak-cart-page .lg\:w-1\/4 > div { border-radius: var(--ak-radius-lg) !important; background: rgba(var(--cl-card), .81) !important; box-shadow: var(--ak-soft-shadow), inset 0 1px 0 rgba(255,255,255,.035); }
.ak-cart-page .lg\:w-3\/4 .bg-card { border-radius: 14px !important; }
.ak-cart-page .lg\:w-3\/4 .bg-card:hover { border-color: rgba(var(--cl-accent), .22); }
.ak-cart-page button[type="submit"] { min-height: 47px; border-radius: 11px !important; box-shadow: 0 14px 30px rgba(var(--cl-accent), .22); }
.ak-cart-page .mb-16 { margin-bottom: 3rem; }

.ak-faq-page .max-w-3xl { max-width: 870px; }
.ak-faq-page .max-w-3xl > .flex > div { border-radius: 14px !important; background: rgba(var(--cl-card), .71) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
.ak-faq-page .max-w-3xl > .flex > div:hover { border-color: rgba(var(--cl-accent), .22); background: rgba(var(--cl-card), .88) !important; }
.ak-feedback-card > div { overflow: hidden; border-radius: 15px !important; background: rgba(var(--cl-card), .71) !important; box-shadow: 0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03); }
.ak-feedback-card:hover > div { border-color: rgba(var(--cl-accent), .25); transform: translateY(-3px); box-shadow: 0 20px 38px rgba(0,0,0,.23); }
.ak-blog-card { overflow: hidden; border-radius: 16px !important; background: rgba(var(--cl-card), .71) !important; box-shadow: 0 14px 30px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.03); }
.ak-blog-card:hover { border-color: rgba(var(--cl-accent), .28); transform: translateY(-4px); box-shadow: 0 22px 42px rgba(0,0,0,.24); }
.ak-blog-card img { transition: transform .45s ease; }
.ak-blog-card:hover img { transform: scale(1.045); }
.ak-blog-post-page .max-w-3xl > div, .ak-terms-page .max-w-3xl > div { padding: clamp(22px,4vw,42px) !important; border-radius: var(--ak-radius-lg) !important; background: rgba(var(--cl-card), .75) !important; box-shadow: var(--ak-soft-shadow), inset 0 1px 0 rgba(255,255,255,.035); }
.ak-blog-post-page .editor, .ak-terms-page .editor { color: rgba(var(--cl-t-primary), .67); line-height: 1.85; }
.ak-status-card { border-radius: 14px !important; background: rgba(var(--cl-card), .71) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
.ak-status-card:hover { border-color: rgba(var(--cl-accent), .24); background: rgba(var(--cl-card), .88) !important; transform: translateY(-2px); }

/* modals */
[role="dialog"] > div > .bg-background, [role="dialog"] .bg-background { border: 1px solid var(--ak-border-strong) !important; border-radius: 18px !important; background: rgba(6,9,23,.98) !important; box-shadow: 0 30px 100px rgba(0,0,0,.55) !important; }

/* scrollbars */
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: rgba(255,255,255,.02); }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgba(var(--cl-accent), .4); background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: rgba(var(--cl-accent), .62); background-clip: padding-box; }

@media (min-width: 1024px) {
  body:not(.builder) .ak-header { position: sticky; top: 10px; }
  body:not(.builder) .ak-header.is-scrolled .ak-navbar { border-color: rgba(var(--cl-accent), .17); background: rgba(5,8,21,.91); box-shadow: 0 20px 58px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.035); }
  .ak-product-page [x-data="productForm"] { position: sticky; top: 103px; }
  .ak-cart-page .lg\:w-1\/4 > div { position: sticky; top: 103px; }
}
.builder .ak-header { position: relative !important; top: auto !important; }

@media (max-width: 1180px) {
  .ak-nav-link { padding: 0 9px; }
  .ak-account-text { display: none; }
  .ak-account-button { width: 42px; padding: 0; }
  .ak-hero { grid-template-columns: minmax(0,1fr) minmax(300px,.72fr); padding: 40px 34px; }
  .ak-orbit-one { width: 320px; }
  .ak-footer-main { grid-template-columns: 1.5fr repeat(3,.75fr); gap: 28px; }
}

@media (max-width: 980px) {
  .ak-nav-links-desktop { display: none; }
  .ak-mobile-toggle { display: grid; }
  .ak-mobile-menu { display: block; }
  .ak-header-actions { margin-left: auto; }
  .ak-hero { grid-template-columns: 1fr; min-height: 0; }
  .ak-hero-copy { max-width: 760px; }
  .ak-hero-visual { min-height: 250px; }
  .ak-stats-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ak-stats-strip > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ak-border); }
  .ak-stats-strip > div:nth-child(4) { border-top: 1px solid var(--ak-border); }
  .ak-benefits-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ak-benefits-strip > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ak-border); }
  .ak-benefits-strip > div:nth-child(4) { border-top: 1px solid var(--ak-border); }
  .ak-footer-main { grid-template-columns: 1.5fr 1fr 1fr; }
  .ak-footer-social-column { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .ak-shell { padding: 9px !important; }
  .ak-announcement-label { display: none; }
  .ak-announcement-inner { grid-template-columns: auto minmax(0,1fr); }
  .ak-announcement-content { text-align: left; }
  .ak-navbar-main { min-height: 64px; gap: 9px; padding: 9px; }
  .ak-brand-logo, .ak-brand-mark { width: 39px; height: 39px; }
  .ak-brand-copy small { display: none; }
  .ak-language-trigger { width: 39px; min-height: 39px; justify-content: center; padding: 0; }
  .ak-language-code, .ak-language-trigger svg { display: none; }
  .ak-icon-button, .ak-mobile-toggle, .ak-account-button { width: 39px; height: 39px; min-height: 39px; }
  .ak-currency-selector { display: none; }
  .ak-hero { padding: 31px 22px; border-radius: 21px; }
  .ak-hero h1 { font-size: clamp(38px,11.5vw,56px); }
  .ak-hero-copy > p { font-size: 11px; }
  .ak-hero-visual { min-height: 220px; transform: scale(.9); }
  .ak-orbit-one { width: 330px; }
  .ak-stats-strip { margin: -1px 8px 0; }
  .ak-catalog-toolbar { align-items: stretch; flex-direction: column; }
  .ak-category-select-wrap { width: 100%; }
  .ak-catalog-head { align-items: flex-start; flex-direction: column; gap: 11px; }
  .ak-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .ak-product-card { min-height: 268px; }
  .ak-product-display { min-height: 128px; }
  .ak-product-code-wrap strong { font-size: 39px; }
  .ak-footer { margin-top: 44px; }
  .ak-footer-main { grid-template-columns: 1fr 1fr; gap: 25px; padding: 25px 21px; }
  .ak-footer-brand-column, .ak-footer-social-column { grid-column: 1 / -1; }
  .ak-footer-bottom { align-items: flex-start; flex-direction: column; padding: 14px 21px; }
}

@media (max-width: 480px) {
  .ak-brand-copy strong { max-width: 125px; font-size: 14px; }
  .ak-header-actions { gap: 5px; }
  .ak-account-button { display: none; }
  .ak-mobile-menu nav { grid-template-columns: 1fr; }
  .ak-hero-actions { flex-direction: column; }
  .ak-primary-button, .ak-secondary-button { width: 100%; }
  .ak-hero-trust { gap: 10px; }
  .ak-hero-visual { min-height: 195px; transform: scale(.78); margin: -20px -30px; }
  .ak-stats-strip > div { min-height: 68px; padding: 11px 10px; }
  .ak-stat-icon { width: 31px; height: 31px; }
  .ak-stats-strip strong { font-size: 15px; }
  .ak-product-grid { grid-template-columns: 1fr; }
  .ak-product-card { min-height: 250px; }
  .ak-product-display { min-height: 124px; }
  .ak-benefits-strip { grid-template-columns: 1fr; }
  .ak-benefits-strip > div + div { border-left: 0; border-top: 1px solid var(--ak-border); }
  .ak-footer-main { grid-template-columns: 1fr 1fr; }
  .ak-modal-shell { padding: 9px; }
  .ak-modal-panel { max-height: calc(100vh - 18px); padding: 15px; border-radius: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* =========================================================
   AKREI VISUAL EDITION — premium image-led collection cards
   ========================================================= */
.ak-products-section {
  --ak-card-radius: 19px;
}

.ak-catalog-head > div > p {
  max-width: 620px;
  font-size: 10px;
  line-height: 1.65;
}

.ak-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.ak-product-card {
  position: relative;
  min-height: 326px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: var(--ak-card-radius);
  color: rgb(var(--cl-t-primary));
  background:
    linear-gradient(180deg, rgba(14, 18, 35, .92), rgba(8, 11, 24, .94));
  box-shadow:
    0 16px 38px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .035);
  isolation: isolate;
}

.ak-product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(135deg, rgba(var(--cl-accent), .12), transparent 31%, transparent 70%, rgba(80, 116, 255, .08));
  box-shadow:
    inset 0 0 0 1px rgba(var(--cl-accent), .18),
    0 0 42px rgba(var(--cl-accent), .09);
  transition: opacity .28s ease;
}

.ak-product-card::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -34px;
  z-index: -1;
  height: 66px;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  background: rgba(var(--cl-accent), .28);
  filter: blur(35px);
  transition: opacity .28s ease;
}

.ak-product-card:hover {
  border-color: rgba(var(--cl-accent), .32);
  transform: translateY(-6px);
  box-shadow:
    0 26px 58px rgba(0, 0, 0, .34),
    0 0 0 1px rgba(var(--cl-accent), .035),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}

.ak-product-card:hover::before,
.ak-product-card:hover::after {
  opacity: 1;
}

.ak-product-media {
  position: relative;
  aspect-ratio: 16 / 8.35;
  min-height: 150px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    radial-gradient(circle at 50% 42%, rgba(var(--cl-accent), .22), transparent 52%),
    linear-gradient(145deg, #111832, #070a16 66%);
}

.ak-product-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  filter: saturate(.92) contrast(1.04) brightness(.9);
  transition: transform .55s cubic-bezier(.2,.75,.2,1), filter .35s ease;
}

.ak-product-card:hover .ak-product-media > img {
  transform: scale(1.065);
  filter: saturate(1.08) contrast(1.06) brightness(1);
}

.ak-product-media-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2, 4, 12, .26), transparent 44%, rgba(3, 5, 14, .72)),
    linear-gradient(90deg, rgba(4, 7, 18, .24), transparent 42%, rgba(4, 7, 18, .12));
}

.ak-product-media-glow {
  position: absolute;
  inset: auto 16% -54px;
  height: 86px;
  pointer-events: none;
  opacity: .44;
  border-radius: 999px;
  background: rgba(var(--cl-accent), .32);
  filter: blur(32px);
  transition: opacity .3s ease, transform .3s ease;
}

.ak-product-card:hover .ak-product-media-glow {
  opacity: .72;
  transform: translateY(-4px) scale(1.07);
}

.ak-product-media-top {
  position: absolute;
  inset: 10px 10px auto;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.ak-product-type-pill {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 8px;
  color: rgba(255, 255, 255, .82);
  background: rgba(4, 6, 16, .58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 20px rgba(0,0,0,.16);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 7px;
  font-weight: 820;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ak-product-type-pill i {
  color: rgb(var(--cl-accent));
  font-size: 8px;
}

.ak-product-badges {
  position: static;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 5px;
}

.ak-product-badges > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border: 1px solid color-mix(in srgb, var(--badge-color), transparent 52%);
  border-radius: 8px;
  color: #fff;
  background: color-mix(in srgb, var(--badge-color), rgba(4,6,16,.78) 58%);
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 7px;
  font-weight: 850;
  text-transform: uppercase;
}

.ak-product-image-action {
  position: absolute;
  right: 11px;
  bottom: 11px;
  z-index: 3;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 9px;
  color: rgba(255, 255, 255, .65);
  background: rgba(4, 6, 16, .56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 9px;
  opacity: .72;
  transform: translateY(2px);
  transition: opacity .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.ak-product-card:hover .ak-product-image-action {
  opacity: 1;
  transform: translateY(0);
  border-color: rgba(var(--cl-accent), .38);
  color: #fff;
  background: rgba(var(--cl-accent), .17);
}

.ak-product-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(var(--cl-accent), .27), transparent 26%),
    linear-gradient(145deg, rgba(var(--cl-accent), .13), rgba(4,7,18,.45));
}

.ak-product-placeholder::before,
.ak-product-placeholder::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 82px;
  border: 1px solid rgba(var(--cl-accent), .23);
  border-radius: 50%;
  transform: rotate(-12deg);
}

.ak-product-placeholder::after {
  width: 185px;
  height: 58px;
  transform: rotate(15deg);
  opacity: .7;
}

.ak-product-placeholder-orbit {
  position: absolute;
  width: 104px;
  height: 104px;
  border: 1px solid rgba(var(--cl-accent), .18);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(var(--cl-accent), .18), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 48px rgba(0,0,0,.25);
  transform: rotate(11deg);
}

.ak-product-placeholder-mark {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 42px;
  line-height: 1;
  font-weight: 950;
  font-style: italic;
  text-shadow: 0 0 24px rgba(var(--cl-accent), .72);
}

.ak-product-placeholder small {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  z-index: 2;
  color: rgba(255, 255, 255, .45);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
}

.ak-product-body {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px 15px 14px;
}

.ak-product-title-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.ak-product-title-row h3 {
  min-width: 0;
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  color: rgba(var(--cl-t-primary), .96);
  font-size: 12px;
  line-height: 1.42;
  font-weight: 790;
  letter-spacing: -.018em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ak-product-mini-arrow {
  width: 24px;
  height: 24px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 8px;
  color: rgba(var(--cl-t-primary), .34);
  background: rgba(255,255,255,.018);
  transition: color .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.ak-product-mini-arrow svg { width: 11px; height: 11px; }

.ak-product-card:hover .ak-product-mini-arrow {
  color: #fff;
  border-color: rgba(var(--cl-accent), .28);
  background: rgba(var(--cl-accent), .09);
  transform: translateX(2px);
}

.ak-product-stock {
  margin-top: 7px;
  color: rgba(var(--cl-t-primary), .43);
  font-size: 8px;
}

.ak-product-card-footer {
  align-items: center;
  padding-top: 14px;
}

.ak-product-price {
  color: #a99fff;
  font-size: 12px;
  text-shadow: 0 0 20px rgba(var(--cl-accent), .12);
}

.ak-product-old-price {
  margin-top: 4px;
  font-size: 7px;
}

.ak-product-open {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: rgba(var(--cl-t-primary), .42);
  font-size: 10px;
}

.ak-product-card:hover .ak-product-open {
  color: #fff;
  border-color: rgba(var(--cl-accent), .32);
  background: linear-gradient(135deg, rgba(var(--cl-accent), .22), rgba(var(--cl-accent), .08));
  transform: translateY(-1px);
}

/* slightly more dimensional hero */
.ak-hero {
  min-height: 390px;
  background:
    radial-gradient(circle at 72% 44%, rgba(var(--cl-accent), .16), transparent 29%),
    linear-gradient(115deg, rgba(8, 12, 29, .96), rgba(6, 9, 23, .9) 50%, rgba(8, 10, 25, .94));
  box-shadow:
    0 26px 80px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.ak-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .15;
  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: 46px 46px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 47%, #000);
  mask-image: linear-gradient(90deg, transparent, #000 47%, #000);
}

.ak-hero h1 {
  font-size: clamp(44px, 5vw, 72px);
}

.ak-hero-copy > p {
  max-width: 600px;
  font-size: 13px;
}

.ak-hero-cube {
  box-shadow:
    0 38px 85px rgba(0,0,0,.44),
    0 0 82px rgba(var(--cl-accent), .2),
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -20px 45px rgba(0,0,0,.18);
}

.ak-stats-strip {
  margin-top: 13px;
  border-color: rgba(255,255,255,.085);
  background: rgba(9, 12, 27, .72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.ak-search-box,
.ak-category-select-wrap {
  min-height: 50px;
  border-radius: 14px;
  background: rgba(9, 12, 27, .72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

@media (max-width: 1180px) {
  .ak-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .ak-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ak-product-card { min-height: 314px; }
}

@media (max-width: 520px) {
  .ak-product-grid { grid-template-columns: 1fr; }
  .ak-product-card { min-height: 0; }
  .ak-product-media { aspect-ratio: 16 / 7.6; }
  .ak-product-title-row h3 { font-size: 13px; }
}

@media (prefers-reduced-motion: no-preference) {
  .ak-product-grid-item {
    animation: ak-card-enter .55s both;
  }
  .ak-product-grid-item:nth-child(2) { animation-delay: .035s; }
  .ak-product-grid-item:nth-child(3) { animation-delay: .07s; }
  .ak-product-grid-item:nth-child(4) { animation-delay: .105s; }
  .ak-product-grid-item:nth-child(5) { animation-delay: .14s; }
  .ak-product-grid-item:nth-child(6) { animation-delay: .175s; }
  .ak-product-grid-item:nth-child(7) { animation-delay: .21s; }
  .ak-product-grid-item:nth-child(8) { animation-delay: .245s; }
}

@keyframes ak-card-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   AKREI SIGNATURE EDITION — premium catalog, ranking & reviews
   ========================================================= */
.ak-home-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 332px;
  gap: 14px;
  align-items: stretch;
}
.ak-home-hero-layout .ak-hero {
  min-width: 0;
  min-height: 420px;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .8fr);
  padding: 46px 42px;
  border-radius: 24px;
}
.ak-home-hero-layout .ak-hero h1 { font-size: clamp(42px, 4.6vw, 68px); }
.ak-home-hero-layout .ak-hero-visual { min-width: 0; }

.ak-best-sellers-panel,
.ak-top-category-panel,
.ak-sales-activity-panel,
.ak-all-categories-panel,
.ak-feedback-shell {
  position: relative;
  border: 1px solid rgba(255,255,255,.082);
  background:
    linear-gradient(150deg, rgba(255,255,255,.026), transparent 42%),
    rgba(7,10,24,.78);
  box-shadow: 0 22px 64px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.ak-best-sellers-panel {
  overflow: hidden;
  padding: 20px 17px 16px;
  border-color: rgba(var(--cl-accent), .17);
  border-radius: 24px;
}
.ak-best-sellers-panel::before,
.ak-top-category-panel::before,
.ak-sales-activity-panel::before,
.ak-feedback-shell::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .62), transparent);
  opacity: .58;
  pointer-events: none;
}
.ak-panel-heading,
.ak-section-heading-row,
.ak-feedback-heading-row,
.ak-all-categories-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.ak-panel-heading h2,
.ak-section-heading-row h2,
.ak-feedback-heading-row h2,
.ak-all-categories-header h2 {
  margin-top: 6px;
  color: #f7f7ff;
  font-size: 20px;
  line-height: 1.12;
  font-weight: 840;
  letter-spacing: -.035em;
}
.ak-panel-action,
.ak-view-all {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  color: rgba(var(--cl-t-primary), .58);
  background: rgba(255,255,255,.025);
  font-size: 9px;
  font-weight: 760;
  white-space: nowrap;
}
.ak-panel-action:hover,
.ak-view-all:hover {
  color: #fff;
  border-color: rgba(var(--cl-accent), .3);
  background: rgba(var(--cl-accent), .09);
  transform: translateY(-1px);
}
.ak-ranking-list { display: grid; gap: 7px; margin-top: 17px; }
.ak-ranking-item {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 27px 40px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 9px;
  padding: 7px 7px 7px 6px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: inherit;
  background: rgba(255,255,255,.018);
  text-align: left;
}
.ak-ranking-item:hover {
  border-color: rgba(var(--cl-accent), .2);
  background: rgba(var(--cl-accent), .065);
  transform: translateX(2px);
}
.ak-ranking-number {
  display: grid;
  place-items: center;
  color: rgba(var(--cl-t-primary), .35);
  font-size: 9px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.ak-ranking-item:first-child .ak-ranking-number { color: #ffd763; }
.ak-ranking-thumb {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(145deg, rgba(var(--cl-accent), .26), rgba(255,255,255,.02));
  font-size: 14px;
  font-weight: 900;
}
.ak-ranking-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ak-ranking-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ak-ranking-copy strong { overflow: hidden; color: rgba(var(--cl-t-primary), .9); font-size: 10px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.ak-ranking-copy small { color: rgba(var(--cl-t-primary), .38); font-size: 8px; }
.ak-ranking-copy small span:first-child { color: rgba(var(--cl-accent), .94); font-weight: 820; }
.ak-ranking-open {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 8px;
  color: rgba(var(--cl-t-primary), .35);
  background: rgba(255,255,255,.02);
  font-size: 8px;
}
.ak-ranking-item:hover .ak-ranking-open { color: #fff; border-color: rgba(var(--cl-accent), .24); background: rgba(var(--cl-accent), .1); }

.ak-stats-strip-premium {
  margin: 13px 0 0;
  border-radius: 16px;
  background: rgba(7,10,24,.72);
}
.ak-stats-strip-premium > div { min-height: 76px; }

.ak-category-showcase { margin-top: 21px; }
.ak-section-heading-row { align-items: flex-end; padding: 0 2px 12px; }
.ak-section-heading-row h2 { font-size: 22px; }
.ak-category-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(218px, 1fr);
  gap: 11px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--cl-accent), .35) transparent;
}
.ak-category-mini-card {
  position: relative;
  min-height: 178px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid rgba(255,255,255,.082);
  border-radius: 17px;
  color: inherit;
  background: rgba(7,10,24,.8);
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.ak-category-mini-card:hover {
  border-color: rgba(var(--cl-accent), .34);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(0,0,0,.28), 0 0 0 1px rgba(var(--cl-accent), .025);
}
.ak-category-mini-media { position: relative; height: 96px; display: block; overflow: hidden; background: radial-gradient(circle at 50% 35%, rgba(var(--cl-accent), .24), transparent 54%), #0b0e20; }
.ak-category-mini-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) brightness(.78); transition: transform .45s ease, filter .35s ease; }
.ak-category-mini-card:hover .ak-category-mini-media img { transform: scale(1.07); filter: saturate(1.07) brightness(.92); }
.ak-category-mini-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,5,13,.05), rgba(5,7,17,.72)); }
.ak-category-mini-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: #fff; font-size: 38px; font-weight: 950; font-style: italic; text-shadow: 0 0 26px rgba(var(--cl-accent), .7); }
.ak-category-mini-body { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 11px 46px 12px 13px; }
.ak-category-mini-body strong { overflow: hidden; color: rgba(var(--cl-t-primary), .94); font-size: 11px; font-weight: 790; text-overflow: ellipsis; white-space: nowrap; }
.ak-category-mini-body small { color: rgba(var(--cl-t-primary), .4); font-size: 8px; }
.ak-category-mini-price { display: flex; gap: 4px; margin-top: 3px; color: #a99fff; font-size: 10px; font-weight: 790; }
.ak-category-mini-price em { color: rgba(var(--cl-t-primary), .24); font-style: normal; }
.ak-category-mini-arrow {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 9px;
  color: rgba(var(--cl-t-primary), .4);
  background: rgba(255,255,255,.025);
  font-size: 9px;
}
.ak-category-mini-card:hover .ak-category-mini-arrow { color: #fff; border-color: rgba(var(--cl-accent), .28); background: rgba(var(--cl-accent), .1); transform: translateX(2px); }
.ak-category-view-all-card {
  min-width: 218px;
  justify-content: center;
  gap: 13px;
  padding: 19px;
  border-color: rgba(var(--cl-accent), .18);
  background:
    radial-gradient(circle at 16% 18%, rgba(var(--cl-accent), .2), transparent 48%),
    linear-gradient(145deg, rgba(var(--cl-accent), .085), rgba(7,10,24,.88));
}
.ak-category-view-all-card > span:nth-child(2) { display: flex; flex-direction: column; gap: 6px; }
.ak-category-view-all-card strong { color: #fff; font-size: 13px; line-height: 1.25; }
.ak-category-view-all-card small { color: rgba(var(--cl-t-primary), .44); font-size: 9px; line-height: 1.5; }
.ak-category-view-all-icon { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent), .3); border-radius: 14px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: 16px; }
.ak-category-view-all-card > i { position: absolute; right: 16px; bottom: 16px; color: rgba(var(--cl-t-primary), .45); font-size: 10px; }

.ak-all-categories-panel {
  margin-top: 16px;
  padding: 24px;
  border-color: rgba(var(--cl-accent), .2);
  border-radius: 22px;
  scroll-margin-top: 92px;
}
.ak-all-categories-header p { max-width: 610px; margin-top: 8px; color: rgba(var(--cl-t-primary), .48); font-size: 10px; line-height: 1.65; }
.ak-panel-close {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 11px;
  color: rgba(var(--cl-t-primary), .56);
  background: rgba(255,255,255,.025);
}
.ak-panel-close:hover { color: #fff; border-color: rgba(var(--cl-accent), .3); background: rgba(var(--cl-accent), .1); transform: rotate(3deg); }
.ak-all-categories-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.ak-search-box-compact { max-width: 420px; min-height: 46px; }
.ak-category-filter-pills { display: flex; align-items: center; gap: 6px; }
.ak-category-filter-pills > span { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; color: rgba(var(--cl-t-primary), .43); background: rgba(255,255,255,.018); font-size: 8px; font-weight: 760; }
.ak-category-filter-pills > span.is-active { color: #fff; border-color: rgba(var(--cl-accent), .3); background: rgba(var(--cl-accent), .11); }
.ak-all-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 17px; }
.ak-all-category-item > button {
  width: 100%;
  min-height: 102px;
  display: grid;
  grid-template-columns: 76px minmax(0,1fr) 31px;
  align-items: center;
  gap: 12px;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  color: inherit;
  background: rgba(255,255,255,.018);
  text-align: left;
}
.ak-all-category-item > button:hover { border-color: rgba(var(--cl-accent), .26); background: rgba(var(--cl-accent), .055); transform: translateY(-2px); }
.ak-all-category-media { position: relative; width: 76px; height: 76px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; color: #fff; background: linear-gradient(145deg, rgba(var(--cl-accent), .22), rgba(255,255,255,.02)); font-size: 25px; font-weight: 900; }
.ak-all-category-media img { width: 100%; height: 100%; object-fit: cover; }
.ak-all-category-media i { position: absolute; inset: 0; background: linear-gradient(180deg, transparent, rgba(3,5,13,.58)); }
.ak-all-category-copy { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.ak-all-category-copy strong { overflow: hidden; color: rgba(var(--cl-t-primary), .92); font-size: 10px; font-weight: 780; text-overflow: ellipsis; white-space: nowrap; }
.ak-all-category-copy small { color: rgba(var(--cl-t-primary), .38); font-size: 8px; }
.ak-all-category-copy > span { display: flex; gap: 3px; color: #aaa0ff; font-size: 9px; }
.ak-all-category-copy em { color: rgba(var(--cl-t-primary), .24); font-style: normal; }
.ak-all-category-open { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; color: rgba(var(--cl-t-primary), .34); background: rgba(255,255,255,.02); font-size: 8px; }
.ak-all-category-item > button:hover .ak-all-category-open { color: #fff; border-color: rgba(var(--cl-accent), .24); background: rgba(var(--cl-accent), .1); }

.ak-market-pulse-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 13px; margin-top: 16px; }
.ak-top-category-panel,
.ak-sales-activity-panel { min-width: 0; padding: 19px; border-radius: 19px; }
.ak-live-badge,
.ak-privacy-note { min-height: 28px; display: inline-flex; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid rgba(255,255,255,.065); border-radius: 8px; color: rgba(var(--cl-t-primary), .43); background: rgba(255,255,255,.018); font-size: 7px; font-weight: 790; text-transform: uppercase; letter-spacing: .05em; }
.ak-live-badge i { width: 6px; height: 6px; border-radius: 999px; background: #34d399; box-shadow: 0 0 0 4px rgba(52,211,153,.1); animation: ak-live-pulse 1.8s ease infinite; }
.ak-privacy-note i { color: #7ee7db; }
@keyframes ak-live-pulse { 50% { box-shadow: 0 0 0 7px rgba(52,211,153,0); } }
.ak-top-category-candidates { margin-top: 15px; }
.ak-top-category-card {
  width: 100%;
  min-height: 132px;
  display: grid;
  grid-template-columns: 132px minmax(0,1fr) 38px;
  align-items: center;
  gap: 17px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid rgba(var(--cl-accent), .16);
  border-radius: 16px;
  color: inherit;
  background:
    linear-gradient(115deg, rgba(var(--cl-accent), .09), transparent 52%),
    rgba(255,255,255,.018);
  text-align: left;
}
.ak-top-category-card:hover { border-color: rgba(var(--cl-accent), .32); transform: translateY(-2px); box-shadow: 0 18px 36px rgba(0,0,0,.24); }
.ak-top-category-art { position: relative; width: 132px; height: 108px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; color: #fff; background: linear-gradient(145deg, rgba(var(--cl-accent), .26), rgba(255,255,255,.02)); font-size: 42px; font-weight: 950; font-style: italic; }
.ak-top-category-art img { width: 100%; height: 100%; object-fit: cover; }
.ak-top-category-art i { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 26%, rgba(4,6,15,.62)); }
.ak-top-category-copy { min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.ak-top-category-copy > small { color: rgb(var(--cl-accent)); font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ak-top-category-copy > strong { overflow: hidden; color: #fff; font-size: 18px; line-height: 1.15; font-weight: 840; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.ak-top-category-copy > span { color: rgba(var(--cl-t-primary), .46); font-size: 9px; }
.ak-top-category-copy b { color: #aaa0ff; font-size: 12px; }
.ak-top-category-arrow { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; color: rgba(var(--cl-t-primary), .38); background: rgba(255,255,255,.02); font-size: 9px; }
.ak-top-category-card:hover .ak-top-category-arrow { color: #fff; border-color: rgba(var(--cl-accent), .28); background: rgba(var(--cl-accent), .1); transform: translateX(2px); }
.ak-sales-activity-list { display: grid; gap: 7px; margin-top: 15px; }
.ak-sales-activity-item {
  min-height: 49px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: rgba(255,255,255,.017);
}
.ak-sales-activity-item:hover { border-color: rgba(var(--cl-accent), .18); background: rgba(var(--cl-accent), .05); transform: translateX(2px); }
.ak-sales-activity-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent), .18); border-radius: 10px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); font-size: 10px; }
.ak-sales-activity-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ak-sales-activity-copy strong { overflow: hidden; color: rgba(var(--cl-t-primary), .87); font-size: 9px; font-weight: 740; text-overflow: ellipsis; white-space: nowrap; }
.ak-sales-activity-copy small { color: rgba(var(--cl-t-primary), .34); font-size: 7px; }
.ak-sales-activity-count { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.ak-sales-activity-count b { color: #aaa0ff; font-size: 10px; font-weight: 830; }
.ak-sales-activity-count small { color: rgba(var(--cl-t-primary), .31); font-size: 7px; text-transform: uppercase; }

.ak-modern-category-picker { position: relative; flex: 0 0 250px; }
.ak-modern-category-trigger {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  color: rgba(var(--cl-t-primary), .68);
  background: rgba(9,12,27,.72);
  backdrop-filter: blur(16px);
}
.ak-modern-category-trigger > span { display: inline-flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 730; }
.ak-modern-category-trigger > span i { color: rgb(var(--cl-accent)); }
.ak-modern-category-trigger > svg { width: 14px; height: 14px; opacity: .55; transition: transform .2s ease; }
.ak-modern-category-trigger > svg.is-rotated { transform: rotate(180deg); }
.ak-modern-category-trigger:hover { color: #fff; border-color: rgba(var(--cl-accent), .28); background: rgba(var(--cl-accent), .065); }
.ak-modern-category-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 75;
  width: min(620px, calc(100vw - 32px));
  padding: 12px;
  border: 1px solid rgba(var(--cl-accent), .22);
  border-radius: 17px;
  background: rgba(7,10,24,.985);
  box-shadow: 0 30px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(24px);
}
.ak-modern-category-menu-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 4px 10px; }
.ak-modern-category-menu-head > div { display: flex; flex-direction: column; gap: 4px; }
.ak-modern-category-menu-head strong { color: #fff; font-size: 11px; font-weight: 800; }
.ak-modern-category-menu-head small { color: rgba(var(--cl-t-primary), .4); font-size: 8px; }
.ak-modern-category-menu-head > button { display: inline-flex; align-items: center; gap: 6px; color: rgb(var(--cl-accent)); font-size: 8px; font-weight: 800; }
.ak-modern-category-menu-grid { max-height: 330px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; overflow-y: auto; }
.ak-modern-category-menu-grid > button { min-height: 62px; display: grid; grid-template-columns: 46px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; padding: 7px; border: 1px solid rgba(255,255,255,.055); border-radius: 11px; color: inherit; background: rgba(255,255,255,.018); text-align: left; }
.ak-modern-category-menu-grid > button:hover { border-color: rgba(var(--cl-accent), .22); background: rgba(var(--cl-accent), .065); }
.ak-modern-category-menu-grid > button > span { grid-row: 1 / 3; width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; color: #fff; background: linear-gradient(145deg, rgba(var(--cl-accent),.2), rgba(255,255,255,.02)); font-weight: 900; }
.ak-modern-category-menu-grid img { width: 100%; height: 100%; object-fit: cover; }
.ak-modern-category-menu-grid strong { align-self: end; overflow: hidden; color: rgba(var(--cl-t-primary), .86); font-size: 9px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.ak-modern-category-menu-grid small { align-self: start; color: rgba(var(--cl-t-primary), .35); font-size: 7px; }

/* premium reviews */
.ak-feedback-section { margin-top: 17px; }
.ak-feedback-shell { overflow: hidden; padding: 23px; border-radius: 21px; }
.ak-feedback-heading-row { align-items: flex-end; }
.ak-feedback-title-wrap h2 { font-size: 23px; }
.ak-feedback-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 8px; color: rgba(var(--cl-t-primary), .43); font-size: 8px; }
.ak-feedback-summary strong { color: #fff; font-size: 12px; }
.ak-feedback-summary > i { width: 3px; height: 3px; border-radius: 999px; background: rgba(var(--cl-t-primary), .25); }
.ak-feedback-summary-star { color: #ffcb53; }
.ak-feedback-actions { display: flex; align-items: center; gap: 6px; }
.ak-feedback-actions > button { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; color: rgba(var(--cl-t-primary), .47); background: rgba(255,255,255,.02); font-size: 8px; }
.ak-feedback-actions > button:hover { color: #fff; border-color: rgba(var(--cl-accent), .28); background: rgba(var(--cl-accent), .09); }
.ak-review-track { margin-top: 17px; }
.ak-review-track.is-carousel { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(285px, 1fr); gap: 10px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(var(--cl-accent), .3) transparent; }
.ak-review-track.is-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.ak-feedback-card {
  min-width: 0;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 15px;
  background:
    radial-gradient(circle at 5% 0%, rgba(var(--cl-accent), .09), transparent 42%),
    rgba(255,255,255,.018);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.ak-feedback-card:hover { border-color: rgba(var(--cl-accent), .25); transform: translateY(-3px); box-shadow: 0 18px 38px rgba(0,0,0,.22); }
.ak-feedback-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ak-feedback-buyer { display: flex; align-items: center; gap: 9px; }
.ak-feedback-avatar { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(var(--cl-accent), .25); border-radius: 11px; color: #fff; background: linear-gradient(145deg, rgba(var(--cl-accent), .7), rgba(var(--cl-accent), .25)); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); font-size: 11px; }
.ak-feedback-buyer > div { display: flex; flex-direction: column; gap: 4px; }
.ak-feedback-buyer strong { color: rgba(var(--cl-t-primary), .92); font-size: 10px; font-weight: 770; }
.ak-feedback-buyer small { display: inline-flex; align-items: center; gap: 4px; color: rgba(var(--cl-t-primary), .36); font-size: 7px; }
.ak-feedback-buyer small i { color: #48d9a5; }
.ak-feedback-quote { color: rgba(var(--cl-accent), .24); font-size: 19px; }
.ak-feedback-stars { display: flex; gap: 3px; margin-top: 15px; color: #ffc94a; font-size: 10px; }
.ak-feedback-message { width: 100%; min-height: 48px; display: -webkit-box; overflow: hidden; margin-top: 11px; color: rgba(var(--cl-t-primary), .78); background: none; font-size: 10px; line-height: 1.65; text-align: left; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ak-feedback-message.is-expanded { display: block; overflow: visible; -webkit-line-clamp: initial; }
.ak-feedback-reply { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 8px; margin-top: 10px; padding: 9px; border: 1px solid rgba(var(--cl-accent), .12); border-radius: 10px; background: rgba(var(--cl-accent), .045); }
.ak-feedback-reply > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: 8px; }
.ak-feedback-reply strong { color: rgba(var(--cl-t-primary), .82); font-size: 8px; }
.ak-feedback-reply p { margin-top: 3px; color: rgba(var(--cl-t-primary), .47); font-size: 8px; line-height: 1.5; }
.ak-feedback-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.055); }
.ak-feedback-card-bottom > span { min-width: 0; display: flex; align-items: center; gap: 5px; color: rgba(var(--cl-t-primary), .37); font-size: 7px; }
.ak-feedback-card-bottom > span i { color: rgb(var(--cl-accent)); }
.ak-feedback-card-bottom b { overflow: hidden; max-width: 150px; color: rgba(var(--cl-t-primary), .51); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ak-feedback-card-bottom small { padding: 2px 4px; border-radius: 5px; background: rgba(var(--cl-accent), .1); }
.ak-feedback-card-bottom time { flex: none; color: rgba(var(--cl-t-primary), .28); font-size: 7px; }
.ak-review-sortbar { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 17px; }
.ak-review-sortbar > div { display: inline-flex; align-items: center; gap: 7px; color: rgba(var(--cl-t-primary), .48); font-size: 9px; }
.ak-review-sortbar > div i { color: rgb(var(--cl-accent)); }
.ak-review-sortbar select { min-width: 210px; }
.ak-empty-reviews { min-height: 120px; display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 17px; border: 1px dashed rgba(255,255,255,.08); border-radius: 15px; color: rgba(var(--cl-t-primary), .44); }
.ak-empty-reviews > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .08); }
.ak-empty-reviews strong { color: rgba(var(--cl-t-primary), .78); font-size: 11px; }
.ak-empty-reviews p { margin-top: 4px; font-size: 8px; }
.ak-feedback-mobile-view-all { display: none; justify-content: center; margin-top: 13px; }
.ak-page-heading-premium { margin-bottom: 20px; }

.ak-language-menu { max-height: min(430px, calc(100vh - 100px)); overflow-y: auto; }

@media (max-width: 1220px) {
  .ak-home-hero-layout { grid-template-columns: minmax(0,1fr) 300px; }
  .ak-home-hero-layout .ak-hero { grid-template-columns: minmax(0,1fr) minmax(250px,.72fr); padding: 40px 34px; }
  .ak-all-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 1040px) {
  .ak-home-hero-layout { grid-template-columns: 1fr; }
  .ak-best-sellers-panel { padding: 18px; }
  .ak-ranking-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ak-ranking-item:nth-child(5) { grid-column: 1 / -1; }
  .ak-market-pulse-grid { grid-template-columns: 1fr; }
  .ak-all-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ak-review-track.is-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .ak-home-hero-layout .ak-hero { min-height: 520px; grid-template-columns: 1fr; padding: 36px 27px 28px; }
  .ak-home-hero-layout .ak-hero-copy { max-width: 100%; }
  .ak-home-hero-layout .ak-hero-visual { min-height: 220px; }
  .ak-home-hero-layout .ak-orbit-one { width: 310px; }
  .ak-stats-strip-premium { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ak-stats-strip-premium > div:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.06); }
  .ak-stats-strip-premium > div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.06); }
  .ak-all-categories-tools { align-items: stretch; flex-direction: column; }
  .ak-search-box-compact { max-width: none; }
  .ak-category-filter-pills { overflow-x: auto; }
  .ak-modern-category-picker { flex-basis: 205px; }
  .ak-modern-category-menu { right: 0; }
}

@media (max-width: 640px) {
  .ak-home-hero-layout .ak-hero { min-height: 480px; padding: 30px 21px 24px; border-radius: 20px; }
  .ak-home-hero-layout .ak-hero h1 { font-size: clamp(38px, 12vw, 54px); }
  .ak-home-hero-layout .ak-hero-copy > p { font-size: 11px; }
  .ak-home-hero-layout .ak-hero-visual { min-height: 190px; transform: scale(.88); margin: -12px 0; }
  .ak-best-sellers-panel { border-radius: 19px; }
  .ak-ranking-list { grid-template-columns: 1fr; }
  .ak-ranking-item:nth-child(5) { grid-column: auto; }
  .ak-section-heading-row { align-items: flex-start; }
  .ak-section-heading-row .ak-view-all span { display: none; }
  .ak-category-rail { grid-auto-columns: 210px; }
  .ak-all-categories-panel { padding: 18px 14px; border-radius: 18px; }
  .ak-category-filter-pills > span:nth-child(n+3) { display: none; }
  .ak-all-category-grid { grid-template-columns: 1fr; }
  .ak-market-pulse-grid { gap: 10px; }
  .ak-top-category-panel, .ak-sales-activity-panel { padding: 15px; }
  .ak-top-category-card { grid-template-columns: 92px minmax(0,1fr) 32px; gap: 11px; min-height: 108px; }
  .ak-top-category-art { width: 92px; height: 84px; }
  .ak-top-category-copy > strong { font-size: 14px; }
  .ak-catalog-toolbar { flex-direction: column; align-items: stretch; }
  .ak-modern-category-picker { flex: none; width: 100%; }
  .ak-modern-category-menu { left: 0; right: auto; width: 100%; }
  .ak-modern-category-menu-grid { grid-template-columns: 1fr; }
  .ak-feedback-shell { padding: 17px 14px; border-radius: 18px; }
  .ak-feedback-heading-row { align-items: flex-start; }
  .ak-feedback-actions .ak-panel-action { display: none; }
  .ak-review-track.is-carousel { grid-auto-columns: minmax(265px, 88vw); }
  .ak-review-track.is-grid { grid-template-columns: 1fr; }
  .ak-feedback-mobile-view-all { display: flex; }
}

@media (max-width: 440px) {
  .ak-stats-strip-premium > div { min-height: 68px; padding: 10px; gap: 9px; }
  .ak-stat-icon { width: 31px; height: 31px; }
  .ak-category-rail { grid-auto-columns: 82vw; }
  .ak-top-category-card { grid-template-columns: 76px minmax(0,1fr); }
  .ak-top-category-art { width: 76px; height: 76px; }
  .ak-top-category-arrow { display: none; }
  .ak-sales-activity-copy strong { max-width: 180px; }
}
/* graceful no-JS limits before the sales ranking script hydrates */
.ak-ranking-list > .ak-ranking-item:nth-child(n+6),
.ak-sales-activity-list > .ak-sales-activity-item:nth-child(n+6),
.ak-top-category-candidates > .ak-top-category-card:not(:first-child) { display: none; }
.ak-ranking-list > .ak-ranking-item[hidden],
.ak-sales-activity-list > .ak-sales-activity-item[hidden],
.ak-top-category-candidates > .ak-top-category-card[hidden] { display: none !important; }

/* ========================================================================
   AKREI FINAL — BLACK / WHITE SIGNATURE SYSTEM
   Clean storefront layer. Default: true black. Optional: white mode.
   ======================================================================== */
:root,
html[data-ak-theme="dark"] {
  --ak-bg: #030303;
  --ak-bg-elevated: #070708;
  --ak-surface: #0b0b0d;
  --ak-surface-2: #101014;
  --ak-surface-3: #15151a;
  --ak-text: #fafafa;
  --ak-text-soft: #d4d4d8;
  --ak-muted: #8d8d98;
  --ak-border: rgba(255, 255, 255, 0.10);
  --ak-border-strong: rgba(255, 255, 255, 0.17);
  --ak-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
  --ak-shadow-soft: 0 18px 42px rgba(0, 0, 0, 0.28);
  --ak-accent: #7864ff;
  --ak-accent-strong: #967cff;
  --ak-accent-soft: rgba(120, 100, 255, 0.14);
  --ak-success: #29d391;
  --ak-danger: #ff667e;
  --ak-overlay: rgba(0, 0, 0, 0.78);
  --ak-input: #0a0a0c;
  --ak-inverse: #050505;
}

html[data-ak-theme="light"] {
  --ak-bg: #f5f5f4;
  --ak-bg-elevated: #ffffff;
  --ak-surface: #ffffff;
  --ak-surface-2: #f3f3f2;
  --ak-surface-3: #ececea;
  --ak-text: #0a0a0a;
  --ak-text-soft: #333338;
  --ak-muted: #6d6d75;
  --ak-border: rgba(5, 5, 5, 0.10);
  --ak-border-strong: rgba(5, 5, 5, 0.18);
  --ak-shadow: 0 30px 80px rgba(20, 20, 20, 0.12);
  --ak-shadow-soft: 0 18px 42px rgba(20, 20, 20, 0.08);
  --ak-accent: #5d45f5;
  --ak-accent-strong: #4b34db;
  --ak-accent-soft: rgba(93, 69, 245, 0.10);
  --ak-success: #0d9f68;
  --ak-danger: #d92f52;
  --ak-overlay: rgba(18, 18, 18, 0.52);
  --ak-input: #f8f8f7;
  --ak-inverse: #ffffff;
}

html {
  background: var(--ak-bg);
  color-scheme: dark;
}

html[data-ak-theme="light"] { color-scheme: light; }

body.ak-theme-body,
body {
  background: var(--ak-bg) !important;
  color: var(--ak-text) !important;
  transition: background-color 180ms ease, color 180ms ease;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 0%, rgba(120, 100, 255, 0.09), transparent 30rem),
    radial-gradient(circle at 86% 16%, rgba(120, 100, 255, 0.05), transparent 26rem),
    var(--ak-bg);
}

html[data-ak-theme="light"] body::before {
  background:
    radial-gradient(circle at 18% 0%, rgba(93, 69, 245, 0.07), transparent 30rem),
    var(--ak-bg);
}

#app {
  width: min(100%, 1510px) !important;
  max-width: 1510px !important;
  padding: 14px 22px 34px !important;
}

[x-cloak] { display: none !important; }

.ak-products-section,
.ak-feedbacks,
.ak-product-page,
.ak-cart-page,
.ak-faq,
.ak-blog-posts,
.ak-status-page,
.ak-terms-page {
  color: var(--ak-text);
}

/* Header */
.ak-header {
  position: sticky;
  top: 10px;
  z-index: 45;
  margin-bottom: 18px;
}

.ak-navbar {
  background: color-mix(in srgb, var(--ak-bg-elevated) 90%, transparent) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
}

.ak-header.is-scrolled .ak-navbar {
  box-shadow: var(--ak-shadow-soft) !important;
  border-color: var(--ak-border-strong) !important;
}

.ak-navbar-main { min-height: 66px !important; padding: 8px 12px 8px 16px !important; }
.ak-brand-copy strong,
.ak-nav-link,
.ak-account-button,
.ak-language-trigger { color: var(--ak-text) !important; }
.ak-brand-copy small { color: var(--ak-muted) !important; }
.ak-brand-mark,
.ak-brand-logo { background: var(--ak-accent-soft) !important; border-color: rgba(120,100,255,.22) !important; }
.ak-nav-link { border-radius: 10px !important; }
.ak-nav-link:hover,
.ak-nav-link.is-active { background: var(--ak-surface-2) !important; color: var(--ak-text) !important; }
.ak-nav-link.is-active::after { background: var(--ak-accent) !important; }

.ak-header-actions { gap: 8px !important; }
.ak-language-trigger,
.ak-account-button,
.ak-icon-button,
.ak-mobile-toggle,
.ak-theme-toggle {
  min-height: 40px;
  border: 1px solid var(--ak-border) !important;
  background: var(--ak-surface) !important;
  color: var(--ak-text) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
.ak-language-trigger:hover,
.ak-account-button:hover,
.ak-icon-button:hover,
.ak-mobile-toggle:hover,
.ak-theme-toggle:hover { border-color: var(--ak-border-strong) !important; background: var(--ak-surface-2) !important; }

.ak-theme-toggle {
  position: relative;
  width: 44px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  overflow: hidden;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}
.ak-theme-toggle:hover { transform: translateY(-1px); }
.ak-theme-toggle span { position: absolute; display: grid; place-items: center; transition: opacity 160ms ease, transform 180ms ease; }
.ak-theme-toggle-sun { opacity: 0; transform: rotate(-35deg) scale(.7); }
.ak-theme-toggle-moon { opacity: 1; transform: rotate(0) scale(1); }
html[data-ak-theme="light"] .ak-theme-toggle-sun { opacity: 1; transform: rotate(0) scale(1); }
html[data-ak-theme="light"] .ak-theme-toggle-moon { opacity: 0; transform: rotate(35deg) scale(.7); }

.ak-language-menu,
.ak-modern-category-menu,
.ak-final-category-menu,
.choices__list--dropdown,
.choices__list[aria-expanded] {
  background: var(--ak-surface) !important;
  color: var(--ak-text) !important;
  border: 1px solid var(--ak-border-strong) !important;
  box-shadow: var(--ak-shadow) !important;
}
.ak-language-menu button:hover { background: var(--ak-surface-2) !important; }
.ak-language-menu strong,
.ak-language-menu small { color: inherit !important; }
.ak-cart-count { background: var(--ak-accent) !important; color: #fff !important; }

/* Final hero */
.ak-final-store { padding-top: 0 !important; }
.ak-final-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(320px, .72fr);
  gap: 14px;
  margin-bottom: 14px;
}

.ak-final-hero,
.ak-final-best-sellers,
.ak-final-stats,
.ak-final-category-section,
.ak-final-top-card,
.ak-final-activity-card,
.ak-final-catalog-toolbar,
.ak-final-benefits,
.ak-product-card,
.ak-review-shell,
.ak-product-page .bg-card,
.ak-cart-page .bg-card,
.ak-faq .bg-card,
.ak-blog-posts .bg-card,
.ak-status-page .bg-card,
.ak-terms-page .bg-card {
  background: var(--ak-surface) !important;
  border-color: var(--ak-border) !important;
}

.ak-final-hero {
  position: relative;
  min-height: 390px;
  border: 1px solid var(--ak-border);
  border-radius: 24px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  align-items: center;
  isolation: isolate;
}

.ak-final-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(105deg, transparent 0 47%, rgba(120,100,255,.055) 100%),
    var(--ak-surface);
}

.ak-final-hero-grid-pattern {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .16;
  background-image: radial-gradient(circle, currentColor 1px, transparent 1px);
  background-size: 22px 22px;
  color: var(--ak-border-strong);
  mask-image: linear-gradient(90deg, black, transparent 80%);
}

.ak-final-hero-copy { padding: clamp(32px, 4.5vw, 64px); max-width: 650px; }
.ak-final-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(120,100,255,.28);
  background: var(--ak-accent-soft);
  border-radius: 999px;
  color: var(--ak-accent-strong);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ak-final-hero h1 {
  margin: 20px 0 14px;
  color: var(--ak-text);
  font-size: clamp(44px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 780;
}
.ak-final-hero h1 span,
.ak-final-hero h1 strong { display: block; }
.ak-final-hero h1 strong { color: var(--ak-accent-strong); font-weight: 780; }
.ak-final-hero-copy > p {
  max-width: 560px;
  margin: 0;
  color: var(--ak-muted);
  font-size: 15px;
  line-height: 1.75;
}
.ak-final-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.ak-final-primary,
.ak-final-secondary {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 750;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.ak-final-primary { color: #fff; background: linear-gradient(135deg, var(--ak-accent), var(--ak-accent-strong)); border: 1px solid transparent; box-shadow: 0 12px 30px rgba(120,100,255,.22); }
.ak-final-secondary { color: var(--ak-text); background: transparent; border: 1px solid var(--ak-border-strong); }
.ak-final-primary:hover,
.ak-final-secondary:hover { transform: translateY(-2px); }
.ak-final-secondary:hover { background: var(--ak-surface-2); }
.ak-final-trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; color: var(--ak-muted); font-size: 11px; font-weight: 650; }
.ak-final-trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.ak-final-trust-row i { color: var(--ak-accent-strong); }

.ak-final-hero-art { position: relative; min-height: 330px; align-self: stretch; display: grid; place-items: center; }
.ak-final-hero-art::before { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; background: rgba(120,100,255,.12); filter: blur(70px); }
.ak-final-art-card { position: absolute; width: 146px; aspect-ratio: 1; border-radius: 32px; border: 1px solid rgba(255,255,255,.19); background: linear-gradient(145deg, rgba(143,124,255,.34), rgba(19,19,28,.82) 50%, rgba(7,7,9,.96)); box-shadow: 0 38px 76px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.18); transform: rotate(-5deg); display: grid; place-items: center; }
.ak-final-art-card b { color: #fff; font-size: 70px; line-height: 1; font-weight: 850; font-style: italic; text-shadow: 0 0 32px rgba(151,125,255,.9); }
.ak-final-art-card-back { transform: translate(28px, -18px) rotate(8deg); opacity: .40; }
.ak-final-orbit { position: absolute; border: 1px solid rgba(120,100,255,.31); border-radius: 50%; transform: rotate(-14deg); }
.ak-final-orbit-one { width: 340px; height: 112px; }
.ak-final-orbit-two { width: 280px; height: 78px; transform: rotate(16deg); opacity: .65; }
.ak-final-orbit-three { width: 205px; height: 205px; border-color: rgba(120,100,255,.12); }
.ak-final-art-chip { position: absolute; width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; color: var(--ak-accent-strong); background: var(--ak-surface-2); border: 1px solid rgba(120,100,255,.28); box-shadow: var(--ak-shadow-soft); }
.ak-final-chip-one { left: 14%; top: 25%; }
.ak-final-chip-two { right: 12%; bottom: 23%; }

/* Best seller */
.ak-final-best-sellers {
  min-height: 390px;
  padding: 20px;
  border: 1px solid var(--ak-border);
  border-radius: 24px;
  overflow: hidden;
}
.ak-final-panel-head,
.ak-final-section-head,
.ak-final-catalog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.ak-final-panel-head > div > span,
.ak-final-section-head > div > span,
.ak-final-catalog-head > div > span,
.ak-final-category-modal-head > div > span {
  display: block;
  margin-bottom: 5px;
  color: var(--ak-accent-strong);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.ak-final-panel-head h2,
.ak-final-section-head h2,
.ak-final-catalog-head h2,
.ak-final-category-modal-head h2 { margin: 0; color: var(--ak-text); font-size: 20px; line-height: 1.15; letter-spacing: -.025em; font-weight: 780; }
.ak-final-panel-head > button,
.ak-final-section-head > button,
.ak-final-catalog-head > button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ak-muted);
  font-size: 10px;
  font-weight: 750;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ak-final-panel-head > button:hover,
.ak-final-section-head > button:hover,
.ak-final-catalog-head > button:hover { color: var(--ak-text); }

.ak-final-ranking-list { margin-top: 13px; }
.ak-final-ranking-item {
  min-height: 56px;
  display: grid;
  grid-template-columns: 24px 43px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  color: var(--ak-text);
  border-bottom: 1px solid var(--ak-border);
  text-decoration: none;
}
.ak-final-ranking-item[hidden] { display: none !important; }
.ak-final-ranking-item:last-of-type { border-bottom: 0; }
.ak-final-ranking-item:hover .ak-final-ranking-copy strong { color: var(--ak-accent-strong); }
.ak-final-rank { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: var(--ak-text-soft); background: var(--ak-surface-2); border: 1px solid var(--ak-border); font-size: 9px; font-weight: 800; }
.ak-final-ranking-item:first-of-type .ak-final-rank { color: #fff; background: var(--ak-accent); border-color: transparent; }
.ak-final-ranking-thumb { width: 43px; height: 43px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: var(--ak-surface-2); border: 1px solid var(--ak-border); color: var(--ak-accent-strong); }
.ak-final-ranking-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ak-final-ranking-thumb b { font-size: 17px; }
.ak-final-ranking-copy { min-width: 0; }
.ak-final-ranking-copy strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ak-text); font-size: 11px; line-height: 1.35; transition: color 150ms ease; }
.ak-final-ranking-copy small { display: flex; align-items: center; gap: 5px; min-width: 0; margin-top: 3px; color: var(--ak-muted); font-size: 8px; }
.ak-final-ranking-copy small em { max-width: 110px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style: normal; }
.ak-final-ranking-copy small i { font-style: normal; opacity: .45; }
.ak-final-ranking-price b { color: var(--ak-accent-strong); font-size: 11px; }

/* Stats */
.ak-final-stats {
  min-height: 72px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--ak-border);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 28px;
}
.ak-final-stats > div { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 13px 20px; border-right: 1px solid var(--ak-border); }
.ak-final-stats > div:last-child { border-right: 0; }
.ak-final-stats > div > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; background: var(--ak-accent-soft); color: var(--ak-accent-strong); }
.ak-final-stats p { margin: 0; }
.ak-final-stats strong { display: block; color: var(--ak-text); font-size: 18px; line-height: 1.1; }
.ak-final-stats span { display: block; margin-top: 4px; color: var(--ak-muted); font-size: 9px; }

/* Category rail */
.ak-final-category-section { margin-bottom: 14px; padding: 21px; border: 1px solid var(--ak-border); border-radius: 20px; }
.ak-final-section-head { align-items: center; margin-bottom: 14px; }
.ak-final-section-head > button,
.ak-final-catalog-head > button { min-height: 36px; padding: 0 12px; border: 1px solid var(--ak-border); border-radius: 10px; background: var(--ak-surface-2); }
.ak-final-category-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 1fr); gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; padding-bottom: 3px; }
.ak-final-category-card {
  min-height: 82px;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 28px;
  align-items: center;
  gap: 12px;
  padding: 11px;
  color: var(--ak-text);
  background: var(--ak-surface-2);
  border: 1px solid var(--ak-border);
  border-radius: 14px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.ak-final-category-card:hover { transform: translateY(-2px); border-color: var(--ak-border-strong); background: var(--ak-surface-3); }
.ak-final-category-media { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; background: var(--ak-bg-elevated); border: 1px solid var(--ak-border); color: var(--ak-accent-strong); }
.ak-final-category-media img { width: 100%; height: 100%; object-fit: cover; }
.ak-final-category-media b { font-size: 22px; font-style: italic; }
.ak-final-category-copy { min-width: 0; }
.ak-final-category-copy strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ak-text); font-size: 12px; }
.ak-final-category-copy small { display: block; margin-top: 5px; color: var(--ak-muted); font-size: 9px; }
.ak-final-category-card > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--ak-bg-elevated); color: var(--ak-muted); font-size: 10px; }

/* Top + activity */
.ak-final-pulse-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 14px; margin-bottom: 18px; }
.ak-final-top-card,
.ak-final-activity-card { min-height: 275px; padding: 20px; border: 1px solid var(--ak-border); border-radius: 20px; }
.ak-final-live,
.ak-final-safe { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 0 8px; color: var(--ak-muted); border: 1px solid var(--ak-border); border-radius: 999px; font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.ak-final-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--ak-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ak-success) 15%, transparent); }
.ak-final-safe i { color: var(--ak-success); }
.ak-final-top-list { margin-top: 15px; min-height: 182px; }
.ak-final-top-item { width: 100%; min-height: 180px; display: grid; grid-template-columns: minmax(160px,.9fr) minmax(0,1.1fr) 34px; align-items: center; gap: 18px; padding: 15px; color: var(--ak-text); background: var(--ak-surface-2); border: 1px solid var(--ak-border); border-radius: 16px; text-align: left; text-decoration: none; cursor: pointer; }
.ak-final-top-item[hidden] { display: none !important; }
.ak-final-top-item:hover { border-color: var(--ak-border-strong); }
.ak-final-top-art { height: 145px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; background: var(--ak-bg-elevated); border: 1px solid var(--ak-border); color: var(--ak-accent-strong); }
.ak-final-top-art img { width: 100%; height: 100%; object-fit: cover; }
.ak-final-top-art b { font-size: 52px; font-style: italic; }
.ak-final-top-copy small { display: block; color: var(--ak-accent-strong); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; }
.ak-final-top-copy strong { display: block; margin: 9px 0 10px; color: var(--ak-text); font-size: 19px; line-height: 1.2; }
.ak-final-top-copy > span { color: var(--ak-muted); font-size: 10px; }
.ak-final-top-copy > span b { color: var(--ak-text); font-size: 14px; }
.ak-final-top-item > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--ak-bg-elevated); color: var(--ak-muted); }

.ak-final-activity-list { margin-top: 13px; }
.ak-final-activity-item { min-height: 42px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 6px; margin-bottom: 6px; color: var(--ak-text); background: var(--ak-surface-2); border: 1px solid var(--ak-border); border-radius: 11px; text-decoration: none; }
.ak-final-activity-item[hidden] { display: none !important; }
.ak-final-activity-item:hover { border-color: var(--ak-border-strong); }
.ak-final-activity-icon { width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; background: var(--ak-bg-elevated); color: var(--ak-accent-strong); }
.ak-final-activity-icon img { width: 100%; height: 100%; object-fit: cover; }
.ak-final-activity-copy { min-width: 0; }
.ak-final-activity-copy strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ak-text); font-size: 10px; }
.ak-final-activity-copy small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 3px; color: var(--ak-muted); font-size: 8px; }
.ak-final-activity-sales { min-width: 44px; text-align: right; }
.ak-final-activity-sales b { display: block; color: var(--ak-accent-strong); font-size: 11px; }
.ak-final-activity-sales small { display: block; margin-top: 1px; color: var(--ak-muted); font-size: 7px; text-transform: uppercase; }

.ak-final-data-empty { min-height: 150px; display: none; place-items: center; align-content: center; gap: 10px; color: var(--ak-muted); text-align: center; font-size: 11px; }
.ak-final-data-empty.is-visible { display: grid; }
.ak-final-data-empty i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--ak-surface-2); color: var(--ak-accent-strong); }

/* Catalog */
.ak-final-catalog-toolbar { position: relative; z-index: 12; display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 10px; padding: 10px; margin: 0 0 20px; border: 1px solid var(--ak-border); border-radius: 16px; }
.ak-final-search,
.ak-final-category-trigger,
.ak-final-modal-search { min-height: 44px; display: flex; align-items: center; gap: 11px; padding: 0 13px; color: var(--ak-muted); background: var(--ak-input); border: 1px solid var(--ak-border); border-radius: 11px; }
.ak-final-search:focus-within,
.ak-final-modal-search:focus-within { border-color: rgba(120,100,255,.5); box-shadow: 0 0 0 3px var(--ak-accent-soft); }
.ak-final-search input,
.ak-final-modal-search input { flex: 1; min-width: 0; outline: 0; border: 0; background: transparent; color: var(--ak-text); font-size: 12px; }
.ak-final-search input::placeholder,
.ak-final-modal-search input::placeholder { color: var(--ak-muted); }
.ak-final-search kbd { padding: 3px 6px; border: 1px solid var(--ak-border); border-radius: 6px; color: var(--ak-muted); background: var(--ak-surface-2); font-size: 9px; }
.ak-final-category-picker { position: relative; }
.ak-final-category-trigger { width: 100%; justify-content: space-between; color: var(--ak-text); cursor: pointer; }
.ak-final-category-trigger > span { display: flex; align-items: center; gap: 9px; }
.ak-final-category-trigger > span i { color: var(--ak-accent-strong); }
.ak-final-category-trigger > i { color: var(--ak-muted); transition: transform 160ms ease; }
.ak-final-category-trigger > i.is-rotated { transform: rotate(180deg); }
.ak-final-category-menu { position: absolute; top: calc(100% + 9px); right: 0; width: min(620px, calc(100vw - 34px)); padding: 14px; border-radius: 15px; }
.ak-final-category-menu-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 3px 3px 12px; }
.ak-final-category-menu-head strong { display: block; color: var(--ak-text); font-size: 12px; }
.ak-final-category-menu-head small { display: block; margin-top: 3px; color: var(--ak-muted); font-size: 9px; }
.ak-final-category-menu-head button { display: flex; align-items: center; gap: 7px; color: var(--ak-accent-strong); background: transparent; border: 0; font-size: 9px; font-weight: 750; }
.ak-final-category-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; max-height: 340px; overflow-y: auto; }
.ak-final-category-menu-grid > button,
.ak-final-category-menu-grid > a { min-height: 60px; display: grid; grid-template-columns: 42px minmax(0,1fr); grid-template-rows: auto auto; gap: 1px 10px; align-items: center; padding: 8px; color: var(--ak-text); background: var(--ak-surface-2); border: 1px solid var(--ak-border); border-radius: 11px; text-align: left; text-decoration: none; }
.ak-final-category-menu-grid > button:hover,
.ak-final-category-menu-grid > a:hover { border-color: var(--ak-border-strong); }
.ak-final-category-menu-grid > button > span,
.ak-final-category-menu-grid > a > span { grid-row: 1/3; width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; background: var(--ak-bg-elevated); color: var(--ak-accent-strong); }
.ak-final-category-menu-grid img { width: 100%; height: 100%; object-fit: cover; }
.ak-final-category-menu-grid strong { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; }
.ak-final-category-menu-grid small { color: var(--ak-muted); font-size: 8px; }

.ak-final-catalog-head { align-items: end; margin-bottom: 14px; }
.ak-final-catalog-head p { margin: 6px 0 0; color: var(--ak-muted); font-size: 11px; }

.ak-product-grid { gap: 12px !important; }
.ak-product-grid-item { min-width: 0; }
.ak-product-card { height: 100% !important; border: 1px solid var(--ak-border) !important; border-radius: 17px !important; overflow: hidden; box-shadow: none !important; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important; }
.ak-product-card:hover { transform: translateY(-4px); border-color: var(--ak-border-strong) !important; box-shadow: var(--ak-shadow-soft) !important; }
.ak-product-media { background: var(--ak-surface-2) !important; border-color: var(--ak-border) !important; }
.ak-product-body { background: var(--ak-surface) !important; }
.ak-product-title-row h3,
.ak-product-price { color: var(--ak-text) !important; }
.ak-product-stock,
.ak-product-old-price { color: var(--ak-muted) !important; }
.ak-product-price { color: var(--ak-accent-strong) !important; }
.ak-product-open,
.ak-product-mini-arrow,
.ak-product-image-action,
.ak-product-type-pill { background: var(--ak-surface-2) !important; border-color: var(--ak-border) !important; color: var(--ak-text) !important; }
.ak-stock-dot { background: var(--ak-success) !important; }

.ak-final-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin: 20px 0 8px; border: 1px solid var(--ak-border); border-radius: 18px; overflow: hidden; }
.ak-final-benefits > div { min-height: 82px; display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-right: 1px solid var(--ak-border); }
.ak-final-benefits > div:last-child { border-right: 0; }
.ak-final-benefits > div > i { width: 35px; height: 35px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: var(--ak-accent-soft); color: var(--ak-accent-strong); }
.ak-final-benefits p { margin: 0; }
.ak-final-benefits strong { display: block; color: var(--ak-text); font-size: 11px; }
.ak-final-benefits small { display: block; margin-top: 4px; color: var(--ak-muted); font-size: 8px; }

/* Category modal */
.ak-final-category-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 18px; }
.ak-final-modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: var(--ak-overlay); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.ak-final-category-modal-panel { position: relative; width: min(1120px, 100%); max-height: min(790px, calc(100vh - 36px)); overflow: hidden; display: flex; flex-direction: column; padding: 22px; background: var(--ak-bg-elevated); border: 1px solid var(--ak-border-strong); border-radius: 22px; box-shadow: var(--ak-shadow); }
.ak-final-category-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.ak-final-category-modal-head p { margin: 7px 0 0; color: var(--ak-muted); font-size: 11px; }
.ak-final-category-modal-head > button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--ak-border); border-radius: 11px; background: var(--ak-surface); color: var(--ak-text); cursor: pointer; }
.ak-final-modal-search { margin: 17px 0 13px; flex: 0 0 auto; }
.ak-final-all-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; overflow-y: auto; padding-right: 3px; }
.ak-final-all-category-grid > button,
.ak-final-all-category-grid > a { min-height: 92px; display: grid; grid-template-columns: 68px minmax(0,1fr) 30px; align-items: center; gap: 12px; padding: 11px; color: var(--ak-text); background: var(--ak-surface); border: 1px solid var(--ak-border); border-radius: 14px; text-align: left; text-decoration: none; cursor: pointer; transition: transform 150ms ease, border-color 150ms ease; }
.ak-final-all-category-grid > button:hover,
.ak-final-all-category-grid > a:hover { transform: translateY(-2px); border-color: var(--ak-border-strong); }
.ak-final-all-category-media { width: 68px; height: 68px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; background: var(--ak-surface-2); color: var(--ak-accent-strong); }
.ak-final-all-category-media img { width: 100%; height: 100%; object-fit: cover; }
.ak-final-all-category-media b { font-size: 26px; font-style: italic; }
.ak-final-all-category-copy { min-width: 0; }
.ak-final-all-category-copy strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ak-text); font-size: 11px; }
.ak-final-all-category-copy small { display: block; margin-top: 4px; color: var(--ak-muted); font-size: 8px; }
.ak-final-all-category-copy em { display: flex; gap: 4px; margin-top: 8px; color: var(--ak-accent-strong); font-style: normal; font-size: 9px; }
.ak-final-all-category-grid > button > i,
.ak-final-all-category-grid > a > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--ak-surface-2); color: var(--ak-muted); font-size: 9px; }

/* Group modal */
.ak-modal { z-index: 90 !important; }
.ak-modal-backdrop { background: var(--ak-overlay) !important; backdrop-filter: blur(12px); }
.ak-modal-panel { background: var(--ak-bg-elevated) !important; border: 1px solid var(--ak-border-strong) !important; border-radius: 22px !important; box-shadow: var(--ak-shadow) !important; }
.ak-modal-heading { color: var(--ak-text) !important; border-color: var(--ak-border) !important; }
.ak-modal-heading span { color: var(--ak-accent-strong) !important; }
.ak-modal-close { background: var(--ak-surface) !important; border-color: var(--ak-border) !important; color: var(--ak-text) !important; }

/* Product detail — cleaner split layout */
.ak-product-page .py-6 { padding-top: 10px !important; }
.ak-product-breadcrumb { color: var(--ak-muted) !important; }
.ak-product-breadcrumb a { color: var(--ak-muted) !important; }
.ak-product-page .lg\:w-3\/5 > .bg-card,
.ak-product-page .lg\:w-2\/5 > div > .bg-card { border: 1px solid var(--ak-border) !important; border-radius: 20px !important; overflow: hidden; box-shadow: none !important; }
.ak-product-page .bg-background\/35,
.ak-product-page .bg-card { background: var(--ak-surface) !important; }
.ak-product-page .border-white\/5 { border-color: var(--ak-border) !important; }
.ak-product-page .text-t-primary { color: var(--ak-text) !important; }
.ak-product-page .text-t-primary\/50,
.ak-product-page .text-t-primary\/70,
.ak-product-page .text-t-primary\/80 { color: var(--ak-muted) !important; }
.ak-product-page .text-accent-500,
.ak-product-page .text-accent-400 { color: var(--ak-accent-strong) !important; }
.ak-product-page .splide.main { background: var(--ak-bg-elevated); }
.ak-product-page .splide.main img { padding: clamp(14px, 3vw, 34px); object-fit: contain !important; }
.ak-product-page .editor { color: var(--ak-text-soft) !important; line-height: 1.75 !important; }
.ak-product-page .editor h1,
.ak-product-page .editor h2,
.ak-product-page .editor h3,
.ak-product-page .editor h4,
.ak-product-page .editor strong { color: var(--ak-text) !important; }
.ak-product-page .editor a { color: var(--ak-accent-strong) !important; }
.ak-product-page .lg\:w-2\/5 { position: relative; }
.ak-product-page .lg\:w-2\/5 > div { position: sticky; top: 96px; }
.ak-product-page [x-data="productForm"] .bg-card { background: var(--ak-surface) !important; }
.ak-product-page [x-data="productForm"] button,
.ak-product-page [x-data="productForm"] input,
.ak-product-page [x-data="productForm"] select { border-color: var(--ak-border) !important; }
.ak-product-page [x-data="productForm"] .bg-background\/35 { background: var(--ak-surface-2) !important; }

/* Reviews */
.ak-feedbacks { margin-top: 22px !important; }
.ak-review-shell { padding: 21px !important; border: 1px solid var(--ak-border) !important; border-radius: 20px !important; box-shadow: none !important; }
.ak-feedback-heading h2,
.ak-feedback-heading strong,
.ak-review-card strong { color: var(--ak-text) !important; }
.ak-feedback-heading p,
.ak-review-card p,
.ak-review-card small { color: var(--ak-muted) !important; }
.ak-review-card { background: var(--ak-surface-2) !important; border: 1px solid var(--ak-border) !important; border-radius: 15px !important; box-shadow: none !important; }
.ak-review-card:hover { border-color: var(--ak-border-strong) !important; transform: translateY(-2px); }
.ak-review-avatar { background: var(--ak-accent-soft) !important; color: var(--ak-accent-strong) !important; }
.ak-review-verified { color: var(--ak-success) !important; }
.ak-review-rating i { color: #f6b93b !important; }
.ak-panel-action,
.ak-feedback-controls button { color: var(--ak-text) !important; background: var(--ak-surface-2) !important; border-color: var(--ak-border) !important; }
.ak-review-sortbar { background: var(--ak-surface) !important; border-color: var(--ak-border) !important; color: var(--ak-text) !important; }

/* Footer and secondary pages */
.ak-footer { color: var(--ak-text) !important; }
.ak-footer-shell { background: var(--ak-surface) !important; border: 1px solid var(--ak-border) !important; border-radius: 20px !important; }
.ak-footer a,
.ak-footer strong { color: var(--ak-text) !important; }
.ak-footer p,
.ak-footer small { color: var(--ak-muted) !important; }
.ak-footer-socials a { background: var(--ak-surface-2) !important; border-color: var(--ak-border) !important; }

/* Light theme compatibility with utility colors */
html[data-ak-theme="light"] .bg-background,
html[data-ak-theme="light"] .bg-background\/35,
html[data-ak-theme="light"] .bg-card { background-color: var(--ak-surface) !important; }
html[data-ak-theme="light"] .text-t-primary { color: var(--ak-text) !important; }
html[data-ak-theme="light"] .text-t-primary\/50,
html[data-ak-theme="light"] .text-t-primary\/60,
html[data-ak-theme="light"] .text-t-primary\/70,
html[data-ak-theme="light"] .text-t-primary\/80 { color: var(--ak-muted) !important; }
html[data-ak-theme="light"] .border-white\/5,
html[data-ak-theme="light"] .border-white\/10 { border-color: var(--ak-border) !important; }

/* Responsive */
@media (max-width: 1180px) {
  .ak-final-hero-grid { grid-template-columns: 1fr; }
  .ak-final-best-sellers { min-height: auto; }
  .ak-final-ranking-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
  .ak-final-pulse-grid { grid-template-columns: 1fr; }
  .ak-final-top-card,
  .ak-final-activity-card { min-height: auto; }
  .ak-final-all-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  #app { padding: 10px 13px 26px !important; }
  .ak-header { top: 6px; }
  .ak-final-hero { grid-template-columns: 1fr; min-height: auto; }
  .ak-final-hero-copy { padding: 38px 30px 18px; }
  .ak-final-hero-art { min-height: 260px; }
  .ak-final-stats { grid-template-columns: repeat(2,1fr); }
  .ak-final-stats > div:nth-child(2) { border-right: 0; }
  .ak-final-stats > div:nth-child(-n+2) { border-bottom: 1px solid var(--ak-border); }
  .ak-final-benefits { grid-template-columns: repeat(2,1fr); }
  .ak-final-benefits > div:nth-child(2) { border-right: 0; }
  .ak-final-benefits > div:nth-child(-n+2) { border-bottom: 1px solid var(--ak-border); }
  .ak-final-catalog-toolbar { grid-template-columns: 1fr; }
  .ak-final-category-menu { left: 0; right: auto; }
  .ak-product-page .lg\:w-2\/5 > div { position: static; }
}

@media (max-width: 680px) {
  #app { padding-inline: 9px !important; }
  .ak-navbar-main { padding-inline: 10px !important; }
  .ak-brand-copy small,
  .ak-account-text,
  .ak-language-flag { display: none !important; }
  .ak-language-trigger { width: 44px !important; padding: 0 !important; justify-content: center !important; }
  .ak-language-trigger svg { display: none !important; }
  .ak-header-actions { gap: 5px !important; }
  .ak-theme-toggle,
  .ak-icon-button,
  .ak-mobile-toggle { width: 40px !important; }
  .ak-final-hero-grid { gap: 9px; }
  .ak-final-hero { border-radius: 18px; }
  .ak-final-hero-copy { padding: 30px 20px 8px; }
  .ak-final-hero h1 { font-size: clamp(40px, 13vw, 58px); }
  .ak-final-hero-copy > p { font-size: 13px; }
  .ak-final-hero-actions { flex-direction: column; }
  .ak-final-primary,
  .ak-final-secondary { width: 100%; }
  .ak-final-trust-row { gap: 10px 14px; }
  .ak-final-hero-art { min-height: 230px; transform: scale(.88); }
  .ak-final-best-sellers { padding: 17px; border-radius: 18px; }
  .ak-final-ranking-list { grid-template-columns: 1fr; }
  .ak-final-ranking-item { grid-template-columns: 23px 40px minmax(0,1fr) auto; }
  .ak-final-ranking-copy small em { max-width: 88px; }
  .ak-final-stats { border-radius: 15px; }
  .ak-final-stats > div { justify-content: flex-start; padding: 12px; }
  .ak-final-stats > div > i { width: 31px; height: 31px; }
  .ak-final-stats strong { font-size: 15px; }
  .ak-final-category-section,
  .ak-final-top-card,
  .ak-final-activity-card { padding: 16px; border-radius: 17px; }
  .ak-final-section-head { align-items: flex-start; }
  .ak-final-section-head > button { max-width: 115px; text-align: right; }
  .ak-final-category-rail { grid-auto-columns: minmax(215px, 80vw); }
  .ak-final-top-item { grid-template-columns: 1fr 32px; }
  .ak-final-top-art { grid-column: 1/3; height: 150px; }
  .ak-final-top-copy { min-width: 0; }
  .ak-final-category-modal { padding: 8px; }
  .ak-final-category-modal-panel { max-height: calc(100vh - 16px); padding: 16px; border-radius: 18px; }
  .ak-final-all-category-grid { grid-template-columns: 1fr; }
  .ak-final-category-menu { width: calc(100vw - 26px); }
  .ak-final-category-menu-grid { grid-template-columns: 1fr; }
  .ak-final-catalog-head { align-items: flex-start; }
  .ak-final-catalog-head > button { display: none; }
  .ak-final-benefits { grid-template-columns: 1fr; }
  .ak-final-benefits > div { border-right: 0 !important; border-bottom: 1px solid var(--ak-border); }
  .ak-final-benefits > div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Final review component selectors */
.ak-feedback-section { margin-top: 22px !important; }
.ak-feedback-shell {
  padding: 21px !important;
  color: var(--ak-text) !important;
  background: var(--ak-surface) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}
.ak-feedback-heading-row { gap: 18px !important; }
.ak-feedback-title-wrap h2,
.ak-feedback-summary strong,
.ak-feedback-card strong { color: var(--ak-text) !important; }
.ak-feedback-summary,
.ak-feedback-card time,
.ak-feedback-card-bottom,
.ak-feedback-buyer small { color: var(--ak-muted) !important; }
.ak-feedback-summary-star,
.ak-feedback-stars { color: #f6b93b !important; }
.ak-feedback-card {
  background: var(--ak-surface-2) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  transition: transform 160ms ease, border-color 160ms ease !important;
}
.ak-feedback-card:hover { transform: translateY(-2px); border-color: var(--ak-border-strong) !important; }
.ak-feedback-avatar { background: var(--ak-accent-soft) !important; color: var(--ak-accent-strong) !important; }
.ak-feedback-buyer small i { color: var(--ak-success) !important; }
.ak-feedback-quote { color: var(--ak-accent-strong) !important; opacity: .45; }
.ak-feedback-message { color: var(--ak-text-soft) !important; }
.ak-feedback-card-bottom { border-color: var(--ak-border) !important; }
.ak-feedback-card-bottom b { color: var(--ak-text) !important; }
.ak-feedback-reply { background: var(--ak-bg-elevated) !important; border-color: var(--ak-border) !important; }
.ak-empty-reviews { color: var(--ak-muted) !important; background: var(--ak-surface-2) !important; border-color: var(--ak-border) !important; }
.ak-empty-reviews strong { color: var(--ak-text) !important; }
.ak-feedback-actions button,
.ak-feedback-actions .ak-panel-action { background: var(--ak-surface-2) !important; border: 1px solid var(--ak-border) !important; color: var(--ak-text) !important; }

/* Product form refinement */
.ak-product-page form > .bg-card { padding: 18px !important; }
.ak-product-page form label { color: var(--ak-muted) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; }
.ak-product-page form .flex.flex-col.gap-2 > button {
  min-height: 58px;
  padding: 10px 12px !important;
  background: var(--ak-surface-2) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 11px !important;
  color: var(--ak-text) !important;
  opacity: 1 !important;
}
.ak-product-page form .flex.flex-col.gap-2 > button:hover:not(:disabled) { border-color: var(--ak-border-strong) !important; background: var(--ak-surface-3) !important; }
.ak-product-page form .flex.flex-col.gap-2 > button[class*="!border-accent"] { border-color: var(--ak-accent) !important; background: var(--ak-accent-soft) !important; box-shadow: 0 0 0 2px rgba(120,100,255,.08); }
.ak-product-page form .flex.flex-col.gap-2 > button:disabled { opacity: .48 !important; cursor: not-allowed; }
.ak-product-page form .flex.flex-col.gap-2 > button p { color: var(--ak-text) !important; }
.ak-product-page form .flex.flex-col.gap-2 > button p.text-t-primary\/50,
.ak-product-page form .flex.flex-col.gap-2 > button p.text-t-primary\/75 { color: var(--ak-muted) !important; }
.ak-product-page form .flex.flex-col.gap-2 > button > div:last-child { background: var(--ak-bg-elevated) !important; color: var(--ak-text) !important; border: 1px solid var(--ak-border); }
.ak-product-page form select,
.ak-product-page form input[type="number"] { background: var(--ak-input) !important; color: var(--ak-text) !important; border: 1px solid var(--ak-border) !important; }
.ak-product-page form button.bg-white\/5,
.ak-product-page form button.bg-accent-500 { background: var(--ak-surface-2) !important; color: var(--ak-text) !important; }
.ak-product-page form button.bg-white\/5:hover { background: var(--ak-surface-3) !important; }
.ak-product-page form button.bg-accent-500,
.ak-product-page form button[class*="border-accent-500"][class*="text-t-accent"] { background: var(--ak-accent) !important; border-color: var(--ak-accent) !important; color: #fff !important; }
.ak-product-page form .border-b,
.ak-product-page form .border-t { border-color: var(--ak-border) !important; }
.ak-product-page form .bg-white\/\[0\.025\],
.ak-product-page form .bg-white\/5 { background: var(--ak-surface-2) !important; }

/* Generic forms, cart and account pages in both themes */
.ak-theme-body input,
.ak-theme-body textarea,
.ak-theme-body select { color: var(--ak-text); }
.ak-theme-body input::placeholder,
.ak-theme-body textarea::placeholder { color: var(--ak-muted); }
.ak-theme-body .choices__inner { background: var(--ak-input) !important; border-color: var(--ak-border) !important; color: var(--ak-text) !important; }
.ak-theme-body .choices__item { color: var(--ak-text) !important; }
.ak-theme-body .choices__item--choice.is-highlighted { background: var(--ak-surface-2) !important; }

@media (max-width: 680px) {
  .ak-feedback-shell { padding: 16px !important; border-radius: 17px !important; }
  .ak-feedback-heading-row { align-items: flex-start !important; }
  .ak-feedback-actions .ak-panel-action { display: none !important; }
}

/* Live product-page sale notification */
[x-data="salesNotifications"] .fixed > div {
  background: var(--ak-surface) !important;
  color: var(--ak-text) !important;
  border: 1px solid var(--ak-border-strong) !important;
  border-radius: 14px !important;
  box-shadow: var(--ak-shadow) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
[x-data="salesNotifications"] p { color: var(--ak-muted) !important; }
[x-data="salesNotifications"] p.text-t-primary { color: var(--ak-text) !important; }

/* ========================================================================
   AKREI APEX — FINAL POLISH LAYER
   True-black / clean-white themes, accessible contrast and a refined
   purchase flow. This layer intentionally wins over legacy theme rules.
   ======================================================================== */

:root,
html[data-ak-theme="dark"] {
  --ak-bg: #050506;
  --ak-bg-elevated: #090a0d;
  --ak-surface: #0d0e12;
  --ak-surface-2: #12141a;
  --ak-surface-3: #181b23;
  --ak-text: #f7f7f8;
  --ak-text-soft: #d6d7dc;
  --ak-muted: #92959f;
  --ak-muted-2: #70737d;
  --ak-border: rgba(255,255,255,.085);
  --ak-border-strong: rgba(255,255,255,.15);
  --ak-border-soft: rgba(255,255,255,.055);
  --ak-accent: #7462ff;
  --ak-accent-strong: #9b8dff;
  --ak-accent-soft: rgba(116,98,255,.14);
  --ak-accent-softer: rgba(116,98,255,.075);
  --ak-success: #39d98a;
  --ak-warning: #f3b93f;
  --ak-danger: #ff667c;
  --ak-input: #0a0b0e;
  --ak-overlay: rgba(0,0,0,.78);
  --ak-shadow: 0 28px 90px rgba(0,0,0,.48);
  --ak-shadow-soft: 0 18px 48px rgba(0,0,0,.26);
  --ak-card-highlight: inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-ak-theme="light"] {
  --ak-bg: #f4f5f7;
  --ak-bg-elevated: #ffffff;
  --ak-surface: #ffffff;
  --ak-surface-2: #f7f8fa;
  --ak-surface-3: #eef0f4;
  --ak-text: #15161a;
  --ak-text-soft: #363942;
  --ak-muted: #6c707b;
  --ak-muted-2: #8a8e98;
  --ak-border: rgba(18,20,26,.095);
  --ak-border-strong: rgba(18,20,26,.17);
  --ak-border-soft: rgba(18,20,26,.06);
  --ak-accent: #6049ed;
  --ak-accent-strong: #4933d4;
  --ak-accent-soft: rgba(96,73,237,.105);
  --ak-accent-softer: rgba(96,73,237,.055);
  --ak-success: #12865b;
  --ak-warning: #b97700;
  --ak-danger: #cf3150;
  --ak-input: #f8f9fb;
  --ak-overlay: rgba(14,16,22,.46);
  --ak-shadow: 0 28px 80px rgba(24,27,35,.13);
  --ak-shadow-soft: 0 14px 38px rgba(24,27,35,.08);
  --ak-card-highlight: inset 0 1px 0 rgba(255,255,255,.8);
}

html,
body,
body.ak-theme-body {
  background: var(--ak-bg) !important;
  color: var(--ak-text) !important;
}

body::before {
  background:
    radial-gradient(circle at 14% -8%, rgba(116,98,255,.085), transparent 31rem),
    radial-gradient(circle at 90% 8%, rgba(116,98,255,.045), transparent 28rem),
    var(--ak-bg) !important;
  opacity: 1 !important;
}

html[data-ak-theme="light"] body::before {
  background:
    radial-gradient(circle at 12% -8%, rgba(96,73,237,.065), transparent 31rem),
    radial-gradient(circle at 94% 6%, rgba(96,73,237,.035), transparent 28rem),
    var(--ak-bg) !important;
}

body::after { opacity: .42 !important; }
html[data-ak-theme="light"] body::after { opacity: .12 !important; }

/* Utility compatibility across SellAuth templates */
.ak-theme-body .text-t-primary { color: var(--ak-text) !important; }
.ak-theme-body .text-t-primary\/20,
.ak-theme-body .text-t-primary\/25,
.ak-theme-body .text-t-primary\/30,
.ak-theme-body .text-t-primary\/35,
.ak-theme-body .text-t-primary\/40,
.ak-theme-body .text-t-primary\/50,
.ak-theme-body .text-t-primary\/60,
.ak-theme-body .text-t-primary\/70,
.ak-theme-body .text-t-primary\/75,
.ak-theme-body .text-t-primary\/80 { color: var(--ak-muted) !important; }
.ak-theme-body .text-accent-400,
.ak-theme-body .text-accent-500 { color: var(--ak-accent-strong) !important; }
.ak-theme-body .bg-card { background-color: var(--ak-surface) !important; }
.ak-theme-body .bg-background,
.ak-theme-body .bg-background\/35 { background-color: var(--ak-bg-elevated) !important; }
.ak-theme-body .bg-white\/5,
.ak-theme-body .bg-white\/\[0\.025\] { background-color: var(--ak-surface-2) !important; }
.ak-theme-body .border-white\/5,
.ak-theme-body .border-white\/10,
.ak-theme-body .border-y-white\/5 { border-color: var(--ak-border) !important; }

/* Header / theme switch */
.ak-navbar {
  background: color-mix(in srgb, var(--ak-bg-elevated) 94%, transparent) !important;
  border-color: var(--ak-border) !important;
  box-shadow: 0 12px 42px rgba(0,0,0,.14), var(--ak-card-highlight) !important;
}
html[data-ak-theme="light"] .ak-navbar { box-shadow: 0 12px 34px rgba(28,31,40,.08), var(--ak-card-highlight) !important; }
.ak-brand-copy strong,
.ak-nav-link,
.ak-language-trigger,
.ak-account-button,
.ak-icon-button,
.ak-mobile-toggle,
.ak-theme-toggle { color: var(--ak-text) !important; }
.ak-nav-link:hover,
.ak-nav-link.is-active,
.ak-language-trigger:hover,
.ak-account-button:hover,
.ak-icon-button:hover,
.ak-mobile-toggle:hover,
.ak-theme-toggle:hover { background: var(--ak-surface-2) !important; }
.ak-account-button { border-color: var(--ak-border) !important; }
.ak-theme-toggle {
  width: 46px !important;
  border-radius: 999px !important;
  background: var(--ak-surface-2) !important;
}
.ak-theme-toggle::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 999px;
  border: 1px solid var(--ak-border-soft);
  pointer-events: none;
}
.ak-theme-toggle-sun { color: #a66d00; }
.ak-theme-toggle-moon { color: #c8c4ff; }
.ak-language-menu,
.choices__list--dropdown,
.choices__list[aria-expanded] { background: var(--ak-bg-elevated) !important; color: var(--ak-text) !important; }

/* Footer — no grey wash in white mode */
.ak-footer {
  margin-top: 52px !important;
  color: var(--ak-text) !important;
  background: var(--ak-surface) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--ak-shadow-soft), var(--ak-card-highlight) !important;
  backdrop-filter: none !important;
}
.ak-footer-main { background: transparent !important; }
.ak-footer-brand-column > p,
.ak-footer-status,
.ak-footer-column > a:not(.ak-discord-button),
.ak-footer-social-column > p,
.ak-footer-bottom { color: var(--ak-muted) !important; }
.ak-footer-column h3,
.ak-footer-column > a:hover,
.ak-footer .ak-brand-copy strong { color: var(--ak-text) !important; }
.ak-footer-bottom {
  background: var(--ak-surface-2) !important;
  border-color: var(--ak-border) !important;
}
.ak-discord-button,
.ak-socials a {
  color: var(--ak-text) !important;
  background: var(--ak-surface-2) !important;
  border-color: var(--ak-border) !important;
  box-shadow: none !important;
}
.ak-discord-button:hover,
.ak-socials a:hover { background: var(--ak-accent-soft) !important; border-color: color-mix(in srgb, var(--ak-accent) 34%, transparent) !important; }

/* Reviews — clean cards in both themes */
.ak-feedback-section { margin-top: 24px !important; }
.ak-feedback-shell {
  padding: 24px !important;
  overflow: hidden !important;
  color: var(--ak-text) !important;
  background: var(--ak-surface) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--ak-shadow-soft), var(--ak-card-highlight) !important;
  backdrop-filter: none !important;
}
.ak-feedback-shell::before { opacity: .35 !important; }
.ak-feedback-title-wrap h2,
.ak-feedback-summary strong { color: var(--ak-text) !important; }
.ak-feedback-summary { color: var(--ak-muted) !important; }
.ak-feedback-actions > button,
.ak-feedback-actions .ak-panel-action {
  color: var(--ak-text) !important;
  background: var(--ak-surface-2) !important;
  border-color: var(--ak-border) !important;
}
.ak-review-track.is-carousel { grid-auto-columns: minmax(300px, 1fr) !important; gap: 12px !important; }
.ak-review-track.is-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; }
.ak-feedback-card {
  min-height: 224px !important;
  padding: 17px !important;
  color: var(--ak-text) !important;
  background:
    radial-gradient(circle at 8% 0%, var(--ak-accent-softer), transparent 42%),
    var(--ak-surface-2) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 17px !important;
  box-shadow: none !important;
}
.ak-feedback-card:hover { border-color: var(--ak-border-strong) !important; box-shadow: 0 14px 34px rgba(0,0,0,.10) !important; }
.ak-feedback-card > div {
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.ak-feedback-card:hover > div { transform: none !important; box-shadow: none !important; }
.ak-feedback-card-top { min-height: 40px; align-items: center !important; }
.ak-feedback-avatar {
  width: 38px !important;
  height: 38px !important;
  color: var(--ak-accent-strong) !important;
  background: var(--ak-accent-soft) !important;
  border-color: color-mix(in srgb, var(--ak-accent) 25%, transparent) !important;
}
.ak-feedback-identity strong,
.ak-feedback-buyer strong { color: var(--ak-text) !important; font-size: 11px !important; }
.ak-feedback-identity small,
.ak-feedback-buyer small { color: var(--ak-muted) !important; }
.ak-feedback-buyer small i { color: var(--ak-success) !important; }
.ak-feedback-quote { color: var(--ak-accent-strong) !important; opacity: .23 !important; }
.ak-feedback-stars { margin-top: 17px !important; color: var(--ak-warning) !important; font-size: 11px !important; }
.ak-feedback-message {
  min-height: 68px !important;
  margin-top: 12px !important;
  color: var(--ak-text-soft) !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}
.ak-feedback-card-bottom {
  margin-top: auto !important;
  padding-top: 13px !important;
  border-color: var(--ak-border) !important;
  color: var(--ak-muted) !important;
  background: transparent !important;
}
.ak-feedback-product,
.ak-feedback-card-bottom time { color: var(--ak-muted) !important; }
.ak-feedback-product b { color: var(--ak-text-soft) !important; }
.ak-feedback-reply { background: var(--ak-surface) !important; border-color: var(--ak-border) !important; }
.ak-review-sortbar {
  margin: 16px 0 4px !important;
  padding: 10px 12px !important;
  color: var(--ak-muted) !important;
  background: var(--ak-surface-2) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 13px !important;
}
.ak-review-sortbar .choices { margin: 0 !important; }
.ak-review-sortbar .choices__inner { min-height: 40px !important; background: var(--ak-surface) !important; border-color: var(--ak-border) !important; color: var(--ak-text) !important; }

/* FAQ — semantic, high-contrast accordion */
.ak-faq-wrap { padding: 32px 0 18px; }
.ak-faq-heading { margin-bottom: 26px !important; }
.ak-faq-heading h1 { color: var(--ak-text) !important; }
.ak-faq-heading p { color: var(--ak-muted) !important; }
.ak-faq-section-title {
  max-width: 880px;
  margin: 0 auto 14px;
  color: var(--ak-text);
  font-size: 20px;
  font-weight: 780;
}
.ak-faq-content { width: min(100%, 900px); margin-inline: auto; }
.ak-faq-list { display: grid; gap: 11px; }
.ak-faq-item {
  overflow: hidden;
  color: var(--ak-text);
  background: var(--ak-surface);
  border: 1px solid var(--ak-border);
  border-radius: 16px;
  box-shadow: var(--ak-card-highlight);
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.ak-faq-item:hover,
.ak-faq-item.is-open { border-color: var(--ak-border-strong); }
.ak-faq-item.is-open { box-shadow: var(--ak-shadow-soft), var(--ak-card-highlight); }
.ak-faq-question {
  width: 100%;
  min-height: 72px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 38px;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  color: var(--ak-text);
  background: transparent;
  text-align: left;
}
.ak-faq-index {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--ak-accent-strong);
  background: var(--ak-accent-soft);
  font-size: 10px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.ak-faq-question-copy { font-size: 14px; font-weight: 720; line-height: 1.35; }
.ak-faq-chevron {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ak-border);
  border-radius: 10px;
  color: var(--ak-muted);
  background: var(--ak-surface-2);
  transition: transform .18s ease, color .18s ease, background .18s ease;
}
.ak-faq-item.is-open .ak-faq-chevron { transform: rotate(180deg); color: var(--ak-accent-strong); background: var(--ak-accent-soft); }
.ak-faq-answer-wrap { max-height: 0; overflow: hidden; transition: max-height .24s ease; }
.ak-faq-answer {
  margin: 0 16px 16px 68px;
  padding: 16px 18px;
  color: var(--ak-text-soft);
  background: var(--ak-surface-2);
  border: 1px solid var(--ak-border-soft);
  border-radius: 13px;
  font-size: 13px;
  line-height: 1.75;
}

/* Product page / purchase flow */
.ak-product-page-wrap { padding: 8px 0 26px; }
.ak-product-breadcrumb { margin: 2px 2px 14px !important; color: var(--ak-muted) !important; }
.ak-product-breadcrumb i { font-size: 8px; }
.ak-product-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(390px, .92fr);
  align-items: start;
  gap: 18px;
}
.ak-product-story,
.ak-purchase-panel {
  color: var(--ak-text);
  background: var(--ak-surface);
  border: 1px solid var(--ak-border);
  border-radius: 22px;
  box-shadow: var(--ak-shadow-soft), var(--ak-card-highlight);
}
.ak-product-story { overflow: hidden; }
.ak-product-story-head {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-bottom: 1px solid var(--ak-border);
  background: var(--ak-surface);
}
.ak-product-kicker,
.ak-purchase-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--ak-accent-strong);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ak-product-story-head h1 {
  margin: 0;
  color: var(--ak-text);
  font-size: clamp(19px, 2vw, 27px);
  font-weight: 800;
  letter-spacing: -.035em;
}
.ak-product-status {
  flex: none;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  color: var(--status-color, var(--ak-success));
  background: color-mix(in srgb, var(--status-color, var(--ak-success)) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--status-color, var(--ak-success)) 25%, transparent);
  border-radius: 999px;
  font-size: 10px;
}
.ak-product-status > span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 12%, transparent); }
.ak-product-gallery { padding: 22px; background: var(--ak-bg-elevated); border-bottom: 1px solid var(--ak-border); }
.ak-product-gallery .splide__track { border-radius: 16px; }
.ak-product-image-frame {
  min-height: 350px;
  aspect-ratio: 16/8.7;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(16px, 3vw, 34px);
  background:
    radial-gradient(circle at 50% 35%, var(--ak-accent-soft), transparent 58%),
    var(--ak-surface-2);
  border: 1px solid var(--ak-border);
  border-radius: 17px;
}
.ak-product-image-frame img { width: 100%; height: 100%; max-height: 430px; object-fit: contain; border-radius: 12px; }
.ak-product-content { padding: 22px; }
.ak-product-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.ak-product-tabs button {
  min-height: 36px;
  padding: 0 12px;
  color: var(--ak-muted);
  background: var(--ak-surface-2);
  border: 1px solid var(--ak-border);
  border-radius: 10px;
  font-size: 10px;
  font-weight: 720;
}
.ak-product-tabs button:hover,
.ak-product-tabs button.is-active { color: var(--ak-text); border-color: color-mix(in srgb, var(--ak-accent) 35%, transparent); background: var(--ak-accent-soft); }
.ak-product-description .editor { color: var(--ak-text-soft) !important; font-size: 12px; line-height: 1.8 !important; }
.ak-product-description .editor strong,
.ak-product-description .editor h1,
.ak-product-description .editor h2,
.ak-product-description .editor h3,
.ak-product-description .editor h4 { color: var(--ak-text) !important; }
.ak-product-description .editor blockquote,
.ak-product-description .editor > div { border-color: var(--ak-accent) !important; }

.ak-purchase-column { min-width: 0; }
.ak-purchase-panel { position: sticky; top: 98px; overflow: hidden; }
.ak-purchase-summary {
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  background:
    linear-gradient(120deg, var(--ak-accent-softer), transparent 60%),
    var(--ak-surface);
  border-bottom: 1px solid var(--ak-border);
}
.ak-purchase-price { color: var(--ak-accent-strong); font-size: clamp(27px, 3vw, 36px); font-weight: 850; letter-spacing: -.045em; }
.ak-stock-pill {
  flex: none;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  color: var(--ak-success);
  background: color-mix(in srgb, var(--ak-success) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--ak-success) 25%, transparent);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 760;
}
.ak-stock-pill > span { display: inline-flex; align-items: center; gap: 6px; }
.ak-stock-pill.is-out { color: var(--ak-danger); background: color-mix(in srgb, var(--ak-danger) 9%, transparent); border-color: color-mix(in srgb, var(--ak-danger) 24%, transparent); }
.ak-product-badges-row { display: flex; flex-wrap: wrap; gap: 7px; padding: 13px 18px; border-bottom: 1px solid var(--ak-border); }
.ak-product-badges-row > span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; color: var(--badge-color, var(--ak-accent-strong)); background: color-mix(in srgb, var(--badge-color, var(--ak-accent)) 10%, transparent); border: 1px solid color-mix(in srgb, var(--badge-color, var(--ak-accent)) 22%, transparent); border-radius: 9px; font-size: 9px; font-weight: 750; }

.ak-purchase-form { color: var(--ak-text); }
.ak-purchase-body { padding: 18px; }
.ak-purchase-section + .ak-purchase-section { margin-top: 17px; padding-top: 17px; border-top: 1px solid var(--ak-border); }
.ak-purchase-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.ak-purchase-section-head label { margin: 0 !important; color: var(--ak-text) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .09em; text-transform: uppercase; }
.ak-purchase-section-head small { color: var(--ak-muted); font-size: 8px; font-variant-numeric: tabular-nums; }
.ak-variant-list {
  max-height: min(515px, 54vh);
  display: grid;
  gap: 7px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--ak-accent) 45%, transparent) transparent;
}
.ak-variant-option {
  width: 100%;
  min-height: 69px;
  display: grid !important;
  grid-template-columns: 20px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px !important;
  padding: 11px 12px !important;
  color: var(--ak-text) !important;
  background: var(--ak-surface-2) !important;
  border: 1px solid var(--ak-border) !important;
  border-radius: 13px !important;
  text-align: left;
  opacity: 1 !important;
  box-shadow: none !important;
}
.ak-variant-option:hover:not(:disabled) { background: var(--ak-surface-3) !important; border-color: var(--ak-border-strong) !important; transform: translateY(-1px); }
.ak-variant-option.is-selected { background: var(--ak-accent-soft) !important; border-color: color-mix(in srgb, var(--ak-accent) 72%, transparent) !important; box-shadow: 0 0 0 2px var(--ak-accent-softer) !important; }
.ak-variant-option:disabled { opacity: .48 !important; cursor: not-allowed; filter: grayscale(.35); }
.ak-variant-radio { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid var(--ak-border-strong); border-radius: 50%; background: var(--ak-surface); }
.ak-variant-radio i { width: 8px; height: 8px; border-radius: 50%; background: transparent; transform: scale(.45); transition: transform .16s ease, background .16s ease; }
.ak-variant-option.is-selected .ak-variant-radio { border-color: var(--ak-accent); }
.ak-variant-option.is-selected .ak-variant-radio i { background: var(--ak-accent); transform: scale(1); }
.ak-variant-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.ak-variant-copy strong { width: 100%; overflow: hidden; color: var(--ak-text); font-size: 11px; font-weight: 740; text-overflow: ellipsis; white-space: nowrap; }
.ak-variant-copy small { max-width: 100%; overflow: hidden; color: var(--ak-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ak-variant-copy em { color: var(--ak-muted-2); font-size: 8px; font-style: normal; }
.ak-variant-option:not(:disabled) .ak-variant-copy em { color: var(--ak-success); }
.ak-variant-price { min-width: 70px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; padding: 7px 8px; background: var(--ak-surface); border: 1px solid var(--ak-border); border-radius: 9px; }
.ak-variant-price b { color: var(--ak-text); font-size: 10px; }
.ak-variant-price del { color: var(--ak-muted-2); font-size: 7px; }
.ak-variant-select { width: 100%; min-height: 46px; padding: 0 13px; color: var(--ak-text); background: var(--ak-input); border: 1px solid var(--ak-border); border-radius: 12px; }
.ak-quantity-control { height: 48px; display: grid; grid-template-columns: 46px minmax(0,1fr) 46px; overflow: hidden; border: 1px solid var(--ak-border); border-radius: 13px; background: var(--ak-input); }
.ak-quantity-control button { display: grid; place-items: center; color: var(--ak-text); background: var(--ak-surface-2); }
.ak-quantity-control button:first-child { border-right: 1px solid var(--ak-border); }
.ak-quantity-control button:last-child { border-left: 1px solid var(--ak-border); }
.ak-quantity-control button:hover:not(:disabled) { color: #fff; background: var(--ak-accent); }
.ak-quantity-control button:disabled { opacity: .35; cursor: not-allowed; }
.ak-quantity-control input { width: 100%; border: 0 !important; outline: 0; color: var(--ak-text) !important; background: transparent !important; text-align: center; font-size: 13px; font-weight: 750; }
.ak-volume-discount { display: flex; align-items: center; gap: 8px; margin-top: 9px; padding: 9px 10px; color: var(--ak-accent-strong); background: var(--ak-accent-soft); border: 1px solid color-mix(in srgb, var(--ak-accent) 20%, transparent); border-radius: 10px; font-size: 9px; }
.ak-form-error { display: block; margin-top: 7px; color: var(--ak-danger); font-size: 9px; }
.ak-addon-list { display: grid; gap: 8px; }
.ak-addon-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; background: var(--ak-surface-2); border: 1px solid var(--ak-border); border-radius: 13px; }
.ak-addon-copy { min-width: 0; display: flex; align-items: center; gap: 9px; }
.ak-addon-copy img { width: 42px; height: 42px; flex: none; object-fit: cover; border-radius: 10px; }
.ak-addon-copy > div { min-width: 0; }
.ak-addon-copy strong { display: block; overflow: hidden; color: var(--ak-text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ak-addon-copy small { display: block; margin-top: 4px; color: var(--ak-muted); font-size: 8px; }
.ak-addon-action { flex: none; display: flex; align-items: center; gap: 7px; }
.ak-addon-action > b { color: var(--ak-text); font-size: 10px; }
.ak-addon-action button { min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; color: #fff; background: var(--ak-accent); border: 1px solid var(--ak-accent); border-radius: 9px; font-size: 8px; font-weight: 740; }
.ak-addon-action button.is-remove { color: var(--ak-danger); background: transparent; border-color: color-mix(in srgb, var(--ak-danger) 35%, transparent); }
.ak-purchase-error { display: flex; align-items: center; gap: 9px; margin-top: 13px; padding: 11px 12px; color: var(--ak-danger); background: color-mix(in srgb, var(--ak-danger) 9%, transparent); border: 1px solid color-mix(in srgb, var(--ak-danger) 24%, transparent); border-radius: 11px; font-size: 10px; }
.ak-purchase-actions { display: grid; grid-template-columns: 1.12fr .88fr; gap: 9px; margin-top: 17px; }
.ak-add-cart-button,
.ak-buy-now-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 14px; border-radius: 12px; font-size: 11px; font-weight: 780; }
.ak-add-cart-button { color: #fff; background: linear-gradient(135deg, var(--ak-accent), var(--ak-accent-strong)); border: 1px solid transparent; box-shadow: 0 12px 26px color-mix(in srgb, var(--ak-accent) 22%, transparent); }
.ak-add-cart-button > span { display: inline-flex; align-items: center; gap: 9px; }
.ak-buy-now-button { color: var(--ak-accent-strong); background: transparent; border: 1px solid color-mix(in srgb, var(--ak-accent) 55%, transparent); }
.ak-add-cart-button:hover:not(:disabled),
.ak-buy-now-button:hover:not(:disabled) { transform: translateY(-2px); }
.ak-buy-now-button:hover:not(:disabled) { background: var(--ak-accent-soft); }
.ak-add-cart-button:disabled,
.ak-buy-now-button:disabled { opacity: .45; cursor: not-allowed; }
.ak-purchase-assurance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 12px; }
.ak-purchase-assurance > span { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px; color: var(--ak-muted); background: var(--ak-surface-2); border: 1px solid var(--ak-border-soft); border-radius: 10px; text-align: center; }
.ak-purchase-assurance i { color: var(--ak-accent-strong); font-size: 9px; }
.ak-purchase-assurance b { font-size: 7px; font-weight: 700; }
.ak-product-live-stats { display: grid; gap: 7px; padding: 13px 18px 17px; border-top: 1px solid var(--ak-border); }
.ak-product-live-stats > div { display: flex; align-items: center; gap: 8px; color: var(--ak-muted); font-size: 9px; }
.ak-product-live-stats i { width: 26px; height: 26px; flex: none; display: grid; place-items: center; color: var(--ak-accent-strong); background: var(--ak-accent-soft); border-radius: 8px; }
.ak-product-live-stats strong { color: var(--ak-text); }
.ak-product-upsells { margin-top: 28px; }
.ak-product-upsell-head > span { color: var(--ak-accent-strong); font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.ak-product-upsell-head h2 { margin-top: 6px; color: var(--ak-text); font-size: 22px; font-weight: 800; }
.ak-product-upsell-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.ak-sale-toast { min-width: min(390px, calc(100vw - 32px)); display: grid; grid-template-columns: 60px minmax(0,1fr); align-items: center; gap: 11px; padding: 8px; color: var(--ak-text); background: color-mix(in srgb, var(--ak-surface) 92%, transparent); border: 1px solid var(--ak-border-strong); border-radius: 15px; box-shadow: var(--ak-shadow); backdrop-filter: blur(18px); }
.ak-sale-toast img { width: 60px; height: 60px; object-fit: cover; border-radius: 11px; }
.ak-sale-toast p,
.ak-sale-toast small { color: var(--ak-muted); font-size: 9px; }
.ak-sale-toast strong { display: block; margin: 3px 0; overflow: hidden; color: var(--ak-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

/* Choices and generic controls */
.ak-theme-body input,
.ak-theme-body textarea,
.ak-theme-body select,
.ak-theme-body .choices__inner { color: var(--ak-text) !important; background: var(--ak-input) !important; border-color: var(--ak-border) !important; }
.ak-theme-body input::placeholder,
.ak-theme-body textarea::placeholder { color: var(--ak-muted-2) !important; }
.ak-theme-body .choices__item { color: var(--ak-text) !important; }
.ak-theme-body .choices__item--choice.is-highlighted { background: var(--ak-surface-2) !important; }

/* Responsive */
@media (max-width: 1180px) {
  .ak-product-detail-layout { grid-template-columns: minmax(0,1.3fr) minmax(360px,.9fr); }
  .ak-product-upsell-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ak-review-track.is-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 980px) {
  .ak-product-detail-layout { grid-template-columns: 1fr; }
  .ak-purchase-panel { position: static; }
  .ak-variant-list { max-height: 470px; }
  .ak-product-image-frame { min-height: 300px; }
  .ak-product-upsell-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .ak-footer-main { grid-template-columns: 1fr 1fr !important; gap: 24px !important; padding: 24px 20px !important; }
  .ak-footer-brand-column,
  .ak-footer-social-column { grid-column: 1/-1; }
  .ak-feedback-shell { padding: 18px !important; }
  .ak-review-track.is-carousel { grid-auto-columns: minmax(278px, 88vw) !important; }
  .ak-review-track.is-grid { grid-template-columns: 1fr !important; }
  .ak-feedback-heading-row { align-items: flex-start !important; }
  .ak-faq-question { grid-template-columns: 32px minmax(0,1fr) 32px; gap: 10px; padding: 12px; }
  .ak-faq-index,
  .ak-faq-chevron { width: 30px; height: 30px; }
  .ak-faq-question-copy { font-size: 12px; }
  .ak-faq-answer { margin: 0 12px 12px 54px; padding: 14px; font-size: 11px; }
  .ak-product-story-head { align-items: flex-start; flex-direction: column; padding: 18px; }
  .ak-product-gallery,
  .ak-product-content { padding: 14px; }
  .ak-product-image-frame { min-height: 230px; padding: 12px; }
  .ak-purchase-summary { min-height: 92px; padding: 17px; }
  .ak-purchase-body { padding: 15px; }
  .ak-purchase-actions { grid-template-columns: 1fr; }
  .ak-purchase-assurance { grid-template-columns: 1fr; }
  .ak-purchase-assurance > span { min-height: 38px; }
  .ak-product-upsell-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .ak-footer-main { grid-template-columns: 1fr !important; }
  .ak-footer-column,
  .ak-footer-brand-column,
  .ak-footer-social-column { grid-column: 1 !important; }
  .ak-footer-bottom { padding: 14px 20px !important; }
  .ak-feedback-actions > button { display: none !important; }
  .ak-review-track.is-carousel { grid-auto-columns: 88vw !important; }
  .ak-faq-answer { margin-left: 12px; }
  .ak-purchase-summary { align-items: flex-start; flex-direction: column; }
  .ak-stock-pill { align-self: flex-start; }
  .ak-variant-option { grid-template-columns: 18px minmax(0,1fr); }
  .ak-variant-price { grid-column: 2; width: 100%; min-width: 0; flex-direction: row; justify-content: space-between; align-items: center; }
  .ak-addon-card { align-items: flex-start; flex-direction: column; }
  .ak-addon-action { width: 100%; justify-content: space-between; }
}

/* Remaining light-mode harmonization */
.ak-announcement-inner {
  color: var(--ak-text) !important;
  background: var(--ak-surface) !important;
  border-color: var(--ak-border) !important;
  box-shadow: var(--ak-card-highlight) !important;
}
.ak-announcement-label { color: var(--ak-muted) !important; background: var(--ak-surface-2) !important; border-color: var(--ak-border) !important; }
.ak-page-heading h1,
.ak-page-heading h2 { color: var(--ak-text) !important; }
.ak-page-heading p { color: var(--ak-muted) !important; }
.ak-page-heading > span,
.ak-section-kicker { color: var(--ak-accent-strong) !important; }
.ak-blog-card,
.ak-blog-post-page .max-w-3xl > div,
.ak-terms-page .max-w-3xl > div,
.ak-status-card,
.ak-cart-page .lg\:w-1\/4 > div,
.ak-cart-page .lg\:w-3\/4 .bg-card {
  color: var(--ak-text) !important;
  background: var(--ak-surface) !important;
  border-color: var(--ak-border) !important;
  box-shadow: var(--ak-card-highlight) !important;
}
.ak-blog-post-page .editor,
.ak-terms-page .editor { color: var(--ak-text-soft) !important; }
.ak-blog-post-page .editor h1,
.ak-blog-post-page .editor h2,
.ak-blog-post-page .editor h3,
.ak-terms-page .editor h1,
.ak-terms-page .editor h2,
.ak-terms-page .editor h3 { color: var(--ak-text) !important; }
[role="dialog"] > div > .bg-background,
[role="dialog"] .bg-background {
  color: var(--ak-text) !important;
  background: var(--ak-bg-elevated) !important;
  border-color: var(--ak-border-strong) !important;
}

/* Small controls and editor safeguards */
.ak-mobile-menu {
  color: var(--ak-text) !important;
  background: var(--ak-bg-elevated) !important;
  border-color: var(--ak-border) !important;
  box-shadow: var(--ak-shadow-soft) !important;
}
.ak-mobile-menu a { color: var(--ak-muted) !important; }
.ak-mobile-menu a:hover,
.ak-mobile-menu a.is-active { color: var(--ak-text) !important; background: var(--ak-surface-2) !important; }
.ak-currency-selector .choices__inner,
.currency-selector select { color: var(--ak-text) !important; background: var(--ak-surface) !important; border-color: var(--ak-border) !important; }
.splide__arrow { color: var(--ak-text) !important; background: color-mix(in srgb, var(--ak-surface) 90%, transparent) !important; border: 1px solid var(--ak-border) !important; }
.splide__pagination__page { background: var(--ak-muted-2) !important; }
.splide__pagination__page.is-active { background: var(--ak-accent) !important; }
html[data-ak-theme="light"] .editor [style*="color"] { color: var(--ak-text-soft) !important; }
html[data-ak-theme="light"] .editor a { color: var(--ak-accent-strong) !important; }
.ak-pagination a,
.pagination a { color: var(--ak-text) !important; background: var(--ak-surface) !important; border-color: var(--ak-border) !important; }

/* AKREI Weekly Picks — intentionally calm, no fake urgency */
.ak-weekly-picks {
  margin: 18px 0 20px;
  padding: 22px;
  border: 1px solid var(--ak-border);
  border-radius: 24px;
  background: var(--ak-surface);
  box-shadow: var(--ak-shadow-soft);
}
.ak-weekly-head { margin-bottom: 15px; }
.ak-weekly-head p { margin: 7px 0 0; color: var(--ak-muted); font-size: 12px; line-height: 1.65; }
.ak-weekly-trust {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  min-height: 36px; padding: 0 12px; border: 1px solid var(--ak-border);
  border-radius: 999px; color: var(--ak-muted); background: var(--ak-surface-2); font-size: 10px; font-weight: 750;
}
.ak-weekly-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ak-weekly-card {
  min-width: 0; display: grid; grid-template-columns: 104px minmax(0,1fr); gap: 14px;
  padding: 12px; border: 1px solid var(--ak-border); border-radius: 18px;
  background: var(--ak-surface-2); color: var(--ak-text); text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.ak-weekly-card:hover { transform: translateY(-2px); border-color: var(--ak-border-strong); background: var(--ak-surface-3); }
.ak-weekly-media {
  position: relative; overflow: hidden; width: 104px; min-height: 126px; border-radius: 13px;
  background: var(--ak-surface); display: grid; place-items: center;
}
.ak-weekly-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.3)); pointer-events: none; }
.ak-weekly-media img { width: 100%; height: 100%; object-fit: cover; }
.ak-weekly-media b { font-size: 30px; letter-spacing: -.06em; }
.ak-weekly-body { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.ak-weekly-label, .ak-campaign-chip {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px;
  border: 1px solid var(--ak-border); border-radius: 999px; background: var(--ak-surface);
  color: var(--ak-muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase;
}
.ak-weekly-card[data-status="Best Seller Deal"] .ak-weekly-label { color: #a78bfa; border-color: rgba(139,92,246,.28); }
.ak-weekly-card[data-status="Flash Sale"] .ak-weekly-label { color: #38bdf8; border-color: rgba(56,189,248,.28); }
.ak-weekly-card[data-status="Almost Gone"] .ak-weekly-label { color: #f59e0b; border-color: rgba(245,158,11,.28); }
.ak-weekly-body > strong { width: 100%; margin-top: 11px; font-size: 14px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-weekly-body > small { width: 100%; margin-top: 4px; color: var(--ak-muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-weekly-price { display: flex; align-items: baseline; gap: 7px; margin-top: auto; padding-top: 13px; }
.ak-weekly-price del { color: var(--ak-muted); font-size: 10px; }
.ak-weekly-price b { font-size: 20px; letter-spacing: -.04em; }
.ak-weekly-meta { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 7px; }
.ak-weekly-meta em { color: var(--ak-muted); font-size: 9px; font-style: normal; }
.ak-weekly-meta i { font-size: 10px; }
.ak-campaign-chip { margin-left: auto; background: rgba(3,3,3,.68); color: #fff; border-color: rgba(255,255,255,.16); backdrop-filter: blur(8px); }
html[data-ak-theme="light"] .ak-campaign-chip { background: rgba(255,255,255,.84); color: #111; border-color: rgba(17,17,17,.12); }

@media (max-width: 1040px) { .ak-weekly-grid { grid-template-columns: 1fr; } .ak-weekly-card { grid-template-columns: 86px minmax(0,1fr); } .ak-weekly-media { width: 86px; min-height: 108px; } }
@media (max-width: 640px) { .ak-weekly-picks { padding: 16px; border-radius: 20px; } .ak-weekly-head { align-items: flex-start; } .ak-weekly-trust { display: none; } .ak-weekly-card { padding: 10px; } }

/* ========================================================================
   AKREI ZENITH — storefront 3.0 final refinement
   Cleaner weekly merchandising, robust mobile language control and a
   compact premium purchase experience.
   ======================================================================== */

/* Language control: never rely on emoji alone. */
.ak-language-trigger {
  min-width: 74px;
  justify-content: center;
  isolation: isolate;
}
.ak-language-globe {
  width: 22px;
  height: 22px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: var(--ak-accent-strong);
  background: var(--ak-accent-soft);
  font-size: 10px;
}
.ak-language-flag {
  min-width: 16px;
  display: inline-grid;
  place-items: center;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

/* Weekly picks: prominent, restrained and driven by real product data. */
.ak-weekly-picks {
  position: relative;
  overflow: hidden;
  margin: 18px 0 22px;
  padding: 20px;
  background:
    linear-gradient(120deg, var(--ak-accent-softer), transparent 42%),
    var(--ak-surface);
}
.ak-weekly-picks::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image: linear-gradient(var(--ak-border-soft) 1px, transparent 1px), linear-gradient(90deg, var(--ak-border-soft) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 78%);
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}
.ak-weekly-picks > * { position: relative; z-index: 1; }
.ak-weekly-head { align-items: flex-end; }
.ak-weekly-head > div > span { color: var(--ak-accent-strong); }
.ak-weekly-head h2 { margin-top: 5px; font-size: clamp(21px, 2.2vw, 29px); }
.ak-weekly-head p { max-width: 570px; margin-top: 6px; }
.ak-weekly-grid { gap: 10px; }
.ak-weekly-card {
  grid-template-columns: 112px minmax(0,1fr);
  min-height: 152px;
  padding: 10px;
  border-radius: 17px;
  background: color-mix(in srgb, var(--ak-surface-2) 94%, transparent);
  box-shadow: var(--ak-card-highlight);
}
.ak-weekly-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--ak-shadow-soft), var(--ak-card-highlight);
}
.ak-weekly-media {
  width: 112px;
  min-height: 132px;
  border: 1px solid var(--ak-border);
  border-radius: 13px;
}
.ak-weekly-media img { transition: transform .32s ease; }
.ak-weekly-card:hover .ak-weekly-media img { transform: scale(1.035); }
.ak-weekly-media-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 46%, rgba(0,0,0,.42));
  pointer-events: none;
}
.ak-weekly-label {
  min-height: 23px;
  padding: 0 8px;
  color: var(--ak-text-soft);
  background: var(--ak-surface);
}
.ak-weekly-card[data-status="Best Seller Deal"] .ak-weekly-label { color: var(--ak-accent-strong); background: var(--ak-accent-soft); }
.ak-weekly-card[data-status="Flash Sale"] .ak-weekly-label { color: #31bde8; background: rgba(49,189,232,.1); }
.ak-weekly-card[data-status="Almost Gone"] .ak-weekly-label { color: var(--ak-warning); background: color-mix(in srgb, var(--ak-warning) 10%, transparent); }
.ak-weekly-card[data-status="Weekly Pick"] .ak-weekly-label { color: var(--ak-text-soft); }
.ak-weekly-body > strong { margin-top: 10px; font-size: 13px; }
.ak-weekly-body > small { font-size: 9px; }
.ak-weekly-price { flex-wrap: wrap; gap: 7px; padding-top: 10px; }
.ak-weekly-price b { color: var(--ak-text); font-size: 19px; }
.ak-weekly-price del { font-size: 9px; }
.ak-weekly-price > i {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  color: var(--ak-success);
  background: color-mix(in srgb, var(--ak-success) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--ak-success) 22%, transparent);
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
}
.ak-weekly-meta { margin-top: 6px; }
.ak-weekly-meta em { color: var(--ak-muted); font-size: 8px; font-weight: 680; }
.ak-weekly-meta > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ak-border);
  border-radius: 9px;
  background: var(--ak-surface);
}

/* Purchase panel: selected option, prices and quantity savings. */
.ak-purchase-panel {
  border-radius: 24px;
  box-shadow: 0 26px 70px rgba(0,0,0,.28), var(--ak-card-highlight);
}
html[data-ak-theme="light"] .ak-purchase-panel { box-shadow: 0 22px 60px rgba(24,27,35,.11), var(--ak-card-highlight); }
.ak-purchase-summary-zenith {
  min-height: 118px;
  align-items: flex-start;
  padding: 21px 20px 18px;
  background:
    radial-gradient(circle at 10% 0%, var(--ak-accent-soft), transparent 52%),
    var(--ak-surface);
}
.ak-purchase-summary-copy { min-width: 0; }
.ak-purchase-summary-copy > small {
  display: block;
  max-width: 260px;
  margin-top: 5px;
  overflow: hidden;
  color: var(--ak-muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ak-purchase-price { font-size: clamp(30px, 3.2vw, 39px); }
.ak-purchase-body { padding: 15px; }
.ak-selected-option {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  margin-bottom: 15px;
  padding: 11px;
  color: var(--ak-text);
  background: linear-gradient(120deg, var(--ak-accent-soft), transparent 65%), var(--ak-surface-2);
  border: 1px solid color-mix(in srgb, var(--ak-accent) 34%, var(--ak-border));
  border-radius: 14px;
}
.ak-selected-option-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--ak-accent-strong);
  background: var(--ak-accent-soft);
  font-size: 13px;
}
.ak-selected-option-copy { min-width: 0; }
.ak-selected-option-copy > small {
  display: block;
  color: var(--ak-muted);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ak-selected-option-copy > strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ak-selected-option-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  color: var(--ak-success);
  font-size: 8px;
}
.ak-selected-option-copy > span > i { font-size: 5px; }
.ak-selected-option-price {
  min-width: 78px;
  display: grid;
  justify-items: end;
  gap: 2px;
}
.ak-selected-option-price > b { color: var(--ak-text); font-size: 14px; }
.ak-selected-option-price > del { color: var(--ak-muted-2); font-size: 8px; }
.ak-selected-option-price > em {
  margin-top: 2px;
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--ak-success);
  background: color-mix(in srgb, var(--ak-success) 10%, transparent);
  font-size: 7px;
  font-style: normal;
  font-weight: 850;
}
.ak-purchase-section + .ak-purchase-section { margin-top: 14px; padding-top: 14px; }
.ak-purchase-section-head { align-items: flex-start; margin-bottom: 9px; }
.ak-purchase-section-head > div { min-width: 0; }
.ak-purchase-section-head p { margin: 4px 0 0; color: var(--ak-muted); font-size: 8px; line-height: 1.45; }
.ak-purchase-section-head > small {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid var(--ak-border);
  border-radius: 999px;
  background: var(--ak-surface-2);
}
.ak-variant-list {
  max-height: min(490px, 50vh);
  gap: 7px;
  padding: 1px 5px 1px 1px;
}
.ak-variant-option {
  min-height: 72px;
  padding: 11px !important;
  border-radius: 14px !important;
}
.ak-variant-option.is-selected {
  background: linear-gradient(100deg, var(--ak-accent-soft), var(--ak-surface-2) 68%) !important;
}
.ak-variant-copy em { display: inline-flex; align-items: center; gap: 5px; }
.ak-variant-copy em i { color: var(--ak-success); font-size: 5px; }
.ak-variant-copy em.is-out i { color: var(--ak-danger); }
.ak-variant-price {
  min-width: 76px;
  position: relative;
  gap: 2px;
  padding: 8px;
  background: var(--ak-bg-elevated);
}
.ak-variant-price b { font-size: 11px; }
.ak-variant-price del { font-size: 7px; }
.ak-variant-sale {
  position: absolute;
  top: -6px;
  right: -5px;
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 999px;
  color: #fff;
  background: var(--ak-accent);
  box-shadow: 0 6px 14px color-mix(in srgb, var(--ak-accent) 24%, transparent);
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
}
.ak-quantity-control { height: 54px; grid-template-columns: 48px minmax(0,1fr) 48px; border-radius: 14px; }
.ak-quantity-value { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 6px; }
.ak-quantity-value input { width: 54px !important; flex: none; }
.ak-quantity-value small { color: var(--ak-muted); font-size: 8px; }
.ak-volume-savings {
  margin-top: 9px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--ak-accent) 22%, var(--ak-border));
  border-radius: 12px;
  background: var(--ak-accent-softer);
}
.ak-volume-savings-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ak-volume-savings-head > span { display: inline-flex; align-items: center; gap: 7px; color: var(--ak-text-soft); font-size: 9px; }
.ak-volume-savings-head i { color: var(--ak-accent-strong); }
.ak-volume-savings-head em {
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--ak-success);
  background: color-mix(in srgb, var(--ak-success) 10%, transparent);
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.ak-volume-next { margin-top: 9px; }
.ak-volume-next p { margin: 0; color: var(--ak-muted); font-size: 8px; }
.ak-volume-next p b,
.ak-volume-next p strong { color: var(--ak-text); }
.ak-volume-next > div { height: 4px; overflow: hidden; margin-top: 8px; border-radius: 999px; background: var(--ak-surface-3); }
.ak-volume-next > div > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ak-accent), var(--ak-accent-strong)); transition: width .2s ease; }
.ak-volume-complete { display: flex; align-items: center; gap: 7px; margin-top: 9px; color: var(--ak-success); font-size: 8px; }
.ak-checkout-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 15px;
  padding: 11px 12px;
  border: 1px solid var(--ak-border);
  border-radius: 13px;
  background: var(--ak-surface-2);
}
.ak-checkout-total > div small { display: block; color: var(--ak-muted); font-size: 7px; text-transform: uppercase; letter-spacing: .09em; font-weight: 850; }
.ak-checkout-total > div strong { display: block; margin-top: 3px; color: var(--ak-text); font-size: 17px; letter-spacing: -.025em; }
.ak-checkout-total > span { display: inline-flex; align-items: center; gap: 6px; color: var(--ak-muted); font-size: 8px; }
.ak-checkout-total > span i { color: var(--ak-success); }
.ak-purchase-actions { grid-template-columns: .9fr 1.1fr; margin-top: 10px; }
.ak-add-cart-button,
.ak-buy-now-button { min-height: 54px; border-radius: 13px; }
.ak-add-cart-button { color: var(--ak-text); background: var(--ak-surface-2); border: 1px solid var(--ak-border-strong); box-shadow: none; }
.ak-add-cart-button:hover:not(:disabled) { color: #fff; background: var(--ak-surface-3); border-color: var(--ak-accent); }
.ak-buy-now-button {
  justify-content: space-between;
  padding: 0 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--ak-accent), var(--ak-accent-strong));
  border-color: transparent;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--ak-accent) 23%, transparent);
}
.ak-buy-now-button:hover:not(:disabled) { color: #fff; background: linear-gradient(135deg, var(--ak-accent-strong), var(--ak-accent)); }
.ak-buy-now-button > span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.05; }
.ak-buy-now-button > span > b { font-size: 11px; }
.ak-buy-now-button > span > small { margin-top: 4px; color: rgba(255,255,255,.68); font-size: 7px; font-weight: 600; }
.ak-buy-now-button > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.12); }

@media (max-width: 1040px) {
  .ak-weekly-grid { grid-template-columns: repeat(3, minmax(0,1fr)); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 5px; }
  .ak-weekly-card { min-width: 330px; scroll-snap-align: start; }
}

@media (max-width: 760px) {
  .ak-language-trigger { min-width: 42px; width: 42px; padding: 0; gap: 0; }
  .ak-language-trigger .ak-language-flag,
  .ak-language-trigger .ak-language-code,
  .ak-language-trigger > svg { display: none; }
  .ak-language-globe { width: 24px; height: 24px; font-size: 11px; }
  .ak-language-menu { position: fixed; top: 72px; left: 12px; right: 12px; width: auto; max-height: calc(100vh - 90px); }
  .ak-weekly-picks { padding: 15px; }
  .ak-weekly-head { align-items: flex-start; }
  .ak-weekly-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(292px, 86vw); }
  .ak-weekly-card { min-width: 0; grid-template-columns: 92px minmax(0,1fr); min-height: 128px; }
  .ak-weekly-media { width: 92px; min-height: 108px; }
  .ak-selected-option { grid-template-columns: 36px minmax(0,1fr) auto; padding: 9px; }
  .ak-selected-option-icon { width: 36px; height: 36px; }
  .ak-purchase-summary-zenith { min-height: 104px; }
  .ak-purchase-actions { grid-template-columns: 1fr; }
  .ak-buy-now-button { order: -1; }
}

@media (max-width: 460px) {
  .ak-purchase-body { padding: 12px; }
  .ak-selected-option { grid-template-columns: 34px minmax(0,1fr); }
  .ak-selected-option-price { grid-column: 2; width: 100%; min-width: 0; grid-auto-flow: column; justify-content: start; align-items: baseline; gap: 7px; }
  .ak-variant-option { grid-template-columns: 18px minmax(0,1fr); }
  .ak-variant-price { grid-column: 2; width: 100%; min-width: 0; flex-direction: row; align-items: center; justify-content: flex-end; gap: 7px; }
  .ak-variant-sale { position: static; order: 3; }
  .ak-checkout-total { align-items: flex-start; flex-direction: column; }
  .ak-purchase-assurance { grid-template-columns: 1fr 1fr 1fr; }
}

/* ========================================================================
   AKREI ZENITH — compact campaign shelf (final touch)
   Only active campaigns are rendered; hidden candidates can never leak into
   the layout even when the host storefront adds display declarations.
   ======================================================================== */
.ak-weekly-picks[hidden],
.ak-weekly-card[hidden] { display: none !important; }

.ak-weekly-picks {
  margin: 14px 0 16px;
  padding: 14px;
  border-radius: 19px;
  background: var(--ak-surface);
  box-shadow: var(--ak-card-highlight);
}
.ak-weekly-picks::before {
  opacity: .16;
  background-size: 54px 54px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 62%);
  mask-image: linear-gradient(90deg, #000, transparent 62%);
}
.ak-weekly-head {
  min-height: 42px;
  margin-bottom: 10px;
  align-items: center;
}
.ak-weekly-head > div > span {
  font-size: 7px;
  letter-spacing: .16em;
}
.ak-weekly-head h2 {
  margin-top: 3px;
  font-size: clamp(17px, 1.65vw, 21px);
  letter-spacing: -.035em;
}
.ak-weekly-head p {
  max-width: 520px;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.45;
}
.ak-weekly-trust {
  min-height: 29px;
  padding: 0 9px;
  gap: 6px;
  font-size: 7px;
}
.ak-weekly-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.ak-weekly-card {
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 10px;
  min-height: 106px;
  padding: 8px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ak-surface-2) 96%, transparent);
  box-shadow: none;
}
.ak-weekly-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--ak-card-highlight);
}
.ak-weekly-media {
  width: 78px;
  min-height: 90px;
  aspect-ratio: 4 / 5;
  border-radius: 10px;
}
.ak-weekly-media b { font-size: 22px; }
.ak-weekly-label {
  min-height: 18px;
  padding: 0 6px;
  font-size: 6px;
  letter-spacing: .075em;
}
.ak-weekly-body > strong {
  margin-top: 7px;
  font-size: 10.5px;
  line-height: 1.25;
}
.ak-weekly-body > small {
  margin-top: 2px;
  font-size: 7px;
}
.ak-weekly-price {
  gap: 5px;
  padding-top: 7px;
}
.ak-weekly-price b { font-size: 15px; }
.ak-weekly-price del { font-size: 7px; }
.ak-weekly-price > i {
  min-height: 17px;
  padding: 0 5px;
  font-size: 6px;
}
.ak-weekly-meta { margin-top: 4px; }
.ak-weekly-meta em { font-size: 6.5px; }
.ak-weekly-meta > i {
  width: 23px;
  height: 23px;
  border-radius: 7px;
  font-size: 8px;
}
.ak-weekly-picks + .ak-final-category-section { margin-top: 12px; }

@media (max-width: 1040px) {
  .ak-weekly-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(276px, 36vw);
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .ak-weekly-card {
    min-width: 0;
    scroll-snap-align: start;
  }
}

@media (max-width: 760px) {
  .ak-weekly-picks {
    margin: 12px 0 14px;
    padding: 12px;
    border-radius: 17px;
  }
  .ak-weekly-head { min-height: 0; margin-bottom: 9px; }
  .ak-weekly-head p { display: none; }
  .ak-weekly-grid { grid-auto-columns: minmax(260px, 84vw); }
  .ak-weekly-card {
    grid-template-columns: 72px minmax(0, 1fr);
    min-height: 98px;
    padding: 7px;
  }
  .ak-weekly-media { width: 72px; min-height: 84px; }
}


/* ========================================================================
   AKREI NEXUS — real categories, four appearance modes and localized copy
   ======================================================================== */
html[data-ak-theme="valorant"] {
  --ak-bg: #04060a; --ak-bg-elevated: #090c12; --ak-surface: #0c1017; --ak-surface-2: #111722; --ak-surface-3: #17202c;
  --ak-text: #f8fafc; --ak-text-soft: #d7dce4; --ak-muted: #87909e; --ak-muted-2: #626b79;
  --ak-border: rgba(255,255,255,.08); --ak-border-strong: rgba(255,70,85,.32); --ak-shadow: 0 30px 90px rgba(0,0,0,.55); --ak-shadow-soft: 0 18px 50px rgba(0,0,0,.32);
  --ak-accent: #ff4655; --ak-accent-strong: #ff6b73; --ak-accent-soft: rgba(255,70,85,.13); --ak-accent-softer: rgba(255,70,85,.07);
  --ak-success: #34d399; --ak-danger: #ff4655; --ak-overlay: rgba(0,0,0,.72); --ak-input: #090d14; --ak-inverse: #fff;
}
html[data-ak-theme="lol"] {
  --ak-bg: #030a12; --ak-bg-elevated: #07111b; --ak-surface: #091722; --ak-surface-2: #0d2030; --ak-surface-3: #112b3d;
  --ak-text: #f6f0df; --ak-text-soft: #d7cfb8; --ak-muted: #8fa6ad; --ak-muted-2: #607980;
  --ak-border: rgba(200,165,78,.13); --ak-border-strong: rgba(200,165,78,.38); --ak-shadow: 0 30px 90px rgba(0,0,0,.58); --ak-shadow-soft: 0 18px 50px rgba(0,0,0,.35);
  --ak-accent: #c8a54e; --ak-accent-strong: #e2c36f; --ak-accent-soft: rgba(200,165,78,.14); --ak-accent-softer: rgba(200,165,78,.07);
  --ak-success: #35c4b4; --ak-danger: #d95565; --ak-overlay: rgba(0,4,9,.76); --ak-input: #07121c; --ak-inverse: #fff;
}
html[data-ak-theme="valorant"] body::before {
  background:
    linear-gradient(126deg, transparent 0 71%, rgba(255,70,85,.065) 71.2% 72%, transparent 72.2%),
    linear-gradient(54deg, transparent 0 82%, rgba(255,70,85,.05) 82.2% 83%, transparent 83.2%),
    radial-gradient(circle at 88% 8%, rgba(255,70,85,.17), transparent 31rem),
    radial-gradient(circle at 8% 44%, rgba(255,70,85,.07), transparent 26rem), var(--ak-bg);
}
html[data-ak-theme="lol"] body::before {
  background:
    radial-gradient(circle at 82% 4%, rgba(200,165,78,.16), transparent 28rem),
    radial-gradient(circle at 10% 38%, rgba(22,150,160,.10), transparent 30rem),
    repeating-radial-gradient(circle at 90% 45%, transparent 0 64px, rgba(200,165,78,.035) 65px 66px), var(--ak-bg);
}
html[data-ak-theme="valorant"] .ak-final-hero::after,
html[data-ak-theme="lol"] .ak-final-hero::after {
  content:""; position:absolute; right:-7%; bottom:-22%; width:43%; aspect-ratio:1; pointer-events:none; opacity:.46; z-index:-1;
}
html[data-ak-theme="valorant"] .ak-final-hero::after { background:linear-gradient(145deg, transparent 29%, rgba(255,70,85,.34) 30% 43%, transparent 44%),linear-gradient(35deg, transparent 46%, rgba(255,70,85,.19) 47% 58%, transparent 59%); clip-path:polygon(50% 0,100% 28%,84% 100%,12% 88%,0 26%); }
html[data-ak-theme="lol"] .ak-final-hero::after { border:1px solid rgba(200,165,78,.28); border-radius:50%; box-shadow:0 0 0 38px rgba(200,165,78,.025),0 0 0 76px rgba(200,165,78,.018); background:radial-gradient(circle, rgba(36,164,169,.17), transparent 58%); }
html[data-ak-theme="valorant"] .ak-final-primary,
html[data-ak-theme="valorant"] .ak-buy-now-button { background:linear-gradient(135deg,#ff4655,#d82f43)!important; }
html[data-ak-theme="lol"] .ak-final-primary,
html[data-ak-theme="lol"] .ak-buy-now-button { color:#071018!important; background:linear-gradient(135deg,#e2c36f,#b8872f)!important; }

.ak-appearance { position:relative; }
.ak-appearance-trigger {
  min-height:40px; display:inline-flex; align-items:center; gap:8px; padding:0 11px; color:var(--ak-text); background:var(--ak-surface);
  border:1px solid var(--ak-border); border-radius:11px; cursor:pointer; transition:.16s ease;
}
.ak-appearance-trigger:hover { border-color:var(--ak-border-strong); background:var(--ak-surface-2); }
.ak-appearance-trigger > i { color:var(--ak-muted); font-size:8px; }
.ak-appearance-icon { width:22px; height:22px; display:grid; place-items:center; border-radius:7px; color:var(--ak-accent-strong); background:var(--ak-accent-soft); font-size:10px; }
.ak-appearance-label { font-size:9px; font-weight:760; }
.ak-appearance-menu {
  position:absolute; top:calc(100% + 9px); right:0; z-index:90; width:245px; display:grid; gap:5px; padding:8px; color:var(--ak-text);
  background:var(--ak-surface); border:1px solid var(--ak-border-strong); border-radius:14px; box-shadow:var(--ak-shadow);
}
.ak-appearance-menu button { min-height:50px; display:grid; grid-template-columns:36px minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; gap:2px 10px; padding:7px; color:inherit; background:transparent; border:1px solid transparent; border-radius:10px; text-align:left; }
.ak-appearance-menu button:hover,.ak-appearance-menu button.is-active { background:var(--ak-surface-2); border-color:var(--ak-border); }
.ak-appearance-menu button > span { grid-row:1/3; width:36px; height:36px; display:grid; place-items:center; border-radius:9px; color:var(--ak-accent-strong); background:var(--ak-accent-soft); }
.ak-appearance-menu strong { font-size:10px; }.ak-appearance-menu small { color:var(--ak-muted); font-size:8px; }.ak-appearance-menu button.is-active::after { content:"✓"; color:var(--ak-success); font-size:11px; }

.ak-final-category-card,.ak-final-category-menu-grid button,.ak-final-all-category-grid button { cursor:pointer; }
.ak-final-category-card.is-active,[data-ak-category-button].is-active { border-color:var(--ak-accent)!important; background:linear-gradient(120deg,var(--ak-accent-soft),var(--ak-surface-2))!important; }
.ak-final-category-media i,.ak-final-category-menu-grid button>span>i,.ak-final-all-category-media i { color:var(--ak-accent-strong); font-size:16px; }
.ak-category-all-button .ak-final-all-category-media { background:var(--ak-accent-soft); }
.ak-category-source-list { display:none!important; }
.ak-final-category-trigger > span { min-width:0; }.ak-final-category-trigger > span > span:last-child { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.ak-localized-list { display:grid; gap:6px; margin:-4px 0 18px; padding-left:14px; border-left:2px solid var(--ak-accent); }
.ak-localized-list span { position:relative; display:block; padding-left:12px; color:var(--ak-text-soft); line-height:1.55; }
.ak-localized-list span::before { content:""; position:absolute; left:0; top:.65em; width:4px; height:4px; border-radius:50%; background:var(--ak-accent); }

@media (max-width:760px) {
  .ak-appearance-trigger { width:42px; padding:0; justify-content:center; }
  .ak-appearance-label,.ak-appearance-trigger>i { display:none; }
  .ak-appearance-menu { position:fixed; top:72px; left:12px; right:12px; width:auto; }
  .ak-final-category-trigger > span > span:last-child { max-width:150px; }
}

[data-ak-grid-product][hidden]{display:none!important;}

/* ========================================================================
   AKREI GAMEWORLD ULTIMATE — cinematic Valorant / LoL appearance modes
   Original vector operatives are bundled locally; no remote artwork needed.
   ======================================================================== */
.ak-default-hero-art,
.ak-game-hero {
  position: absolute;
  inset: 0;
}
.ak-default-hero-art {
  display: grid;
  place-items: center;
}
.ak-game-hero {
  display: none;
  overflow: hidden;
  isolation: isolate;
}
.ak-game-character {
  position: absolute;
  z-index: 3;
  right: -3%;
  bottom: -8%;
  width: min(94%, 560px);
  height: 108%;
  object-fit: contain;
  object-position: right bottom;
  filter: drop-shadow(0 38px 35px rgba(0,0,0,.58));
  transform-origin: 70% 100%;
  animation: ak-character-breathe 8s ease-in-out infinite;
}
.ak-game-hero::before,
.ak-game-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.ak-game-wordmark {
  position: absolute;
  z-index: 5;
  top: 21px;
  right: 25px;
  color: rgba(255,255,255,.48);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .24em;
  text-transform: uppercase;
}
.ak-game-data-card {
  position: absolute;
  z-index: 6;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  color: rgba(255,255,255,.82);
  background: rgba(5,8,13,.66);
  box-shadow: 0 14px 38px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.07);
  backdrop-filter: blur(12px);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .12em;
  white-space: nowrap;
}
.ak-game-data-card i { font-size: 11px; }
.ak-game-data-card-a { left: 8%; top: 26%; }
.ak-game-data-card-b { right: 8%; bottom: 17%; }
.ak-game-crosshair {
  position: absolute;
  z-index: 1;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(255,70,85,.26);
  border-radius: 50%;
}
.ak-game-crosshair::before,
.ak-game-crosshair::after {
  content: "";
  position: absolute;
  background: rgba(255,70,85,.28);
}
.ak-game-crosshair::before { left: 50%; top: -16px; width: 1px; height: calc(100% + 32px); }
.ak-game-crosshair::after { top: 50%; left: -16px; height: 1px; width: calc(100% + 32px); }
.ak-game-crosshair-one { right: 17%; top: 18%; }
.ak-game-crosshair-two { left: 15%; bottom: 16%; width: 44px; height: 44px; opacity: .55; }
.ak-game-scanline {
  position: absolute;
  z-index: 4;
  inset: 0;
  opacity: .13;
  background: repeating-linear-gradient(180deg, transparent 0 5px, rgba(255,255,255,.12) 6px, transparent 7px);
  mask-image: linear-gradient(90deg, transparent, #000 32%, #000 100%);
}
.ak-game-rune {
  position: absolute;
  z-index: 2;
  color: #e2c36f;
  text-shadow: 0 0 18px rgba(44,203,211,.68), 0 0 36px rgba(226,195,111,.4);
  animation: ak-rune-float 6s ease-in-out infinite;
}
.ak-game-rune-one { left: 13%; top: 20%; font-size: 28px; }
.ak-game-rune-two { right: 11%; top: 31%; font-size: 19px; animation-delay: -2s; }
.ak-game-rune-three { left: 21%; bottom: 14%; font-size: 22px; animation-delay: -4s; }

html[data-ak-theme="valorant"] .ak-default-hero-art,
html[data-ak-theme="lol"] .ak-default-hero-art { display: none; }
html[data-ak-theme="valorant"] .ak-game-hero-valorant,
html[data-ak-theme="lol"] .ak-game-hero-lol { display: block; }

html[data-ak-theme="valorant"] .ak-final-hero {
  border-color: rgba(255,70,85,.24) !important;
  box-shadow: 0 26px 85px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.04);
}
html[data-ak-theme="valorant"] .ak-final-hero::before {
  background:
    linear-gradient(90deg, rgba(4,6,10,.98) 0 37%, rgba(4,6,10,.76) 53%, rgba(4,6,10,.11) 100%),
    radial-gradient(circle at 81% 36%, rgba(255,70,85,.19), transparent 38%),
    #05070b;
}
html[data-ak-theme="valorant"] .ak-final-hero::after {
  inset: auto -5% -35% 47%;
  width: 58%;
  height: 85%;
  z-index: -1;
  opacity: .7;
  clip-path: polygon(45% 0,100% 34%,82% 100%,0 78%);
  background:
    linear-gradient(147deg, transparent 0 34%, rgba(255,70,85,.45) 35% 47%, transparent 48%),
    linear-gradient(34deg, transparent 0 42%, rgba(255,70,85,.16) 43% 59%, transparent 60%);
}
html[data-ak-theme="valorant"] .ak-game-hero-valorant::before {
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, transparent 0 57%, rgba(255,70,85,.12) 58% 62%, transparent 63%),
    linear-gradient(24deg, transparent 0 65%, rgba(255,70,85,.07) 66% 70%, transparent 71%);
}
html[data-ak-theme="valorant"] .ak-game-hero-valorant::after {
  z-index: 5;
  inset: auto 0 0 0;
  height: 35%;
  background: linear-gradient(transparent, rgba(4,6,10,.94));
}
html[data-ak-theme="valorant"] .ak-game-data-card i { color: #ff6671; }
html[data-ak-theme="valorant"] .ak-final-eyebrow {
  border-color: rgba(255,70,85,.32);
  box-shadow: 0 0 0 1px rgba(255,70,85,.035), 0 8px 26px rgba(255,70,85,.08);
}
html[data-ak-theme="valorant"] .ak-final-hero h1 {
  text-transform: uppercase;
  letter-spacing: -.045em;
  font-weight: 860;
}
html[data-ak-theme="valorant"] .ak-final-hero h1 strong {
  text-shadow: 0 0 35px rgba(255,70,85,.17);
}
html[data-ak-theme="valorant"] .ak-final-best-sellers,
html[data-ak-theme="valorant"] .ak-final-category-section,
html[data-ak-theme="valorant"] .ak-final-top-card,
html[data-ak-theme="valorant"] .ak-final-activity-card,
html[data-ak-theme="valorant"] .ak-product-card {
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 55px rgba(0,0,0,.24);
}
html[data-ak-theme="valorant"] .ak-product-card:hover {
  border-color: rgba(255,70,85,.35) !important;
  box-shadow: 0 20px 55px rgba(255,70,85,.075), inset 0 1px rgba(255,255,255,.04);
}

html[data-ak-theme="lol"] .ak-final-hero {
  border-color: rgba(200,165,78,.25) !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.55), inset 0 1px rgba(255,244,195,.045);
}
html[data-ak-theme="lol"] .ak-final-hero::before {
  background:
    linear-gradient(90deg, rgba(3,10,18,.98) 0 39%, rgba(3,10,18,.70) 56%, rgba(3,10,18,.10) 100%),
    radial-gradient(circle at 78% 41%, rgba(42,197,206,.17), transparent 36%),
    radial-gradient(circle at 91% 22%, rgba(226,195,111,.11), transparent 30%),
    #030a12;
}
html[data-ak-theme="lol"] .ak-final-hero::after {
  inset: 3% -4% -40% 48%;
  width: 54%;
  height: 115%;
  z-index: -1;
  opacity: .62;
  border: 1px solid rgba(226,195,111,.22);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42,197,206,.12), transparent 57%);
  box-shadow: 0 0 0 42px rgba(226,195,111,.018), 0 0 0 88px rgba(42,197,206,.012);
}
html[data-ak-theme="lol"] .ak-game-hero-lol::before {
  inset: 8% 2% 3% 12%;
  z-index: -1;
  opacity: .5;
  background-image:
    radial-gradient(circle at 72% 18%, rgba(226,195,111,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 22% 48%, rgba(42,197,206,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 61%, rgba(226,195,111,.62) 0 1px, transparent 2px),
    radial-gradient(circle at 38% 78%, rgba(42,197,206,.52) 0 1px, transparent 2px);
  background-size: 122px 122px, 146px 146px, 178px 178px, 210px 210px;
}
html[data-ak-theme="lol"] .ak-game-hero-lol::after {
  z-index: 5;
  inset: auto 0 0 0;
  height: 38%;
  background: linear-gradient(transparent, rgba(3,10,18,.95));
}
html[data-ak-theme="lol"] .ak-game-data-card {
  border-color: rgba(226,195,111,.2);
  background: rgba(3,12,21,.68);
}
html[data-ak-theme="lol"] .ak-game-data-card i { color: #e2c36f; }
html[data-ak-theme="lol"] .ak-final-eyebrow {
  border-color: rgba(226,195,111,.28);
  color: #e8ca74;
  background: linear-gradient(135deg, rgba(42,197,206,.09), rgba(226,195,111,.10));
}
html[data-ak-theme="lol"] .ak-final-hero h1 {
  letter-spacing: -.045em;
  font-weight: 780;
}
html[data-ak-theme="lol"] .ak-final-hero h1 strong {
  color: #e2c36f;
  text-shadow: 0 0 30px rgba(42,197,206,.18);
}
html[data-ak-theme="lol"] .ak-final-primary {
  color: #071018 !important;
  box-shadow: 0 13px 34px rgba(200,165,78,.16);
}
html[data-ak-theme="lol"] .ak-product-card:hover {
  border-color: rgba(226,195,111,.34) !important;
  box-shadow: 0 20px 55px rgba(42,197,206,.06), inset 0 1px rgba(255,244,195,.045);
}

html[data-ak-theme="valorant"] [data-ak-theme-value="valorant"] > span {
  color: #fff;
  background: linear-gradient(145deg, rgba(255,70,85,.32), rgba(255,70,85,.08));
}
html[data-ak-theme="lol"] [data-ak-theme-value="lol"] > span {
  color: #f3d983;
  background: linear-gradient(145deg, rgba(42,197,206,.20), rgba(226,195,111,.17));
}

@keyframes ak-character-breathe {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(0,-5px,0) scale(1.008); }
}
@keyframes ak-rune-float {
  0%,100% { transform: translateY(0) rotate(0); opacity: .65; }
  50% { transform: translateY(-10px) rotate(8deg); opacity: 1; }
}

@media (max-width: 900px) {
  .ak-game-character { right: 0; width: min(88%, 520px); height: 103%; }
  .ak-game-data-card-a { left: 6%; top: 18%; }
  .ak-game-data-card-b { right: 6%; bottom: 13%; }
  html[data-ak-theme="valorant"] .ak-final-hero::before,
  html[data-ak-theme="lol"] .ak-final-hero::before {
    background: linear-gradient(180deg, var(--ak-surface) 0 47%, transparent 72%), var(--ak-surface);
  }
}
@media (max-width: 680px) {
  .ak-final-hero-art { transform: none; min-height: 290px; overflow: hidden; }
  .ak-game-character { right: -9%; bottom: -8%; width: 110%; height: 111%; opacity: .96; }
  .ak-game-wordmark { top: 14px; right: 14px; font-size: 7px; }
  .ak-game-data-card { min-height: 32px; padding: 0 8px; font-size: 6px; border-radius: 8px; }
  .ak-game-data-card-a { left: 12px; top: 46px; }
  .ak-game-data-card-b { right: 12px; bottom: 15px; }
  .ak-game-crosshair-one { right: 11%; top: 22%; width: 58px; height: 58px; }
  .ak-game-crosshair-two { display: none; }
  .ak-game-rune-one { left: 11%; top: 22%; }
  .ak-game-rune-two { right: 9%; top: 32%; }
  html[data-ak-theme="valorant"] .ak-final-hero h1 { font-size: clamp(38px, 12.5vw, 54px); }
}
@media (prefers-reduced-motion: reduce) {
  .ak-game-character,
  .ak-game-rune { animation: none !important; }
}

/* ========================================================================
   AKREI NEXUS RIVALRY — polished game appearance modes
   Theme changes are visual only. Store copy, product titles and language
   remain untouched when switching appearance.
   ======================================================================== */
.ak-theme-ambient {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.ak-theme-ambient img {
  position: absolute;
  display: none;
  user-select: none;
  filter: saturate(.9) contrast(1.06);
}
html[data-ak-theme="valorant"] .ak-theme-ambient-valorant {
  right: -90px;
  bottom: -105px;
  display: block;
  width: min(38vw, 560px);
  opacity: .055;
  filter: grayscale(.15) saturate(1.25) drop-shadow(0 0 70px rgba(255,70,85,.42));
  -webkit-mask-image: linear-gradient(to left, #000 18%, rgba(0,0,0,.75) 54%, transparent 94%);
  mask-image: linear-gradient(to left, #000 18%, rgba(0,0,0,.75) 54%, transparent 94%);
}
html[data-ak-theme="lol"] .ak-theme-ambient-lol {
  left: -15px;
  bottom: -110px;
  display: block;
  width: min(27vw, 350px);
  opacity: .052;
  filter: saturate(.82) sepia(.08) drop-shadow(0 0 70px rgba(38,180,220,.32));
  -webkit-mask-image: linear-gradient(to right, #000 10%, rgba(0,0,0,.72) 56%, transparent 96%);
  mask-image: linear-gradient(to right, #000 10%, rgba(0,0,0,.72) 56%, transparent 96%);
}

html[data-ak-theme="valorant"] body {
  background:
    radial-gradient(circle at 82% 7%, rgba(255,70,85,.14), transparent 31rem),
    radial-gradient(circle at 13% 72%, rgba(116,26,55,.08), transparent 30rem),
    linear-gradient(180deg, rgba(3,5,9,.92), rgba(2,4,8,.99));
}
html[data-ak-theme="lol"] body {
  background:
    radial-gradient(circle at 78% 4%, rgba(54,171,213,.14), transparent 30rem),
    radial-gradient(circle at 17% 65%, rgba(200,165,78,.08), transparent 29rem),
    linear-gradient(180deg, rgba(2,9,17,.94), rgba(2,7,13,.995));
}
html[data-ak-theme="valorant"] body::before {
  opacity: .82;
  background-image:
    linear-gradient(128deg, transparent 0 72%, rgba(255,70,85,.055) 72.2% 72.8%, transparent 73%),
    linear-gradient(50deg, transparent 0 84%, rgba(255,70,85,.042) 84.2% 84.8%, transparent 85%),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: auto, auto, 56px 56px, 56px 56px;
}
html[data-ak-theme="lol"] body::before {
  opacity: .92;
  background-image:
    radial-gradient(circle at 82% 20%, rgba(225,196,110,.38) 0 1px, transparent 1.5px),
    radial-gradient(circle at 18% 37%, rgba(72,203,232,.34) 0 1px, transparent 1.5px),
    repeating-radial-gradient(circle at 50% 20%, transparent 0 98px, rgba(200,165,78,.025) 99px 100px),
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 150px 150px, 190px 190px, auto, 72px 72px, 72px 72px;
}

html[data-ak-theme="valorant"] .ak-navbar,
html[data-ak-theme="valorant"] .ak-announcement-inner {
  border-color: rgba(255,70,85,.16);
  background: linear-gradient(120deg, rgba(9,12,18,.94), rgba(6,8,13,.86));
  box-shadow: 0 20px 62px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.035), 0 0 0 1px rgba(255,70,85,.025);
}
html[data-ak-theme="lol"] .ak-navbar,
html[data-ak-theme="lol"] .ak-announcement-inner {
  border-color: rgba(200,165,78,.18);
  background: linear-gradient(120deg, rgba(6,16,25,.95), rgba(4,12,20,.87));
  box-shadow: 0 20px 64px rgba(0,0,0,.35), inset 0 1px rgba(243,218,145,.035), 0 0 0 1px rgba(49,180,214,.02);
}
html[data-ak-theme="valorant"] .ak-nav-link.is-active,
html[data-ak-theme="valorant"] .ak-icon-button:hover,
html[data-ak-theme="valorant"] .ak-icon-button.is-active {
  color: #fff;
  background: rgba(255,70,85,.10);
}
html[data-ak-theme="lol"] .ak-nav-link.is-active,
html[data-ak-theme="lol"] .ak-icon-button:hover,
html[data-ak-theme="lol"] .ak-icon-button.is-active {
  color: #f6ddb0;
  background: rgba(200,165,78,.09);
}

.ak-game-hero { isolation: isolate; }
.ak-game-hero::before,
.ak-game-hero::after { pointer-events: none; }
.ak-game-character { animation: ak-character-breathe 8.5s ease-in-out infinite; }
.ak-game-character-valorant {
  right: -2.5%;
  bottom: -13%;
  width: min(88%, 520px);
  height: 112%;
  object-fit: contain;
  object-position: right bottom;
  filter: drop-shadow(0 30px 35px rgba(0,0,0,.66)) drop-shadow(0 0 24px rgba(185,37,176,.18));
}
.ak-game-character-lol {
  z-index: 2;
  inset: 0 0 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 66% center;
  opacity: .98;
  filter: saturate(.95) contrast(1.04) brightness(.78);
  transform: none;
  animation: ak-lol-pan 14s ease-in-out infinite alternate;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 18%, #000 42%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 18%, #000 42%, #000 100%);
}
.ak-game-particles {
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: .65;
  background-image:
    radial-gradient(circle at 12% 34%, currentColor 0 1px, transparent 1.8px),
    radial-gradient(circle at 26% 72%, currentColor 0 1.3px, transparent 2px),
    radial-gradient(circle at 48% 18%, currentColor 0 1px, transparent 1.7px),
    radial-gradient(circle at 64% 62%, currentColor 0 1.5px, transparent 2.2px),
    radial-gradient(circle at 86% 29%, currentColor 0 1px, transparent 1.8px);
  background-size: 180px 180px, 230px 230px, 290px 290px, 340px 340px, 410px 410px;
  animation: ak-particle-drift 18s linear infinite;
}
html[data-ak-theme="valorant"] .ak-game-particles { color: rgba(255,70,85,.62); }
html[data-ak-theme="lol"] .ak-game-particles { color: rgba(231,202,116,.62); }
.ak-game-rift-ring {
  position: absolute;
  z-index: 3;
  right: 12%;
  top: 16%;
  width: 56%;
  aspect-ratio: 1;
  border: 1px solid rgba(226,195,111,.24);
  border-radius: 50%;
  box-shadow:
    0 0 0 28px rgba(226,195,111,.025),
    0 0 0 57px rgba(51,185,216,.022),
    inset 0 0 60px rgba(53,188,220,.08),
    0 0 54px rgba(42,197,206,.08);
  animation: ak-rift-spin 24s linear infinite;
}
.ak-game-rift-ring::before,
.ak-game-rift-ring::after {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px dashed rgba(68,205,229,.23);
  border-radius: 50%;
}
.ak-game-rift-ring::after {
  inset: 29%;
  border-style: solid;
  border-color: rgba(226,195,111,.27);
}

html[data-ak-theme="valorant"] .ak-final-hero {
  overflow: hidden;
  background: linear-gradient(120deg, rgba(7,9,14,.99), rgba(8,10,16,.97));
}
html[data-ak-theme="valorant"] .ak-final-hero::before {
  background:
    linear-gradient(90deg, rgba(4,6,10,1) 0 39%, rgba(4,6,10,.84) 53%, rgba(4,6,10,.14) 100%),
    radial-gradient(circle at 78% 42%, rgba(185,37,176,.18), transparent 26%),
    radial-gradient(circle at 88% 24%, rgba(255,70,85,.22), transparent 35%),
    #05070b;
}
html[data-ak-theme="valorant"] .ak-game-hero-valorant::before {
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(123deg, transparent 0 61%, rgba(255,70,85,.13) 61.4% 64.2%, transparent 64.6%),
    linear-gradient(31deg, transparent 0 70%, rgba(255,70,85,.07) 70.5% 73%, transparent 73.4%),
    radial-gradient(circle at 74% 56%, rgba(186,35,188,.19), transparent 22%);
}
html[data-ak-theme="valorant"] .ak-game-hero-valorant::after {
  z-index: 5;
  inset: auto 0 0 0;
  height: 39%;
  background: linear-gradient(transparent, rgba(4,6,10,.96));
}
html[data-ak-theme="valorant"] .ak-final-hero h1 {
  text-transform: none;
  letter-spacing: -.052em;
}
html[data-ak-theme="valorant"] .ak-game-wordmark {
  color: rgba(255,255,255,.47);
  text-shadow: 0 0 18px rgba(255,70,85,.25);
}
html[data-ak-theme="valorant"] .ak-game-data-card {
  border-color: rgba(255,70,85,.22);
  background: rgba(7,9,14,.72);
}

html[data-ak-theme="lol"] .ak-final-hero {
  overflow: hidden;
  background: linear-gradient(120deg, rgba(3,11,18,.99), rgba(5,14,23,.97));
}
html[data-ak-theme="lol"] .ak-final-hero::before {
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(3,10,18,1) 0 38%, rgba(3,10,18,.88) 49%, rgba(3,10,18,.14) 100%),
    radial-gradient(circle at 78% 38%, rgba(51,190,220,.18), transparent 30%),
    radial-gradient(circle at 87% 21%, rgba(226,195,111,.12), transparent 31%);
}
html[data-ak-theme="lol"] .ak-game-hero-lol::before {
  inset: 0;
  z-index: 3;
  background:
    linear-gradient(90deg, transparent 42%, rgba(4,12,20,.05) 64%, rgba(4,12,20,.28) 100%),
    radial-gradient(circle at 75% 41%, rgba(49,197,231,.10), transparent 27%);
}
html[data-ak-theme="lol"] .ak-game-hero-lol::after {
  z-index: 5;
  inset: auto 0 0 0;
  height: 41%;
  background: linear-gradient(transparent, rgba(3,10,18,.97));
}
html[data-ak-theme="lol"] .ak-final-hero h1 {
  text-transform: none;
  letter-spacing: -.052em;
}
html[data-ak-theme="lol"] .ak-game-wordmark {
  color: rgba(245,223,165,.58);
  text-shadow: 0 0 22px rgba(57,195,222,.23);
}
html[data-ak-theme="lol"] .ak-game-data-card {
  border-color: rgba(226,195,111,.25);
  color: rgba(246,236,208,.9);
  background: rgba(4,13,22,.72);
}

html[data-ak-theme="valorant"] .ak-final-best-sellers,
html[data-ak-theme="valorant"] .ak-final-stats,
html[data-ak-theme="valorant"] .ak-final-category-section,
html[data-ak-theme="valorant"] .ak-final-top-card,
html[data-ak-theme="valorant"] .ak-final-activity-card,
html[data-ak-theme="valorant"] .ak-reviews-shell,
html[data-ak-theme="valorant"] .ak-product-card,
html[data-ak-theme="valorant"] .ak-product-info-panel,
html[data-ak-theme="valorant"] .ak-product-purchase-panel {
  border-color: rgba(255,70,85,.12) !important;
  background-image: linear-gradient(145deg, rgba(255,70,85,.018), transparent 37%);
}
html[data-ak-theme="lol"] .ak-final-best-sellers,
html[data-ak-theme="lol"] .ak-final-stats,
html[data-ak-theme="lol"] .ak-final-category-section,
html[data-ak-theme="lol"] .ak-final-top-card,
html[data-ak-theme="lol"] .ak-final-activity-card,
html[data-ak-theme="lol"] .ak-reviews-shell,
html[data-ak-theme="lol"] .ak-product-card,
html[data-ak-theme="lol"] .ak-product-info-panel,
html[data-ak-theme="lol"] .ak-product-purchase-panel {
  border-color: rgba(200,165,78,.14) !important;
  background-image: linear-gradient(145deg, rgba(200,165,78,.022), transparent 38%);
}
html[data-ak-theme="valorant"] .ak-product-card::after,
html[data-ak-theme="lol"] .ak-product-card::after {
  content: "";
  position: absolute;
  right: 11px;
  top: 11px;
  width: 22px;
  height: 22px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: .34;
  pointer-events: none;
}
html[data-ak-theme="valorant"] .ak-product-card::after { color: #ff4655; }
html[data-ak-theme="lol"] .ak-product-card::after { color: #d8b65f; border-radius: 0 5px 0 0; }
html[data-ak-theme="valorant"] .ak-product-card:hover,
html[data-ak-theme="valorant"] .ak-final-category-card:hover {
  border-color: rgba(255,70,85,.34) !important;
  box-shadow: 0 22px 62px rgba(255,70,85,.075), inset 0 1px rgba(255,255,255,.04);
}
html[data-ak-theme="lol"] .ak-product-card:hover,
html[data-ak-theme="lol"] .ak-final-category-card:hover {
  border-color: rgba(226,195,111,.32) !important;
  box-shadow: 0 22px 62px rgba(41,182,211,.06), inset 0 1px rgba(246,226,174,.04);
}
html[data-ak-theme="valorant"] .ak-product-price,
html[data-ak-theme="valorant"] .ak-final-ranking-price b { color: #ff6f7a; }
html[data-ak-theme="lol"] .ak-product-price,
html[data-ak-theme="lol"] .ak-final-ranking-price b { color: #e2c36f; }
html[data-ak-theme="valorant"] ::-webkit-scrollbar-thumb { background: rgba(255,70,85,.48); }
html[data-ak-theme="lol"] ::-webkit-scrollbar-thumb { background: rgba(200,165,78,.48); }

@keyframes ak-particle-drift {
  0% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-12px,-18px,0); }
  100% { transform: translate3d(-24px,-36px,0); }
}
@keyframes ak-rift-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes ak-lol-pan {
  from { transform: scale(1.03) translate3d(0,0,0); }
  to { transform: scale(1.075) translate3d(-1.8%, -1%, 0); }
}

@media (max-width: 1100px) {
  .ak-game-character-valorant { right: -8%; width: min(92%, 490px); }
  .ak-game-character-lol { object-position: 63% center; }
  .ak-theme-ambient img { opacity: .035 !important; }
}
@media (max-width: 900px) {
  .ak-theme-ambient { display: none; }
  .ak-game-character-valorant { right: 1%; bottom: -13%; width: min(75%, 450px); height: 108%; }
  .ak-game-character-lol { object-position: 68% center; }
  .ak-game-rift-ring { right: 15%; top: 17%; width: 48%; }
}
@media (max-width: 680px) {
  .ak-game-character-valorant { right: -4%; bottom: -10%; width: 92%; height: 108%; opacity: .96; }
  .ak-game-character-lol { width: 100%; height: 100%; object-position: 70% center; opacity: .92; }
  .ak-game-rift-ring { right: 6%; top: 13%; width: 70%; opacity: .62; }
  .ak-game-wordmark { max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html[data-ak-theme="valorant"] .ak-final-hero::before,
  html[data-ak-theme="lol"] .ak-final-hero::before {
    background: linear-gradient(180deg, var(--ak-surface) 0 43%, rgba(4,8,14,.42) 66%, transparent 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ak-game-particles,
  .ak-game-rift-ring,
  .ak-game-character-lol { animation: none !important; }
}
.ak-theme-ambient { z-index: 0; }
.ak-shell { position: relative; z-index: 1; }

/* ========================================================================
   AKREI NEXUS RIVALRY PRO — immersive Valorant / LoL appearance upgrade
   Visual-only game modes. Store copy and catalog data stay unchanged.
   ======================================================================== */
:root {
  --ak-motion-x: 0px;
  --ak-motion-y: 0px;
}

/* Always keep storefront copy above game artwork. */
.ak-final-hero-copy {
  position: relative;
  z-index: 30;
}
.ak-final-hero-art {
  z-index: 2;
  isolation: isolate;
}
.ak-game-hero {
  --ak-scene-x: 0px;
  --ak-scene-y: 0px;
  position: absolute;
  inset: 0;
  perspective: 1100px;
  transform-style: preserve-3d;
  contain: paint;
}

/* Stronger copy readability for both game appearances. */
html[data-ak-theme="valorant"] .ak-final-hero-copy,
html[data-ak-theme="lol"] .ak-final-hero-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html[data-ak-theme="valorant"] .ak-final-hero-copy::before,
html[data-ak-theme="lol"] .ak-final-hero-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7% -8% 7% -5%;
  border-radius: 28px;
  pointer-events: none;
  filter: blur(.1px);
}
html[data-ak-theme="valorant"] .ak-final-hero-copy::before {
  background: linear-gradient(90deg, rgba(4,6,10,.99) 0%, rgba(4,6,10,.93) 62%, rgba(4,6,10,.62) 82%, transparent 100%);
}
html[data-ak-theme="lol"] .ak-final-hero-copy::before {
  background: linear-gradient(90deg, rgba(2,9,17,.995) 0%, rgba(3,12,21,.95) 61%, rgba(3,12,21,.68) 83%, transparent 100%);
  box-shadow: inset 1px 0 rgba(226,195,111,.06);
}
html[data-ak-theme="valorant"] .ak-final-hero h1,
html[data-ak-theme="valorant"] .ak-final-hero-copy > p,
html[data-ak-theme="valorant"] .ak-final-trust-row,
html[data-ak-theme="lol"] .ak-final-hero h1,
html[data-ak-theme="lol"] .ak-final-hero-copy > p,
html[data-ak-theme="lol"] .ak-final-trust-row {
  position: relative;
  z-index: 2;
}
html[data-ak-theme="valorant"] .ak-final-hero h1 span,
html[data-ak-theme="lol"] .ak-final-hero h1 span {
  color: #f8fafc !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.78);
}
html[data-ak-theme="valorant"] .ak-final-hero h1 strong {
  color: #ff5d6b !important;
  text-shadow: 0 0 30px rgba(255,70,85,.22), 0 3px 26px rgba(0,0,0,.75);
}
html[data-ak-theme="lol"] .ak-final-hero h1 strong {
  color: #e4c86f !important;
  text-shadow: 0 0 30px rgba(226,195,111,.20), 0 3px 26px rgba(0,0,0,.76);
}
html[data-ak-theme="valorant"] .ak-final-hero-copy > p {
  color: rgba(244,247,252,.78) !important;
}
html[data-ak-theme="lol"] .ak-final-hero-copy > p {
  color: rgba(243,238,221,.80) !important;
}
html[data-ak-theme="valorant"] .ak-final-eyebrow {
  color: #ff8892;
  border-color: rgba(255,70,85,.28);
  background: rgba(255,70,85,.09);
  box-shadow: 0 0 30px rgba(255,70,85,.07);
}
html[data-ak-theme="lol"] .ak-final-eyebrow {
  color: #f0d88d;
  border-color: rgba(226,195,111,.28);
  background: rgba(226,195,111,.08);
  box-shadow: 0 0 30px rgba(42,197,206,.07);
}

/* More cinematic hero artwork and parallax. */
.ak-game-character {
  will-change: transform, filter;
  transform: translate3d(var(--ak-scene-x), var(--ak-scene-y), 0) scale(1.015);
  animation: ak-character-float-pro 9s ease-in-out infinite;
}
.ak-character-aura {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  transform: translate3d(var(--ak-scene-x-reverse), var(--ak-scene-y-reverse), 0);
  animation: ak-aura-breathe 6.5s ease-in-out infinite;
}
.ak-character-aura-valorant {
  right: 7%;
  top: 14%;
  width: 56%;
  height: 74%;
  background: radial-gradient(ellipse, rgba(194,37,180,.23), rgba(255,70,85,.10) 38%, transparent 72%);
  filter: blur(25px);
}
.ak-character-aura-lol {
  right: 2%;
  top: 7%;
  width: 72%;
  height: 88%;
  background: radial-gradient(ellipse, rgba(48,187,220,.19), rgba(226,195,111,.10) 44%, transparent 73%);
  filter: blur(28px);
}

/* Valorant: tactical energy, slashes, rotating portal. */
.ak-valorant-portal {
  position: absolute;
  z-index: 2;
  right: 12%;
  top: 14%;
  width: 56%;
  aspect-ratio: 1;
  border: 1px solid rgba(255,70,85,.22);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgba(255,70,85,.018), 0 0 0 70px rgba(185,37,176,.014), inset 0 0 80px rgba(185,37,176,.08);
  animation: ak-valorant-portal-spin 26s linear infinite;
}
.ak-valorant-portal::before,
.ak-valorant-portal::after {
  content: "";
  position: absolute;
  inset: 13%;
  border-radius: 50%;
  border: 1px dashed rgba(255,255,255,.16);
}
.ak-valorant-portal::after {
  inset: 31%;
  border-style: solid;
  border-color: rgba(255,70,85,.28);
  box-shadow: 0 0 25px rgba(255,70,85,.13);
}
.ak-valorant-slash {
  position: absolute;
  z-index: 3;
  width: 46%;
  height: 2px;
  right: 5%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,70,85,.1), #ff6673, transparent);
  box-shadow: 0 0 18px rgba(255,70,85,.55);
  transform-origin: right center;
  animation: ak-slash-pulse 4.8s ease-in-out infinite;
}
.ak-valorant-slash-one { top: 31%; transform: rotate(-18deg); }
.ak-valorant-slash-two { bottom: 24%; right: 12%; width: 38%; transform: rotate(23deg); animation-delay: -2.1s; }
html[data-ak-theme="valorant"] .ak-game-scanline {
  opacity: .42;
  background: repeating-linear-gradient(180deg, transparent 0 4px, rgba(255,255,255,.018) 5px 6px);
  animation: ak-scan-drift 10s linear infinite;
}
html[data-ak-theme="valorant"] .ak-game-character-valorant {
  filter: saturate(1.09) contrast(1.06) drop-shadow(0 34px 40px rgba(0,0,0,.72)) drop-shadow(0 0 28px rgba(194,37,180,.26));
}

/* LoL: arcane portal, rune arcs, gold-blue magic. */
.ak-lol-portal-core {
  position: absolute;
  z-index: 1;
  right: 12%;
  top: 8%;
  width: 66%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44,197,226,.17), rgba(31,91,148,.08) 31%, rgba(226,195,111,.045) 50%, transparent 72%);
  filter: blur(5px);
  animation: ak-lol-core-pulse 7s ease-in-out infinite;
}
.ak-lol-arc {
  position: absolute;
  z-index: 3;
  right: 7%;
  top: 8%;
  width: 66%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid transparent;
  border-top-color: rgba(226,195,111,.42);
  border-right-color: rgba(52,193,222,.22);
  filter: drop-shadow(0 0 13px rgba(50,194,223,.12));
  animation: ak-lol-arc-spin 22s linear infinite;
}
.ak-lol-arc-two {
  right: 15%;
  top: 18%;
  width: 49%;
  border-top-color: rgba(59,198,226,.42);
  border-left-color: rgba(226,195,111,.22);
  animation-direction: reverse;
  animation-duration: 16s;
}
html[data-ak-theme="lol"] .ak-game-rift-ring {
  opacity: .9;
  transform: translate3d(var(--ak-scene-x-reverse), var(--ak-scene-y-reverse), 0);
}
html[data-ak-theme="lol"] .ak-game-character-lol {
  object-position: 69% center;
  filter: saturate(1.03) contrast(1.06) brightness(.88) drop-shadow(0 28px 42px rgba(0,0,0,.60));
}
html[data-ak-theme="lol"] .ak-game-hero-lol::after {
  background:
    linear-gradient(90deg, rgba(2,9,17,1) 0 9%, rgba(2,9,17,.86) 22%, transparent 56%),
    linear-gradient(180deg, transparent 58%, rgba(2,8,14,.88) 100%);
}
html[data-ak-theme="lol"] .ak-game-rune {
  text-shadow: 0 0 18px rgba(226,195,111,.7), 0 0 36px rgba(42,197,206,.25);
}

/* Theme-specific card polish without making the site noisy. */
html[data-ak-theme="valorant"] .ak-final-category-card,
html[data-ak-theme="valorant"] .ak-product-card,
html[data-ak-theme="valorant"] .ak-final-best-sellers,
html[data-ak-theme="valorant"] .ak-final-stats {
  background: linear-gradient(145deg, rgba(13,16,23,.96), rgba(8,10,16,.94));
  border-color: rgba(255,70,85,.15);
}
html[data-ak-theme="lol"] .ak-final-category-card,
html[data-ak-theme="lol"] .ak-product-card,
html[data-ak-theme="lol"] .ak-final-best-sellers,
html[data-ak-theme="lol"] .ak-final-stats {
  background: linear-gradient(145deg, rgba(7,18,28,.97), rgba(4,12,20,.95));
  border-color: rgba(226,195,111,.16);
}
html[data-ak-theme="lol"] .ak-final-category-card strong,
html[data-ak-theme="lol"] .ak-product-card strong,
html[data-ak-theme="lol"] .ak-final-ranking-copy strong,
html[data-ak-theme="lol"] .ak-final-panel-head h2,
html[data-ak-theme="lol"] .ak-final-panel-head span {
  color: #f5edd9 !important;
}
html[data-ak-theme="lol"] .ak-final-category-card small,
html[data-ak-theme="lol"] .ak-product-card small,
html[data-ak-theme="lol"] .ak-final-ranking-copy small {
  color: rgba(232,225,204,.62) !important;
}

/* ========================================================================
   Product description renderer — styles Description Studio output directly
   and upgrades legacy/manual descriptions into the same visual language.
   ======================================================================== */
.ak-product-description {
  container-type: inline-size;
}
.ak-product-description .editor {
  color: var(--ak-text-soft) !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}
.ak-product-description .akrei-product-description,
.ak-product-description .akrei-legacy-polished {
  display: grid;
  gap: 14px;
  color: var(--ak-text-soft);
}
.ak-product-description .akrei-product-hero,
.ak-product-description .akrei-product-section,
.ak-product-description .akrei-guarantee-box,
.ak-product-description .akrei-product-note,
.ak-product-description .akrei-legacy-section {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ak-border);
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--ak-surface) 95%, var(--ak-accent) 5%), var(--ak-surface));
  box-shadow: 0 18px 42px rgba(0,0,0,.08), inset 0 1px rgba(255,255,255,.025);
}
.ak-product-description .akrei-product-hero {
  padding: clamp(20px, 3.4vw, 30px);
  border-color: color-mix(in srgb, var(--ak-accent) 32%, var(--ak-border));
  background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--ak-accent) 15%, transparent), transparent 35%),
    linear-gradient(145deg, color-mix(in srgb, var(--ak-surface) 90%, var(--ak-accent) 10%), var(--ak-surface));
}
.ak-product-description .akrei-product-hero::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -55px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--ak-accent) 24%, transparent);
  box-shadow: 0 0 0 25px color-mix(in srgb, var(--ak-accent) 3%, transparent), 0 0 0 50px color-mix(in srgb, var(--ak-accent) 2%, transparent);
  pointer-events: none;
}
.ak-product-description .akrei-product-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--ak-accent) 28%, var(--ak-border));
  border-radius: 999px;
  color: var(--ak-accent-strong);
  background: color-mix(in srgb, var(--ak-accent) 8%, transparent);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ak-product-description .akrei-product-title {
  margin: 16px 0 8px !important;
  color: var(--ak-text) !important;
  font-size: clamp(22px, 4vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  font-weight: 820 !important;
}
.ak-product-description .akrei-product-lead {
  max-width: 780px;
  margin: 0 !important;
  color: var(--ak-text-soft) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}
.ak-product-description .akrei-product-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.ak-product-description .akrei-trust-item {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--ak-border);
  border-radius: 999px;
  color: var(--ak-text);
  background: color-mix(in srgb, var(--ak-surface) 88%, var(--ak-accent) 12%);
  font-size: 10px;
  font-weight: 700;
}
.ak-product-description .akrei-product-section,
.ak-product-description .akrei-legacy-section {
  padding: 20px;
}
.ak-product-description .akrei-product-section h3,
.ak-product-description .akrei-legacy-section > h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 13px !important;
  color: var(--ak-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
}
.ak-product-description .akrei-product-section h3::before,
.ak-product-description .akrei-legacy-section > h3::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 3px;
  background: var(--ak-accent-strong);
  box-shadow: 0 0 18px color-mix(in srgb, var(--ak-accent) 45%, transparent);
}
.ak-product-description .akrei-check-list,
.ak-product-description .akrei-legacy-section ul {
  display: grid;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.ak-product-description .akrei-check-list li,
.ak-product-description .akrei-legacy-section li {
  position: relative;
  margin: 0 !important;
  padding-left: 23px !important;
  color: var(--ak-text-soft) !important;
  line-height: 1.65 !important;
}
.ak-product-description .akrei-check-list li::before,
.ak-product-description .akrei-legacy-section li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: .05em;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff;
  background: var(--ak-accent-strong);
  font-size: 8px;
  font-weight: 900;
  box-shadow: 0 0 15px color-mix(in srgb, var(--ak-accent) 25%, transparent);
}
.ak-product-description .akrei-guarantee-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-color: rgba(34,197,94,.28);
  background: linear-gradient(135deg, rgba(18,88,62,.20), rgba(7,31,26,.16));
}
.ak-product-description .akrei-guarantee-badge {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  color: #5ee99a;
  background: rgba(20,114,72,.25);
  border: 1px solid rgba(64,215,133,.16);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.04em;
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.12);
}
.ak-product-description .akrei-guarantee-copy strong {
  display: block;
  margin-bottom: 5px;
  color: #f4fff8 !important;
  font-size: 14px;
  font-weight: 800;
}
.ak-product-description .akrei-guarantee-copy p {
  margin: 0 !important;
  color: rgba(222,248,234,.70) !important;
  line-height: 1.65 !important;
}
.ak-product-description .akrei-product-note {
  padding: 15px 17px;
  border-color: rgba(245,158,11,.24);
  background: linear-gradient(135deg, rgba(122,73,13,.16), rgba(28,20,10,.10));
  color: color-mix(in srgb, var(--ak-text-soft) 88%, #fbbf24 12%) !important;
  line-height: 1.65;
}
.ak-product-description .akrei-product-note strong {
  color: #f5c65c !important;
}

/* Legacy/manual description upgrade created by site JS. */
.ak-product-description .akrei-legacy-polished > .akrei-legacy-intro {
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--ak-accent) 25%, var(--ak-border));
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--ak-surface) 91%, var(--ak-accent) 9%), var(--ak-surface));
}
.ak-product-description .akrei-legacy-intro > :first-child { margin-top: 0 !important; }
.ak-product-description .akrei-legacy-intro > :last-child { margin-bottom: 0 !important; }
.ak-product-description .akrei-legacy-section p { margin: 0 0 10px !important; }
.ak-product-description .akrei-legacy-section p:last-child { margin-bottom: 0 !important; }

/* Light appearance description compatibility. */
html[data-ak-theme="light"] .ak-product-description .akrei-product-hero,
html[data-ak-theme="light"] .ak-product-description .akrei-product-section,
html[data-ak-theme="light"] .ak-product-description .akrei-guarantee-box,
html[data-ak-theme="light"] .ak-product-description .akrei-product-note,
html[data-ak-theme="light"] .ak-product-description .akrei-legacy-section,
html[data-ak-theme="light"] .ak-product-description .akrei-legacy-intro {
  box-shadow: 0 18px 40px rgba(23,28,38,.055), inset 0 1px rgba(255,255,255,.7);
}
html[data-ak-theme="light"] .ak-product-description .akrei-guarantee-box {
  background: linear-gradient(135deg, rgba(220,252,231,.88), rgba(240,253,244,.92));
}
html[data-ak-theme="light"] .ak-product-description .akrei-guarantee-copy strong { color: #12532f !important; }
html[data-ak-theme="light"] .ak-product-description .akrei-guarantee-copy p { color: #376249 !important; }
html[data-ak-theme="light"] .ak-product-description .akrei-product-note {
  background: linear-gradient(135deg, rgba(255,247,224,.94), rgba(255,251,235,.98));
}

@container (max-width: 520px) {
  .ak-product-description .akrei-guarantee-box { grid-template-columns: 1fr; }
  .ak-product-description .akrei-guarantee-badge { width: 54px; height: 54px; border-radius: 15px; font-size: 17px; }
  .ak-product-description .akrei-product-trust { display: grid; grid-template-columns: 1fr; }
  .ak-product-description .akrei-trust-item { justify-content: flex-start; }
}

@keyframes ak-character-float-pro {
  0%,100% { transform: translate3d(var(--ak-scene-x), var(--ak-scene-y), 0) scale(1.015); }
  50% { transform: translate3d(var(--ak-scene-x), calc(var(--ak-scene-y) - 8px), 0) scale(1.027); }
}
@keyframes ak-aura-breathe {
  0%,100% { opacity: .64; transform: translate3d(var(--ak-scene-x-reverse), var(--ak-scene-y-reverse), 0) scale(.96); }
  50% { opacity: 1; transform: translate3d(var(--ak-scene-x-reverse), var(--ak-scene-y-reverse), 0) scale(1.045); }
}
@keyframes ak-valorant-portal-spin { to { transform: rotate(360deg); } }
@keyframes ak-slash-pulse { 0%,100% { opacity: .16; filter: blur(.2px); } 50% { opacity: .9; filter: blur(0); } }
@keyframes ak-scan-drift { from { background-position: 0 0; } to { background-position: 0 180px; } }
@keyframes ak-lol-core-pulse { 0%,100% { opacity: .48; transform: scale(.92); } 50% { opacity: .9; transform: scale(1.04); } }
@keyframes ak-lol-arc-spin { to { transform: rotate(360deg); } }

@media (max-width: 980px) {
  html[data-ak-theme="valorant"] .ak-final-hero-copy::before,
  html[data-ak-theme="lol"] .ak-final-hero-copy::before {
    inset: 0 -2% -8% -2%;
    background: linear-gradient(180deg, var(--ak-surface) 0%, color-mix(in srgb, var(--ak-surface) 94%, transparent) 70%, transparent 100%);
  }
  .ak-valorant-portal, .ak-lol-arc, .ak-lol-portal-core { right: 2%; }
}
@media (max-width: 680px) {
  .ak-game-character-valorant { right: -13% !important; width: 114% !important; opacity: .92; }
  .ak-game-character-lol { object-position: 72% center !important; opacity: .90; }
  .ak-valorant-portal { width: 72%; right: -5%; top: 8%; }
  .ak-lol-arc { width: 80%; right: -9%; top: 6%; }
  .ak-lol-portal-core { width: 82%; right: -8%; top: 4%; }
  .ak-product-description .akrei-product-section,
  .ak-product-description .akrei-legacy-section { padding: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .ak-game-character,
  .ak-character-aura,
  .ak-valorant-portal,
  .ak-valorant-slash,
  .ak-lol-portal-core,
  .ak-lol-arc,
  .ak-game-scanline { animation: none !important; }
}

/* Subtle full-page character atmosphere; never interferes with readability. */
html[data-ak-theme="valorant"] .ak-theme-ambient-valorant {
  opacity: .085;
  animation: ak-ambient-valorant 16s ease-in-out infinite alternate;
}
html[data-ak-theme="lol"] .ak-theme-ambient-lol {
  opacity: .078;
  width: min(31vw, 420px);
  animation: ak-ambient-lol 18s ease-in-out infinite alternate;
}
@keyframes ak-ambient-valorant {
  from { transform: translate3d(0, 8px, 0) scale(.985); filter: grayscale(.15) saturate(1.2) drop-shadow(0 0 55px rgba(255,70,85,.30)); }
  to { transform: translate3d(-10px, -5px, 0) scale(1.018); filter: grayscale(.08) saturate(1.35) drop-shadow(0 0 82px rgba(255,70,85,.45)); }
}
@keyframes ak-ambient-lol {
  from { transform: translate3d(0, 8px, 0) scale(.99); filter: saturate(.85) sepia(.06) drop-shadow(0 0 55px rgba(38,180,220,.25)); }
  to { transform: translate3d(9px, -7px, 0) scale(1.02); filter: saturate(1.02) sepia(.04) drop-shadow(0 0 82px rgba(226,195,111,.28)); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ak-theme="valorant"] .ak-theme-ambient-valorant,
  html[data-ak-theme="lol"] .ak-theme-ambient-lol { animation: none !important; }
}

/* ========================================================================
   AKREI RIVALRY FINAL v12 — authentic game appearance, readable UI
   Appearance modes remain visual only; storefront copy stays language-driven.
   ======================================================================== */

/* Hero geometry and layering */
.ak-final-hero {
  min-height: 500px;
}
.ak-final-hero-art {
  overflow: hidden;
  border-radius: inherit;
}
.ak-game-hero {
  overflow: hidden;
}
.ak-game-hero > * {
  pointer-events: none;
}

/* ------------------------------ VALORANT ------------------------------ */
html[data-ak-theme="valorant"] {
  --ak-game-primary: 255 70 85;
  --ak-game-secondary: 178 42 190;
  --ak-game-deep: 5 7 12;
}
html[data-ak-theme="valorant"] body {
  background:
    radial-gradient(circle at 85% 4%, rgba(255,70,85,.17), transparent 30rem),
    radial-gradient(circle at 70% 58%, rgba(173,36,190,.10), transparent 34rem),
    linear-gradient(180deg, #05070b 0%, #030407 100%);
}
html[data-ak-theme="valorant"] .ak-final-hero {
  border-color: rgba(255,70,85,.22) !important;
  background:
    linear-gradient(90deg, #05070b 0 42%, rgba(5,7,11,.90) 53%, rgba(5,7,11,.18) 100%),
    #05070b !important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    inset 0 1px rgba(255,255,255,.035),
    0 0 0 1px rgba(255,70,85,.025);
}
html[data-ak-theme="valorant"] .ak-final-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  background:
    linear-gradient(135deg, transparent 0 67%, rgba(255,70,85,.18) 67.2% 68.4%, transparent 68.6%),
    linear-gradient(45deg, transparent 0 78%, rgba(255,70,85,.08) 78.2% 79.4%, transparent 79.6%);
  mix-blend-mode:screen;
  opacity:.72;
}
html[data-ak-theme="valorant"] .ak-game-hero-valorant {
  display:block;
  background:
    radial-gradient(circle at 77% 47%, rgba(184,35,189,.22), transparent 28%),
    radial-gradient(circle at 90% 14%, rgba(255,70,85,.25), transparent 33%),
    linear-gradient(112deg, transparent 0 46%, rgba(255,70,85,.045) 47% 61%, transparent 62%);
}
html[data-ak-theme="valorant"] .ak-game-character-valorant {
  right:-2%;
  bottom:-12%;
  width:min(88%, 590px);
  height:116%;
  opacity:1;
  object-position:right bottom;
  filter:
    saturate(1.14)
    contrast(1.08)
    drop-shadow(0 36px 48px rgba(0,0,0,.78))
    drop-shadow(0 0 34px rgba(195,38,184,.34));
  animation:ak-v-agent-float 8.5s ease-in-out infinite;
}
html[data-ak-theme="valorant"] .ak-game-scanline {
  position:absolute;
  inset:0;
  z-index:8;
  opacity:.28;
  background:
    repeating-linear-gradient(180deg, transparent 0 5px, rgba(255,255,255,.025) 6px 7px),
    linear-gradient(180deg, transparent, rgba(255,70,85,.07), transparent);
  background-size:auto, 100% 24%;
  animation:ak-v-scan 8s linear infinite;
}
.ak-v-emblem {
  position:absolute;
  z-index:4;
  right:10.5%;
  top:9%;
  width:86px;
  height:86px;
  opacity:.22;
  filter:drop-shadow(0 0 18px rgba(255,70,85,.35));
  animation:ak-v-emblem-pulse 5.5s ease-in-out infinite;
}
.ak-v-emblem::before,
.ak-v-emblem::after,
.ak-v-emblem i,
.ak-v-emblem b {
  content:"";
  position:absolute;
  display:block;
  background:linear-gradient(180deg,#ff7680,#ff4655);
  clip-path:polygon(0 0,100% 0,52% 100%,35% 100%);
}
.ak-v-emblem::before { inset:4px 42px 18px 8px; transform:skewX(-11deg); }
.ak-v-emblem::after { inset:4px 8px 18px 42px; transform:scaleX(-1) skewX(-11deg); }
.ak-v-emblem i { width:21px;height:47px;left:34px;bottom:5px;clip-path:polygon(0 0,100% 0,52% 100%); }
.ak-v-emblem b { inset:0;background:transparent;border:1px solid rgba(255,70,85,.34);clip-path:none;transform:rotate(45deg); }
.ak-v-coordinate {
  position:absolute;
  z-index:4;
  color:rgba(255,255,255,.27);
  font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.18em;
}
.ak-v-coordinate-a { right:4%;top:30%;writing-mode:vertical-rl; }
.ak-v-coordinate-b { right:20%;bottom:7%; }
.ak-v-shard {
  position:absolute;
  z-index:3;
  width:44px;
  height:110px;
  background:linear-gradient(180deg,rgba(255,70,85,.38),rgba(181,37,187,.04));
  clip-path:polygon(48% 0,100% 100%,0 78%);
  filter:drop-shadow(0 0 16px rgba(255,70,85,.3));
  animation:ak-v-shard-drift 7s ease-in-out infinite;
}
.ak-v-shard-a { right:31%;top:12%;transform:rotate(17deg) scale(.62); }
.ak-v-shard-b { right:5%;top:39%;transform:rotate(-21deg) scale(.43);animation-delay:-2s; }
.ak-v-shard-c { right:39%;bottom:5%;transform:rotate(41deg) scale(.34);animation-delay:-4s; }
html[data-ak-theme="valorant"] .ak-final-primary,
html[data-ak-theme="valorant"] .ak-buy-now-button,
html[data-ak-theme="valorant"] .ak-add-to-cart-button {
  background:linear-gradient(135deg,#ff4655,#d93648)!important;
  color:#fff!important;
  box-shadow:0 14px 35px rgba(255,70,85,.22)!important;
}
html[data-ak-theme="valorant"] .ak-product-card,
html[data-ak-theme="valorant"] .ak-final-category-card,
html[data-ak-theme="valorant"] .ak-final-best-sellers,
html[data-ak-theme="valorant"] .ak-product-info-panel,
html[data-ak-theme="valorant"] .ak-purchase-panel {
  border-color:rgba(255,70,85,.16)!important;
  background:
    linear-gradient(145deg,rgba(255,70,85,.025),transparent 36%),
    rgba(10,12,18,.94)!important;
}
html[data-ak-theme="valorant"] .ak-product-card::before,
html[data-ak-theme="valorant"] .ak-final-category-card::before {
  content:"";
  position:absolute;
  top:0;left:0;
  width:38px;height:2px;
  background:#ff4655;
  box-shadow:0 0 18px rgba(255,70,85,.65);
}

/* --------------------------- LEAGUE OF LEGENDS ------------------------ */
html[data-ak-theme="lol"] {
  --ak-game-primary: 215 181 91;
  --ak-game-secondary: 49 184 220;
  --ak-game-deep: 2 10 17;
}
html[data-ak-theme="lol"] body {
  background:
    radial-gradient(circle at 83% 6%, rgba(47,177,217,.17), transparent 31rem),
    radial-gradient(circle at 20% 70%, rgba(214,180,89,.11), transparent 32rem),
    linear-gradient(180deg,#030b13 0%,#02070d 100%);
}
html[data-ak-theme="lol"] .ak-final-hero {
  border-color:rgba(215,181,91,.25)!important;
  background:
    linear-gradient(90deg,#030b13 0 42%,rgba(3,11,19,.91) 53%,rgba(3,11,19,.13) 100%),
    #030b13!important;
  box-shadow:
    0 32px 90px rgba(0,0,0,.5),
    inset 0 1px rgba(244,220,151,.05),
    0 0 0 1px rgba(48,183,218,.025);
}
html[data-ak-theme="lol"] .ak-final-hero::after {
  content:"";
  position:absolute;
  inset:10px;
  z-index:7;
  border:1px solid rgba(216,182,92,.10);
  border-radius:22px;
  pointer-events:none;
  clip-path:polygon(0 0,30% 0,33% 2px,67% 2px,70% 0,100% 0,100% 100%,70% 100%,67% calc(100% - 2px),33% calc(100% - 2px),30% 100%,0 100%);
}
html[data-ak-theme="lol"] .ak-game-hero-lol {
  display:block;
  background:
    radial-gradient(circle at 76% 42%, rgba(48,190,225,.20), transparent 26%),
    radial-gradient(circle at 90% 16%, rgba(216,182,92,.17), transparent 35%),
    linear-gradient(110deg,transparent 0 44%,rgba(43,124,170,.04) 45% 72%,transparent 73%);
}
html[data-ak-theme="lol"] .ak-game-character-lol {
  inset:0 -2% 0 auto;
  width:102%;
  height:104%;
  object-fit:cover;
  object-position:68% center;
  opacity:1;
  filter:
    saturate(1.11)
    contrast(1.08)
    brightness(.93)
    drop-shadow(0 34px 45px rgba(0,0,0,.66));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 16%,#000 39%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 16%,#000 39%,#000 100%);
  animation:ak-lol-champion-drift 13s ease-in-out infinite alternate;
}
.ak-lol-crest {
  position:absolute;
  z-index:5;
  right:8%;
  top:8%;
  width:92px;
  height:92px;
  border:1px solid rgba(218,186,101,.28);
  transform:rotate(45deg);
  box-shadow:0 0 0 10px rgba(218,186,101,.025),0 0 36px rgba(43,188,221,.12);
  animation:ak-lol-crest-pulse 7s ease-in-out infinite;
}
.ak-lol-crest::before,
.ak-lol-crest::after,
.ak-lol-crest i,
.ak-lol-crest b,
.ak-lol-crest em {
  content:"";
  position:absolute;
  display:block;
}
.ak-lol-crest::before { inset:15px;border:1px solid rgba(51,191,223,.34); }
.ak-lol-crest::after { inset:31px;border-radius:50%;background:radial-gradient(circle,#d8b65f 0 12%,rgba(48,192,224,.55) 13% 34%,transparent 36%);box-shadow:0 0 24px rgba(49,188,221,.45); }
.ak-lol-crest i { left:44px;top:-17px;width:2px;height:126px;background:linear-gradient(transparent,#d8b65f,transparent); }
.ak-lol-crest b { left:-17px;top:44px;width:126px;height:2px;background:linear-gradient(90deg,transparent,#d8b65f,transparent); }
.ak-lol-crest em { inset:7px;border:1px dashed rgba(218,186,101,.19);border-radius:50%;animation:ak-lol-ring-spin 18s linear infinite; }
.ak-lol-sigil {
  position:absolute;
  z-index:4;
  color:rgba(235,209,137,.7);
  font-size:18px;
  text-shadow:0 0 18px rgba(235,209,137,.8),0 0 35px rgba(48,190,224,.35);
  animation:ak-lol-sigil-float 5.5s ease-in-out infinite;
}
.ak-lol-sigil-a { right:34%;top:18%; }
.ak-lol-sigil-b { right:9%;top:43%;animation-delay:-1.8s; }
.ak-lol-sigil-c { right:29%;bottom:12%;animation-delay:-3.4s; }
.ak-lol-mist {
  position:absolute;
  z-index:2;
  right:-12%;
  bottom:-28%;
  width:86%;
  height:65%;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(48,190,224,.18),transparent 58%),
    radial-gradient(ellipse at 72% 58%,rgba(216,182,92,.13),transparent 52%);
  filter:blur(34px);
  animation:ak-lol-mist-drift 9s ease-in-out infinite alternate;
}
html[data-ak-theme="lol"] .ak-final-primary,
html[data-ak-theme="lol"] .ak-buy-now-button,
html[data-ak-theme="lol"] .ak-add-to-cart-button {
  background:linear-gradient(135deg,#e1c36f,#b78931)!important;
  color:#06111b!important;
  box-shadow:0 14px 36px rgba(215,181,91,.20)!important;
}
html[data-ak-theme="lol"] .ak-product-card,
html[data-ak-theme="lol"] .ak-final-category-card,
html[data-ak-theme="lol"] .ak-final-best-sellers,
html[data-ak-theme="lol"] .ak-product-info-panel,
html[data-ak-theme="lol"] .ak-purchase-panel {
  border-color:rgba(215,181,91,.18)!important;
  background:
    linear-gradient(145deg,rgba(48,190,224,.028),transparent 34%),
    linear-gradient(315deg,rgba(215,181,91,.025),transparent 34%),
    rgba(5,15,24,.95)!important;
}
html[data-ak-theme="lol"] .ak-product-card::before,
html[data-ak-theme="lol"] .ak-final-category-card::before {
  content:"";
  position:absolute;
  top:0;left:18%;right:18%;height:1px;
  background:linear-gradient(90deg,transparent,#d8b65f,transparent);
  box-shadow:0 0 14px rgba(216,182,95,.45);
}
html[data-ak-theme="lol"] .ak-final-hero-copy,
html[data-ak-theme="lol"] .ak-final-hero-copy p,
html[data-ak-theme="lol"] .ak-final-trust-row,
html[data-ak-theme="lol"] .ak-final-panel-head,
html[data-ak-theme="lol"] .ak-final-panel-head h2,
html[data-ak-theme="lol"] .ak-final-panel-head span {
  color:#f5edd9!important;
}
html[data-ak-theme="lol"] .ak-final-hero-copy::before {
  background:linear-gradient(90deg,rgba(2,9,16,.995) 0%,rgba(3,12,20,.96) 62%,rgba(3,12,20,.72) 82%,transparent 100%)!important;
}

/* Description localization state */
.ak-product-description .editor[data-ak-description-language] {
  min-height:120px;
}
.ak-product-description .akrei-product-description[data-ak-localized="true"] {
  animation:ak-description-enter .34s ease both;
}

/* Anti-inspection shortcut feedback. This is a deterrent, not a security boundary. */
.ak-protection-toast {
  position:fixed;
  z-index:99999;
  right:18px;
  bottom:18px;
  max-width:min(360px,calc(100vw - 36px));
  padding:12px 14px;
  border:1px solid rgba(var(--cl-accent),.28);
  border-radius:14px;
  color:rgb(var(--cl-t-primary));
  background:rgba(var(--cl-card),.96);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
  font-size:12px;
  font-weight:700;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:.22s ease;
  backdrop-filter:blur(18px);
}
.ak-protection-toast.is-visible { opacity:1;transform:translateY(0); }

@keyframes ak-v-agent-float {
  0%,100% { transform:translate3d(var(--ak-scene-x),calc(var(--ak-scene-y) + 0px),0) scale(1.018); }
  50% { transform:translate3d(var(--ak-scene-x),calc(var(--ak-scene-y) - 9px),0) scale(1.035); }
}
@keyframes ak-v-scan { from{background-position:0 0,0 -40%;} to{background-position:0 0,0 140%;} }
@keyframes ak-v-emblem-pulse { 0%,100%{opacity:.17;transform:scale(.94);}50%{opacity:.34;transform:scale(1.05);} }
@keyframes ak-v-shard-drift { 0%,100%{opacity:.2;translate:0 0;}50%{opacity:.65;translate:0 -14px;} }
@keyframes ak-lol-champion-drift { 0%{transform:scale(1.01) translate3d(0,0,0);}100%{transform:scale(1.055) translate3d(-12px,-6px,0);} }
@keyframes ak-lol-crest-pulse { 0%,100%{opacity:.38;filter:drop-shadow(0 0 8px rgba(48,190,224,.18));}50%{opacity:.72;filter:drop-shadow(0 0 22px rgba(48,190,224,.35));} }
@keyframes ak-lol-ring-spin { to{transform:rotate(360deg);} }
@keyframes ak-lol-sigil-float { 0%,100%{transform:translateY(0) scale(.9);opacity:.38;}50%{transform:translateY(-12px) scale(1.12);opacity:.95;} }
@keyframes ak-lol-mist-drift { 0%{transform:translate3d(0,0,0) scale(.94);opacity:.5;}100%{transform:translate3d(-5%,-4%,0) scale(1.08);opacity:.9;} }
@keyframes ak-description-enter { from{opacity:.35;transform:translateY(6px);}to{opacity:1;transform:none;} }

@media (max-width:1100px) {
  .ak-final-hero { min-height:470px; }
  html[data-ak-theme="valorant"] .ak-game-character-valorant { right:-8%;width:min(94%,540px); }
  html[data-ak-theme="lol"] .ak-game-character-lol { object-position:72% center; }
  .ak-v-emblem,.ak-lol-crest { right:5%;transform:scale(.82) rotate(45deg); }
  .ak-v-emblem { transform:scale(.82); }
}
@media (max-width:900px) {
  .ak-final-hero { min-height:540px; }
  html[data-ak-theme="valorant"] .ak-final-hero::before,
  html[data-ak-theme="lol"] .ak-final-hero::before {
    background:linear-gradient(180deg,rgba(3,7,12,.99) 0 49%,rgba(3,7,12,.76) 67%,rgba(3,7,12,.12) 100%)!important;
  }
  .ak-v-coordinate,.ak-v-emblem,.ak-lol-crest { display:none; }
  html[data-ak-theme="valorant"] .ak-game-character-valorant { right:-2%;bottom:-16%;width:82%;height:73%; }
  html[data-ak-theme="lol"] .ak-game-character-lol { inset:auto 0 0 0;width:100%;height:68%;object-position:68% 30%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 100%); }
}
@media (max-width:680px) {
  .ak-final-hero { min-height:565px; }
  html[data-ak-theme="valorant"] .ak-game-character-valorant { right:-13%;bottom:-13%;width:113%;height:68%;opacity:.96; }
  html[data-ak-theme="lol"] .ak-game-character-lol { height:64%;object-position:72% center;opacity:.95; }
  .ak-v-shard,.ak-lol-sigil { opacity:.55; }
  .ak-protection-toast { left:12px;right:12px;bottom:12px;max-width:none;text-align:center; }
}
@media (prefers-reduced-motion:reduce) {
  .ak-game-character-valorant,.ak-game-character-lol,.ak-v-emblem,.ak-v-shard,.ak-lol-crest,.ak-lol-crest em,.ak-lol-sigil,.ak-lol-mist,.ak-game-scanline,.akrei-product-description[data-ak-localized="true"] { animation:none!important; }
}