:root {
  --bg: #03050A;
  --bg-soft: #060A10;
  --surface: rgba(8, 12, 18, .92);
  --surface-2: rgba(12, 17, 25, .94);
  --surface-3: rgba(15, 20, 29, .98);
  --carbon-0: #05080D;
  --carbon-1: #080D14;
  --carbon-2: #0D131B;
  --carbon-3: #121925;
  --line: rgba(234, 242, 255, .10);
  --line-soft: rgba(234, 242, 255, .065);
  --cyan: #00E7FF;
  --cyan-soft: #72F3FF;
  --violet: #7A35FF;
  --magenta: #FF00FF;
  --text: #EAF2FF;
  --text-soft: #B8C3D5;
  --muted: #8290A6;
  --muted-2: #566176;
  --danger: #FF5F7A;
  --success: #46F7A7;
  --radius: 22px;
  --radius-lg: 32px;
  --wrap: 1560px;
  --font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --ease: cubic-bezier(.2,.85,.18,1);
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; background: var(--bg); color-scheme: dark; }
body {
  min-height: 100%;
  margin: 0;
  color: var(--text);
  font-family: var(--font);
  background:
    radial-gradient(circle at 0% 0%, rgba(0, 231, 255, .08), transparent 30rem),
    radial-gradient(circle at 100% 4%, rgba(255, 0, 255, .06), transparent 32rem),
    linear-gradient(180deg, #02040A 0%, #03050A 46%, #050811 100%);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  opacity: .55;
  background:
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    repeating-linear-gradient(135deg, transparent 0 13px, rgba(255,255,255,.018) 14px, transparent 16px);
  background-size: 94px 94px, 94px 94px, 100% 100%;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.1) 78%, transparent);
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(100deg, transparent 0 7%, rgba(0,231,255,.03) 7.2%, transparent 8.8% 76%, rgba(255,0,255,.025) 76.2%, transparent 78%);
}
.no-scroll { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
[hidden] { display: none !important; }

.lang-en { display: none; }
.lang-de { display: inline; }
html[data-zentra-lang="en"] .lang-de { display: none; }
html[data-zentra-lang="en"] .lang-en { display: inline; }
.en-line { display: none; }

.site { min-height: 100vh; }
.site-content, .site-header, .footer { width: min(var(--wrap), calc(100% - 48px)); margin-inline: auto; }
.site-content { padding-top: 28px; }
.section { margin-top: 64px; }
.page-category .section, .page-package .section, .page-checkout .section { margin-top: 42px; }

.zentra-frame {
  position: relative;
  border: 1px solid rgba(114, 243, 255, .17);
  background:
    linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(10, 14, 21, .93), rgba(5, 8, 13, .96));
  box-shadow: 0 26px 90px rgba(0,0,0,.34);
  overflow: hidden;
}
.zentra-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(0,231,255,.42), transparent 18%, transparent 78%, rgba(255,0,255,.32)) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  padding: 1px;
  opacity: .52;
}

/* Header */
.site-header {
  position: sticky;
  top: 16px;
  z-index: 50;
  margin-top: 18px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(10, 15, 23, .96), rgba(4, 7, 12, .98)),
    #05080D;
  border: 1px solid rgba(234,242,255,.09);
  box-shadow: 0 22px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045);
}
.header-topline {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  border-bottom: 1px solid rgba(234,242,255,.07);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.topline-left, .topline-right { display: flex; align-items: center; gap: 20px; }
.topline-right a:hover, .nav a:hover { color: var(--cyan-soft); }
.top-dot { width: 7px; height: 7px; border-radius: 99px; background: var(--cyan); box-shadow: 0 0 16px rgba(0,231,255,.55); }
.header-main {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 0 22px;
}
.brand { display: flex; align-items: center; gap: 13px; min-width: max-content; }
.brand-mark { width: 50px; height: 50px; display: grid; place-items: center; }
.brand-mark img { width: 50px; height: 50px; object-fit: contain; filter: drop-shadow(0 0 14px rgba(0,231,255,.2)); }
.brand-copy strong { display: block; font-family: var(--display); font-size: 18px; letter-spacing: .14em; line-height: 1; }
.brand-copy small { display: block; margin-top: 5px; color: var(--text-soft); text-transform: uppercase; letter-spacing: .42em; font-size: 9px; font-weight: 900; }
.nav { justify-self: center; display: flex; align-items: center; gap: 6px; min-width: 0; }
.nav a { position: relative; min-height: 38px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 999px; color: var(--text-soft); font-weight: 900; font-size: 14px; }
.nav a.active { color: var(--text); border: 1px solid rgba(114,243,255,.24); background: linear-gradient(180deg, rgba(18,25,37,.92), rgba(8,12,18,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(0,231,255,.04); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.language-switch { display: inline-flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid rgba(234,242,255,.10); border-radius: 999px; background: linear-gradient(180deg, rgba(13,19,27,.88), rgba(6,9,14,.94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.language-switch button { width: 38px; height: 26px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 950; cursor: pointer; transition: color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease); }
.language-switch button[aria-pressed="true"] { color: var(--text); background: linear-gradient(180deg, rgba(22,30,43,.96), rgba(9,14,21,.98)); box-shadow: inset 0 0 0 1px rgba(114,243,255,.20), 0 8px 18px rgba(0,0,0,.20); }
.btn { position: relative; overflow: hidden; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; border-radius: 13px; border: 1px solid rgba(234,242,255,.115); background: linear-gradient(180deg, rgba(18,25,36,.72), rgba(7,10,15,.92)); color: var(--text); font-weight: 950; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 28px rgba(0,0,0,.16); transition: transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease), color .22s var(--ease); }
.btn:hover { transform: translateY(-2px); border-color: rgba(114,243,255,.26); background: linear-gradient(180deg, rgba(24,33,48,.86), rgba(9,13,20,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 38px rgba(0,0,0,.28), 0 0 0 1px rgba(0,231,255,.045); }
.btn-primary { color: var(--text); border-color: transparent; background: linear-gradient(180deg, rgba(18,25,36,.92), rgba(7,10,15,.98)) padding-box, linear-gradient(135deg, rgba(0,231,255,.44), rgba(234,242,255,.10) 42%, rgba(255,0,255,.34)) border-box; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 36px rgba(0,0,0,.26); }
.btn::before { content:""; position:absolute; inset:1px; border-radius:inherit; pointer-events:none; background: linear-gradient(110deg, transparent 0 38%, rgba(255,255,255,.10) 48%, transparent 58%); transform: translateX(-130%); transition: transform .55s var(--ease); }
.btn::after { content:""; position:absolute; left:14px; right:14px; bottom:7px; height:1px; pointer-events:none; background: linear-gradient(90deg, transparent, rgba(114,243,255,.0), transparent); opacity:0; transition: opacity .22s var(--ease), background .22s var(--ease); }
.btn:hover::before { transform: translateX(130%); }
.btn:hover::after { opacity:1; background: linear-gradient(90deg, transparent, rgba(114,243,255,.48), rgba(255,0,255,.28), transparent); }
.btn-primary:hover { border-color: transparent; background: linear-gradient(180deg, rgba(23,31,44,.96), rgba(9,13,20,1)) padding-box, linear-gradient(135deg, rgba(0,231,255,.62), rgba(234,242,255,.14) 40%, rgba(255,0,255,.48)) border-box; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 44px rgba(0,0,0,.34), 0 0 26px rgba(0,231,255,.065); }
.btn:active, .language-switch button:active, .popup-close:active { transform: translateY(0) scale(.985); }
.language-switch button:hover { color: var(--text-soft); background: rgba(255,255,255,.035); }
.popup-close:hover { transform: translateY(-1px); border-color: rgba(114,243,255,.24); box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 16px 34px rgba(0,0,0,.24); }
.btn-outline { background: linear-gradient(180deg, rgba(13,19,28,.62), rgba(6,9,14,.92)); }
.btn-ghost { background: rgba(255,255,255,.012); box-shadow: none; }
.btn-xl { min-height: 54px; padding-inline: 24px; border-radius: 15px; }
.btn-basket { min-width: 150px; }
.basket-ico {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cyan-soft);
  flex: none;
}
.basket-ico svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.basket-count { min-width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 999px; color: var(--text); border: 1px solid rgba(114,243,255,.22); background: linear-gradient(180deg, rgba(22,30,43,.96), rgba(8,12,18,.98)); font-size: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.toggle-navigation { display: none; width: 44px; height: 44px; border: 1px solid rgba(234,242,255,.12); border-radius: 13px; background: linear-gradient(180deg, rgba(18,25,36,.78), rgba(7,10,15,.94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045); }
.toggle-navigation span { display: block; width: 18px; height: 2px; margin: 5px auto; border-radius: 99px; background: var(--text); }

/* Mobile menu */
.site-navigation { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 22px; background: rgba(1,2,7,.84); }
.menu { width: min(820px, 100%); max-height: calc(100vh - 44px); overflow: auto; border-radius: 24px; padding: 18px; }
.menu-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(234,242,255,.08); }
.menu-brand { display: flex; align-items: center; gap: 12px; }
.menu-brand strong { display:block; font-family:var(--display); letter-spacing:.14em; }
.menu-brand small { display:block; color:var(--muted); text-transform:uppercase; letter-spacing:.3em; font-size:10px; }
.menu-section { margin-top: 18px; }
.menu-label { display: block; margin-bottom: 10px; color: var(--cyan-soft); text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 950; }
.menu-grid { display: grid; gap: 10px; }
.menu-grid-main { grid-template-columns: repeat(2, minmax(0,1fr)); }
.menu-grid-categories { grid-template-columns: repeat(auto-fit, minmax(210px,1fr)); }
.menu-grid a { min-height: 58px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 14px; border: 1px solid rgba(234,242,255,.09); border-radius: 16px; color: var(--text); background: rgba(255,255,255,.026); font-weight: 900; }
.menu-grid a small { color: var(--muted); font-size: 12px; }
.menu-grid a.active { border-color: rgba(114,243,255,.24); background: linear-gradient(180deg, rgba(18,25,36,.78), rgba(7,10,15,.95)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045); }
.popup-close { width: 42px; height: 42px; border: 1px solid rgba(234,242,255,.12); border-radius: 14px; background: linear-gradient(180deg, rgba(18,25,36,.80), rgba(7,10,15,.96)); color: var(--text); font-size: 22px; line-height: 1; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.045); transition: transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease); }

/* Hero */
.hero {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr);
  gap: 64px;
  align-items: center;
  min-height: clamp(440px, 55vh, 530px);
  padding: clamp(24px, 2.4vw, 34px);
  border-radius: 34px;
}
.hero::after, .cat-header::after, .pkg::after, .footer::after {
  content:"";
  position:absolute;
  inset:auto -6% -30% auto;
  width: 42%;
  height: 58%;
  pointer-events:none;
  background: radial-gradient(circle, rgba(255,0,255,.075), transparent 65%);
}
.eyebrow, .section-tag, .card-kicker, .pkg-badge {
  width: fit-content;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(114,243,255,.22);
  border-radius: 999px;
  color: var(--cyan-soft);
  background: rgba(0,231,255,.04);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 950;
}
.eyebrow span:first-child { width: 7px; height: 7px; padding:0; border-radius:99px; background:var(--cyan); box-shadow:0 0 14px rgba(0,231,255,.5); }
.hero h1 { margin: 24px 0 16px; max-width: 760px; font-family: var(--display); font-size: clamp(44px, 4.6vw, 72px); line-height: .96; letter-spacing: 0; }
.hero h1 em { font-style: normal; background: linear-gradient(110deg, #fff, var(--cyan-soft) 46%, #B77BFF); -webkit-background-clip:text; color:transparent; }
.hero-copy p { max-width: 680px; color: var(--text-soft); font-size: 18px; line-height: 1.75; margin: 0; }
.brand-line-small { margin-top: 14px; color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .04em; }
.hero-btns { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.hero-perks { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; color: var(--muted); font-size: 13px; font-weight: 800; }
.hero-perks b { color: var(--cyan-soft); margin-right: 4px; }
.hero-showcase {
  border-radius: 28px;
  padding: 20px;
  background:
    radial-gradient(circle at 20% 12%, rgba(0,231,255,.10), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(255,0,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(5,8,14,.78), rgba(2,4,9,.92));
  border: 1px solid rgba(114,243,255,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 28px 90px rgba(0,0,0,.22);
}
.showcase-top { display:flex; align-items:center; justify-content:space-between; gap:12px; color: var(--text); font-weight:950; }
.showcase-top small { color: var(--muted); text-transform:uppercase; letter-spacing:.18em; font-size:11px; }
.signal-dot { width: 10px; height: 10px; border-radius: 999px; background: var(--success); box-shadow: 0 0 18px rgba(70,247,167,.48); }
.showcase-main { margin-top: 18px; display:grid; grid-template-columns: minmax(230px,.68fr) minmax(330px,1fr); gap: 22px; align-items:center; }
.showcase-logo,
.showcase-visual {
  position: relative;
  min-height: 236px;
  display:grid;
  place-items:center;
  padding: 14px;
  border:1px solid rgba(234,242,255,.09);
  border-radius:22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), transparent 42%),
    radial-gradient(circle at 25% 12%, rgba(0,231,255,.16), transparent 42%),
    radial-gradient(circle at 92% 88%, rgba(255,0,255,.13), transparent 38%),
    rgba(1,3,8,.78);
  overflow:hidden;
}
.showcase-logo img { width:min(330px, 90%); filter: drop-shadow(0 0 24px rgba(0,231,255,.18)) drop-shadow(0 0 18px rgba(255,0,255,.12)); }
.showcase-visual > img { width:100%; height:100%; min-height:240px; object-fit:cover; object-position:left center; transform:scale(1.01); }
.showcase-screen {
  position: relative;
  width: 100%;
  min-height: 210px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(114,243,255,.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 52% 43%, rgba(114,243,255,.15), transparent 32%),
    radial-gradient(circle at 70% 58%, rgba(122,53,255,.12), transparent 35%),
    linear-gradient(rgba(114,243,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(114,243,255,.026) 1px, transparent 1px),
    linear-gradient(180deg, #030711, #010207 76%);
  background-size: 100% 100%, 100% 100%, 38px 38px, 38px 38px, 100% 100%;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), inset 0 0 44px rgba(0,0,0,.45);
}
.showcase-screen::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(114,243,255,.13);
  border-radius: 14px;
  pointer-events: none;
}
.showcase-screen::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -26%;
  width: 34%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(114,243,255,.16), transparent);
  transform: rotate(14deg);
  animation: screenSweep 6s var(--ease) infinite;
}
.showcase-screen-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .30;
  filter: saturate(1.06) contrast(1.08);
  transform: scale(1.02);
}
.showcase-z-mark {
  position: relative;
  z-index: 2;
  width: min(198px, 72%);
  max-height: 176px;
  object-fit: contain;
  filter: drop-shadow(0 0 28px rgba(0,231,255,.30)) drop-shadow(0 0 28px rgba(255,0,255,.16));
}
.showcase-screen-footer {
  position: absolute;
  z-index: 3;
  left: 18px;
  right: 18px;
  bottom: 14px;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 11px;
  color: var(--text);
  background: rgba(1,4,10,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.showcase-screen-footer span { color: var(--cyan-soft); font-family: var(--display); font-weight: 950; }
.showcase-screen-footer small { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .18em; }
.screen-corner {
  position: absolute;
  z-index: 3;
  width: 52px;
  height: 52px;
  pointer-events: none;
  border-color: rgba(114,243,255,.56);
}
.screen-corner-a { top: 16px; left: 16px; border-top: 2px solid; border-left: 2px solid; }
.screen-corner-b { right: 16px; bottom: 16px; border-right: 2px solid; border-bottom: 2px solid; border-color: rgba(255,0,255,.42); }
.showcase-info { padding-left: 20px; border-left: 1px solid rgba(234,242,255,.10); }
.showcase-info > span { color: var(--cyan-soft); text-transform: uppercase; letter-spacing: .2em; font-size: 11px; font-weight: 950; }
.showcase-info h2 { margin: 10px 0 9px; font-family: var(--display); font-size: clamp(25px, 1.9vw, 31px); letter-spacing: 0; line-height: 1.12; }
.showcase-info p { color: var(--text-soft); line-height: 1.46; }
.showcase-info ul { margin: 12px 0 18px; padding: 0; list-style:none; display:grid; gap: 7px; color: var(--text-soft); }
.showcase-info li::before { content:"›"; margin-right:10px; color: var(--cyan); font-weight: 950; }
.stats-band { margin-top: 22px; min-height: 104px; border-radius: 0 0 22px 22px; display:grid; grid-template-columns: repeat(4,1fr); }
.stat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border-right:1px solid rgba(234,242,255,.09); text-align:center; }
.stat:last-child { border-right:0; }
.stat > span { font-family: var(--display); font-size: 28px; font-weight: 950; }
.stat small { color: var(--muted); text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 950; }
.stat small span { color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }

@keyframes screenSweep {
  0%, 72% { transform: translateX(0) rotate(14deg); opacity: 0; }
  82% { opacity: .85; }
  100% { transform: translateX(360%) rotate(14deg); opacity: 0; }
}

/* Sections */
.section-head { margin-bottom: 24px; }
.row-head { display:flex; align-items:end; justify-content:space-between; gap:22px; }
.section h2, .cat-header h1, .basket-header h1, .store-form h1 { margin: 14px 0 10px; font-family: var(--display); font-size: clamp(36px, 4vw, 58px); line-height: 1; letter-spacing: 0; }
.section-head p, .cat-copy p, .basket-header p, .store-form p { margin:0; color: var(--text-soft); line-height:1.65; max-width: 780px; }
.store-standard {
  display: grid;
  grid-template-columns: minmax(320px, .78fr) minmax(520px, 1fr);
  gap: 34px;
  align-items: stretch;
  padding: 34px;
  border-radius: 28px;
}
.store-standard::after {
  content: "";
  position: absolute;
  inset: auto -8% -34% auto;
  width: 48%;
  height: 70%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(0,231,255,.075), transparent 66%);
}
.store-standard-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.store-standard-copy h2 { max-width: 560px; }
.store-standard-copy p { max-width: 620px; color: var(--text-soft); font-size: 16px; line-height: 1.7; }
.store-standard-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.store-standard-grid article {
  min-height: 230px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.016)),
    rgba(2,4,9,.40);
}
.store-standard-grid b { color: var(--cyan-soft); font-family: var(--display); font-size: 13px; letter-spacing: .20em; }
.store-standard-grid strong { font-family: var(--display); font-size: 22px; line-height: 1.08; }
.store-standard-grid span { color: var(--text-soft); line-height: 1.55; }
.delivery-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.delivery-step {
  min-height: 168px;
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 20px;
  border-radius: 20px;
}
.delivery-step > span {
  width: fit-content;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(114,243,255,.20);
  border-radius: 999px;
  color: var(--cyan-soft);
  font-family: var(--display);
  font-size: 12px;
  font-weight: 950;
}
.delivery-step strong { font-family: var(--display); font-size: 20px; }
.delivery-step p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.58; }
/* Products */
.products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 292px), 356px));
  gap: 20px;
  align-items: stretch;
}
.products .card {
  width: 100%;
}
.card {
  --mx: 50%;
  --my: 0%;
  --rx: 0deg;
  --ry: 0deg;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  min-height: 100%;
  padding: 12px;
  border-radius: 24px;
  background:
    radial-gradient(560px circle at var(--mx) var(--my), rgba(114,243,255,.13), transparent 38%),
    linear-gradient(145deg, rgba(15,20,29,.96), rgba(6,9,14,.98) 58%, rgba(12,7,18,.96));
  border: 1px solid rgba(234,242,255,.10);
  transform: perspective(1100px) translateY(0) rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;
  transition:
    transform .36s var(--ease),
    border-color .36s var(--ease),
    box-shadow .36s var(--ease),
    background .36s var(--ease);
  will-change: transform, box-shadow;
}
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  padding: 1px;
  background:
    linear-gradient(135deg, rgba(0,231,255,.72), rgba(234,242,255,.08) 38%, rgba(255,0,255,.56));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  opacity: .30;
  transition: opacity .36s var(--ease), filter .36s var(--ease);
  pointer-events: none;
}
.card::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 2;
  border-radius: 23px;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255,255,255,.13) 44%, transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 22%);
  transform: translateX(-120%);
  opacity: 0;
  transition: transform .72s var(--ease), opacity .32s var(--ease);
  mix-blend-mode: screen;
}
.card:hover,
.card.is-hovered {
  transform: perspective(1100px) translateY(-10px) rotateX(var(--rx)) rotateY(var(--ry));
  border-color: rgba(114,243,255,.22);
  box-shadow:
    0 30px 80px rgba(0,0,0,.46),
    0 0 0 1px rgba(0,231,255,.035),
    0 0 34px rgba(0,231,255,.08),
    0 0 42px rgba(255,0,255,.055);
}
.card:hover::before,
.card.is-hovered::before {
  opacity: .82;
  filter: drop-shadow(0 0 13px rgba(0,231,255,.18));
}
.card:hover::after,
.card.is-hovered::after {
  transform: translateX(120%);
  opacity: .72;
}
.card.card-activated {
  animation: cardActivate .62s var(--ease);
}
.card-media {
  position: relative;
  height: 192px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(234,242,255,.095);
  background:
    radial-gradient(circle at 30% 12%, rgba(0,231,255,.10), transparent 32%),
    radial-gradient(circle at 80% 84%, rgba(255,0,255,.09), transparent 34%),
    #02040A;
  transform: translateZ(20px);
}
.card-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 44%, rgba(2,4,10,.72) 100%),
    repeating-linear-gradient(135deg, transparent 0 13px, rgba(255,255,255,.018) 14px, transparent 16px);
}
.card-media::after {
  content: "";
  position: absolute;
  left: -35%;
  top: 0;
  z-index: 2;
  width: 34%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: skewX(-18deg);
  transition: left .72s var(--ease);
}
.card:hover .card-media::after,
.card.is-hovered .card-media::after {
  left: 118%;
}
.card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .62s var(--ease), filter .62s var(--ease);
}
.card-media-fallback {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(0,231,255,.17), transparent 38%),
    radial-gradient(circle at 70% 70%, rgba(255,0,255,.12), transparent 42%),
    linear-gradient(rgba(114,243,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(114,243,255,.018) 1px, transparent 1px),
    #02040A;
  background-size: 100% 100%, 100% 100%, 36px 36px, 36px 36px, 100% 100%;
}
.card-media-fallback img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.04);
}
.card:hover .card-media img,
.card.is-hovered .card-media img {
  transform: scale(1.085);
  filter: saturate(1.08) contrast(1.06);
}
.card:hover .card-media-fallback img,
.card.is-hovered .card-media-fallback img {
  transform: scale(1.045);
}
.card-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(255,0,255,.34);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(18,12,25,.90), rgba(7,10,15,.94));
  color: #F3D7FF;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 950;
  box-shadow: 0 0 18px rgba(255,0,255,.10);
}
.card-main {
  display: grid;
  align-content: start;
  padding: 18px 4px 14px;
  transform: translateZ(28px);
}
.card-kicker {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--cyan-soft);
  font-size: 10px;
  letter-spacing: .16em;
}
.card h3 {
  margin: 7px 0 9px;
  font-family: var(--display);
  font-size: 21px;
  line-height: 1.14;
  letter-spacing: 0;
}
.card h3 a {
  transition: color .22s var(--ease), text-shadow .22s var(--ease);
}
.card h3 a:hover,
.card:hover h3 a,
.card.is-hovered h3 a {
  color: var(--text);
  text-shadow: 0 0 18px rgba(114,243,255,.16);
}
.card-desc {
  max-width: 100%;
  margin: 0 0 14px;
  color: var(--text-soft);
  font-size: 13px;
  line-height: 1.55;
}
.card-desc.compact-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 60px;
}
.card-desc.compact-text > * {
  margin: 0;
  display: inline;
  color: inherit;
  font: inherit;
}
.card-desc.compact-text br,
.card-desc.compact-text img,
.card-desc.compact-text iframe,
.card-desc.compact-text video,
.card-desc.compact-text table,
.card-desc.compact-text style,
.card-desc.compact-text script {
  display: none;
}
.card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
}
.card-tags span,
.pkg-badge,
.pkg-fw span {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(114,243,255,.18);
  border-radius: 999px;
  color: var(--cyan-soft);
  background: rgba(0,231,255,.035);
  text-transform: uppercase;
  letter-spacing: .105em;
  font-size: 9px;
  font-weight: 950;
}
.card-purchase {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: end;
  padding: 14px 4px 2px;
  border-left: 0;
  border-top: 1px solid rgba(234,242,255,.08);
  transform: translateZ(32px);
}
.card-price {
  align-self: center;
  min-width: 0;
}
.card-price small {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 9px;
  font-weight: 950;
}
.card-price strong {
  display: block;
  font-family: var(--display);
  font-size: 24px;
  letter-spacing: 0;
  white-space: nowrap;
}
.card-price del,
.pkg-price-row del {
  display: block;
  color: var(--muted);
}
.card-purchase .product-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 48px;
  gap: 9px;
  order: 3;
}
.card-purchase .product-actions .add,
.card-purchase .product-actions .open-basket-cta {
  min-height: 45px;
}
.card-purchase .product-actions .btn-gift {
  grid-column: 1 / -1;
}
.card-purchase .btn-details {
  min-height: 45px;
  width: 100%;
  order: 2;
}
.card:hover .btn-details,
.card.is-hovered .btn-details {
  border-color: rgba(114,243,255,.26);
}
.card-ripple {
  position: fixed;
  z-index: 220;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(114,243,255,.42), transparent 70%);
  transform: translate(-50%, -50%);
  animation: cardRipple .62s ease-out forwards;
}
@keyframes cardActivate {
  0% { transform: perspective(1100px) translateY(-10px) scale(1); }
  42% { transform: perspective(1100px) translateY(-8px) scale(.985); }
  100% { transform: perspective(1100px) translateY(-10px) scale(1); }
}
@keyframes cardRipple {
  from { opacity: .75; box-shadow: 0 0 0 0 rgba(114,243,255,.32); }
  to { opacity: 0; width: 220px; height: 220px; box-shadow: 0 0 0 34px rgba(255,0,255,0); }
}
.quantity-field { display:grid; grid-template-columns:42px 1fr 56px 42px; gap:8px; align-items:center; width:100%; }
.quantity-field.with-open-basket { grid-template-columns:42px 1fr 56px 42px; }
.quantity-field input { min-height:42px; text-align:center; }
.adjust { padding:0; min-height:42px; background: linear-gradient(180deg, rgba(18,25,36,.75), rgba(7,10,15,.94)); }

/* Category */
.cat-header { min-height: 250px; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px, 520px); gap:28px; align-items:center; padding:42px; border-radius:30px; }
.cat-copy { max-width: 820px; }
.cat-desc { color: var(--text-soft); line-height:1.7; }
.cat-meta { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.cat-meta > span { min-height:34px; display:inline-flex; align-items:center; padding:0 13px; border:1px solid rgba(234,242,255,.10); border-radius:999px; color:var(--text-soft); background:rgba(255,255,255,.03); font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.12em; }
.category-showcase { display:grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap:18px; }
.category-card {
  position: relative;
  min-height: 218px;
  display: grid;
  align-items: end;
  padding: 0;
  border-radius: 18px;
  overflow: hidden;
  isolation: isolate;
  transition: transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2,4,10,.08) 0%, rgba(2,4,10,.38) 46%, rgba(2,4,10,.90) 100%),
    radial-gradient(circle at 12% 14%, rgba(0,231,255,.16), transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(255,0,255,.12), transparent 34%);
}
.category-card:hover {
  transform: translateY(-4px);
  border-color: rgba(114,243,255,.36);
  box-shadow: 0 22px 54px rgba(0,0,0,.30), 0 0 34px rgba(0,231,255,.055);
}
.category-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  height: 100%;
  border-radius: inherit;
  overflow:hidden;
  border:0;
  background:#02040A;
}
.category-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.category-mark {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 35% 28%, rgba(0,231,255,.18), transparent 42%),
    radial-gradient(circle at 80% 82%, rgba(255,0,255,.14), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
    #02040A;
}
.category-mark-1 { background-color: #030711; }
.category-mark-2 { background-color: #050512; }
.category-mark-0 { background-color: #02060C; }
.category-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.04);
}
.category-content {
  position: relative;
  z-index: 2;
  display:grid;
  gap:8px;
  padding: 22px;
}
.category-content small {
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(114,243,255,.20);
  border-radius: 999px;
  color:var(--cyan-soft);
  background: rgba(0,231,255,.055);
  font-size: 11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform: uppercase;
}
.category-content strong { font-family:var(--display); font-size: clamp(24px, 2vw, 32px); line-height: 1.05; text-shadow: 0 10px 28px rgba(0,0,0,.55); }
.category-content em { color:rgba(234,242,255,.76); font-style:normal; font-weight:900; }
.products-empty { padding:28px; border-radius:20px; color: var(--text-soft); }

/* Product page */
.pkg { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr); gap:28px; padding:18px; border-radius:30px; }
.pkg-media { min-height:460px; border:1px solid rgba(234,242,255,.09); border-radius:22px; overflow:hidden; background:#02040A; display:grid; place-items:center; }
.pkg-media > img { width:100%; height:100%; object-fit:cover; }
.pkg-info { padding:22px; display:flex; flex-direction:column; gap:18px; }
.pkg-badges { display:flex; flex-wrap:wrap; gap:8px; }
.pkg-info h1 { margin:0; font-family:var(--display); font-size: clamp(34px, 3.5vw, 56px); line-height:1.04; letter-spacing: 0; }
.pkg-buy { margin-top:auto; display:grid; gap:14px; padding:18px; border:1px solid rgba(234,242,255,.10); border-radius:20px; background:rgba(255,255,255,.026); }
.pkg-price-row { display:flex; justify-content:space-between; align-items:end; gap:20px; }
.pkg-price-row .label { color:var(--muted); text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:950; }
.pkg-price-row .price { font-family:var(--display); font-size:38px; font-weight:950; }
.pkg-buy-btns .actions { width:100%; }
.pkg-perks { display:grid; gap:8px; color:var(--muted); font-size:13px; }
.pkg-desc { margin-top:22px; padding:34px; border-radius:26px; }
.pkg-desc-head { margin-bottom:22px; }
.pkg-desc-head h2 { margin:13px 0 0; font-family:var(--display); font-size:38px; letter-spacing: 0; }
.text-content { color:var(--text-soft); line-height:1.72; }
.text-content h1, .text-content h2, .text-content h3, .text-content h4 { color:var(--text); font-family:var(--display); line-height:1.12; }
.text-content a { color:var(--cyan-soft); }
.text-content img { border-radius:16px; margin:18px 0; }
.text-content ul, .text-content ol { padding-left: 22px; }
.btn-back { margin-top:18px; }
.media-slider { width:100%; height:100%; display:grid; grid-template-rows:minmax(0,1fr) auto auto; gap:12px; padding:10px; }
.media-slider .slider, swiper-container { width:100%; min-height:420px; border-radius:16px; overflow:hidden; }
.slide-image, .slide-frame { width:100%; height:100%; min-height:420px; object-fit:cover; border:0; }
.thumbs { list-style:none; display:flex; gap:8px; margin:0; padding:0; overflow:auto; }
.thumb { width:76px; height:54px; flex:0 0 auto; border-radius:9px; overflow:hidden; border:1px solid rgba(255,255,255,.12); cursor:pointer; opacity:.65; }
.thumb.active { opacity:1; border-color:var(--cyan); }
.thumb img { width:100%; height:100%; object-fit:cover; }
.open-lightbox { justify-self:start; border:0; background:transparent; color:var(--cyan-soft); font-weight:950; cursor:pointer; }

/* Checkout and login */
.basket, .store-form, .cms-wrap { border:1px solid rgba(114,243,255,.16); border-radius:28px; background:rgba(8,12,18,.94); padding:34px; box-shadow:0 28px 90px rgba(0,0,0,.32); }
.basket-wrap { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:20px; margin-top:24px; }
.basket-content { display:grid; gap:12px; }
.basket-item { display:grid; grid-template-columns:98px 1fr; gap:14px; padding:12px; border:1px solid rgba(234,242,255,.09); border-radius:18px; background:rgba(255,255,255,.026); }
.basket-item-img { width:98px; height:78px; object-fit:cover; border-radius:12px; background:#02040A; }
.basket-item h4 { margin:0; font-family:var(--display); font-size:17px; }
.basket-item-opts { margin:6px 0 10px; color:var(--muted); font-size:13px; }
.basket-item-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.basket-item-price { font-weight:950; color:var(--cyan-soft); }
.basket-controls { display:flex; align-items:center; gap:10px; }
.basket-controls .quantity-field { grid-template-columns:36px 54px 36px; }
.basket-controls .open-basket-cta { display:none; }
.basket-item-remove { color:var(--muted); font-size:12px; font-weight:950; }
.basket-side { align-self:start; padding:20px; border:1px solid rgba(234,242,255,.10); border-radius:20px; background:rgba(255,255,255,.028); }
.basket-side h2 { margin:0 0 14px; font-family:var(--display); }
.basket-row { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid rgba(234,242,255,.07); color:var(--text-soft); }
.basket-row.total { border-bottom:0; color:var(--text); font-size:18px; }
.checkout { width:100%; margin-top:12px; }
.basket-note, .footer-mini { color:var(--muted); line-height:1.55; font-size:13px; }
.basket-empty { padding:28px; text-align:center; border:1px dashed rgba(114,243,255,.20); border-radius:18px; }
.page-login .site-content { min-height: calc(100vh - 250px); display:grid; place-items:center; padding:72px 0; }
.store-form { width:min(560px,100%); }
.store-form h1 { font-size:42px; }
.store-form .section-tag { margin-bottom:10px; }
.form-panel { margin-top:20px; }
.form-group { display:grid; gap:8px; margin-bottom:16px; }
.form-group label { color:var(--text-soft); font-weight:950; }
input, select, textarea { width:100%; min-height:46px; border:1px solid rgba(234,242,255,.12); border-radius:13px; background:rgba(0,0,0,.18); color:var(--text); padding:0 13px; }
textarea { min-height:120px; padding:12px 13px; }
.wide { width:100%; }
.btn-form-lg { min-height:52px; }

/* Popups */
.popup { position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(1,2,7,.86); }
.popup-scroll-cont { width:min(980px,100%); max-height:calc(100vh - 48px); overflow:auto; border-radius:26px; }
.popup-content { position:relative; }
.popup-content > .popup-close { position:absolute; top:16px; right:16px; z-index:5; }
.popup-panel, .basket-popup, .gift-form-popup form, .store-product-options { border:1px solid rgba(114,243,255,.18); border-radius:24px; background:rgba(8,12,18,.98); padding:24px; box-shadow:0 30px 90px rgba(0,0,0,.52); }
.login-popup .popup-scroll-cont { width:min(560px, calc(100% - 26px)); }
.login-popup-content.store-form { width:100%; padding:38px; }
.basket-popup .popup-scroll-cont { width:min(1120px, calc(100% - 28px)); }
.toaster { position:fixed; right:22px; bottom:22px; z-index:200; display:grid; gap:10px; }
.toast { border:1px solid rgba(114,243,255,.22); border-radius:14px; padding:14px 16px; background:rgba(8,12,18,.98); color:var(--text); box-shadow:0 20px 60px rgba(0,0,0,.34); }
.toast-error { border-color:rgba(255,95,122,.36); }

/* Footer */
.footer { margin-top:52px; margin-bottom:22px; border-radius:26px; padding:26px; }
.footer-wrap { display:grid; grid-template-columns:minmax(280px,1.3fr) .75fr .85fr .9fr; gap:38px; }
.footer-brand { display:flex; align-items:center; gap:12px; font-family:var(--display); font-weight:950; letter-spacing:.05em; }
.footer-brand img { width:48px; height:48px; object-fit:contain; }
.footer-brand span { color:var(--cyan-soft); }
.footer-desc { max-width:430px; color:var(--text-soft); line-height:1.65; }
.footer-socials { display:flex; flex-wrap:wrap; gap:10px; }
.footer-social, .footer-nav a { color:var(--text-soft); font-weight:850; }
.footer-social { min-height:34px; display:inline-flex; align-items:center; padding:0 13px; border:1px solid rgba(234,242,255,.11); border-radius:999px; background:rgba(255,255,255,.03); }
.footer-heading { margin-bottom:14px; color:var(--text); text-transform:uppercase; letter-spacing:.20em; font-size:11px; font-weight:950; }
.footer-nav { display:grid; gap:10px; }
.footer-pay { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pay-pill {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid rgba(234,242,255,.12);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(18,25,36,.76), rgba(7,10,15,.94));
  color: var(--text);
  font-family: var(--display);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.pay-pill small { margin-left: 2px; color: var(--text-soft); font-size: 10px; font-weight: 900; }
.pay-visa { letter-spacing: .10em; }
.pay-mastercard::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #FFB347 0 50%, #FF5C57 50% 100%);
  box-shadow: 0 0 12px rgba(255,132,75,.18);
}
.pay-apple::before,
.pay-google::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 999px;
  background: var(--cyan-soft);
  box-shadow: 0 0 10px rgba(114,243,255,.22);
}
.footer-bottom { margin-top:22px; padding-top:16px; border-top:1px solid rgba(234,242,255,.06); display:flex; justify-content:space-between; gap:14px; color:var(--muted); font-size:13px; }
.footer-bottom p { margin:0; }

/* Tiered */
.products-tiered { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
.card-tiered { border:1px solid rgba(234,242,255,.09); border-radius:20px; background:rgba(255,255,255,.026); overflow:hidden; }
.card-tiered-img { height:170px; background:#02040A; }
.card-tiered-img img { width:100%; height:100%; object-fit:cover; }
.card-tiered-body, .card-tiered-foot { padding:16px; }
.card-tiered-body h3 { margin:0 0 10px; font-family:var(--display); }

@media (max-width: 1180px) {
  .hero { grid-template-columns:1fr; min-height:0; padding:46px; }
  .showcase-main { grid-template-columns:1fr 1fr; }
  .store-standard { grid-template-columns:1fr; }
  .delivery-flow { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .pkg { grid-template-columns:1fr; }
  .basket-wrap { grid-template-columns:1fr; }
}
@media (max-width: 920px) {
  .site-content, .site-header, .footer { width: min(100% - 24px, var(--wrap)); }
  .header-topline { display:none; }
  .header-main { min-height:68px; grid-template-columns:auto 1fr auto; gap:12px; padding:0 12px; }
  .nav, .header-link, .btn-user { display:none; }
  .toggle-navigation { display:inline-grid; place-items:center; }
  .brand-copy { display:none; }
  .btn-basket { min-width:auto; padding-inline:12px; }
  .btn-basket > .lang-de, .btn-basket > .lang-en { display:none !important; }
  .hero { padding:32px 22px; border-radius:26px; }
  .hero h1 { font-size: clamp(38px, 11vw, 62px); }
  .hero-copy p { font-size:16px; }
  .showcase-main { grid-template-columns:1fr; }
  .showcase-info { border-left:0; border-top:1px solid rgba(234,242,255,.10); padding-left:0; padding-top:20px; }
  .store-standard { padding:26px 22px; }
  .store-standard-grid { grid-template-columns:1fr; }
  .stats-band { grid-template-columns:1fr 1fr; }
  .stat { min-height:88px; }
  .row-head { align-items:flex-start; flex-direction:column; }
  .card-media { height:205px; }
  .card-purchase { grid-template-columns:1fr; }
  .card-purchase .product-actions { grid-template-columns:1fr; }
  .cat-header { grid-template-columns:1fr; padding:30px 22px; }
  .cat-meta { justify-content:flex-start; }
  .footer-wrap { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
  .site-content, .site-header, .footer { width: calc(100% - 16px); }
  .section { margin-top:42px; }
  .hero { padding:26px 18px; }
  .hero-btns, .hero-btns .btn { width:100%; }
  .hero-perks { display:grid; gap:10px; }
  .showcase-logo,
  .showcase-visual,
  .showcase-visual > img { min-height:160px; }
  .showcase-visual { padding:10px; }
  .showcase-screen { min-height:210px; }
  .showcase-z-mark { width:min(190px, 74%); }
  .delivery-flow { grid-template-columns:1fr; }
  .stats-band { grid-template-columns:1fr; }
  .stat { border-right:0; border-bottom:1px solid rgba(234,242,255,.08); }
  .products { grid-template-columns:1fr; }
  .card { padding:10px; }
  .card-media { height:178px; }
  .card h3 { font-size:20px; }
  .category-card { min-height:190px; }
  .category-image { height:100%; }
  .pkg-media { min-height:260px; }
  .pkg-info { padding:10px; }
  .pkg-price-row { align-items:flex-start; flex-direction:column; }
  .basket, .store-form, .pkg-desc, .cms-wrap { padding:24px 18px; }
  .basket-item { grid-template-columns:1fr; }
  .basket-item-img { width:100%; height:150px; }
  .basket-item-foot { align-items:flex-start; flex-direction:column; }
  .footer-wrap { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
  .menu-grid-main, .menu-grid-categories { grid-template-columns:1fr; }
  .popup { padding:12px; }
  .login-popup-content.store-form { padding:32px 22px; }
}


/* ZENTRA final language safety: no mixed DE/EN text in nested flex/grid components */
html[data-zentra-lang="de"] .lang-en,
html[data-zentra-lang="en"] .lang-de {
  display: none !important;
}

html[data-zentra-lang="de"] .lang-de,
html[data-zentra-lang="en"] .lang-en {
  display: inline !important;
}

/* Homepage product area: no explanatory filler text, products stay visible early */
.release-list:empty {
  display: none;
}
.store-toolbar {
  display: none;
}

/* Footer payment cleanup: no broken/fake payment icons */
.footer-secure {
  max-width: 260px;
  padding: 14px 16px;
  border: 1px solid rgba(234, 242, 255, .10);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(18,25,36,.52), rgba(7,10,15,.82));
}
.footer-secure strong {
  display: block;
  color: var(--text);
  font-family: var(--display);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: 0;
}
.footer-secure p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

/* Product-description language layout supplied for Tebex product descriptions */
.zentra-product {
  width: 100%;
  color: #EAF2FF;
}

.zentra-product * {
  box-sizing: border-box;
}

.zentra-lang-toggle {
  display: none !important;
}

.zentra-product-hero {
  position: relative;
  padding: 28px;
  margin-bottom: 18px;
  border: 1px solid rgba(0, 231, 255, 0.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(0, 231, 255, 0.16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(255, 0, 255, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(3, 5, 10, 0.98), rgba(1, 2, 7, 0.96));
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}

.zentra-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 12px;
  border: 1px solid rgba(0, 231, 255, 0.22);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0, 231, 255, 0.06);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.zentra-product-hero h2 {
  margin: 0 0 10px;
  color: #FFFFFF;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
}

.zentra-product-hero p {
  max-width: 760px;
  margin: 0;
  color: #AEBBD0;
  font-size: 15px;
  line-height: 1.7;
}

.zentra-lang-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.zentra-lang-tabs label {
  cursor: pointer;
  padding: 11px 18px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 999px;
  color: #D9E7FF;
  background: rgba(255, 255, 255, 0.045);
  font-size: 13px;
  font-weight: 800;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.zentra-lang-tabs label:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 231, 255, 0.42);
  background: rgba(0, 231, 255, 0.09);
  box-shadow: 0 12px 34px rgba(0, 231, 255, 0.08);
}

#zentra-lang-de:checked ~ .zentra-product-hero .zentra-lang-tabs label[for="zentra-lang-de"],
#zentra-lang-en:checked ~ .zentra-product-hero .zentra-lang-tabs label[for="zentra-lang-en"] {
  color: #031018;
  border-color: rgba(114, 243, 255, 0.85);
  background: linear-gradient(135deg, #00E7FF, #72F3FF);
  box-shadow: 0 0 30px rgba(0, 231, 255, 0.25);
}

.zentra-panel {
  display: none;
}

#zentra-lang-de:checked ~ .zentra-panel-de {
  display: block;
}

#zentra-lang-en:checked ~ .zentra-panel-en {
  display: block;
}

.zentra-section,
.zentra-note {
  margin-top: 16px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.025));
}

.zentra-section h3 {
  margin: 0 0 12px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 900;
}

.zentra-section p,
.zentra-note {
  color: #AEBBD0;
  font-size: 14px;
  line-height: 1.75;
}

.zentra-section p {
  margin: 0 0 10px;
}

.zentra-section p:last-child {
  margin-bottom: 0;
}

.zentra-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.zentra-card {
  min-height: 150px;
  padding: 18px;
  border: 1px solid rgba(0, 231, 255, 0.13);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(0, 231, 255, 0.10), transparent 40%),
    rgba(255, 255, 255, 0.035);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.zentra-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 231, 255, 0.35);
  background:
    radial-gradient(circle at top left, rgba(0, 231, 255, 0.15), transparent 45%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.zentra-card span {
  display: block;
  margin-bottom: 10px;
  font-size: 25px;
}

.zentra-card strong {
  display: block;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
}

.zentra-card p {
  margin: 7px 0 0;
  color: #93A3BA;
  font-size: 13px;
  line-height: 1.55;
}

.zentra-section ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.zentra-section li {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  color: #DDE8FA;
  background: rgba(255, 255, 255, 0.032);
  font-size: 13px;
  line-height: 1.45;
}

.zentra-note {
  border-color: rgba(255, 255, 255, 0.11);
  background:
    radial-gradient(circle at left, rgba(255, 0, 255, 0.09), transparent 34%),
    rgba(255, 255, 255, 0.035);
}

.zentra-note strong {
  color: #FFFFFF;
}

@media (max-width: 980px) {
  .zentra-grid,
  .zentra-section ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zentra-product-hero h2 {
    font-size: 28px;
  }
}

@media (max-width: 620px) {
  .zentra-product-hero,
  .zentra-section,
  .zentra-note {
    padding: 18px;
  }

  .zentra-grid,
  .zentra-section ul {
    grid-template-columns: 1fr;
  }

  .zentra-lang-tabs label {
    width: 100%;
    text-align: center;
  }
}

/* Final release/product logic cleanup */
.lang-en { display: none !important; }
.lang-de { display: inline !important; }
html[data-zentra-lang="en"] .lang-de { display: none !important; }
html[data-zentra-lang="en"] .lang-en { display: inline !important; }
html[data-zentra-lang="de"] .lang-en { display: none !important; }
html[data-zentra-lang="de"] .lang-de { display: inline !important; }

.release-head p,
.store-toolbar,
.payment-pills,
.pay-chip,
.pay-visa,
.pay-mastercard,
.pay-apple,
.pay-google {
  display: none !important;
}

.release-list {
  min-height: 1px;
}
.footer-payment-text {
  max-width: 260px;
  margin-top: 0;
}

.card-desc {
  min-height: 54px;
  max-height: 64px;
  overflow: hidden;
  color: var(--text-soft);
  line-height: 1.55;
}
.card-desc.compact-text {
  -webkit-line-clamp: 3;
}
.card-tags.framework-tags {
  min-height: 30px;
}

.pkg-summary {
  margin-top: 18px;
  padding: 22px 24px;
  border-radius: 22px;
}
.pkg-summary p {
  margin: 12px 0 0;
  max-width: 940px;
  color: var(--text-soft);
  font-size: 15px;
  line-height: 1.7;
}

.pkg-desc .text-content {
  overflow: visible;
}
.pkg-desc .text-content > [data-zentra-rich-target] > .zentra-product {
  margin-top: 0;
}

/* Product description HTML from Tebex field */
.zentra-product {
  width: 100%;
  color: #EAF2FF;
}
.zentra-product * {
  box-sizing: border-box;
}
.zentra-lang-toggle {
  display: none !important;
}
.zentra-product-hero {
  position: relative;
  padding: 28px;
  margin-bottom: 18px;
  border: 1px solid rgba(0, 231, 255, 0.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(0, 231, 255, 0.11), transparent 34%),
    radial-gradient(circle at bottom right, rgba(255, 0, 255, 0.08), transparent 34%),
    linear-gradient(135deg, rgba(3, 5, 10, 0.98), rgba(1, 2, 7, 0.96));
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
  overflow: hidden;
}
.zentra-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 12px;
  border: 1px solid rgba(0, 231, 255, 0.22);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0, 231, 255, 0.06);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.zentra-product-hero h2 {
  margin: 0 0 10px;
  color: #FFFFFF;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
}
.zentra-product-hero p {
  max-width: 760px;
  margin: 0;
  color: #AEBBD0;
  font-size: 15px;
  line-height: 1.7;
}
.zentra-lang-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.zentra-lang-tabs label {
  cursor: pointer;
  padding: 11px 18px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 999px;
  color: #D9E7FF;
  background: rgba(255, 255, 255, 0.045);
  font-size: 13px;
  font-weight: 800;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.zentra-lang-tabs label:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 231, 255, 0.42);
  background: rgba(0, 231, 255, 0.09);
  box-shadow: 0 12px 34px rgba(0, 231, 255, 0.08);
}
.zentra-lang-toggle:checked + .zentra-lang-toggle + .zentra-product-hero .zentra-lang-tabs label:first-child,
#zentra-lang-de:checked ~ .zentra-product-hero .zentra-lang-tabs label[for="zentra-lang-de"],
#zentra-lang-en:checked ~ .zentra-product-hero .zentra-lang-tabs label[for="zentra-lang-en"] {
  color: #031018;
  border-color: rgba(114, 243, 255, 0.85);
  background: linear-gradient(135deg, #00E7FF, #72F3FF);
  box-shadow: 0 0 30px rgba(0, 231, 255, 0.18);
}
.zentra-panel {
  display: none;
}
.zentra-product input[id*="lang-de"]:checked ~ .zentra-panel-de,
#zentra-lang-de:checked ~ .zentra-panel-de {
  display: block;
}
.zentra-product input[id*="lang-en"]:checked ~ .zentra-panel-en,
#zentra-lang-en:checked ~ .zentra-panel-en {
  display: block;
}
.zentra-section,
.zentra-note {
  margin-top: 16px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.022));
}
.zentra-section h3 {
  margin: 0 0 12px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 900;
}
.zentra-section p,
.zentra-note {
  color: #AEBBD0;
  font-size: 14px;
  line-height: 1.75;
}
.zentra-section p { margin: 0 0 10px; }
.zentra-section p:last-child { margin-bottom: 0; }
.zentra-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.zentra-card {
  min-height: 150px;
  padding: 18px;
  border: 1px solid rgba(0, 231, 255, 0.13);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(0, 231, 255, 0.08), transparent 40%),
    rgba(255, 255, 255, 0.035);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.zentra-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 231, 255, 0.32);
  background:
    radial-gradient(circle at top left, rgba(0, 231, 255, 0.12), transparent 45%),
    rgba(255, 255, 255, 0.052);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}
.zentra-card span {
  display: block;
  margin-bottom: 10px;
  font-size: 25px;
}
.zentra-card strong {
  display: block;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
}
.zentra-card p {
  margin: 7px 0 0;
  color: #93A3BA;
  font-size: 13px;
  line-height: 1.55;
}
.zentra-section ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.zentra-section li {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  color: #DDE8FA;
  background: rgba(255, 255, 255, 0.032);
  font-size: 13px;
  line-height: 1.45;
}
.zentra-note {
  border-color: rgba(255, 255, 255, 0.11);
  background:
    radial-gradient(circle at left, rgba(255, 0, 255, 0.07), transparent 34%),
    rgba(255, 255, 255, 0.035);
}
.zentra-note strong { color: #FFFFFF; }

@media (max-width: 980px) {
  .zentra-grid,
  .zentra-section ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zentra-product-hero h2 { font-size: 28px; }
}
@media (max-width: 620px) {
  .zentra-product-hero,
  .zentra-section,
  .zentra-note { padding: 18px; }
  .zentra-grid,
  .zentra-section ul { grid-template-columns: 1fr; }
  .zentra-lang-tabs label { width: 100%; text-align: center; }
}
.zentra-product[data-zentra-product-lang="de"] .zentra-lang-tabs label[data-zentra-product-label="de"],
.zentra-product[data-zentra-product-lang="en"] .zentra-lang-tabs label[data-zentra-product-label="en"],
.zentra-lang-tabs label.is-active {
  color: #031018;
  border-color: rgba(114, 243, 255, 0.85);
  background: linear-gradient(135deg, #00E7FF, #72F3FF);
  box-shadow: 0 0 30px rgba(0, 231, 255, 0.18);
}


/* Homepage release loader: no fake explanation text, only real release cards */
.release-source-links { display: none !important; }
.release-list[data-home-release-list] { min-height: 1px; }
.release-list[data-home-release-list].is-loading-releases {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 320px));
  gap: 18px;
}
.release-list[data-home-release-list].is-loading-releases::before,
.release-list[data-home-release-list].is-loading-releases::after {
  content: "";
  display: block;
  min-height: 390px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 22px;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent),
    linear-gradient(145deg, rgba(15,20,29,.78), rgba(6,9,14,.92));
  background-size: 220px 100%, 100% 100%;
  animation: zentraSkeleton 1.2s ease-in-out infinite;
}
.release-list[data-release-empty="true"] { display: none; }
@keyframes zentraSkeleton {
  0% { background-position: -220px 0, 0 0; }
  100% { background-position: calc(100% + 220px) 0, 0 0; }
}

/* Cleaner Tebex product-description rendering */
.pkg-summary[hidden] { display: none !important; }
.pkg-summary {
  margin-top: 18px;
  padding: 20px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}
.pkg-summary p { margin: 10px 0 0; max-width: 960px; }
.pkg-desc .text-content { color: var(--text); }
.pkg-desc .text-content > [data-zentra-rich-target] { width: 100%; }
.zentra-product[data-zentra-product-lang="de"] .zentra-panel-de,
.zentra-product[data-zentra-product-lang="en"] .zentra-panel-en { display: block; }
.zentra-product[data-zentra-product-lang="de"] .zentra-panel-en,
.zentra-product[data-zentra-product-lang="en"] .zentra-panel-de { display: none; }
.pkg-desc .zentra-product .zentra-lang-tabs label {
  background: rgba(255,255,255,.04) !important;
  color: #DCE8FA !important;
  border-color: rgba(234,242,255,.10) !important;
  box-shadow: none !important;
}
.pkg-desc .zentra-product[data-zentra-product-lang="de"] .zentra-lang-tabs label[data-zentra-product-label="de"],
.pkg-desc .zentra-product[data-zentra-product-lang="en"] .zentra-lang-tabs label[data-zentra-product-label="en"],
.pkg-desc .zentra-product .zentra-lang-tabs label.is-active {
  background: linear-gradient(135deg, rgba(0,231,255,.15), rgba(255,0,255,.10)) !important;
  color: #FFFFFF !important;
  border-color: rgba(114,243,255,.34) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
}
.pkg-desc .zentra-product .zentra-section,
.pkg-desc .zentra-product .zentra-note,
.pkg-desc .zentra-product .zentra-product-hero,
.pkg-desc .zentra-product .zentra-card {
  background-color: transparent;
}
.card-desc[data-zentra-card-description] { word-break: normal; }


/* ZENTRA direct homepage releases + clean product descriptions */
.release-list[data-home-release-list] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 310px));
  gap: 18px;
  align-items: stretch;
  justify-content: flex-start;
}
.release-list[data-home-release-list] > .item-card {
  width: 100%;
}
.release-list[data-home-release-list]:empty {
  display: none !important;
}
.release-list[data-release-empty="true"] {
  display: none !important;
}
.card-desc[data-zentra-card-description]:empty {
  display: none !important;
}
.pkg-summary {
  position: relative;
  overflow: hidden;
  border-color: rgba(114, 243, 255, 0.16) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 231, 255, .10), transparent 32%),
    linear-gradient(135deg, rgba(11, 15, 23, .88), rgba(3, 5, 10, .96)) !important;
}
.pkg-summary::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  transform: translateX(-120%);
  transition: transform .7s ease;
}
.pkg-summary:hover::after {
  transform: translateX(120%);
}
.pkg-summary .section-tag::after {
  content: " · aus Tebex";
  opacity: .72;
}
html[data-zentra-lang="en"] .pkg-summary .section-tag::after {
  content: " · from Tebex";
}
.pkg-desc.zentra-frame {
  padding: 22px;
}
.pkg-desc .pkg-desc-head {
  margin-bottom: 18px;
}
.pkg-desc .zentra-product {
  isolation: isolate;
}
.pkg-desc .zentra-product-hero {
  margin-bottom: 18px;
  border-radius: 24px;
}
.pkg-desc .zentra-section,
.pkg-desc .zentra-note {
  border-radius: 18px;
}
.pkg-desc .zentra-lang-tabs label {
  user-select: none;
}
@media (max-width: 700px) {
  .release-list[data-home-release-list] {
    grid-template-columns: 1fr;
  }
}


/* Product-description polish: supports product HTML without inputs/tabs */
.zentra-product:not([data-zentra-product-lang]) .zentra-panel-de {
  display: block;
}
.zentra-product:not([data-zentra-product-lang]) .zentra-panel-en {
  display: none;
}

.zentra-product-summary {
  position: relative;
  margin: 18px 0 0 !important;
  padding: 15px 18px 15px 20px;
  max-width: 820px !important;
  border: 1px solid rgba(114, 243, 255, .18);
  border-radius: 16px;
  color: #EAF2FF !important;
  background:
    linear-gradient(90deg, rgba(0, 231, 255, .075), rgba(255,255,255,.025)),
    rgba(255,255,255,.026);
  box-shadow: inset 3px 0 0 rgba(114, 243, 255, .65);
  font-size: 14px !important;
  font-weight: 760;
  line-height: 1.55 !important;
}

.zentra-section-lead {
  padding: 28px !important;
  border-color: rgba(114, 243, 255, .13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    radial-gradient(circle at 100% 0%, rgba(0,231,255,.055), transparent 34%) !important;
}
.zentra-section-lead h3 {
  font-size: 24px !important;
  letter-spacing: 0;
}
.zentra-section-lead p {
  max-width: 980px;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.zentra-product-highlights {
  margin-top: 18px !important;
  margin-bottom: 2px;
}
.zentra-product-highlights .zentra-card {
  position: relative;
  overflow: hidden;
  min-height: 176px;
  padding: 22px !important;
  border-color: rgba(234,242,255,.095) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.043), rgba(255,255,255,.019)),
    radial-gradient(circle at 85% 0%, rgba(0,231,255,.075), transparent 38%) !important;
}
.zentra-product-highlights .zentra-card::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(114,243,255,.75), rgba(122,53,255,.36), transparent);
  opacity: .65;
}
.zentra-product-highlights .zentra-card:hover {
  transform: translateY(-5px);
  border-color: rgba(114,243,255,.24) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.26), 0 0 0 1px rgba(114,243,255,.05);
}
.zentra-product-highlights .zentra-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 30px;
  margin-bottom: 16px;
  border: 1px solid rgba(114,243,255,.18);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0,231,255,.045);
  font-size: 12px !important;
  font-weight: 900;
  letter-spacing: .08em;
}
.zentra-product-highlights .zentra-card strong {
  font-size: 17px !important;
  letter-spacing: 0;
}
.zentra-product-highlights .zentra-card p {
  margin-top: 10px !important;
  color: #9AA8BC !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

.pkg-desc .zentra-product .zentra-section ul li::before {
  content: "";
}

@media (max-width: 980px) {
  .zentra-product-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .zentra-product-summary,
  .zentra-section-lead {
    padding: 18px !important;
  }
  .zentra-product-highlights {
    grid-template-columns: 1fr !important;
  }
}

/* ZENTRA premium product description system (Tebex-safe HTML, no inline CSS needed) */
.pkg-desc .text-content > [data-zentra-rich-target] {
  width: 100%;
}
.pkg-desc .zpd {
  width: 100%;
  color: var(--text);
}
.pkg-desc .zpd * {
  box-sizing: border-box;
}
.pkg-desc .zpd p,
.pkg-desc .zpd h2,
.pkg-desc .zpd h3,
.pkg-desc .zpd ul {
  margin-top: 0;
}
.pkg-desc .zpd .zentra-panel {
  display: none;
}
.pkg-desc .zpd[data-zentra-product-lang="de"] .zentra-panel-de,
.pkg-desc .zpd[data-zentra-product-lang="en"] .zentra-panel-en {
  display: block;
}
.pkg-desc .zpd:not([data-zentra-product-lang]) .zentra-panel-de {
  display: block;
}
.pkg-desc .zpd:not([data-zentra-product-lang]) .zentra-panel-en {
  display: none;
}
.zpd-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  gap: 28px;
  align-items: stretch;
  margin: 0 0 18px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(114, 243, 255, .17);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.046), rgba(255,255,255,.014)),
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.11), transparent 33%),
    radial-gradient(circle at 96% 0%, rgba(255,0,255,.075), transparent 31%),
    linear-gradient(180deg, rgba(8,12,19,.94), rgba(4,6,10,.98));
  box-shadow: 0 28px 88px rgba(0,0,0,.34);
}
.zpd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background:
    linear-gradient(120deg, transparent 0 40%, rgba(255,255,255,.07) 44%, transparent 49%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.026) 0 1px, transparent 1px 11px);
}
.zpd-hero::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(114,243,255,.8), rgba(122,53,255,.48), transparent);
  opacity: .7;
}
.zpd-hero-copy,
.zpd-hero-panel,
.zpd-section,
.zpd-feature,
.zpd-note {
  position: relative;
  z-index: 1;
}
.zpd-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(114,243,255,.22);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0,231,255,.052);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.zpd-eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #72F3FF;
  box-shadow: 0 0 14px rgba(114,243,255,.55);
}
.zpd-hero h2 {
  max-width: 820px;
  margin: 0;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(38px, 5vw, 64px);
  line-height: .95;
  letter-spacing: 0;
  font-weight: 950;
}
.zpd-hero h2 span {
  display: block;
  margin-top: 13px;
  color: #A6B4C8;
  font-size: clamp(17px, 1.8vw, 23px);
  line-height: 1.28;
  letter-spacing: 0;
  font-weight: 760;
}
.zpd-summary {
  max-width: 760px;
  margin: 22px 0 0;
  padding: 15px 17px 15px 20px;
  border: 1px solid rgba(114,243,255,.17);
  border-radius: 18px;
  color: #EAF2FF;
  background:
    linear-gradient(90deg, rgba(0,231,255,.074), rgba(255,255,255,.025)),
    rgba(255,255,255,.024);
  box-shadow: inset 3px 0 0 rgba(114,243,255,.62);
  font-size: 14px;
  line-height: 1.58;
  font-weight: 760;
}
.zpd-lead {
  max-width: 780px;
  margin: 16px 0 0;
  color: #9EACBF;
  font-size: 15px;
  line-height: 1.75;
}
.zpd-hero-panel {
  display: grid;
  gap: 12px;
  align-content: center;
}
.zpd-hero-chip {
  padding: 18px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 20px;
  background: rgba(255,255,255,.032);
}
.zpd-hero-chip b {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
}
.zpd-hero-chip small {
  display: block;
  margin-top: 8px;
  color: #8F9CB1;
  font-size: 12px;
  line-height: 1.5;
}
.zpd-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.zpd-meta div {
  padding: 16px 17px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
}
.zpd-meta strong {
  display: block;
  color: #F4F8FF;
  font-size: 14px;
  font-weight: 900;
}
.zpd-meta span {
  display: block;
  margin-top: 6px;
  color: #8290A6;
  font-size: 12px;
  line-height: 1.45;
}
.zpd-section {
  margin-top: 18px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016)),
    #070B12;
}
.zpd-section.zpd-lead-section {
  border-color: rgba(114,243,255,.13);
  background:
    radial-gradient(circle at 100% 0%, rgba(0,231,255,.06), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #070B12;
}
.zpd-section h3 {
  margin: 0 0 14px;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(23px, 2.6vw, 34px);
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 950;
}
.zpd-section p {
  max-width: 980px;
  margin: 0 0 12px;
  color: #A6B4C8;
  font-size: 15px;
  line-height: 1.78;
}
.zpd-section p:last-child {
  margin-bottom: 0;
}
.zpd-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 0;
}
.zpd-feature {
  overflow: hidden;
  min-height: 178px;
  padding: 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 0%, rgba(0,231,255,.075), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.zpd-feature::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 18px;
  background: linear-gradient(90deg, rgba(114,243,255,.78), rgba(122,53,255,.42), transparent);
  opacity: .62;
}
.zpd-feature:hover {
  transform: translateY(-5px);
  border-color: rgba(114,243,255,.23);
  box-shadow: 0 24px 58px rgba(0,0,0,.28);
}
.zpd-feature span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 30px;
  margin-bottom: 16px;
  border: 1px solid rgba(114,243,255,.18);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0,231,255,.045);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.zpd-feature b {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0;
}
.zpd-feature p {
  margin: 10px 0 0;
  color: #94A4BA;
  font-size: 13px;
  line-height: 1.64;
}
.zpd-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.zpd-list li {
  position: relative;
  min-height: 46px;
  padding: 13px 14px 13px 36px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 15px;
  color: #DDE8FA;
  background: rgba(255,255,255,.028);
  font-size: 13px;
  line-height: 1.45;
}
.zpd-list li::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 18px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #72F3FF;
  box-shadow: 0 0 12px rgba(114,243,255,.35);
}
.zpd-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
.zpd-note {
  margin-top: 18px;
  padding: 20px 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 20px;
  color: #A6B4C8;
  background:
    radial-gradient(circle at 0% 50%, rgba(255,0,255,.06), transparent 34%),
    rgba(255,255,255,.027);
  font-size: 13px;
  line-height: 1.7;
}
.zpd-note b {
  color: #fff;
}
@media (max-width: 1100px) {
  .zpd-hero,
  .zpd-duo {
    grid-template-columns: 1fr;
  }
  .zpd-meta,
  .zpd-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .zpd-hero,
  .zpd-section {
    padding: 20px;
  }
  .zpd-meta,
  .zpd-highlights,
  .zpd-list {
    grid-template-columns: 1fr;
  }
  .zpd-hero h2 {
    font-size: 34px;
  }
}


/* =========================================================
   ZENTRA PRODUCT DESCRIPTION V2
   Clean product page content from Tebex description field.
   No inline CSS needed inside Tebex product descriptions.
   ========================================================= */
.pkg-desc.zentra-frame {
  padding: clamp(18px, 2.2vw, 26px);
  overflow: hidden;
}
.pkg-desc .pkg-desc-head {
  display: none;
}
.pkg-desc .zentra-product-description,
.pkg-desc .zentra-product-description > [data-zentra-rich-target] {
  width: 100%;
}
.pkg-desc [data-zentra-rich-source][hidden] {
  display: none !important;
}
.pkg-desc .zpd2,
.zpd2 {
  width: 100%;
  color: var(--text, #EAF2FF);
  font-family: var(--body, Inter, Arial, sans-serif);
}
.pkg-desc .zpd2 *,
.zpd2 * {
  box-sizing: border-box;
}
.pkg-desc .zpd2 p,
.pkg-desc .zpd2 h2,
.pkg-desc .zpd2 h3,
.pkg-desc .zpd2 ul,
.zpd2 p,
.zpd2 h2,
.zpd2 h3,
.zpd2 ul {
  margin-top: 0;
}
.zpd2 .zpd-lang {
  display: none !important;
}
html[data-zentra-lang="de"] .zpd2 .zpd-de,
html:not([data-zentra-lang]) .zpd2 .zpd-de,
.zpd2[data-zentra-product-lang="de"] .zpd-de {
  display: block !important;
}
html[data-zentra-lang="en"] .zpd2 .zpd-en,
.zpd2[data-zentra-product-lang="en"] .zpd-en {
  display: block !important;
}
html[data-zentra-lang="en"] .zpd2 .zpd-de,
.zpd2[data-zentra-product-lang="en"] .zpd-de,
html[data-zentra-lang="de"] .zpd2 .zpd-en,
.zpd2[data-zentra-product-lang="de"] .zpd-en {
  display: none !important;
}
.zpd2-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: stretch;
  margin-bottom: 18px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(114, 243, 255, .16);
  border-radius: 28px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0, 231, 255, .095), transparent 35%),
    radial-gradient(circle at 100% 0%, rgba(255, 0, 255, .07), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    #05080D;
  box-shadow: 0 30px 90px rgba(0,0,0,.30);
}
.zpd2-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .26;
  background:
    linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,.08) 44%, transparent 49%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.024) 0 1px, transparent 1px 12px);
}
.zpd2-hero::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(114,243,255,.72), rgba(122,53,255,.44), transparent);
  opacity: .74;
}
.zpd2-hero-copy,
.zpd2-system-panel,
.zpd2-section,
.zpd2-feature,
.zpd2-note {
  position: relative;
  z-index: 1;
}
.zpd2-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(114, 243, 255, .20);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0, 231, 255, .052);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.zpd2-kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #72F3FF;
  box-shadow: 0 0 12px rgba(114,243,255,.46);
}
.zpd2-hero h2 {
  max-width: 780px;
  margin: 0;
  color: #FFFFFF;
  font-family: var(--display, Inter, Arial, sans-serif);
  font-size: clamp(36px, 5.4vw, 68px);
  line-height: .94;
  letter-spacing: 0;
  font-weight: 950;
}
.zpd2-hero h2 span {
  display: block;
  max-width: 660px;
  margin-top: 14px;
  color: #9FACBF;
  font-size: clamp(17px, 1.9vw, 24px);
  line-height: 1.28;
  letter-spacing: 0;
  font-weight: 760;
}
.zpd2-summary {
  max-width: 720px;
  margin: 22px 0 0;
  padding: 15px 18px 15px 20px;
  border: 1px solid rgba(114, 243, 255, .16);
  border-radius: 18px;
  color: #EAF2FF;
  background:
    linear-gradient(90deg, rgba(0, 231, 255, .07), rgba(255,255,255,.024)),
    rgba(255,255,255,.024);
  box-shadow: inset 3px 0 0 rgba(114, 243, 255, .58);
  font-size: 14px;
  font-weight: 780;
  line-height: 1.58;
}
.zpd2-lead {
  max-width: 760px;
  margin: 16px 0 0;
  color: #A6B4C8;
  font-size: 15px;
  line-height: 1.75;
}
.zpd2-system-panel {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(234,242,255,.085);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.014));
}
.zpd2-system-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #EAF2FF;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.zpd2-system-title span {
  color: #72F3FF;
}
.zpd2-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.zpd2-chip {
  min-height: 104px;
  padding: 17px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 18px;
  background: rgba(255,255,255,.028);
}
.zpd2-chip-icon {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border: 1px solid rgba(114,243,255,.16);
  border-radius: 12px;
  background: rgba(0,231,255,.045);
  font-size: 15px;
}
.zpd2-chip b {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}
.zpd2-chip small {
  display: block;
  margin-top: 7px;
  color: #8898AD;
  font-size: 12px;
  line-height: 1.45;
}
.zpd2-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.zpd2-strip div {
  padding: 16px 17px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.016));
}
.zpd2-strip strong {
  display: block;
  color: #F4F8FF;
  font-size: 14px;
  font-weight: 900;
}
.zpd2-strip span {
  display: block;
  margin-top: 6px;
  color: #8290A6;
  font-size: 12px;
  line-height: 1.45;
}
.zpd2-section {
  margin-top: 18px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016)),
    #070B12;
}
.zpd2-section.is-lead {
  border-color: rgba(114,243,255,.13);
  background:
    radial-gradient(circle at 100% 0%, rgba(0,231,255,.055), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #070B12;
}
.zpd2-section h3 {
  margin: 0 0 14px;
  color: #FFFFFF;
  font-family: var(--display, Inter, Arial, sans-serif);
  font-size: clamp(23px, 2.6vw, 34px);
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 950;
}
.zpd2-section p {
  max-width: 980px;
  margin: 0 0 12px;
  color: #A6B4C8;
  font-size: 15px;
  line-height: 1.78;
}
.zpd2-section p:last-child {
  margin-bottom: 0;
}
.zpd2-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.zpd2-feature {
  overflow: hidden;
  min-height: 188px;
  padding: 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 0%, rgba(0,231,255,.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  transition: transform .22s var(--ease, ease), border-color .22s var(--ease, ease), box-shadow .22s var(--ease, ease);
}
.zpd2-feature:hover {
  transform: translateY(-5px);
  border-color: rgba(114,243,255,.24);
  box-shadow: 0 24px 58px rgba(0,0,0,.28);
}
.zpd2-feature-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.zpd2-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 28px;
  border: 1px solid rgba(114,243,255,.17);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0,231,255,.045);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
}
.zpd2-emoji {
  font-size: 19px;
  line-height: 1;
}
.zpd2-feature b {
  display: block;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0;
}
.zpd2-feature p {
  margin: 9px 0 0;
  color: #94A4BA;
  font-size: 13px;
  line-height: 1.62;
}
.zpd2-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
.zpd2-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.zpd2-list li {
  position: relative;
  min-height: 46px;
  padding: 13px 14px 13px 38px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 15px;
  color: #DDE8FA;
  background: rgba(255,255,255,.028);
  font-size: 13px;
  line-height: 1.45;
}
.zpd2-list li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 13px;
  color: #72F3FF;
  font-size: 12px;
  font-weight: 950;
}
.zpd2-note {
  margin-top: 18px;
  padding: 20px 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 20px;
  color: #A6B4C8;
  background:
    radial-gradient(circle at 0% 50%, rgba(255,0,255,.055), transparent 34%),
    rgba(255,255,255,.027);
  font-size: 13px;
  line-height: 1.7;
}
.zpd2-note b {
  color: #FFFFFF;
}
@media (max-width: 1100px) {
  .zpd2-hero,
  .zpd2-duo {
    grid-template-columns: 1fr;
  }
  .zpd2-strip,
  .zpd2-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .zpd2-hero,
  .zpd2-section {
    padding: 20px;
  }
  .zpd2-chip-grid,
  .zpd2-strip,
  .zpd2-highlights,
  .zpd2-list {
    grid-template-columns: 1fr;
  }
  .zpd2-hero h2 {
    font-size: 34px;
  }
}


/* =========================================================
   ZENTRA VIPSTORE PRODUCT DESCRIPTION — FINAL CLEAN PAGE
   Scope: Tebex product description only. No duplicate DE/EN display.
   ========================================================= */
.zentra-product-page-description {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.zentra-product-page-description .text-content {
  padding: 0;
  margin: 0;
}
.zentra-product-page-description .text-content > p:empty,
.zentra-product-page-description .text-content > br:first-child,
.zentra-product-page-description .text-content > br:last-child {
  display: none;
}
.pkg-desc .zpd3 {
  width: 100%;
  color: #EAF2FF;
  font-family: var(--body, Inter, Arial, sans-serif);
}
.pkg-desc .zpd3,
.pkg-desc .zpd3 * {
  box-sizing: border-box;
}
.pkg-desc .zpd3 p,
.pkg-desc .zpd3 h2,
.pkg-desc .zpd3 h3,
.pkg-desc .zpd3 h4,
.pkg-desc .zpd3 ul {
  margin-top: 0;
}
.pkg-desc .zpd3-lang {
  display: none !important;
}
html:not([data-zentra-lang]) .pkg-desc .zpd3 .zpd3-de,
html[data-zentra-lang="de"] .pkg-desc .zpd3 .zpd3-de,
.pkg-desc .zpd3[data-zentra-product-lang="de"] .zpd3-de {
  display: block !important;
}
html[data-zentra-lang="en"] .pkg-desc .zpd3 .zpd3-en,
.pkg-desc .zpd3[data-zentra-product-lang="en"] .zpd3-en {
  display: block !important;
}
html[data-zentra-lang="en"] .pkg-desc .zpd3 .zpd3-de,
html[data-zentra-lang="de"] .pkg-desc .zpd3 .zpd3-en,
.pkg-desc .zpd3[data-zentra-product-lang="en"] .zpd3-de,
.pkg-desc .zpd3[data-zentra-product-lang="de"] .zpd3-en {
  display: none !important;
}
.pkg-desc .zpd3-shell {
  display: grid;
  gap: 18px;
}
.pkg-desc .zpd3-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgba(114, 243, 255, .16);
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.11), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(255,0,255,.075), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.014)),
    #05080D;
  box-shadow: 0 30px 90px rgba(0,0,0,.34);
}
.pkg-desc .zpd3-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .23;
  background:
    linear-gradient(115deg, transparent 0 39%, rgba(255,255,255,.08) 43%, transparent 49%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.026) 0 1px, transparent 1px 12px);
}
.pkg-desc .zpd3-hero::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(114,243,255,.78), rgba(122,53,255,.5), transparent);
}
.pkg-desc .zpd3-copy,
.pkg-desc .zpd3-scope,
.pkg-desc .zpd3-card,
.pkg-desc .zpd3-section,
.pkg-desc .zpd3-note {
  position: relative;
  z-index: 1;
}
.pkg-desc .zpd3-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-bottom: 16px;
  padding: 8px 13px;
  border: 1px solid rgba(114,243,255,.22);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0,231,255,.05);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.pkg-desc .zpd3-kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #72F3FF;
  box-shadow: 0 0 12px rgba(114,243,255,.45);
}
.pkg-desc .zpd3-hero h2 {
  margin: 0;
  color: #fff;
  font-family: var(--display, Inter, Arial, sans-serif);
  font-size: clamp(38px, 5.2vw, 68px);
  line-height: .94;
  letter-spacing: 0;
  font-weight: 950;
}
.pkg-desc .zpd3-hero h2 span {
  display: block;
  max-width: 720px;
  margin-top: 14px;
  color: #98A8BC;
  font-size: clamp(17px, 1.8vw, 23px);
  line-height: 1.28;
  letter-spacing: 0;
  font-weight: 760;
}
.pkg-desc .zpd3-summary {
  max-width: 740px;
  margin: 22px 0 0;
  padding: 15px 18px 15px 20px;
  border: 1px solid rgba(114,243,255,.16);
  border-radius: 18px;
  color: #EAF2FF;
  background: linear-gradient(90deg, rgba(0,231,255,.07), rgba(255,255,255,.026));
  box-shadow: inset 3px 0 0 rgba(114,243,255,.58);
  font-size: 14px;
  font-weight: 780;
  line-height: 1.58;
}
.pkg-desc .zpd3-lead {
  max-width: 760px;
  margin: 16px 0 0;
  color: #A8B6C9;
  font-size: 15px;
  line-height: 1.76;
}
.pkg-desc .zpd3-scope {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(234,242,255,.085);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014));
}
.pkg-desc .zpd3-scope-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pkg-desc .zpd3-scope-head span {
  color: #72F3FF;
}
.pkg-desc .zpd3-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pkg-desc .zpd3-scope-item {
  min-height: 108px;
  padding: 17px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 18px;
  background: rgba(255,255,255,.028);
}
.pkg-desc .zpd3-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
  border: 1px solid rgba(114,243,255,.17);
  border-radius: 13px;
  background: rgba(0,231,255,.045);
  font-size: 17px;
}
.pkg-desc .zpd3-scope-item b {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}
.pkg-desc .zpd3-scope-item small {
  display: block;
  margin-top: 7px;
  color: #8C9BAF;
  font-size: 12px;
  line-height: 1.45;
}
.pkg-desc .zpd3-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pkg-desc .zpd3-strip div {
  padding: 16px 17px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 18px;
  background: rgba(255,255,255,.026);
}
.pkg-desc .zpd3-strip strong {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.pkg-desc .zpd3-strip span {
  display: block;
  margin-top: 5px;
  color: #8493A7;
  font-size: 12px;
  line-height: 1.4;
}
.pkg-desc .zpd3-section {
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)),
    #070B12;
}
.pkg-desc .zpd3-section h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: 0;
}
.pkg-desc .zpd3-section p {
  max-width: 980px;
  margin: 0 0 12px;
  color: #A8B6C9;
  font-size: 14px;
  line-height: 1.78;
}
.pkg-desc .zpd3-section p:last-child { margin-bottom: 0; }
.pkg-desc .zpd3-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.pkg-desc .zpd3-card {
  overflow: hidden;
  min-height: 188px;
  padding: 20px;
  border: 1px solid rgba(114,243,255,.13);
  border-radius: 22px;
  background: radial-gradient(circle at top right, rgba(0,231,255,.075), transparent 38%), rgba(255,255,255,.028);
}
.pkg-desc .zpd3-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.pkg-desc .zpd3-num {
  color: #72F3FF;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .16em;
}
.pkg-desc .zpd3-emoji {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 13px;
  background: rgba(255,255,255,.032);
  font-size: 17px;
}
.pkg-desc .zpd3-card b {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 950;
}
.pkg-desc .zpd3-card p {
  margin: 10px 0 0;
  color: #93A3B8;
  font-size: 13px;
  line-height: 1.62;
}
.pkg-desc .zpd3-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.pkg-desc .zpd3-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.pkg-desc .zpd3-list li {
  position: relative;
  min-height: 46px;
  padding: 13px 14px 13px 36px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 15px;
  color: #DDE8FA;
  background: rgba(255,255,255,.028);
  font-size: 13px;
  line-height: 1.45;
}
.pkg-desc .zpd3-list li::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 18px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #72F3FF;
  box-shadow: 0 0 12px rgba(114,243,255,.35);
}
.pkg-desc .zpd3-note {
  padding: 20px 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 20px;
  color: #A6B4C8;
  background: radial-gradient(circle at 0% 50%, rgba(255,0,255,.06), transparent 34%), rgba(255,255,255,.027);
  font-size: 13px;
  line-height: 1.7;
}
.pkg-desc .zpd3-note b { color: #fff; }
@media (max-width: 1120px) {
  .pkg-desc .zpd3-hero,
  .pkg-desc .zpd3-duo { grid-template-columns: 1fr; }
  .pkg-desc .zpd3-strip,
  .pkg-desc .zpd3-highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .pkg-desc .zpd3-hero,
  .pkg-desc .zpd3-section { padding: 20px; }
  .pkg-desc .zpd3-scope-grid,
  .pkg-desc .zpd3-strip,
  .pkg-desc .zpd3-highlights,
  .pkg-desc .zpd3-duo,
  .pkg-desc .zpd3-list { grid-template-columns: 1fr; }
  .pkg-desc .zpd3-hero h2 { font-size: 36px; }
}


/* =========================================================
   ZENTRA PRODUCT DESCRIPTION — REAL FINAL
   Unique zpd4 classes. No dependency on old zentra-section styles.
   ========================================================= */
.zentra-desc-source,
[data-zentra-package-description-source][hidden] {
  display: none !important;
}
.zentra-product-page-description {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.zentra-desc-render {
  width: 100%;
}
.zentra-description-loading {
  padding: 24px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 20px;
  color: var(--muted, #8290A6);
  background: rgba(255,255,255,.025);
}
.zpd4 {
  --zpd-bg: #05080D;
  --zpd-panel: rgba(12, 17, 24, .82);
  --zpd-panel-2: rgba(16, 22, 31, .72);
  --zpd-line: rgba(234, 242, 255, .09);
  --zpd-line-strong: rgba(114, 243, 255, .22);
  --zpd-text: #EAF2FF;
  --zpd-soft: #AEBBD0;
  --zpd-muted: #7F8DA3;
  --zpd-cyan: #72F3FF;
  --zpd-magenta: #D948FF;
  width: 100%;
  color: var(--zpd-text);
  font-family: var(--body, Inter, Arial, sans-serif);
}
.zpd4,
.zpd4 * {
  box-sizing: border-box;
}
.zpd4 .zpd4-lang { display: none; }
html:not([data-zentra-lang]) .zpd4 .zpd4-de,
html[data-zentra-lang="de"] .zpd4 .zpd4-de,
.zpd4[data-zentra-product-lang="de"] .zpd4-de { display: block; }
html[data-zentra-lang="en"] .zpd4 .zpd4-en,
.zpd4[data-zentra-product-lang="en"] .zpd4-en { display: block; }
html[data-zentra-lang="en"] .zpd4 .zpd4-de,
html[data-zentra-lang="de"] .zpd4 .zpd4-en,
.zpd4[data-zentra-product-lang="en"] .zpd4-de,
.zpd4[data-zentra-product-lang="de"] .zpd4-en { display: none !important; }
.zpd4-page {
  display: grid;
  gap: 18px;
}
.zpd4-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
  padding: clamp(24px, 4.4vw, 46px);
  border: 1px solid rgba(114,243,255,.17);
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.11), transparent 36%),
    radial-gradient(circle at 100% 0%, rgba(217,72,255,.08), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.046), rgba(255,255,255,.014)),
    #05080D;
  box-shadow: 0 30px 90px rgba(0,0,0,.34);
}
.zpd4-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .25;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.08) 46%, transparent 52%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.026) 0 1px, transparent 1px 12px);
}
.zpd4-hero::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,231,255,.85), rgba(217,72,255,.62), transparent);
}
.zpd4-hero > * { position: relative; z-index: 1; }
.zpd4-kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 8px 13px;
  border: 1px solid rgba(114,243,255,.23);
  border-radius: 999px;
  color: var(--zpd-cyan);
  background: rgba(0,231,255,.055);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
  text-transform: uppercase;
}
.zpd4 h2,
.zpd4 h3,
.zpd4 h4,
.zpd4 p,
.zpd4 ul { margin-top: 0; }
.zpd4-title {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(38px, 5.2vw, 68px);
  line-height: .94;
  font-weight: 950;
  letter-spacing: 0;
}
.zpd4-subtitle {
  max-width: 760px;
  margin: 16px 0 0;
  color: #DCE7F8;
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.28;
  font-weight: 760;
  letter-spacing: 0;
}
.zpd4-lead,
.zpd4-summary {
  max-width: 780px;
  margin: 18px 0 0;
  color: var(--zpd-soft);
  font-size: 15px;
  line-height: 1.75;
}
.zpd4-summary {
  color: #D6E3F5;
  font-weight: 680;
}
.zpd4-hero-card {
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: clamp(18px, 2.5vw, 26px);
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 24px;
  background: rgba(0,0,0,.18);
}
.zpd4-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.zpd4-quick-item {
  min-height: 96px;
  padding: 16px;
  border: 1px solid rgba(234,242,255,.085);
  border-radius: 18px;
  background: rgba(255,255,255,.032);
}
.zpd4-quick-icon {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}
.zpd4-quick-item strong {
  display: block;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 1.2;
}
.zpd4-quick-item span:last-child {
  display: block;
  margin-top: 7px;
  color: var(--zpd-muted);
  font-size: 12px;
  line-height: 1.45;
}
.zpd4-section {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--zpd-line);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)), var(--zpd-bg);
}
.zpd4-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background: radial-gradient(circle at 0% 0%, rgba(0,231,255,.075), transparent 35%);
}
.zpd4-section > * { position: relative; z-index: 1; }
.zpd4-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.zpd4-section-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(114,243,255,.18);
  border-radius: 14px;
  background: rgba(0,231,255,.055);
  font-size: 18px;
}
.zpd4-section h3 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.1;
  font-weight: 920;
  letter-spacing: 0;
}
.zpd4-section p {
  max-width: 980px;
  margin: 0 0 12px;
  color: var(--zpd-soft);
  font-size: 14px;
  line-height: 1.78;
}
.zpd4-section p:last-child { margin-bottom: 0; }
.zpd4-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.zpd4-feature {
  position: relative;
  overflow: hidden;
  min-height: 178px;
  padding: 20px;
  border: 1px solid rgba(114,243,255,.13);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)), #060A10;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.zpd4-feature:hover {
  transform: translateY(-4px);
  border-color: rgba(114,243,255,.28);
  box-shadow: 0 20px 58px rgba(0,0,0,.32);
}
.zpd4-feature::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,231,255,.8), rgba(217,72,255,.5), transparent);
}
.zpd4-feature-num {
  display: block;
  color: var(--zpd-cyan);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .16em;
  margin-bottom: 13px;
}
.zpd4-feature strong {
  display: block;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1.2;
}
.zpd4-feature p {
  margin: 10px 0 0;
  color: #94A3BA;
  font-size: 13px;
  line-height: 1.62;
}
.zpd4-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.zpd4-list li {
  position: relative;
  min-height: 48px;
  padding: 13px 14px 13px 42px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 15px;
  color: #DDE8FA;
  background: rgba(255,255,255,.026);
  font-size: 13px;
  line-height: 1.45;
}
.zpd4-list li::before {
  content: "✓";
  position: absolute;
  left: 15px;
  top: 13px;
  color: var(--zpd-cyan);
  font-weight: 950;
}
.zpd4-note {
  padding: 20px 22px;
  border: 1px solid rgba(234,242,255,.1);
  border-radius: 20px;
  color: var(--zpd-soft);
  background:
    radial-gradient(circle at 0% 50%, rgba(217,72,255,.065), transparent 34%),
    rgba(255,255,255,.026);
  font-size: 13px;
  line-height: 1.7;
}
.zpd4-note strong { color: #FFFFFF; }
@media (max-width: 980px) {
  .zpd4-hero { grid-template-columns: 1fr; }
  .zpd4-highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .zpd4-hero,
  .zpd4-section { padding: 20px; border-radius: 22px; }
  .zpd4-title { font-size: 38px; }
  .zpd4-quick,
  .zpd4-highlight-grid,
  .zpd4-list { grid-template-columns: 1fr; }
}

/* =========================================================
   ZENTRA product description emergency-safe render
   Description is visible without JS; JS only improves escaped HTML.
   ========================================================= */
.zentra-product-page-description .zentra-desc-render:empty::before {
  content: "Beschreibung wird vorbereitet.";
  display: block;
  padding: 22px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 20px;
  color: var(--muted, #8290A6);
  background: rgba(255,255,255,.025);
}
.pkg-desc .zentra-product .zentra-panel,
.pkg-desc .zentra-product [data-zentra-description-lang],
.pkg-desc .zpd4 .zpd4-lang {
  display: none;
}
html:not([data-zentra-lang]) .pkg-desc .zentra-product .zentra-panel-de,
html[data-zentra-lang="de"] .pkg-desc .zentra-product .zentra-panel-de,
html[data-zentra-lang="de"] .pkg-desc .zentra-product [data-zentra-description-lang="de"],
html:not([data-zentra-lang]) .pkg-desc .zentra-product [data-zentra-description-lang="de"],
html:not([data-zentra-lang]) .pkg-desc .zpd4 .zpd4-de,
html[data-zentra-lang="de"] .pkg-desc .zpd4 .zpd4-de {
  display: block;
}
html[data-zentra-lang="en"] .pkg-desc .zentra-product .zentra-panel-en,
html[data-zentra-lang="en"] .pkg-desc .zentra-product [data-zentra-description-lang="en"],
html[data-zentra-lang="en"] .pkg-desc .zpd4 .zpd4-en {
  display: block;
}
html[data-zentra-lang="en"] .pkg-desc .zentra-product .zentra-panel-de,
html[data-zentra-lang="en"] .pkg-desc .zentra-product [data-zentra-description-lang="de"],
html[data-zentra-lang="en"] .pkg-desc .zpd4 .zpd4-de,
html[data-zentra-lang="de"] .pkg-desc .zentra-product .zentra-panel-en,
html[data-zentra-lang="de"] .pkg-desc .zentra-product [data-zentra-description-lang="en"],
html[data-zentra-lang="de"] .pkg-desc .zpd4 .zpd4-en {
  display: none !important;
}

/* =========================================================
   ZENTRA PACKAGE PAGE V2 - video-first product page
   ========================================================= */
.page-package-v2 .package-section-v2 {
  display: grid;
  gap: 22px;
}
.zpx-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  color: var(--muted);
  font-size: 13px;
}
.zpx-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  text-decoration: none;
  padding: 10px 14px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.zpx-back:hover {
  transform: translateY(-2px);
  border-color: rgba(114,243,255,.24);
  background: rgba(255,255,255,.045);
}
.zpx-topnote {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 850;
  font-size: 11px;
}
.zpx-package {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
  gap: 22px;
  padding: 18px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 14% 0%, rgba(0,231,255,.075), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(122,53,255,.055), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016)),
    rgba(5,8,13,.94);
}
.zpx-video-card {
  position: relative;
  min-height: clamp(320px, 46vw, 620px);
  overflow: hidden;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(0,231,255,.05), transparent 36%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 12px),
    #02040A;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 24px 68px rgba(0,0,0,.28);
}
.zpx-video-card::after {
  content: "";
  position: absolute;
  inset: auto 24px 0 24px;
  height: 1px;
  background: linear-gradient(90deg, rgba(114,243,255,.58), rgba(122,53,255,.42), transparent);
  pointer-events: none;
}
.zpx-video-card iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.zpx-package-image {
  position: absolute;
  inset: 0;
  display: grid;
  align-items: end;
  background: #02040A;
}
.zpx-package-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(2,4,10,.05) 0%, rgba(2,4,10,.20) 46%, rgba(2,4,10,.82) 100%),
    radial-gradient(circle at 8% 10%, rgba(0,231,255,.16), transparent 34%),
    radial-gradient(circle at 94% 8%, rgba(255,0,255,.10), transparent 30%);
}
.zpx-package-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.015);
}
.zpx-package-image-fallback {
  place-items: center;
  align-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(0,231,255,.18), transparent 36%),
    radial-gradient(circle at 72% 70%, rgba(255,0,255,.13), transparent 40%),
    linear-gradient(rgba(114,243,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(114,243,255,.020) 1px, transparent 1px),
    #02040A;
  background-size: 100% 100%, 100% 100%, 42px 42px, 42px 42px, 100% 100%;
}
.zpx-package-image-fallback img {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  transform: none;
  filter: saturate(1.06) contrast(1.04);
}
.zpx-image-caption {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
  width: min(640px, calc(100% - 44px));
  margin: 22px;
  padding: 20px;
  border: 1px solid rgba(234,242,255,.10);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(7,11,17,.86), rgba(3,5,10,.92));
  box-shadow: 0 22px 64px rgba(0,0,0,.34);
}
.zpx-image-caption span {
  color: var(--cyan-soft);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 950;
}
.zpx-image-caption strong {
  color: #fff;
  font-family: var(--display);
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: 0;
}
.zpx-image-caption small {
  color: var(--text-soft);
  line-height: 1.5;
}
.zpx-video-empty {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  padding: 28px;
  text-align: center;
  color: var(--muted);
}
.zpx-video-empty span {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  border: 1px solid rgba(114,243,255,.18);
  color: #72F3FF;
  background: rgba(255,255,255,.035);
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
}
.zpx-video-empty strong {
  color: #fff;
  font-family: var(--display);
  font-size: 22px;
  letter-spacing: 0;
}
.zpx-video-empty small {
  max-width: 320px;
  line-height: 1.55;
}
.zpx-buy-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(7,11,17,.92);
}
.zpx-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.zpx-badges span {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 999px;
  color: #C9D6E8;
  background: rgba(255,255,255,.03);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .04em;
}
.zpx-buy-card h1 {
  margin: 2px 0 0;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(34px, 4vw, 54px);
  line-height: .98;
  letter-spacing: 0;
}
.zpx-buy-intro {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}
.zpx-price-box {
  margin-top: auto;
  padding: 18px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 20px;
  background: rgba(255,255,255,.028);
}
.zpx-label {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.zpx-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.zpx-price strong {
  color: #fff;
  font-family: var(--display);
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0;
}
.zpx-price del {
  color: #778397;
}
.zpx-actions .actions,
.zpx-actions .product-actions,
.zpx-actions .btn {
  width: 100%;
}
.zpx-trust {
  display: grid;
  gap: 8px;
}
.zpx-trust > span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 9px 11px;
  border: 1px solid rgba(234,242,255,.07);
  border-radius: 14px;
  color: #AEBBD0;
  background: rgba(255,255,255,.02);
  font-size: 12px;
}
.zpx-trust b {
  color: #72F3FF;
  font-size: 11px;
  letter-spacing: .12em;
}
.zpx-description-shell {
  width: 100%;
}
.zpx-empty-description {
  padding: 34px;
  border-radius: 24px;
}
.zpx-empty-description h2 {
  margin: 0 0 10px;
  font-family: var(--display);
}
.zpx-empty-description p {
  margin: 0;
  color: var(--muted);
}

/* =========================================================
   ZENTRA PRODUCT DESCRIPTION V4 - Hex-inspired, ZENTRA-owned
   ========================================================= */
.zpd4 {
  width: 100%;
  color: #EAF2FF;
  font-family: var(--body, Inter, Arial, sans-serif);
}
.zpd4,
.zpd4 * { box-sizing: border-box; }
.zpd4 p,
.zpd4 h2,
.zpd4 h3,
.zpd4 h4,
.zpd4 ul { margin-top: 0; }
.zpd4-video-source { display: none !important; }
.zpd4-lang { display: none !important; }
html:not([data-zentra-lang]) .zpd4 .zpd4-de,
html[data-zentra-lang="de"] .zpd4 .zpd4-de,
.zpd4[data-zentra-product-lang="de"] .zpd4-de { display: block !important; }
html[data-zentra-lang="en"] .zpd4 .zpd4-en,
.zpd4[data-zentra-product-lang="en"] .zpd4-en { display: block !important; }
html[data-zentra-lang="en"] .zpd4 .zpd4-de,
html[data-zentra-lang="de"] .zpd4 .zpd4-en,
.zpd4[data-zentra-product-lang="en"] .zpd4-de,
.zpd4[data-zentra-product-lang="de"] .zpd4-en { display: none !important; }
.zpd4-page { display: grid; gap: 18px; }
.zpd4-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(114,243,255,.14);
  border-radius: 28px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.085), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(122,53,255,.065), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #05080D;
  box-shadow: 0 28px 76px rgba(0,0,0,.30);
}
.zpd4-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .20;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 14px);
}
.zpd4-hero > * { position: relative; z-index: 1; }
.zpd4-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 16px;
  padding: 8px 12px;
  border: 1px solid rgba(114,243,255,.20);
  border-radius: 999px;
  color: #72F3FF;
  background: rgba(0,231,255,.045);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.zpd4-kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: #72F3FF;
  box-shadow: 0 0 14px rgba(114,243,255,.38);
}
.zpd4-hero h2 {
  max-width: 920px;
  margin: 0;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(36px, 6vw, 72px);
  line-height: .94;
  letter-spacing: 0;
}
.zpd4-hero h2 span {
  display: block;
  max-width: 860px;
  margin-top: 16px;
  color: #9EACBF;
  font-size: clamp(16px, 2vw, 24px);
  line-height: 1.28;
  font-weight: 750;
  letter-spacing: 0;
}
.zpd4-summary {
  max-width: 850px;
  margin: 20px 0 0;
  color: #DDE8FA;
  font-size: 16px;
  line-height: 1.7;
}
.zpd4-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}
.zpd4-strip div {
  padding: 14px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.026);
}
.zpd4-strip strong {
  display: block;
  color: #fff;
  font-size: 14px;
}
.zpd4-strip span {
  display: block;
  margin-top: 5px;
  color: #8F9CB1;
  font-size: 12px;
  line-height: 1.35;
}
.zpd4-section {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)),
    rgba(7,11,17,.92);
}
.zpd4-section.is-lead {
  display: grid;
  grid-template-columns: minmax(0,.38fr) minmax(0,.62fr);
  gap: 24px;
  align-items: start;
}
.zpd4-section h3 {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(24px, 2.3vw, 34px);
  line-height: 1.08;
  letter-spacing: 0;
}
.zpd4-section p {
  margin: 0 0 12px;
  color: #AEBBD0;
  font-size: 14px;
  line-height: 1.75;
}
.zpd4-section p:last-child { margin-bottom: 0; }
.zpd4-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.zpd4-feature {
  position: relative;
  overflow: hidden;
  min-height: 184px;
  padding: 20px;
  border: 1px solid rgba(114,243,255,.12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 85% 0%, rgba(0,231,255,.07), transparent 34%),
    rgba(255,255,255,.028);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.zpd4-feature:hover {
  transform: translateY(-5px);
  border-color: rgba(114,243,255,.24);
  background: radial-gradient(circle at 85% 0%, rgba(0,231,255,.10), transparent 34%), rgba(255,255,255,.04);
  box-shadow: 0 22px 54px rgba(0,0,0,.26);
}
.zpd4-feature em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 15px;
  background: rgba(255,255,255,.035);
  color: #72F3FF;
  font-style: normal;
  font-size: 20px;
}
.zpd4-feature b {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}
.zpd4-feature p {
  margin: 9px 0 0;
  color: #93A3BA;
  font-size: 13px;
  line-height: 1.6;
}
.zpd4-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.zpd4-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.zpd4-list li {
  position: relative;
  padding: 13px 14px 13px 38px;
  border: 1px solid rgba(234,242,255,.075);
  border-radius: 14px;
  color: #DDE8FA;
  background: rgba(255,255,255,.024);
  font-size: 13px;
  line-height: 1.42;
}
.zpd4-list li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 13px;
  color: #72F3FF;
  font-weight: 950;
}
.zpd4-note {
  padding: 20px 22px;
  border: 1px solid rgba(234,242,255,.10);
  border-radius: 18px;
  color: #AEBBD0;
  background:
    radial-gradient(circle at left, rgba(122,53,255,.06), transparent 34%),
    rgba(255,255,255,.028);
  font-size: 13px;
  line-height: 1.7;
}
.zpd4-note b { color: #fff; }

@media (max-width: 980px) {
  .zpx-package,
  .zpd4-section.is-lead,
  .zpd4-duo {
    grid-template-columns: 1fr;
  }
  .zpd4-strip,
  .zpd4-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .zpx-package { padding: 12px; border-radius: 22px; }
  .zpx-video-card { min-height: 230px; border-radius: 18px; }
  .zpx-buy-card { border-radius: 18px; }
  .zpd4-hero,
  .zpd4-section { padding: 20px; border-radius: 20px; }
  .zpd4-strip,
  .zpd4-highlights,
  .zpd4-list { grid-template-columns: 1fr; }
}


/* =========================================================
   ZENTRA FINAL DESCRIPTION VISIBILITY FIX
   Product HTML is stored hidden and rendered into the target.
   Prevents escaped HTML from becoming visible in the store.
   ========================================================= */
.zentra-description-source,
[data-zentra-package-description-source] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -99999px !important;
}

[data-zentra-package-description-render] {
  min-height: 180px;
}

[data-zentra-package-description-render]:empty::before {
  content: "Beschreibung wird geladen";
  display: block;
  padding: 22px 24px;
  border: 1px solid rgba(234, 242, 255, .08);
  border-radius: 20px;
  color: rgba(234, 242, 255, .62);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
}

html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd4 .zpd4-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zentra-panel-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd4 .zpd4-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zentra-panel-de {
  display: none !important;
}

html:not([data-zentra-lang]) [data-zentra-package-description-render] .zpd4 .zpd4-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd4 .zpd4-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd4 .zpd4-en,
html:not([data-zentra-lang]) [data-zentra-package-description-render] .zentra-panel-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zentra-panel-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zentra-panel-en {
  display: block !important;
}

.zpx-video-card.has-video {
  padding: 0;
  background: #02050a;
}

.zpx-video-card.has-video iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 360px;
  border: 0;
  border-radius: inherit;
}

@media (max-width: 720px) {
  .zpx-video-card.has-video iframe {
    min-height: 220px;
  }
}

/* =========================================================
   ZENTRA PRODUCT DESCRIPTION V5 — FINAL STRUCTURED PAGE
   Purpose: replace loose text rendering with a real product page.
   Safe for Tebex descriptions: no inline style/script required.
   ========================================================= */
[data-zentra-package-description-render] .zpd5 {
  --z5-bg: #05080D;
  --z5-panel: rgba(9, 14, 22, .92);
  --z5-panel-2: rgba(14, 20, 30, .82);
  --z5-line: rgba(234, 242, 255, .085);
  --z5-line-strong: rgba(114, 243, 255, .22);
  --z5-text: #EAF2FF;
  --z5-soft: #AEBBD0;
  --z5-muted: #7F8DA3;
  --z5-cyan: #72F3FF;
  --z5-cyan-2: #00E7FF;
  --z5-magenta: #D948FF;
  display: block !important;
  width: 100% !important;
  color: var(--z5-text) !important;
  font-family: var(--body, Inter, Arial, sans-serif) !important;
  line-height: 1.5 !important;
}

[data-zentra-package-description-render] .zpd5,
[data-zentra-package-description-render] .zpd5 * {
  box-sizing: border-box !important;
}

[data-zentra-package-description-render] .zpd5 p,
[data-zentra-package-description-render] .zpd5 h2,
[data-zentra-package-description-render] .zpd5 h3,
[data-zentra-package-description-render] .zpd5 h4,
[data-zentra-package-description-render] .zpd5 ul {
  margin-top: 0 !important;
}

[data-zentra-package-description-render] .zpd5-video-source,
[data-zentra-package-description-render] .zpd5-lang {
  display: none !important;
}

html:not([data-zentra-lang]) [data-zentra-package-description-render] .zpd5 .zpd5-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd5 .zpd5-de,
[data-zentra-package-description-render] .zpd5[data-zentra-product-lang="de"] .zpd5-de {
  display: block !important;
}

html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd5 .zpd5-en,
[data-zentra-package-description-render] .zpd5[data-zentra-product-lang="en"] .zpd5-en {
  display: block !important;
}

html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd5 .zpd5-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd5 .zpd5-en,
[data-zentra-package-description-render] .zpd5[data-zentra-product-lang="en"] .zpd5-de,
[data-zentra-package-description-render] .zpd5[data-zentra-product-lang="de"] .zpd5-en {
  display: none !important;
}

[data-zentra-package-description-render] .zpd5-page {
  display: grid !important;
  gap: 18px !important;
}

[data-zentra-package-description-render] .zpd5-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
  padding: clamp(24px, 4vw, 44px) !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.10), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(217,72,255,.075), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.016)),
    #05080D !important;
  box-shadow: 0 28px 78px rgba(0,0,0,.30) !important;
}

[data-zentra-package-description-render] .zpd5-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .22 !important;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.07) 47%, transparent 53%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.028) 0 1px, transparent 1px 13px) !important;
}

[data-zentra-package-description-render] .zpd5-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.80), rgba(217,72,255,.52), transparent) !important;
}

[data-zentra-package-description-render] .zpd5-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

[data-zentra-package-description-render] .zpd5-kicker,
[data-zentra-package-description-render] .zpd5-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 29px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(114,243,255,.22) !important;
  border-radius: 999px !important;
  color: var(--z5-cyan) !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

[data-zentra-package-description-render] .zpd5-kicker::before,
[data-zentra-package-description-render] .zpd5-chip::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 99px !important;
  background: var(--z5-cyan-2) !important;
  box-shadow: 0 0 14px rgba(0,231,255,.45) !important;
}

[data-zentra-package-description-render] .zpd5-title {
  max-width: 870px !important;
  margin: 18px 0 0 !important;
  color: #FFFFFF !important;
  font-family: var(--display, Inter, Arial, sans-serif) !important;
  font-size: clamp(34px, 4.7vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: 0;
  font-weight: 950 !important;
}

[data-zentra-package-description-render] .zpd5-title span {
  display: block !important;
  max-width: 820px !important;
  margin-top: 13px !important;
  color: #AEBBD0 !important;
  font-size: clamp(16px, 1.65vw, 21px) !important;
  line-height: 1.34 !important;
  letter-spacing: 0;
  font-weight: 740 !important;
}

[data-zentra-package-description-render] .zpd5-summary {
  max-width: 790px !important;
  margin: 18px 0 0 !important;
  color: #DDE8FA !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
  font-weight: 720 !important;
}

[data-zentra-package-description-render] .zpd5-hero-note {
  margin: 16px 0 0 !important;
  max-width: 770px !important;
  color: var(--z5-soft) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

[data-zentra-package-description-render] .zpd5-scope {
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
  padding: clamp(16px, 2vw, 22px) !important;
  border: 1px solid rgba(234,242,255,.085) !important;
  border-radius: 24px !important;
  background: rgba(0,0,0,.18) !important;
}

[data-zentra-package-description-render] .zpd5-scope-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(234,242,255,.075) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

[data-zentra-package-description-render] .zpd5-scope-title small {
  color: var(--z5-muted) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-weight: 950 !important;
}

[data-zentra-package-description-render] .zpd5-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

[data-zentra-package-description-render] .zpd5-mini {
  min-height: 86px !important;
  padding: 14px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.026) !important;
}

[data-zentra-package-description-render] .zpd5-mini b {
  display: block !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}

[data-zentra-package-description-render] .zpd5-mini span {
  display: block !important;
  margin-top: 7px !important;
  color: #8F9CB1 !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
}

[data-zentra-package-description-render] .zpd5-panel {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(22px, 3vw, 32px) !important;
  border: 1px solid rgba(234,242,255,.08) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016)), rgba(7,11,17,.92) !important;
}

[data-zentra-package-description-render] .zpd5-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .22 !important;
  background: radial-gradient(circle at 0% 0%, rgba(0,231,255,.07), transparent 34%) !important;
}

[data-zentra-package-description-render] .zpd5-panel > * {
  position: relative !important;
  z-index: 1 !important;
}

[data-zentra-package-description-render] .zpd5-panel-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

[data-zentra-package-description-render] .zpd5-icon {
  flex: 0 0 auto !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 15px !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 19px !important;
}

[data-zentra-package-description-render] .zpd5-panel h3 {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: var(--display, Inter, Arial, sans-serif) !important;
  font-size: clamp(22px, 2.2vw, 31px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0;
  font-weight: 930 !important;
}

[data-zentra-package-description-render] .zpd5-panel p {
  max-width: 980px !important;
  margin: 0 0 12px !important;
  color: var(--z5-soft) !important;
  font-size: 14px !important;
  line-height: 1.76 !important;
}

[data-zentra-package-description-render] .zpd5-panel p:last-child {
  margin-bottom: 0 !important;
}

[data-zentra-package-description-render] .zpd5-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

[data-zentra-package-description-render] .zpd5-feature {
  position: relative !important;
  overflow: hidden !important;
  min-height: 168px !important;
  padding: 18px !important;
  border: 1px solid rgba(114,243,255,.13) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 86% 0%, rgba(0,231,255,.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012)),
    #060A10 !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

[data-zentra-package-description-render] .zpd5-feature:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(114,243,255,.27) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.28) !important;
}

[data-zentra-package-description-render] .zpd5-feature::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.82), rgba(217,72,255,.52), transparent) !important;
}

[data-zentra-package-description-render] .zpd5-feature .zpd5-emoji {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 13px !important;
  border: 1px solid rgba(234,242,255,.085) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.032) !important;
  font-size: 19px !important;
}

[data-zentra-package-description-render] .zpd5-feature b {
  display: block !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

[data-zentra-package-description-render] .zpd5-feature p {
  margin: 9px 0 0 !important;
  color: #93A3BA !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

[data-zentra-package-description-render] .zpd5-duo {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

[data-zentra-package-description-render] .zpd5-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

[data-zentra-package-description-render] .zpd5-list li {
  position: relative !important;
  display: block !important;
  min-height: 48px !important;
  padding: 13px 14px 13px 40px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 15px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.024) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

[data-zentra-package-description-render] .zpd5-list li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 15px !important;
  top: 13px !important;
  color: var(--z5-cyan) !important;
  font-weight: 950 !important;
}

[data-zentra-package-description-render] .zpd5-note {
  padding: 19px 22px !important;
  border: 1px solid rgba(234,242,255,.095) !important;
  border-radius: 20px !important;
  color: var(--z5-soft) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(217,72,255,.06), transparent 34%),
    rgba(255,255,255,.025) !important;
  font-size: 13px !important;
  line-height: 1.68 !important;
}

[data-zentra-package-description-render] .zpd5-note b {
  color: #FFFFFF !important;
}

@media (max-width: 1080px) {
  [data-zentra-package-description-render] .zpd5-hero,
  [data-zentra-package-description-render] .zpd5-duo {
    grid-template-columns: 1fr !important;
  }

  [data-zentra-package-description-render] .zpd5-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  [data-zentra-package-description-render] .zpd5-hero,
  [data-zentra-package-description-render] .zpd5-panel {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  [data-zentra-package-description-render] .zpd5-title {
    font-size: 36px !important;
  }

  [data-zentra-package-description-render] .zpd5-mini-grid,
  [data-zentra-package-description-render] .zpd5-feature-grid,
  [data-zentra-package-description-render] .zpd5-list {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   ZENTRA PRODUCT PAGE V6 — TEMPLATE-BUILT VIPSTORE PAGE
   Fix: no product description HTML rendering needed for VIPStore.
   ========================================================= */
.page-package-v3 .zps,
.page-package-v3 .zps * {
  box-sizing: border-box !important;
}

.page-package-v3 .zps {
  --zps-bg: #05080d;
  --zps-panel: rgba(8, 13, 20, .88);
  --zps-panel-2: rgba(12, 18, 28, .78);
  --zps-line: rgba(234, 242, 255, .085);
  --zps-line-strong: rgba(114, 243, 255, .20);
  --zps-text: #EAF2FF;
  --zps-soft: #AEBBD0;
  --zps-muted: #8290A6;
  --zps-cyan: #72F3FF;
  --zps-cyan-2: #00E7FF;
  --zps-magenta: #D948FF;
  display: block !important;
  width: 100% !important;
  margin-top: 28px !important;
  color: var(--zps-text) !important;
}

.page-package-v3 .zps .zps-lang {
  display: none !important;
}

html:not([data-zentra-lang]) .page-package-v3 .zps .zps-de,
html[data-zentra-lang="de"] .page-package-v3 .zps .zps-de {
  display: grid !important;
  gap: 22px !important;
}

html[data-zentra-lang="en"] .page-package-v3 .zps .zps-en {
  display: grid !important;
  gap: 22px !important;
}

html[data-zentra-lang="en"] .page-package-v3 .zps .zps-de,
html[data-zentra-lang="de"] .page-package-v3 .zps .zps-en {
  display: none !important;
}

.page-package-v3 .zps h2,
.page-package-v3 .zps h3,
.page-package-v3 .zps h4,
.page-package-v3 .zps p,
.page-package-v3 .zps ul {
  margin-top: 0 !important;
}

.page-package-v3 .zps-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
  padding: clamp(26px, 4vw, 48px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 2% 0%, rgba(0,231,255,.105), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(217,72,255,.085), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
    #05080D !important;
}

.page-package-v3 .zps-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: .20 !important;
  pointer-events: none !important;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.065) 47%, transparent 53%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.027) 0 1px, transparent 1px 13px) !important;
}

.page-package-v3 .zps-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.78), rgba(217,72,255,.52), transparent) !important;
}

.page-package-v3 .zps-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.page-package-v3 .zps-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(114,243,255,.22) !important;
  border-radius: 999px !important;
  color: var(--zps-cyan) !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.page-package-v3 .zps-kicker::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 99px !important;
  background: var(--zps-cyan-2) !important;
  box-shadow: 0 0 14px rgba(0,231,255,.45) !important;
}

.page-package-v3 .zps h2 {
  max-width: 900px !important;
  margin: 18px 0 0 !important;
  color: #FFFFFF !important;
  font-size: clamp(38px, 5vw, 64px) !important;
  line-height: .95 !important;
  letter-spacing: 0;
  font-weight: 950 !important;
}

.page-package-v3 .zps-lead {
  max-width: 900px !important;
  margin: 20px 0 0 !important;
  color: #F2F7FF !important;
  font-size: clamp(17px, 1.6vw, 22px) !important;
  line-height: 1.45 !important;
  font-weight: 760 !important;
  letter-spacing: 0;
}

.page-package-v3 .zps-text {
  max-width: 820px !important;
  margin: 15px 0 0 !important;
  color: var(--zps-soft) !important;
  font-size: 14px !important;
  line-height: 1.78 !important;
}

.page-package-v3 .zps-overview-card,
.page-package-v3 .zps-panel,
.page-package-v3 .zps-feature,
.page-package-v3 .zps-note {
  border: 1px solid var(--zps-line) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.015)), rgba(7,11,17,.90) !important;
}

.page-package-v3 .zps-overview-card {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 15px !important;
  padding: 22px !important;
  border-radius: 24px !important;
}

.page-package-v3 .zps-card-label {
  display: block !important;
  padding-bottom: 11px !important;
  border-bottom: 1px solid rgba(234,242,255,.075) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.page-package-v3 .zps-mini-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.page-package-v3 .zps-mini-list span {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 15px !important;
  color: #EAF2FF !important;
  background: rgba(255,255,255,.025) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.page-package-v3 .zps-section {
  display: block !important;
  width: 100% !important;
}

.page-package-v3 .zps-intro-grid,
.page-package-v3 .zps-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.page-package-v3 .zps-panel {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(20px, 2.6vw, 30px) !important;
  border-radius: 24px !important;
}

.page-package-v3 .zps-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .20 !important;
  background: radial-gradient(circle at 0% 0%, rgba(0,231,255,.075), transparent 34%) !important;
}

.page-package-v3 .zps-panel > * {
  position: relative !important;
  z-index: 1 !important;
}

.page-package-v3 .zps-panel-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 13px !important;
}

.page-package-v3 .zps-panel-head span {
  flex: 0 0 auto !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 14px !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 18px !important;
}

.page-package-v3 .zps-panel h3,
.page-package-v3 .zps-section-head h3 {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: clamp(22px, 2.3vw, 32px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0;
  font-weight: 930 !important;
}

.page-package-v3 .zps-panel p {
  max-width: 960px !important;
  margin: 0 0 12px !important;
  color: var(--zps-soft) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.page-package-v3 .zps-panel p:last-child {
  margin-bottom: 0 !important;
}

.page-package-v3 .zps-section-head {
  margin-bottom: 16px !important;
}

.page-package-v3 .zps-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.page-package-v3 .zps-feature {
  position: relative !important;
  overflow: hidden !important;
  min-height: 178px !important;
  padding: 19px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 86% 0%, rgba(0,231,255,.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012)),
    #060A10 !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.page-package-v3 .zps-feature:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(114,243,255,.27) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.28) !important;
}

.page-package-v3 .zps-feature::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.82), rgba(217,72,255,.52), transparent) !important;
}

.page-package-v3 .zps-feature-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 14px !important;
  border: 1px solid rgba(234,242,255,.085) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.032) !important;
  font-size: 20px !important;
}

.page-package-v3 .zps-feature h4 {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

.page-package-v3 .zps-feature p {
  margin: 9px 0 0 !important;
  color: #93A3BA !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

.page-package-v3 .zps-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.page-package-v3 .zps-checks li {
  position: relative !important;
  display: block !important;
  min-height: 48px !important;
  padding: 13px 14px 13px 40px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 15px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.024) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.page-package-v3 .zps-checks li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 15px !important;
  top: 13px !important;
  color: var(--zps-cyan) !important;
  font-weight: 950 !important;
}

.page-package-v3 .zps-compact-checks {
  grid-template-columns: 1fr !important;
}

.page-package-v3 .zps-stack-panel {
  align-self: start !important;
}

.page-package-v3 .zps-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 16px !important;
}

.page-package-v3 .zps-pills span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 999px !important;
  color: #EAF2FF !important;
  background: rgba(255,255,255,.032) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.page-package-v3 .zps-note {
  padding: 19px 22px !important;
  border-radius: 20px !important;
  color: var(--zps-soft) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(217,72,255,.06), transparent 34%),
    rgba(255,255,255,.025) !important;
  font-size: 13px !important;
  line-height: 1.68 !important;
}

.page-package-v3 .zps-note strong {
  color: #FFFFFF !important;
}

.page-package-v3 .zentra-video-source-raw {
  display: none !important;
}

@media (max-width: 1120px) {
  .page-package-v3 .zps-hero,
  .page-package-v3 .zps-intro-grid,
  .page-package-v3 .zps-split {
    grid-template-columns: 1fr !important;
  }
  .page-package-v3 .zps-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .page-package-v3 .zps-hero,
  .page-package-v3 .zps-panel {
    padding: 20px !important;
    border-radius: 22px !important;
  }
  .page-package-v3 .zps h2 {
    font-size: 38px !important;
  }
  .page-package-v3 .zps-mini-list,
  .page-package-v3 .zps-feature-grid,
  .page-package-v3 .zps-checks {
    grid-template-columns: 1fr !important;
  }
}


/* ZENTRA generic package template safety */
[data-zentra-youtube] { display: none !important; }
.zentra-description-source[hidden] { display: none !important; }
.zpx-description-shell [data-zentra-package-description-render]:empty::before {
  content: "";
  display: block;
  min-height: 24px;
}

/* =========================================================
   ZENTRA FINAL PACKAGE DESCRIPTION — CLEAN PRODUCT PAGE
   This is the only active styling layer for Tebex product HTML.
   ========================================================= */
.zentra-description-source,
[data-zentra-package-description-source] {
  position: absolute !important;
  left: -99999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  display: block !important;
}

.zentra-product-page-description {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-zentra-package-description-render] {
  width: 100% !important;
  min-height: 120px !important;
}

[data-zentra-package-description-render].is-rendered {
  min-height: 0 !important;
}

.zentra-description-loading {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(234,242,255,.08) !important;
  border-radius: 20px !important;
  color: rgba(234,242,255,.72) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)), rgba(7,11,17,.86) !important;
}

.zentra-description-loading span {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #72F3FF !important;
  box-shadow: 0 0 18px rgba(114,243,255,.35) !important;
}

[data-zentra-package-description-render].is-rendered .zentra-description-loading { display: none !important; }

[data-zentra-package-description-render] .zps {
  --zps-bg: #05080d;
  --zps-panel: rgba(9, 14, 22, .92);
  --zps-panel-2: rgba(13, 19, 29, .88);
  --zps-line: rgba(234, 242, 255, .085);
  --zps-line-strong: rgba(114, 243, 255, .20);
  --zps-text: #EAF2FF;
  --zps-soft: #AEBBD0;
  --zps-muted: #8290A6;
  --zps-cyan: #72F3FF;
  --zps-magenta: #D948FF;
  width: 100% !important;
  color: var(--zps-text) !important;
  font-family: var(--body, Inter, Arial, sans-serif) !important;
  line-height: 1.55 !important;
}

[data-zentra-package-description-render] .zps,
[data-zentra-package-description-render] .zps * {
  box-sizing: border-box !important;
}

[data-zentra-package-description-render] .zps p,
[data-zentra-package-description-render] .zps h2,
[data-zentra-package-description-render] .zps h3,
[data-zentra-package-description-render] .zps h4,
[data-zentra-package-description-render] .zps ul {
  margin-top: 0 !important;
}

[data-zentra-youtube],
[data-zentra-package-description-render] .zps [data-zentra-youtube] {
  display: none !important;
}

[data-zentra-package-description-render] .zps .zps-lang { display: none !important; }

html:not([data-zentra-lang]) [data-zentra-package-description-render] .zps .zps-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zps .zps-de,
[data-zentra-package-description-render] .zps[data-zentra-product-lang="de"] .zps-de {
  display: grid !important;
  gap: 18px !important;
}

html[data-zentra-lang="en"] [data-zentra-package-description-render] .zps .zps-en,
[data-zentra-package-description-render] .zps[data-zentra-product-lang="en"] .zps-en {
  display: grid !important;
  gap: 18px !important;
}

html[data-zentra-lang="en"] [data-zentra-package-description-render] .zps .zps-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zps .zps-en,
[data-zentra-package-description-render] .zps[data-zentra-product-lang="en"] .zps-de,
[data-zentra-package-description-render] .zps[data-zentra-product-lang="de"] .zps-en {
  display: none !important;
}

[data-zentra-package-description-render] .zps-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  gap: clamp(18px, 3vw, 32px) !important;
  align-items: stretch !important;
  padding: clamp(24px, 4vw, 44px) !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.10), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(217,72,255,.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.016)),
    #05080D !important;
  box-shadow: 0 28px 78px rgba(0,0,0,.30) !important;
}

[data-zentra-package-description-render] .zps-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .22 !important;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.07) 47%, transparent 53%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.028) 0 1px, transparent 1px 13px) !important;
}

[data-zentra-package-description-render] .zps-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

[data-zentra-package-description-render] .zps-kicker,
[data-zentra-package-description-render] .zps-card-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(114,243,255,.20) !important;
  border-radius: 999px !important;
  color: #72F3FF !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

[data-zentra-package-description-render] .zps h2 {
  max-width: 920px !important;
  margin: 16px 0 0 !important;
  color: #fff !important;
  font-family: var(--display, Inter, Arial, sans-serif) !important;
  font-size: clamp(34px, 5.4vw, 62px) !important;
  line-height: .98 !important;
  letter-spacing: 0;
}

[data-zentra-package-description-render] .zps-lead,
[data-zentra-package-description-render] .zps-text {
  max-width: 850px !important;
  margin: 18px 0 0 !important;
  color: #AEBBD0 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

[data-zentra-package-description-render] .zps-lead {
  color: #EAF2FF !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

[data-zentra-package-description-render] .zps-overview-card,
[data-zentra-package-description-render] .zps-panel,
[data-zentra-package-description-render] .zps-feature,
[data-zentra-package-description-render] .zps-section,
[data-zentra-package-description-render] .zps-note {
  border: 1px solid rgba(234,242,255,.085) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)), rgba(7,11,17,.88) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.24) !important;
}

[data-zentra-package-description-render] .zps-overview-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 22px !important;
  border-radius: 24px !important;
}

[data-zentra-package-description-render] .zps-mini-list,
[data-zentra-package-description-render] .zps-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

[data-zentra-package-description-render] .zps-mini-list span,
[data-zentra-package-description-render] .zps-pills span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(234,242,255,.08) !important;
  border-radius: 999px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.028) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

[data-zentra-package-description-render] .zps-section {
  padding: clamp(22px, 3vw, 32px) !important;
  border-radius: 24px !important;
}

[data-zentra-package-description-render] .zps-intro-grid,
[data-zentra-package-description-render] .zps-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

[data-zentra-package-description-render] .zps-panel,
[data-zentra-package-description-render] .zps-stack-panel {
  padding: 22px !important;
  border-radius: 22px !important;
}

[data-zentra-package-description-render] .zps-panel-head {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin-bottom: 12px !important;
}

[data-zentra-package-description-render] .zps-panel-head span,
[data-zentra-package-description-render] .zps-feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border: 1px solid rgba(114,243,255,.14) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.035) !important;
  font-size: 20px !important;
}

[data-zentra-package-description-render] .zps-section-head {
  margin-bottom: 18px !important;
}

[data-zentra-package-description-render] .zps h3 {
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--display, Inter, Arial, sans-serif) !important;
  font-size: clamp(23px, 2.5vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0;
}

[data-zentra-package-description-render] .zps h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

[data-zentra-package-description-render] .zps p {
  color: #AEBBD0 !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  margin: 0 0 12px !important;
}

[data-zentra-package-description-render] .zps p:last-child { margin-bottom: 0 !important; }

[data-zentra-package-description-render] .zps-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

[data-zentra-package-description-render] .zps-feature {
  position: relative !important;
  overflow: hidden !important;
  min-height: 180px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

[data-zentra-package-description-render] .zps-feature::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.70), rgba(217,72,255,.38), transparent) !important;
}

[data-zentra-package-description-render] .zps-feature:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(114,243,255,.22) !important;
  background: radial-gradient(circle at 90% 0%, rgba(0,231,255,.09), transparent 34%), rgba(255,255,255,.035) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.26) !important;
}

[data-zentra-package-description-render] .zps-feature h4 {
  margin-top: 12px !important;
}

[data-zentra-package-description-render] .zps-feature p {
  margin-top: 9px !important;
  color: #93A3BA !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

[data-zentra-package-description-render] .zps-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

[data-zentra-package-description-render] .zps-compact-checks {
  grid-template-columns: 1fr !important;
}

[data-zentra-package-description-render] .zps-checks li {
  position: relative !important;
  padding: 13px 14px 13px 38px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 14px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.024) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

[data-zentra-package-description-render] .zps-checks li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 14px !important;
  top: 13px !important;
  color: #72F3FF !important;
  font-weight: 950 !important;
}

[data-zentra-package-description-render] .zps-checks strong {
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

@media (max-width: 1080px) {
  [data-zentra-package-description-render] .zps-hero,
  [data-zentra-package-description-render] .zps-intro-grid,
  [data-zentra-package-description-render] .zps-split {
    grid-template-columns: 1fr !important;
  }
  [data-zentra-package-description-render] .zps-feature-grid,
  [data-zentra-package-description-render] .zps-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  [data-zentra-package-description-render] .zps-hero,
  [data-zentra-package-description-render] .zps-section,
  [data-zentra-package-description-render] .zps-panel {
    padding: 20px !important;
    border-radius: 20px !important;
  }
  [data-zentra-package-description-render] .zps-feature-grid,
  [data-zentra-package-description-render] .zps-checks {
    grid-template-columns: 1fr !important;
  }
  [data-zentra-package-description-render] .zps h2 {
    font-size: 34px !important;
  }
}


/* ZENTRA description render hotfix: never show loading placeholder as final content */
.zentra-description-loading,
[data-zentra-package-description-render] .zentra-description-loading {
  display: none !important;
}
[data-zentra-package-description-render]:empty::before,
.zpx-description-shell [data-zentra-package-description-render]:empty::before {
  content: none !important;
  display: none !important;
}
[data-zentra-package-description-source] {
  display: none !important;
}
[data-zentra-package-description-render] {
  min-height: 0 !important;
}
html:not([data-zentra-lang]) [data-zentra-package-description-render] .zentra-panel-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zentra-panel-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zentra-panel-de {
  display: none !important;
}
html:not([data-zentra-lang]) [data-zentra-package-description-render] .zentra-panel-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zentra-panel-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zentra-panel-en {
  display: block !important;
}
html:not([data-zentra-lang]) [data-zentra-package-description-render] .zps .zps-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zps .zps-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zps .zps-de {
  display: none !important;
}
html:not([data-zentra-lang]) [data-zentra-package-description-render] .zps .zps-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zps .zps-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zps .zps-en {
  display: block !important;
}


/* =========================================================
   ZENTRA FINAL LANGUAGE GUARD
   Forces product descriptions to show exactly one language.
   ========================================================= */
html[data-zentra-lang="de"] [data-zentra-package-description-render] [data-zentra-description-lang="en"],
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zps-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd5-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd4-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd3-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd2-en,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zentra-panel-en,
body.zentra-lang-de [data-zentra-package-description-render] [data-zentra-description-lang="en"],
body.zentra-lang-de [data-zentra-package-description-render] .zps-en,
body.zentra-lang-de [data-zentra-package-description-render] .zpd5-en,
body.zentra-lang-de [data-zentra-package-description-render] .zpd4-en,
body.zentra-lang-de [data-zentra-package-description-render] .zpd3-en,
body.zentra-lang-de [data-zentra-package-description-render] .zpd2-en,
body.zentra-lang-de [data-zentra-package-description-render] .zentra-panel-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] [data-zentra-description-lang="de"],
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zps-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd5-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd4-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd3-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd2-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zentra-panel-de,
body.zentra-lang-en [data-zentra-package-description-render] [data-zentra-description-lang="de"],
body.zentra-lang-en [data-zentra-package-description-render] .zps-de,
body.zentra-lang-en [data-zentra-package-description-render] .zpd5-de,
body.zentra-lang-en [data-zentra-package-description-render] .zpd4-de,
body.zentra-lang-en [data-zentra-package-description-render] .zpd3-de,
body.zentra-lang-en [data-zentra-package-description-render] .zpd2-de,
body.zentra-lang-en [data-zentra-package-description-render] .zentra-panel-de {
  display: none !important;
}

html:not([data-zentra-lang]) [data-zentra-package-description-render] [data-zentra-description-lang="de"],
html[data-zentra-lang="de"] [data-zentra-package-description-render] [data-zentra-description-lang="de"],
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zps-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd5-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd4-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd3-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zpd2-de,
body.zentra-lang-de [data-zentra-package-description-render] [data-zentra-description-lang="de"],
body.zentra-lang-de [data-zentra-package-description-render] .zps-de,
body.zentra-lang-de [data-zentra-package-description-render] .zpd5-de,
body.zentra-lang-de [data-zentra-package-description-render] .zpd4-de,
body.zentra-lang-de [data-zentra-package-description-render] .zpd3-de,
body.zentra-lang-de [data-zentra-package-description-render] .zpd2-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] [data-zentra-description-lang="en"],
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zps-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd5-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd4-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd3-en,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zpd2-en,
body.zentra-lang-en [data-zentra-package-description-render] [data-zentra-description-lang="en"],
body.zentra-lang-en [data-zentra-package-description-render] .zps-en,
body.zentra-lang-en [data-zentra-package-description-render] .zpd5-en,
body.zentra-lang-en [data-zentra-package-description-render] .zpd4-en,
body.zentra-lang-en [data-zentra-package-description-render] .zpd3-en,
body.zentra-lang-en [data-zentra-package-description-render] .zpd2-en {
  display: grid !important;
  gap: 18px !important;
}

html:not([data-zentra-lang]) [data-zentra-package-description-render] .zentra-panel-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zentra-panel-de,
body.zentra-lang-de [data-zentra-package-description-render] .zentra-panel-de,
html[data-zentra-lang="en"] [data-zentra-package-description-render] .zentra-panel-en,
body.zentra-lang-en [data-zentra-package-description-render] .zentra-panel-en {
  display: block !important;
}


/* =========================================================
   ZENTRA VIPStore product description — final clean layout
   Scoped to .zvpd so older zps/zpd description styles cannot break it.
   Append-only safe. No product hardcoding inside package.html.
   ========================================================= */
[data-zentra-package-description-render] .zvpd,
.zvpd {
  --zvpd-bg: #05080d;
  --zvpd-surface: rgba(8, 13, 20, .88);
  --zvpd-surface-2: rgba(12, 18, 28, .78);
  --zvpd-line: rgba(234, 242, 255, .085);
  --zvpd-line-strong: rgba(114, 243, 255, .20);
  --zvpd-text: #EAF2FF;
  --zvpd-soft: #AEBBD0;
  --zvpd-muted: #8290A6;
  --zvpd-cyan: #72F3FF;
  --zvpd-cyan-2: #00E7FF;
  --zvpd-magenta: #D948FF;
  width: 100% !important;
  color: var(--zvpd-text) !important;
  font-family: var(--body, Inter, Arial, sans-serif) !important;
  line-height: 1.55 !important;
}

[data-zentra-package-description-render] .zvpd *,
.zvpd * {
  box-sizing: border-box !important;
}

[data-zentra-package-description-render] .zvpd [data-zentra-youtube],
.zvpd [data-zentra-youtube] {
  display: none !important;
}

[data-zentra-package-description-render] .zvpd-lang,
.zvpd .zvpd-lang {
  display: none !important;
}

html:not([data-zentra-lang]) [data-zentra-package-description-render] .zvpd .zvpd-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zvpd .zvpd-de,
body[data-zentra-lang="de"] [data-zentra-package-description-render] .zvpd .zvpd-de,
html:not([data-zentra-lang]) .zvpd .zvpd-de,
html[data-zentra-lang="de"] .zvpd .zvpd-de,
body[data-zentra-lang="de"] .zvpd .zvpd-de {
  display: grid !important;
  gap: 18px !important;
}

html[data-zentra-lang="en"] [data-zentra-package-description-render] .zvpd .zvpd-en,
body[data-zentra-lang="en"] [data-zentra-package-description-render] .zvpd .zvpd-en,
html[data-zentra-lang="en"] .zvpd .zvpd-en,
body[data-zentra-lang="en"] .zvpd .zvpd-en {
  display: grid !important;
  gap: 18px !important;
}

html[data-zentra-lang="en"] [data-zentra-package-description-render] .zvpd .zvpd-de,
body[data-zentra-lang="en"] [data-zentra-package-description-render] .zvpd .zvpd-de,
html[data-zentra-lang="de"] [data-zentra-package-description-render] .zvpd .zvpd-en,
body[data-zentra-lang="de"] [data-zentra-package-description-render] .zvpd .zvpd-en,
html[data-zentra-lang="en"] .zvpd .zvpd-de,
body[data-zentra-lang="en"] .zvpd .zvpd-de,
html[data-zentra-lang="de"] .zvpd .zvpd-en,
body[data-zentra-lang="de"] .zvpd .zvpd-en {
  display: none !important;
}

[data-zentra-package-description-render] .zvpd h2,
[data-zentra-package-description-render] .zvpd h3,
[data-zentra-package-description-render] .zvpd h4,
[data-zentra-package-description-render] .zvpd p,
[data-zentra-package-description-render] .zvpd ul,
.zvpd h2,
.zvpd h3,
.zvpd h4,
.zvpd p,
.zvpd ul {
  margin-top: 0 !important;
}

[data-zentra-package-description-render] .zvpd-hero,
.zvpd-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
  padding: clamp(24px, 4vw, 46px) !important;
  border: 1px solid rgba(114, 243, 255, .16) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.10), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(217,72,255,.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.016)),
    #05080D !important;
  box-shadow: 0 28px 78px rgba(0,0,0,.30) !important;
}

[data-zentra-package-description-render] .zvpd-hero::before,
.zvpd-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .22 !important;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.07) 47%, transparent 53%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.028) 0 1px, transparent 1px 13px) !important;
}

[data-zentra-package-description-render] .zvpd-hero > *,
.zvpd-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

[data-zentra-package-description-render] .zvpd-kicker,
[data-zentra-package-description-render] .zvpd-label,
.zvpd-kicker,
.zvpd-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(114,243,255,.20) !important;
  border-radius: 999px !important;
  color: #72F3FF !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

[data-zentra-package-description-render] .zvpd h2,
.zvpd h2 {
  max-width: 880px !important;
  margin: 16px 0 0 !important;
  color: #fff !important;
  font-family: var(--display, Inter, Arial, sans-serif) !important;
  font-size: clamp(34px, 4.7vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0;
}

[data-zentra-package-description-render] .zvpd h3,
.zvpd h3 {
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--display, Inter, Arial, sans-serif) !important;
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0;
}

[data-zentra-package-description-render] .zvpd h4,
.zvpd h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

[data-zentra-package-description-render] .zvpd p,
.zvpd p {
  color: #AEBBD0 !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  margin: 0 0 12px !important;
}

[data-zentra-package-description-render] .zvpd p:last-child,
.zvpd p:last-child { margin-bottom: 0 !important; }

[data-zentra-package-description-render] .zvpd-lead,
.zvpd-lead {
  max-width: 760px !important;
  margin: 18px 0 0 !important;
  color: #EAF2FF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
}

[data-zentra-package-description-render] .zvpd-text,
.zvpd-text {
  max-width: 820px !important;
  margin-top: 16px !important;
}

[data-zentra-package-description-render] .zvpd-summary,
.zvpd-summary {
  display: grid !important;
  gap: 10px !important;
  align-content: start !important;
  padding: 22px !important;
  border: 1px solid rgba(234,242,255,.085) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)), rgba(7,11,17,.88) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.24) !important;
}

[data-zentra-package-description-render] .zvpd-chip-row,
.zvpd-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

[data-zentra-package-description-render] .zvpd-chip-row span,
.zvpd-chip-row span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(234,242,255,.08) !important;
  border-radius: 999px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.028) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

[data-zentra-package-description-render] .zvpd-section,
.zvpd-section {
  padding: clamp(22px, 3vw, 32px) !important;
  border: 1px solid rgba(234,242,255,.085) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)), rgba(7,11,17,.88) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.22) !important;
}

[data-zentra-package-description-render] .zvpd-section-head,
.zvpd-section-head {
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

[data-zentra-package-description-render] .zvpd-two,
.zvpd-two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

[data-zentra-package-description-render] .zvpd-card-grid,
.zvpd-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

[data-zentra-package-description-render] .zvpd-info-grid,
.zvpd-info-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

[data-zentra-package-description-render] .zvpd-card,
[data-zentra-package-description-render] .zvpd-info,
.zvpd-card,
.zvpd-info {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  min-height: 132px !important;
  padding: 18px !important;
  border: 1px solid rgba(234,242,255,.08) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(0,231,255,.055), transparent 34%),
    rgba(255,255,255,.026) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.18) !important;
}

[data-zentra-package-description-render] .zvpd-card::after,
.zvpd-card::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.70), rgba(217,72,255,.35), transparent) !important;
}

[data-zentra-package-description-render] .zvpd-icon,
.zvpd-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(114,243,255,.14) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.035) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

[data-zentra-package-description-render] .zvpd-card p,
[data-zentra-package-description-render] .zvpd-info p,
.zvpd-card p,
.zvpd-info p {
  margin-top: 7px !important;
  color: #93A3BA !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

[data-zentra-package-description-render] .zvpd-checks,
.zvpd-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

[data-zentra-package-description-render] .zvpd-checks.one,
.zvpd-checks.one {
  grid-template-columns: 1fr !important;
}

[data-zentra-package-description-render] .zvpd-checks li,
.zvpd-checks li {
  position: relative !important;
  min-height: 44px !important;
  padding: 13px 14px 13px 38px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 14px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.024) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

[data-zentra-package-description-render] .zvpd-checks li::before,
.zvpd-checks li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 14px !important;
  top: 13px !important;
  color: #72F3FF !important;
  font-weight: 950 !important;
}

[data-zentra-package-description-render] .zvpd-note,
.zvpd-note {
  padding: 18px 20px !important;
  border: 1px solid rgba(234,242,255,.095) !important;
  border-radius: 18px !important;
  color: #AEBBD0 !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(217,72,255,.07), transparent 34%),
    rgba(255,255,255,.028) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

[data-zentra-package-description-render] .zvpd-note strong,
.zvpd-note strong { color: #fff !important; }

@media (max-width: 1160px) {
  [data-zentra-package-description-render] .zvpd-hero,
  .zvpd-hero,
  [data-zentra-package-description-render] .zvpd-two,
  .zvpd-two {
    grid-template-columns: 1fr !important;
  }

  [data-zentra-package-description-render] .zvpd-card-grid,
  .zvpd-card-grid,
  [data-zentra-package-description-render] .zvpd-info-grid,
  .zvpd-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  [data-zentra-package-description-render] .zvpd-hero,
  .zvpd-hero,
  [data-zentra-package-description-render] .zvpd-section,
  .zvpd-section {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  [data-zentra-package-description-render] .zvpd-card-grid,
  .zvpd-card-grid,
  [data-zentra-package-description-render] .zvpd-info-grid,
  .zvpd-info-grid,
  [data-zentra-package-description-render] .zvpd-checks,
  .zvpd-checks {
    grid-template-columns: 1fr !important;
  }

  [data-zentra-package-description-render] .zvpd-card,
  [data-zentra-package-description-render] .zvpd-info,
  .zvpd-card,
  .zvpd-info {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }

  [data-zentra-package-description-render] .zvpd h2,
  .zvpd h2 {
    font-size: 34px !important;
  }

  [data-zentra-package-description-render] .zvpd-chip-row span,
  .zvpd-chip-row span {
    white-space: normal !important;
  }
}
/* =========================================================
   ZENTRA VIPStore product description — stable final layout
   Scoped to .zvstore. Safe to append at the END of styles.css.
   Fixes: blank description, DE/EN separation, broken icon/layout offsets.
   ========================================================= */
.zpx-description-shell [data-zentra-package-description-render],
[data-zentra-package-description-render] {
  display: block !important;
  min-height: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

[data-zentra-package-description-render] > .zentra-description-loading,
.zentra-description-loading {
  display: none !important;
}

.zvstore,
[data-zentra-package-description-render] .zvstore {
  --zvs-bg: #05080d;
  --zvs-surface: rgba(9, 14, 22, .92);
  --zvs-surface-2: rgba(12, 18, 28, .82);
  --zvs-surface-3: rgba(16, 23, 34, .72);
  --zvs-line: rgba(234, 242, 255, .085);
  --zvs-line-strong: rgba(114, 243, 255, .20);
  --zvs-text: #EAF2FF;
  --zvs-soft: #AEBBD0;
  --zvs-muted: #7F8CA3;
  --zvs-cyan: #72F3FF;
  --zvs-cyan-2: #00E7FF;
  --zvs-magenta: #D948FF;
  display: block !important;
  width: 100% !important;
  color: var(--zvs-text) !important;
  font-family: var(--font, Inter, Arial, sans-serif) !important;
  line-height: 1.55 !important;
}

.zvstore *,
[data-zentra-package-description-render] .zvstore * {
  box-sizing: border-box !important;
}

.zvstore [data-zentra-youtube],
[data-zentra-package-description-render] .zvstore [data-zentra-youtube] {
  display: none !important;
}

.zvstore-lang,
[data-zentra-package-description-render] .zvstore-lang {
  display: none !important;
}

html:not([data-zentra-lang]) .zvstore .zvstore-de,
html[data-zentra-lang="de"] .zvstore .zvstore-de,
body[data-zentra-lang="de"] .zvstore .zvstore-de,
body.zentra-lang-de .zvstore .zvstore-de,
.zvstore[data-zentra-force-lang="de"] .zvstore-de {
  display: block !important;
}

html[data-zentra-lang="en"] .zvstore .zvstore-en,
body[data-zentra-lang="en"] .zvstore .zvstore-en,
body.zentra-lang-en .zvstore .zvstore-en,
.zvstore[data-zentra-force-lang="en"] .zvstore-en {
  display: block !important;
}

html[data-zentra-lang="en"] .zvstore .zvstore-de,
body[data-zentra-lang="en"] .zvstore .zvstore-de,
body.zentra-lang-en .zvstore .zvstore-de,
html[data-zentra-lang="de"] .zvstore .zvstore-en,
body[data-zentra-lang="de"] .zvstore .zvstore-en,
body.zentra-lang-de .zvstore .zvstore-en {
  display: none !important;
}

.zvstore h2,
.zvstore h3,
.zvstore h4,
.zvstore p,
.zvstore ul {
  margin-top: 0 !important;
}

.zvstore-hero,
.zvstore-section,
.zvstore-note {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--zvs-line) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)),
    radial-gradient(circle at top left, rgba(0,231,255,.075), transparent 36%),
    radial-gradient(circle at bottom right, rgba(255,0,255,.05), transparent 34%),
    var(--zvs-bg) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.26) !important;
}

.zvstore-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.24fr) minmax(340px, .76fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  padding: 34px !important;
}

.zvstore-hero::before,
.zvstore-section::before,
.zvstore-note::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .28 !important;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 10px) !important;
}

.zvstore-hero > *,
.zvstore-section > *,
.zvstore-note > * {
  position: relative !important;
  z-index: 1 !important;
}

.zvstore-kicker,
.zvstore-label {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(114,243,255,.22) !important;
  border-radius: 999px !important;
  color: var(--zvs-cyan) !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.zvstore h2 {
  max-width: 1000px !important;
  margin: 0 0 16px !important;
  color: #fff !important;
  font-size: clamp(38px, 4.4vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: 0;
  font-weight: 950 !important;
}

.zvstore h3 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(25px, 2.1vw, 38px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0;
  font-weight: 920 !important;
}

.zvstore h4 {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.zvstore p {
  max-width: 980px !important;
  margin: 0 0 13px !important;
  color: var(--zvs-soft) !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}

.zvstore-lead {
  max-width: 920px !important;
  color: #D9E7FF !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  font-weight: 700 !important;
}

.zvstore-hero-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.zvstore-summary {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 100% !important;
  padding: 22px !important;
  border: 1px solid var(--zvs-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
}

.zvstore-chip-row,
.zvstore-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 6px !important;
}

.zvstore-chip-row span,
.zvstore-pills span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(234,242,255,.09) !important;
  border-radius: 999px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.035) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.zvstore-section {
  margin-top: 18px !important;
  padding: 28px !important;
}

.zvstore-section-head {
  margin-bottom: 18px !important;
}

.zvstore-two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

.zvstore-intro-grid,
.zvstore-module-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.zvstore-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.zvstore-card,
.zvstore-info,
.zvstore-mini {
  position: relative !important;
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--zvs-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
}

.zvstore-card::after,
.zvstore-info::after,
.zvstore-mini::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,231,255,.7), rgba(217,72,255,.4), transparent) !important;
  opacity: .65 !important;
}

.zvstore-card-head,
.zvstore-info-head {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  margin-bottom: 10px !important;
}

.zvstore-icon {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.045) !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.zvstore-card p,
.zvstore-info p,
.zvstore-mini p {
  margin: 0 !important;
  color: #9AA8BC !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

.zvstore-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.zvstore-checks.one {
  grid-template-columns: 1fr !important;
}

.zvstore-checks li {
  position: relative !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(234,242,255,.075) !important;
  border-radius: 14px !important;
  color: #DDE8FA !important;
  background: rgba(255,255,255,.026) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.zvstore-checks li::before {
  content: "✓" !important;
  flex: 0 0 auto !important;
  color: var(--zvs-cyan) !important;
  font-weight: 900 !important;
}

.zvstore-note {
  margin-top: 16px !important;
  padding: 18px 20px !important;
  color: #AEBBD0 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.zvstore-note strong {
  color: #fff !important;
}

@media (max-width: 1100px) {
  .zvstore-hero,
  .zvstore-two {
    grid-template-columns: 1fr !important;
  }
  .zvstore-intro-grid,
  .zvstore-module-grid,
  .zvstore-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .zvstore-hero,
  .zvstore-section {
    padding: 20px !important;
    border-radius: 20px !important;
  }
  .zvstore-intro-grid,
  .zvstore-module-grid,
  .zvstore-feature-grid,
  .zvstore-checks {
    grid-template-columns: 1fr !important;
  }
  .zvstore h2 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }
  .zvstore h3 {
    font-size: 25px !important;
  }
  .zvstore-chip-row span,
  .zvstore-pills span {
    max-width: 100% !important;
  }
}

/* =========================================================
   ZENTRA VIPStore polish patch — 2026-05-24
   Purpose: cleaner hero summary, better card alignment,
   stronger spacing and less "versetzt" feeling.
   ========================================================= */
.zvstore-summary {
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 14px !important;
}

.zvstore-summary-copy {
  margin: 0 !important;
  color: #D9E7FF !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.zvstore-summary-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
}

.zvstore-summary-list span {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(234,242,255,.08) !important;
  border-radius: 14px !important;
  color: #E6EEFD !important;
  background: rgba(255,255,255,.028) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 760 !important;
}

.zvstore-summary .zvstore-chip-row {
  margin-top: 2px !important;
}

.zvstore-intro-grid > *,
.zvstore-module-grid > *,
.zvstore-feature-grid > *,
.zvstore-two > div {
  min-height: 100% !important;
}

.zvstore-card,
.zvstore-info,
.zvstore-mini {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
}

.zvstore-section-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

.zvstore-two > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.zvstore-checks li {
  align-items: flex-start !important;
}

.zvstore-checks li::before {
  margin-top: 2px !important;
}

.zvstore h3 + p,
.zvstore-section-head + p {
  max-width: none !important;
}

@media (max-width: 1100px) {
  .zvstore-summary-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 800px) {
  .zvstore-summary-list {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   ZENTRA polish patch — category filters + release header cleanup
   2026-05-24 v3
   ========================================================= */
.page-category .cat-header {
  align-items: center;
}

.page-category .cat-copy {
  max-width: 920px;
}

.page-category .cat-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.page-category .cat-meta > * {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(234,242,255,.10);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(13,19,28,.72), rgba(6,9,14,.92));
  color: #EAF2FF;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.page-category .cat-meta > * .lang-de,
.page-category .cat-meta > * .lang-en {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.page-category .cat-meta [data-zcat-availability-pill] {
  border-color: rgba(114,243,255,.18);
  color: var(--cyan-soft);
  background: linear-gradient(180deg, rgba(10,18,25,.84), rgba(7,10,15,.96));
}

.zcat-toolbar {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: end;
  margin: 18px 0 22px;
  padding: 18px 20px;
  border: 1px solid rgba(114,243,255,.14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,231,255,.07), transparent 28rem),
    linear-gradient(145deg, rgba(12,17,25,.90), rgba(5,8,13,.96));
  box-shadow: 0 20px 54px rgba(0,0,0,.24);
}

.zcat-toolbar-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(190px, auto));
  gap: 12px;
  align-items: end;
}

.zcat-field {
  display: grid;
  gap: 7px;
}

.zcat-field label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.zcat-select {
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(234,242,255,.10);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(18,25,36,.78), rgba(7,10,15,.94));
  color: #EAF2FF;
  font-weight: 800;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.zcat-toolbar-side {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.zcat-count,
.zcat-active-note,
.zcat-reset {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.zcat-count {
  border: 1px solid rgba(234,242,255,.10);
  background: rgba(255,255,255,.03);
  color: #EAF2FF;
}

.zcat-active-note {
  border: 1px solid rgba(114,243,255,.18);
  color: var(--cyan-soft);
  background: rgba(0,231,255,.05);
}

.zcat-reset {
  border: 1px solid rgba(234,242,255,.10);
  background: linear-gradient(180deg, rgba(13,19,28,.72), rgba(6,9,14,.92));
  color: #DDE8FA;
  cursor: pointer;
  transition: transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}

.zcat-reset:hover {
  transform: translateY(-1px);
  border-color: rgba(114,243,255,.22);
  background: linear-gradient(180deg, rgba(18,25,36,.86), rgba(7,10,15,.98));
}

.zcat-empty {
  margin-top: 10px;
  padding: 22px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 20px;
  color: #D9E7FF;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.zcat-empty strong {
  display: block;
  margin-bottom: 6px;
  color: #FFFFFF;
  font-size: 18px;
}

.zcat-hidden {
  display: none !important;
}

.zvstore-summary > .zvstore-label {
  align-self: flex-start !important;
  min-height: auto !important;
  padding: 8px 12px !important;
}

.zvstore-summary {
  position: relative !important;
  padding: 20px !important;
  gap: 12px !important;
}

.zvstore-summary::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: radial-gradient(circle at top right, rgba(122,53,255,.08), transparent 34%) !important;
}

.zvstore-summary-list span {
  min-height: 40px !important;
}

.zvstore-intro-grid {
  align-items: stretch !important;
}

.zvstore-intro-grid .zvstore-info {
  gap: 0 !important;
}

.zvstore-intro-grid .zvstore-info-head {
  margin-bottom: 12px !important;
}

@media (max-width: 1150px) {
  .zcat-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .zcat-toolbar-side {
    justify-content: flex-start;
  }
}

@media (max-width: 860px) {
  .zcat-toolbar-main {
    grid-template-columns: 1fr;
  }
  .page-category .cat-meta {
    justify-content: flex-start !important;
  }
}


/* =========================================================
   ZENTRA v4 — custom filter dropdowns + product-description alignment
   ========================================================= */
.zcat-toolbar {
  overflow: visible !important;
  position: relative !important;
  z-index: 18 !important;
  align-items: center !important;
}

.zcat-toolbar::before {
  border-radius: inherit !important;
}

.zcat-field {
  position: relative !important;
  min-width: 0 !important;
}

.zcat-field label {
  margin-left: 2px !important;
}

.zcat-custom {
  position: relative !important;
  min-height: 48px !important;
}

.zcat-trigger {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 15px 0 16px !important;
  border: 1px solid rgba(234,242,255,.10) !important;
  border-radius: 15px !important;
  color: #EAF2FF !important;
  background:
    linear-gradient(180deg, rgba(18,25,36,.92), rgba(7,10,15,.98)) padding-box,
    linear-gradient(135deg, rgba(0,231,255,.16), rgba(234,242,255,.05) 48%, rgba(255,0,255,.14)) border-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 26px rgba(0,0,0,.20) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: border-color .22s var(--ease), box-shadow .22s var(--ease), transform .22s var(--ease), background .22s var(--ease) !important;
}

.zcat-trigger:hover,
.zcat-custom.is-open .zcat-trigger {
  transform: translateY(-1px) !important;
  border-color: rgba(114,243,255,.30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(0,0,0,.28), 0 0 28px rgba(0,231,255,.055) !important;
}

.zcat-trigger b {
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(114,243,255,.16) !important;
  border-radius: 8px !important;
  color: var(--cyan-soft) !important;
  background: rgba(0,231,255,.045) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  transition: transform .22s var(--ease) !important;
}

.zcat-custom.is-open .zcat-trigger b {
  transform: rotate(180deg) !important;
}

.zcat-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 120 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 8px !important;
  border: 1px solid rgba(114,243,255,.18) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at top left, rgba(0,231,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(12,17,25,.98), rgba(4,7,12,.99)) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.52), 0 0 0 1px rgba(255,0,255,.035) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) scale(.985) !important;
  transform-origin: top center !important;
  transition: opacity .18s var(--ease), transform .18s var(--ease) !important;
}

.zcat-custom.is-open .zcat-menu {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

.zcat-option {
  width: 100% !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: #C8D5E8 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease) !important;
}

.zcat-option:hover {
  transform: translateX(2px) !important;
  color: #FFFFFF !important;
  border-color: rgba(114,243,255,.16) !important;
  background: linear-gradient(90deg, rgba(0,231,255,.10), rgba(255,255,255,.025)) !important;
}

.zcat-option[aria-selected="true"] {
  color: #72F3FF !important;
  border-color: rgba(114,243,255,.24) !important;
  background: linear-gradient(90deg, rgba(0,231,255,.12), rgba(255,0,255,.055)) !important;
}

.zcat-option[aria-selected="true"]::after {
  content: "✓" !important;
  color: var(--cyan-soft) !important;
  font-weight: 950 !important;
}

.zcat-toolbar-main {
  align-items: end !important;
}

.zcat-toolbar-side {
  align-items: end !important;
  padding-bottom: 1px !important;
}

.zcat-count,
.zcat-active-note,
.zcat-reset {
  min-height: 48px !important;
  border-radius: 15px !important;
}

.zcat-active-note {
  padding-inline: 18px !important;
}

.pkg-desc .zvstore {
  width: 100% !important;
}

.zvstore-hero {
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 430px) !important;
  align-items: center !important;
  gap: 24px !important;
  padding: clamp(24px, 3vw, 40px) !important;
}

.zvstore-hero-text {
  justify-content: center !important;
  min-width: 0 !important;
}

.zvstore h2 {
  max-width: 980px !important;
  font-size: clamp(42px, 4.1vw, 66px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0;
}

.zvstore h3 {
  max-width: 980px !important;
  line-height: 1.12 !important;
}

.zvstore h4 {
  letter-spacing: 0;
}

.zvstore-summary {
  display: grid !important;
  align-content: center !important;
  justify-content: stretch !important;
  min-height: 100% !important;
  gap: 14px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at top left, rgba(0,231,255,.10), transparent 36%),
    radial-gradient(circle at bottom right, rgba(255,0,255,.09), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
}

.zvstore-summary::after {
  display: none !important;
}

.zvstore-summary > .zvstore-label {
  width: max-content !important;
  margin: 0 !important;
  align-self: start !important;
}

.zvstore-summary h4 {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.zvstore-summary-copy {
  max-width: none !important;
  margin: 0 !important;
}

.zvstore-summary-list {
  gap: 8px !important;
}

.zvstore-summary-list span {
  min-height: 38px !important;
  padding: 10px 12px !important;
}

.zvstore-intro-grid,
.zvstore-module-grid,
.zvstore-feature-grid {
  align-items: stretch !important;
}

.zvstore-card,
.zvstore-info,
.zvstore-mini {
  justify-content: flex-start !important;
  min-height: 100% !important;
}

.zvstore-card-head,
.zvstore-info-head {
  align-items: center !important;
}

.zvstore-checks li {
  align-items: center !important;
}

.zvstore-checks li::before {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  .zvstore-hero {
    grid-template-columns: 1fr !important;
  }
  .zvstore-summary {
    min-height: auto !important;
  }
}

@media (max-width: 760px) {
  .zcat-toolbar {
    padding: 14px !important;
  }
  .zcat-count,
  .zcat-active-note,
  .zcat-reset {
    min-height: 42px !important;
  }
  .zvstore h2 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }
}

/* ZENTRA product description language and layout rules. */

.zp,
.zp * {
  box-sizing: border-box;
}

.zp {
  width: 100%;
  max-width: 100%;
  margin: 0;
  color: #EAF2FF;
  font-family: inherit;
}

/* KRITISCH: nur eine Sprache sichtbar */
.zp .zp-lang {
  display: none !important;
}

html[data-zentra-lang="de"] .zp .zp-de,
body[data-zentra-lang="de"] .zp .zp-de,
html[lang^="de"] .zp .zp-de {
  display: block !important;
}

html[data-zentra-lang="en"] .zp .zp-en,
body[data-zentra-lang="en"] .zp .zp-en,
html[lang^="en"] .zp .zp-en {
  display: block !important;
}

/* Fallback, falls Tebex kein lang-Attribut setzt */
html:not([data-zentra-lang]):not([lang]) .zp .zp-de {
  display: block !important;
}

/* Verhindert doppelte DE/EN-Anzeige beim ersten Laden. */
.zp .zp-de[hidden],
.zp .zp-en[hidden] {
  display: none !important;
}

.zp h2,
.zp h3,
.zp p {
  margin-top: 0;
}

.zp h2 {
  max-width: 920px;
  margin-bottom: 18px;
  color: #F4F7FF;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 0.98;
  font-weight: 950;
  letter-spacing: 0;
}

.zp h3 {
  margin-bottom: 14px;
  color: #F4F7FF;
  font-size: clamp(24px, 2.5vw, 42px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0;
}

.zp p {
  color: #AEBBD0;
  font-size: 16px;
  line-height: 1.72;
}

.zp strong {
  color: #FFFFFF;
}

.zp-hero,
.zp-section,
.zp-card,
.zp-note {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(114, 243, 255, 0.13);
  background:
    linear-gradient(135deg, rgba(0, 231, 255, 0.055), transparent 32%),
    linear-gradient(315deg, rgba(255, 0, 255, 0.065), transparent 35%),
    rgba(255, 255, 255, 0.025);
}

.zp-hero::before,
.zp-section::before,
.zp-card::before,
.zp-note::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.42;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 12px);
}

.zp-hero > *,
.zp-section > *,
.zp-card > *,
.zp-note > * {
  position: relative;
  z-index: 1;
}

.zp-hero {
  padding: clamp(28px, 4vw, 54px);
  border-radius: 28px;
  margin-bottom: 18px;
}

.zp-lead {
  max-width: 850px;
  color: #EAF2FF !important;
  font-weight: 800;
}

.zp-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 8px 14px;
  border: 1px solid rgba(0, 231, 255, 0.28);
  border-radius: 999px;
  background: rgba(0, 231, 255, 0.055);
  color: #72F3FF;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.zp-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.zp-pills span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: #EAF2FF;
  font-size: 13px;
  font-weight: 850;
}

.zp-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.zp-card {
  min-height: 190px;
  padding: 24px;
  border-radius: 24px;
}

.zp-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border: 1px solid rgba(114, 243, 255, 0.18);
  border-radius: 14px;
  background: rgba(0, 231, 255, 0.055);
  font-size: 20px;
}

.zp-card h3 {
  font-size: 22px;
  letter-spacing: 0;
}

.zp-card p {
  margin-bottom: 0;
  font-size: 14px;
}

.zp-section {
  padding: clamp(24px, 3.5vw, 42px);
  margin: 18px 0;
  border-radius: 28px;
}

.zp-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.zp-grid article {
  min-height: 154px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.zp-grid strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.zp-grid p {
  margin: 0;
  font-size: 13px;
  line-height: 1.58;
}

.zp-checks,
.zp-list {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

.zp-checks {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zp-list {
  grid-template-columns: 1fr;
}

.zp-checks span,
.zp-list span {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.026);
  color: #DDE8FA;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

.zp-checks span::before,
.zp-list span::before {
  content: "✓";
  margin-right: 10px;
  color: #72F3FF;
  font-weight: 950;
}

.zp-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.zp-duo .zp-section {
  margin: 0;
}

.zp-note {
  padding: 18px 20px;
  margin: 14px 0;
  border-radius: 18px;
  color: #DDE8FA;
  font-size: 14px;
  line-height: 1.7;
}

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

  .zp-row,
  .zp-duo {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .zp-hero,
  .zp-section,
  .zp-card {
    border-radius: 20px;
    padding: 20px;
  }

  .zp h2 {
    font-size: 38px;
  }

  .zp h3 {
    font-size: 26px;
  }

  .zp-grid,
  .zp-checks {
    grid-template-columns: 1fr;
  }

  .zp-pills span {
    width: 100%;
    justify-content: center;
  }
}


/* ZENTRA VIPStore language fix */
.zp .zp-lang { display: none !important; }
html[data-zentra-lang="de"] .zp .zp-de,
body[data-zentra-lang="de"] .zp .zp-de,
html[lang^="de"] .zp .zp-de { display: block !important; }
html[data-zentra-lang="en"] .zp .zp-en,
body[data-zentra-lang="en"] .zp .zp-en,
html[lang^="en"] .zp .zp-en { display: block !important; }
html:not([data-zentra-lang]):not([lang]) .zp .zp-de { display: block !important; }

/* ZENTRA final store polish */
.store-media {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  align-items: center;
  gap: clamp(28px, 4vw, 58px);
  padding: clamp(26px, 4vw, 48px);
  overflow: hidden;
}

.store-media::before {
  opacity: .32;
}

.store-media-art {
  position: relative;
  min-height: clamp(260px, 34vw, 450px);
  border: 1px solid rgba(70, 244, 255, .16);
  border-radius: 8px;
  overflow: hidden;
  background: #02050a;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(255, 255, 255, .03);
}

.store-media-art::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 7, 15, .18), rgba(3, 7, 15, 0) 52%, rgba(3, 7, 15, .22)),
    linear-gradient(180deg, rgba(3, 7, 15, 0), rgba(3, 7, 15, .26));
}

.store-media-art img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.06) contrast(1.04);
  transform: scale(1.01);
}

.store-media-copy {
  position: relative;
  z-index: 1;
  max-width: 600px;
}

.store-media-copy h2 {
  margin: 12px 0 16px;
  font-family: var(--display);
  font-size: clamp(31px, 4.15vw, 56px);
  line-height: .98;
  letter-spacing: 0;
  color: var(--text);
}

.store-media-copy p {
  max-width: 56ch;
  margin: 0;
  color: rgba(218, 233, 255, .78);
  font-size: 16px;
  line-height: 1.75;
}

.store-media-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 26px;
}

.store-media-points > span {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: rgba(233, 242, 255, .9);
  font-size: 12px;
  line-height: 1.25;
}

.store-media-points b {
  color: var(--accent);
  font-family: var(--display);
  font-size: 15px;
  letter-spacing: .16em;
}

.cat-side {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.cat-media {
  position: relative;
  min-height: 178px;
  border: 1px solid rgba(70, 244, 255, .15);
  border-radius: 8px;
  overflow: hidden;
  background: #030711;
}

.cat-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(2, 5, 12, 0), rgba(2, 5, 12, .38));
}

.cat-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.cat-side .cat-meta {
  height: auto;
  justify-content: flex-start;
}

.footer .footer-secure {
  display: block;
  margin-top: 18px;
  padding: 15px 16px;
  border: 1px solid rgba(70, 244, 255, .14);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(70, 244, 255, .07), rgba(255, 255, 255, .025));
}

.footer .footer-secure strong {
  display: block;
  color: var(--text);
  font-family: var(--display);
  font-size: 15px;
  letter-spacing: 0;
}

.footer .footer-secure p {
  margin: 7px 0 0;
  color: rgba(218, 233, 255, .7);
  font-size: 12px;
  line-height: 1.65;
}

@media (max-width: 1080px) {
  .store-media {
    grid-template-columns: 1fr;
  }

  .store-media-copy {
    max-width: none;
  }
}

/* ZENTRA final media scale and alignment pass */
.hero,
.hero-showcase,
.showcase-main,
.showcase-visual,
.showcase-info,
.store-standard,
.store-standard-grid,
.delivery-step,
.store-media,
.store-media-copy,
.cat-header,
.cat-copy,
.cat-side,
.card,
.card-main,
.category-card,
.category-content,
.pkg,
.pkg-info,
.zpx-package,
.zpx-buy-card,
.basket,
.basket-item,
.footer,
.footer-wrap {
  min-width: 0;
}

.hero {
  grid-template-columns: minmax(340px, .82fr) minmax(600px, 1.18fr);
  gap: clamp(42px, 4vw, 64px);
}

.showcase-main {
  grid-template-columns: minmax(280px, .92fr) minmax(0, 1fr);
}

.showcase-visual,
.showcase-screen,
.store-media-art,
.cat-media,
.card-media,
.category-card,
.pkg-media,
.media-slider .slider,
swiper-container,
.zpx-video-card,
.zpx-package-image,
.card-tiered-img {
  box-sizing: border-box;
}

.showcase-visual {
  min-height: clamp(260px, 25vw, 370px);
  align-content: center;
}

.showcase-screen {
  min-height: clamp(220px, 20vw, 290px);
  padding: 22px 22px 58px;
}

.showcase-z-mark {
  display: block;
  width: min(170px, 58%);
  max-height: calc(100% - 78px);
  height: auto;
  margin: auto;
  object-fit: contain;
}

.store-media-art {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  height: clamp(220px, 23vw, 340px);
  display: grid;
  place-items: center;
}

.store-media-art img {
  min-height: 0;
  padding: clamp(10px, 1vw, 16px);
  object-fit: contain;
  object-position: center;
  transform: none;
}

.store-media-copy,
.store-media-points > span {
  min-width: 0;
}

.store-media-copy h2 {
  font-size: clamp(30px, 3.5vw, 50px);
}

.store-media-points > span {
  overflow-wrap: anywhere;
}

.category-showcase {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

.category-card {
  aspect-ratio: 16 / 5.4;
  min-height: 218px;
}

.category-content {
  width: min(100%, 460px);
}

.category-image img,
.category-mark img,
.cat-media img,
.card-media img,
.pkg-media > img,
.slide-image,
.thumb img,
.card-tiered-img img,
.basket-item-img,
.zpx-package-image img,
.zpx-package-image-fallback img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cat-media {
  aspect-ratio: 16 / 9;
  min-height: 0;
}

.card-media {
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 0;
}

.pkg-media {
  aspect-ratio: 16 / 9;
  min-height: clamp(320px, 34vw, 500px);
}

.media-slider .slider,
swiper-container,
.slide-image,
.slide-frame {
  aspect-ratio: 16 / 9;
  min-height: clamp(320px, 34vw, 500px);
}

.zpx-video-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: clamp(360px, 38vw, 560px);
  min-height: 0;
  aspect-ratio: auto;
}

.zpx-package-image-fallback img {
  transform: none;
}

.zpx-package-image-fallback .zpx-image-caption {
  align-self: start;
  justify-self: start;
}

.zpx-image-caption {
  width: min(560px, calc(100% - 44px));
}

.zpx-image-caption strong {
  font-size: clamp(24px, 2.4vw, 36px);
}

.basket-item-img {
  flex: none;
}

.brand-mark img,
.footer-brand img,
.showcase-logo img {
  display: block;
  object-fit: contain;
  object-position: center;
}

.checkout-shell {
  display: grid;
  gap: 24px;
}

.checkout-hero {
  display: grid;
  gap: 10px;
}

.checkout-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.checkout-steps > span {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid rgba(234,242,255,.09);
  border-radius: 999px;
  color: var(--text-soft);
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.checkout-steps > span b {
  color: var(--cyan-soft);
  font-size: 11px;
}

.checkout-steps > span.active {
  color: var(--text);
  border-color: rgba(114,243,255,.26);
  background:
    radial-gradient(circle at 18% 0%, rgba(0,231,255,.13), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
}

.checkout-grid {
  align-items: start;
}

.checkout-item {
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: start;
  padding: 14px;
}

.checkout-item .basket-item-img {
  width: 112px;
  height: 84px;
}

.basket-item-body,
.basket-item-topline,
.basket-item-foot,
.checkout-summary,
.checkout-trust {
  min-width: 0;
}

.basket-item-body {
  display: grid;
  gap: 10px;
}

.basket-item-topline {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.basket-item-topline strong {
  color: var(--cyan-soft);
  white-space: nowrap;
}

.checkout-item h4 {
  margin: 0;
  font-family: var(--display);
  font-size: 19px;
  line-height: 1.15;
}

.checkout-item h4 a {
  color: var(--text);
  text-decoration: none;
}

.checkout-summary {
  display: grid;
  gap: 10px;
}

.summary-label {
  color: var(--cyan-soft);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.checkout-summary h2 {
  margin: 0 0 6px;
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1;
}

.checkout-trust {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.checkout-trust > span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(234,242,255,.08);
  border-radius: 14px;
  color: var(--text-soft);
  background: rgba(255,255,255,.026);
  font-size: 12px;
  font-weight: 850;
}

.checkout-trust > span b {
  color: var(--success);
}

@media (max-width: 1180px) {
  .hero,
  .showcase-main {
    grid-template-columns: 1fr;
  }

  .showcase-screen {
    min-height: clamp(220px, 34vw, 310px);
  }
}

@media (max-width: 920px) {
  .card-media {
    height: auto;
  }

  .cat-header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .showcase-screen {
    min-height: 0;
    padding: 18px 18px 54px;
  }

  .card-media {
    height: auto;
  }
}

@media (max-width: 820px) {
  .store-media-points,
  .cat-side {
    grid-template-columns: 1fr;
  }

  .cat-side {
    width: 100%;
  }
}

/* ZENTRA buyer-first store pass: scoped final rhythm, no blur effects */
.page-home .hero,
.page-home .stats-band,
.page-home .store-standard,
.page-home .store-media,
.page-home .category-card,
.page-category .cat-header,
.page-package .zpx-package,
.page-checkout .basket {
  border-radius: 10px;
}

.page-home .hero {
  min-height: min(650px, calc(100vh - 150px));
  align-items: center;
  padding: clamp(34px, 4.2vw, 66px);
  background:
    linear-gradient(90deg, rgba(0, 231, 255, .09), transparent 30%),
    linear-gradient(270deg, rgba(122, 53, 255, .10), transparent 32%),
    linear-gradient(180deg, rgba(12, 17, 26, .96), rgba(3, 6, 11, .985));
}

.page-home .hero h1 {
  max-width: 820px;
  font-size: clamp(50px, 5.4vw, 86px);
  line-height: .92;
}

.page-home .hero-copy p {
  max-width: 680px;
  color: rgba(234, 242, 255, .78);
}

.page-home .hero-showcase {
  max-width: 820px;
  justify-self: end;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(0, 231, 255, .055), transparent 34%),
    linear-gradient(180deg, rgba(10, 15, 24, .94), rgba(2, 4, 8, .98));
}

.page-home .showcase-screen {
  border-radius: 8px;
  background:
    radial-gradient(circle at 20% 10%, rgba(0, 231, 255, .12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(255, 0, 255, .10), transparent 35%),
    linear-gradient(180deg, #060b13, #020409);
}

.page-home .showcase-z-mark {
  width: min(210px, 62%);
}

.page-home .showcase-info {
  padding-right: clamp(2px, 1vw, 12px);
}

.page-home .showcase-info h2,
.page-home .store-media-copy h2,
.page-home .store-standard-copy h2 {
  text-wrap: balance;
}

.page-home .hero-perks span,
.page-home .stats-band .stat,
.page-home .store-media-points > span,
.page-category .cat-meta > span,
.page-package .zpx-trust > span,
.page-checkout .checkout-trust > span {
  border-radius: 8px;
}

.page-home .stats-band {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 16px;
  background:
    linear-gradient(90deg, rgba(0, 231, 255, .06), transparent 34%, rgba(255, 0, 255, .045)),
    linear-gradient(180deg, rgba(8, 13, 21, .94), rgba(3, 5, 10, .98));
}

.page-home .stats-band .stat {
  min-height: 74px;
  padding: 14px 16px;
  border: 1px solid rgba(234, 242, 255, .075);
  background: rgba(255, 255, 255, .026);
}

.page-home .store-standard {
  grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr);
  padding: clamp(32px, 4vw, 54px);
}

.page-home .store-standard-grid {
  gap: 14px;
}

.page-home .store-standard-grid article {
  min-height: 206px;
  border-radius: 8px;
  border-color: rgba(234, 242, 255, .085);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .042), rgba(255, 255, 255, .018)),
    rgba(6, 10, 17, .7);
}

.page-home .delivery-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.page-home .delivery-step {
  min-height: 194px;
  border-radius: 10px;
}

.page-home .store-media {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
}

.page-home .store-media-art {
  height: clamp(250px, 25vw, 390px);
  border-radius: 8px;
}

.page-home .section-head.row-head {
  align-items: end;
  border-bottom: 1px solid rgba(234, 242, 255, .075);
  padding-bottom: 22px;
}

.page-home .release-list,
.page-category .release-list {
  gap: 22px;
}

.item-card.card {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .016)),
    rgba(5, 8, 14, .94);
}

.item-card .card-media {
  border-radius: 8px;
}

.item-card .card-media img {
  object-position: center;
}

.item-card .card-main h3 {
  text-wrap: balance;
}

.item-card .card-purchase {
  align-self: stretch;
}

.item-card .btn-details {
  min-height: 42px;
}

.category-showcase {
  gap: 22px;
}

.category-card {
  border-radius: 10px;
}

.category-content strong {
  max-width: 12ch;
  text-wrap: balance;
}

.page-category .cat-header {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  padding: clamp(30px, 4vw, 54px);
}

.page-category .cat-media {
  border-radius: 8px;
}

.page-category .zcat-toolbar {
  border-radius: 10px;
}

.page-category .zcat-trigger,
.page-category .zcat-menu,
.page-category .zcat-option,
.page-category .zcat-count,
.page-category .zcat-active-note,
.page-category .zcat-reset {
  border-radius: 8px;
}

.page-package .zpx-package {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(24px, 3vw, 42px);
  padding: clamp(24px, 3vw, 40px);
}

.page-package .zpx-video-card,
.page-package .zpx-package-image,
.page-package .zpx-buy-card,
.page-package .zpx-description-shell {
  border-radius: 10px;
}

.page-package .zpx-video-card {
  height: clamp(390px, 36vw, 570px);
}

.page-package .zpx-buy-card {
  align-self: stretch;
}

.page-checkout .basket {
  border-radius: 10px;
}

.page-checkout .checkout-grid {
  gap: 22px;
}

.page-checkout .checkout-item,
.page-checkout .checkout-summary {
  border-radius: 10px;
}

.page-checkout .checkout-item .basket-item-img {
  border-radius: 8px;
}

@media (max-width: 1320px) {
  .page-home .hero,
  .page-home .store-standard,
  .page-home .store-media,
  .page-package .zpx-package {
    grid-template-columns: 1fr;
  }

  .page-home .hero-showcase {
    justify-self: stretch;
    max-width: none;
  }

  .page-home .store-standard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .page-home .stats-band,
  .page-home .delivery-flow,
  .page-home .store-standard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-category .cat-header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .page-home .stats-band,
  .page-home .delivery-flow,
  .page-home .store-standard-grid {
    grid-template-columns: 1fr;
  }

  .page-home .hero h1 {
    font-size: clamp(42px, 12vw, 58px);
  }
}

/* ZENTRA purchase-first pass */
.page-home .site-content {
  padding-top: 18px;
}

.page-home .site-header {
  margin-top: 14px;
}

.page-home .header-topline {
  height: 30px;
}

.page-home .header-main {
  min-height: 66px;
}

.page-home .brand-mark,
.page-home .brand-mark img {
  width: 46px;
  height: 46px;
}

.page-home .hero {
  min-height: clamp(390px, 47vh, 465px);
  grid-template-columns: minmax(320px, .84fr) minmax(560px, 1.16fr);
  gap: clamp(28px, 3vw, 46px);
  padding: clamp(24px, 2.8vw, 40px);
}

.page-home .hero h1 {
  margin: 16px 0 12px;
  font-size: clamp(46px, 4.25vw, 68px);
  max-width: 700px;
}

.page-home .hero-copy p {
  max-width: 590px;
  font-size: clamp(16px, 1.16vw, 18px);
  line-height: 1.58;
}

.page-home .brand-line-small {
  margin-top: 12px;
  color: rgba(184, 195, 213, .86);
}

.page-home .hero-btns {
  margin-top: 22px;
}

.page-home .hero-perks {
  margin-top: 18px;
  gap: 12px 16px;
}

.page-home .hero-perks span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
}

.page-home .hero-showcase {
  max-width: 730px;
  padding: 16px;
}

.page-home .showcase-main {
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1fr);
  gap: 16px;
  margin-top: 14px;
}

.page-home .showcase-visual {
  min-height: clamp(190px, 17vw, 255px);
}

.page-home .showcase-screen {
  min-height: clamp(175px, 15vw, 225px);
  padding: 18px 18px 50px;
}

.page-home .showcase-z-mark {
  width: min(158px, 54%);
}

.page-home .showcase-info h2 {
  font-size: clamp(22px, 1.68vw, 28px);
}

.page-home .showcase-info p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.page-home .showcase-info ul {
  margin: 10px 0 14px;
  gap: 5px;
  font-size: 14px;
}

.page-home .stats-band {
  margin-top: 12px;
  min-height: 76px;
  padding: 10px;
  border-radius: 10px;
}

.page-home .stats-band .stat {
  min-height: 54px;
  align-items: flex-start;
  padding: 11px 14px;
  text-align: left;
}

.page-home .stats-band .stat > span {
  color: var(--cyan-soft);
  font-family: var(--display);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .16em;
}

.page-home .stats-band .stat small {
  margin-top: 3px;
  color: rgba(234, 242, 255, .84);
  font-size: 13px;
  line-height: 1.25;
}

.catalogue-priority {
  margin-top: clamp(28px, 3.2vw, 42px);
}

.catalogue-priority .section-head.row-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: end;
  padding: 0 0 22px;
  border-bottom: 1px solid rgba(234, 242, 255, .075);
}

.catalogue-priority .section-head h2 {
  max-width: 820px;
  margin-bottom: 8px;
}

.catalogue-priority .section-head p {
  max-width: 720px;
  margin: 0;
  color: rgba(184, 195, 213, .82);
  line-height: 1.68;
}

.catalogue-priority .release-list {
  margin-top: 24px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr));
}

.catalogue-priority .item-card,
.page-category .item-card {
  border-color: rgba(114, 243, 255, .145);
  background:
    linear-gradient(135deg, rgba(0, 231, 255, .036), transparent 34%),
    linear-gradient(315deg, rgba(122, 53, 255, .055), transparent 34%),
    linear-gradient(180deg, rgba(10, 15, 23, .94), rgba(3, 6, 11, .98));
}

.catalogue-priority .item-card:hover,
.page-category .item-card:hover {
  border-color: rgba(114, 243, 255, .28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    0 28px 84px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,231,255,.035);
}

.item-card .card-badge {
  border-radius: 7px;
  letter-spacing: .14em;
}

.item-card .card-desc {
  color: rgba(184, 195, 213, .84);
  line-height: 1.62;
}

.card-assurance {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.card-assurance span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(234, 242, 255, .075);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: rgba(218, 233, 255, .78);
  font-size: 11px;
  font-weight: 850;
}

.store-media {
  margin-top: clamp(42px, 5vw, 70px);
}

.page-home .store-standard {
  margin-top: clamp(42px, 5vw, 70px);
}

.page-home .delivery-flow {
  margin-top: clamp(28px, 3vw, 42px);
}

.page-package .zpx-package-image-fallback .zpx-image-caption {
  align-self: end;
  justify-self: start;
}

.page-package .zpx-package-image-fallback img {
  object-fit: contain;
  padding: clamp(10px, 1.2vw, 18px);
  background: #030711;
}

.page-package .zpx-image-caption {
  width: min(500px, calc(100% - 44px));
  background:
    linear-gradient(180deg, rgba(10, 15, 23, .92), rgba(3, 6, 11, .96));
}

.page-package .zpx-image-caption strong {
  font-size: clamp(22px, 2vw, 32px);
}

/* ZENTRA category compression pass: products must enter the viewport sooner */
.page-category .cat-header {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) minmax(600px, 680px);
  gap: clamp(28px, 3vw, 48px);
  align-items: center;
  padding: clamp(30px, 3vw, 46px);
}

.page-category .cat-copy {
  align-self: center;
}

.page-category .cat-side {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 260px);
  align-items: center;
  gap: 18px;
}

.page-category .cat-media {
  height: clamp(218px, 15vw, 278px);
  aspect-ratio: auto;
}

.page-category .cat-meta {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

.page-category .cat-meta > span {
  width: 100%;
  justify-content: flex-start;
}

@media (max-width: 1320px) {
  .page-home .hero,
  .page-home .showcase-main,
  .catalogue-priority .section-head.row-head {
    grid-template-columns: 1fr;
  }

  .catalogue-priority .section-head.row-head .btn {
    justify-self: start;
  }
}

@media (max-width: 1180px) {
  .page-category .cat-header,
  .page-category .cat-side {
    grid-template-columns: 1fr;
  }
}

/* ZENTRA buyer-first compact pass */
.page-home .hero {
  min-height: 0;
  grid-template-columns: minmax(0, .95fr) minmax(420px, .82fr);
  gap: clamp(20px, 2.4vw, 34px);
  padding: clamp(22px, 2.4vw, 34px);
}

.page-home .hero h1 {
  margin: 10px 0;
  font-size: clamp(40px, 3.8vw, 58px);
}

.page-home .hero-copy p {
  max-width: 560px;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.5;
}

.page-home .hero-btns {
  margin-top: 18px;
}

.page-home .hero-perks {
  margin-top: 14px;
  gap: 8px 12px;
}

.page-home .hero-perks span {
  min-height: 24px;
  font-size: 12px;
}

.page-home .hero-showcase {
  max-width: 660px;
  padding: 14px;
}

.page-home .showcase-main {
  grid-template-columns: minmax(210px, 240px) minmax(0, 1fr);
  gap: 14px;
}

.page-home .showcase-visual {
  min-height: 176px;
}

.page-home .showcase-screen {
  min-height: 166px;
  padding: 14px 14px 42px;
}

.page-home .showcase-z-mark {
  width: min(190px, 70%);
  max-height: 118px;
}

.page-home .showcase-info h2 {
  font-size: clamp(20px, 1.45vw, 25px);
}

.page-home .showcase-info p {
  font-size: 13px;
  line-height: 1.42;
}

.page-home .showcase-info ul {
  margin: 8px 0 12px;
  gap: 4px;
  font-size: 13px;
}

.page-home .stats-band {
  margin-top: 10px;
  min-height: 0;
  padding: 8px;
}

.page-home .stats-band .stat {
  min-height: 46px;
  padding: 9px 12px;
}

.page-home .stats-band .stat small {
  font-size: 12px;
}

.catalogue-priority {
  margin-top: clamp(20px, 2.4vw, 32px);
}

.catalogue-priority .section-head.row-head {
  padding-bottom: 16px;
}

.catalogue-priority .section-head h2 {
  max-width: 760px;
}

.catalogue-priority .section-head p {
  max-width: 680px;
  line-height: 1.55;
}

.buyer-notes {
  margin-top: clamp(28px, 3vw, 44px);
  display: grid;
  grid-template-columns: minmax(0, .55fr) minmax(0, 1fr);
  gap: 20px;
  padding: clamp(22px, 2.6vw, 34px);
}

.buyer-note-head h2 {
  margin: 10px 0 0;
  font-family: var(--display);
  font-size: clamp(28px, 2.5vw, 40px);
  line-height: 1.05;
}

.buyer-note-list {
  display: grid;
  gap: 10px;
}

.buyer-note-list article {
  min-height: 72px;
  display: grid;
  grid-template-columns: 42px minmax(130px, .35fr) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(234, 242, 255, .08);
  border-radius: 8px;
  background: rgba(255, 255, 255, .024);
}

.buyer-note-list b {
  color: var(--cyan-soft);
  font-family: var(--display);
  font-size: 12px;
  letter-spacing: .14em;
}

.buyer-note-list strong {
  font-family: var(--display);
  font-size: 16px;
  line-height: 1.15;
}

.buyer-note-list span {
  color: rgba(218, 233, 255, .72);
  font-size: 13px;
  line-height: 1.45;
}

.page-home .store-media {
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: clamp(22px, 2.6vw, 34px);
  margin-top: clamp(28px, 3vw, 44px);
}

.page-home .store-media-art {
  height: clamp(180px, 16vw, 240px);
}

.page-home .store-media-copy h2 {
  font-size: clamp(28px, 2.8vw, 44px);
}

.page-home .store-media-copy p {
  line-height: 1.55;
}

.page-home .store-media-points {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

@media (min-width: 1000px) {
  .catalogue-priority .release-list,
  .page-category .release-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .catalogue-priority .item-card,
  .page-category .item-card {
    grid-template-columns: 210px minmax(0, 1fr) minmax(190px, 230px);
    align-items: center;
    min-height: 0;
    padding: 10px;
  }

  .item-card .card-media {
    height: 118px;
    border-radius: 8px;
  }

  .item-card .card-main {
    padding: 0 14px;
  }

  .item-card .card-desc.compact-text {
    min-height: 0;
    -webkit-line-clamp: 2;
    margin-bottom: 8px;
  }

  .item-card .card-tags,
  .card-assurance {
    margin-top: 8px;
  }

  .item-card .card-purchase {
    align-self: stretch;
    align-content: center;
    padding: 0 0 0 16px;
    border-top: 0;
    border-left: 1px solid rgba(234, 242, 255, .08);
    gap: 8px;
  }

  .item-card .card-price strong {
    font-size: 21px;
  }

  .item-card .card-purchase .product-actions .add,
  .item-card .card-purchase .product-actions .open-basket-cta,
  .item-card .card-purchase .btn-details {
    min-height: 40px;
  }
}

.page-package .zpx-package {
  padding: clamp(18px, 2vw, 28px);
  gap: clamp(18px, 2.4vw, 28px);
}

.page-package .zpx-video-card {
  height: clamp(300px, 30vw, 430px);
}

.page-package .zpx-buy-card {
  padding: clamp(20px, 2.4vw, 30px);
}

.page-package .zpx-buy-card h1 {
  font-size: clamp(36px, 4vw, 56px);
}

.page-package .zpx-trust {
  gap: 8px;
}

.page-package .zpx-trust > span {
  min-height: 38px;
}

@media (max-width: 1320px) {
  .page-home .hero,
  .page-home .showcase-main,
  .page-home .store-media,
  .buyer-notes {
    grid-template-columns: 1fr;
  }
}

/* ZENTRA final store polish: English-first storefront, tighter buyer flow */
html[data-zentra-lang="en"] .language-switch [data-lang-option="en"],
html[data-zentra-lang="de"] .language-switch [data-lang-option="de"] {
  color: var(--text);
  background: linear-gradient(180deg, rgba(22,30,43,.96), rgba(9,14,21,.98));
  box-shadow: inset 0 0 0 1px rgba(114,243,255,.22), 0 8px 18px rgba(0,0,0,.22);
}

html[data-zentra-lang="en"] .language-switch [data-lang-option="de"],
html[data-zentra-lang="de"] .language-switch [data-lang-option="en"] {
  color: var(--muted);
  background: transparent;
  box-shadow: none;
}

body,
.site-header,
.hero,
.stats-band,
.section-head,
.store-media,
.buyer-notes,
.cat-header,
.item-card,
.zpx-package,
.zpx-topbar,
.zpx-description-shell,
.footer,
.widget {
  -webkit-user-select: none;
  user-select: none;
}

input,
textarea,
select,
option,
[contenteditable="true"],
.text-content code,
.text-content pre,
[data-copy],
.quantity,
.server-ip {
  -webkit-user-select: text;
  user-select: text;
}

.site-header {
  border-radius: 8px;
}

.zentra-frame,
.card,
.item-card,
.store-media,
.buyer-notes,
.cat-header,
.zpx-package,
.zpx-buy-card,
.zpx-video-card,
.zpx-description-shell,
.checkout-shell,
.footer,
.widget,
.menu,
.popup-panel,
.basket-popup,
.gift-form-popup form,
.store-product-options {
  border-radius: 8px;
}

.page-home .hero {
  min-height: clamp(410px, 48vh, 510px);
  background:
    linear-gradient(100deg, rgba(2,4,10,.92) 0%, rgba(4,11,18,.94) 42%, rgba(7,10,20,.96) 100%),
    radial-gradient(circle at 74% 22%, rgba(0,231,255,.12), transparent 34%),
    radial-gradient(circle at 98% 86%, rgba(122,53,255,.13), transparent 32%);
}

.page-home .hero h1 {
  max-width: 820px;
}

.page-home .hero h1 span {
  color: var(--text);
}

.page-home .hero-copy p {
  color: rgba(226, 238, 255, .82);
}

.brand-line-small {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
}

.hero-perks span,
.stats-band .stat,
.card-assurance span,
.store-media-points > span,
.zpx-trust > span,
.checkout-trust > span {
  border-radius: 8px;
}

.page-home .hero-showcase {
  border-radius: 8px;
  border-color: rgba(114, 243, 255, .16);
}

.showcase-screen,
.showcase-screen-footer,
.showcase-info,
.cat-media,
.cat-meta > span,
.zcat-trigger,
.zcat-menu,
.zcat-option {
  border-radius: 8px;
}

.showcase-info > span,
.section-tag,
.card-kicker,
.summary-label,
.zpx-label,
.zpx-topnote {
  letter-spacing: .15em;
}

.catalogue-priority .release-list,
.page-category .release-list {
  align-items: stretch;
}

.catalogue-priority .item-card,
.page-category .item-card {
  overflow: hidden;
}

.item-card .card-main h3,
.item-card .card-main h3 a,
.zpx-buy-card h1,
.section h2,
.buyer-note-head h2 {
  overflow-wrap: anywhere;
}

.item-card .card-desc {
  max-width: 68ch;
}

.item-card .card-badge {
  background: linear-gradient(180deg, rgba(6, 14, 22, .92), rgba(3, 6, 11, .96));
}

.item-card.is-selected {
  border-color: rgba(70, 247, 167, .34);
}

.item-card.is-selected .card-badge {
  border-color: rgba(70, 247, 167, .4);
  color: #A8FFD2;
}

.store-media-art img,
.card-media img,
.zpx-package-image img,
.basket-item-img {
  transform: none;
}

.btn,
.language-switch button,
.toggle-navigation,
.popup-close,
.quantity-field .adjust,
.zcat-reset {
  border-radius: 8px;
}

.btn:focus-visible,
.language-switch button:focus-visible,
.toggle-navigation:focus-visible,
.popup-close:focus-visible,
.zcat-trigger:focus-visible,
.zcat-option:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
  outline: 2px solid rgba(114,243,255,.72);
  outline-offset: 3px;
}

.buyer-note-list article {
  grid-template-columns: 42px minmax(150px, .34fr) minmax(0, 1fr);
}

.page-package .zpx-buy-intro,
.page-package .zpx-description-shell,
.page-checkout .checkout-summary,
.page-checkout .checkout-item {
  color: rgba(218,233,255,.82);
}

.page-checkout .checkout-steps > span,
.page-checkout .checkout-trust > span,
.page-package .zpx-trust > span {
  background: rgba(255,255,255,.022);
}

@media (min-width: 1000px) {
  .catalogue-priority .item-card,
  .page-category .item-card {
    grid-template-columns: 220px minmax(0, 1fr) minmax(210px, 250px);
  }

  .item-card .card-media {
    min-height: 126px;
  }
}

@media (max-width: 760px) {
  .page-home .hero {
    min-height: 0;
  }

  .buyer-note-list article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .buyer-note-list article > span {
    grid-column: 2;
  }

  .checkout-steps {
    grid-template-columns: 1fr;
  }
}