/* ── Brand tokens ─────────────────────────────────── */
:root {
  --lime:    #C8FF00;                    /* jen jako VÝPLŇ (tlačítka, badge, +) */
  --lime-ink: #1a1b1d;                   /* bývalý lime-text → čistá tmavá, ŽÁDNÁ zeleň */
  --lime-dim: rgba(200, 255, 0, 0.15);
  --lime-glow: rgba(200, 255, 0, 0.28);
  --bg:      #F5F4F1;                     /* čistá teplá off-white – neutrální, ne zelená */
  --surface: #FFFFFF;
  --card:    #FFFFFF;
  --card2:   #EFEEE9;
  --border:  rgba(22,22,26,0.11);
  --text:    #1a1b1d;
  --muted:   #5C5E62;
  --radius:  18px;
  --radius-sm: 12px;
}

/* ── Reset ────────────────────────────────────────── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-tap-highlight-color: transparent; }

body {
  font-family: 'Space Grotesk', -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
  padding-bottom: 40px;
}

/* ── Header ───────────────────────────────────────── */
#header {
  display: flex;
  justify-content: space-between;     /* recenze vlevo, košík vpravo */
  align-items: center;
  padding: 14px 18px;
  background: transparent;
  border-bottom: 1px solid transparent;
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 50;
  transition: background 0.25s ease, border-color 0.25s ease;
}
#header.scrolled {                    /* při scrollu do katalogu splyne se světlým pozadím */
  background: rgba(245,244,241,0.88);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom-color: var(--border);
}

.header-brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-wordmark-img {
  height: 28px;
  width: auto;
  object-fit: contain;
}

.header-logo {
  height: 44px;
  width: auto;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}

.header-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.wm-top {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  color: var(--text);
}
.wm-bot {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 4px;
  color: var(--lime-ink);
}

.cart-btn {
  position: relative;
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--text);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}
.cart-btn:active { background: var(--lime-dim); }

.cart-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--lime);
  color: #080809;
  font-size: 10px;
  font-weight: 800;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.2s, transform 0.2s;
}
.cart-badge.visible {
  opacity: 1;
  transform: scale(1);
}

/* ── Spodní košík pruh (vlastní, zaoblený) ────────── */
.cart-bar {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  background: var(--lime);
  color: #080809;
  border: none;
  border-radius: 16px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(200,255,0,0.5), 0 2px 10px rgba(0,0,0,0.12);
  animation: cartbar-pop 0.28s ease;
}
.cart-bar:active { transform: scale(0.985); }
.cart-bar svg { flex: 0 0 auto; }
.cart-bar-count {
  background: #080809;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@keyframes cartbar-pop {
  from { transform: translateY(10px); opacity: 0; }
  to   { transform: translateY(0);   opacity: 1; }
}
body.cartbar-on { padding-bottom: 92px; }

/* ── Browse mode (appka otevřená v prohlížeči, ne v Telegramu) ── */
body.browse-mode .cart-bar { display: none !important; }
body.browse-mode .hero-pay { display: none !important; }   /* platební video jen v Telegramu, ne na webu */
body.browse-mode { padding-bottom: 90px; }
.browse-cta {
  position: fixed;
  left: 12px; right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 70;
  background: var(--lime);
  color: #080809;
  text-decoration: none;
  border-radius: 16px;
  padding: 13px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font-size: 13.5px; font-weight: 700;
  box-shadow: 0 8px 24px rgba(200,255,0,0.5), 0 2px 10px rgba(0,0,0,0.12);
}
.browse-cta-btn {
  flex: 0 0 auto;
  background: #080809; color: #fff;
  font-size: 12px; font-weight: 800;
  padding: 6px 12px; border-radius: 20px;
  white-space: nowrap;
  position: relative; overflow: hidden;   /* pro sheen animaci (táhne na klik) */
}
.browse-cta-btn::after {
  content: ''; position: absolute; top: 0; left: 0; width: 45%; height: 100%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.42), transparent);
  animation: btnSheen 2.8s ease-in-out infinite;
}
@keyframes btnSheen { 0% { transform: translateX(-160%) skewX(-18deg); } 55%, 100% { transform: translateX(360%) skewX(-18deg); } }
@media (prefers-reduced-motion: reduce) { .browse-cta-btn::after { display: none; } }
/* ── Rozbalený landing CTA: „Otevřít bota" → dvě volby (Pokračovat=t.me / Stáhni Telegram) ── */
.browse-cta--open {
  flex-direction: column; align-items: stretch; gap: 9px;
  padding: 14px 14px 15px;
  background: #fff; border: 1px solid rgba(20,26,18,.1); box-shadow: 0 8px 24px rgba(0,0,0,.12);
  animation: bcxOpen .22s cubic-bezier(.2,.7,.3,1);
}
@keyframes bcxOpen { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.browse-cta--open .bcx-head { font-size: 13px; font-weight: 800; margin: 1px 2px 2px; padding-right: 18px; color: #141a12; }
.browse-cta--open .bcx-x {
  position: absolute; top: 7px; right: 10px; background: none; border: none;
  color: rgba(8,9,10,.45); font-size: 15px; line-height: 1; cursor: pointer; padding: 3px; z-index: 2;
}
.browse-cta--open a { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-radius: 13px; font-weight: 800; }
.browse-cta--open .bcx-prim { background: #C8FF00; color: #0b0c0d; font-size: 15px; padding: 14px; position: relative; overflow: hidden; }
.browse-cta--open .bcx-prim::after {
  content: ''; position: absolute; top: 0; left: 0; width: 45%; height: 100%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.42), transparent);
  animation: btnSheen 2.8s ease-in-out infinite;
}
.browse-cta--open .bcx-sec { background: transparent; color: #0b0c0d; border: 1.6px solid rgba(8,9,10,.28); font-size: 13.5px; font-weight: 700; padding: 12px; }
.browse-cta--open .bcx-sec b { font-weight: 800; }
.browse-cta--open .bcx-note { font-size: 11.5px; font-weight: 500; color: rgba(8,9,10,.55); margin: 2px 4px 0; line-height: 1.35; text-align: center; white-space: normal; overflow-wrap: break-word; }
.browse-cta--open .bcx-note b { font-weight: 700; color: #0b0c0d; }
@media (prefers-reduced-motion: reduce) { .browse-cta--open { animation: none; } .browse-cta--open .bcx-prim::after { display: none; } }
/* Sheen na akční tlačítka ve wizardu (Otevřít @wallet, Zaplatit…) — stejnej efekt jako „Otevřít bota" na landingu, láká na klik. Jen plná tlačítka (ne ghost). */
.pw-active .btn-order:not([style*="transparent"]) { position: relative; overflow: hidden; }
.pw-active .btn-order:not([style*="transparent"])::after {
  content: ''; position: absolute; top: 0; left: 0; width: 45%; height: 100%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.42), transparent);
  animation: btnSheen 2.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .pw-active .btn-order:not([style*="transparent"])::after { display: none; } }
/* ── Krok 3: „Záře" na Kopírovat + handoff na peněženku (vedení pozornosti) ── */
@keyframes pwCopyBreathe { 0%,100% { box-shadow: 0 0 0 0 rgba(200,255,0,0); border-color: rgba(200,255,0,.5); } 50% { box-shadow: 0 0 18px 1px rgba(200,255,0,.4); border-color: rgba(200,255,0,1); } }
.pw-copy-attn { animation: pwCopyBreathe 1.9s ease-in-out infinite; }
/* Kopírovat: symetricky uprostřed mezi Objednávkou a „Celý postup"; nowrap → „Zkopírováno ✓" nemění rozměr.
   Efekt = SHEEN (světelný odlesk přejede) — drží se uvnitř (overflow:hidden), fyzicky NIC neroste ani neposouvá. */
.pw-copy-btn { margin: 12px 0; white-space: nowrap; position: relative; overflow: hidden; }
.pw-copy-btn::after { content: ''; position: absolute; top: 0; left: -70%; width: 45%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(200,255,0,.55), transparent);
  transform: skewX(-18deg); animation: pwCopySheen 2.6s ease-in-out infinite; pointer-events: none; }
@keyframes pwCopySheen { 0% { left: -70%; } 55%, 100% { left: 135%; } }
.pw-copy-btn.pw-copy-done::after { animation: none; opacity: 0; }   /* po zkopírování odlesk utichne (pozornost jde na peněženku) */
@media (prefers-reduced-motion: reduce) { .pw-copy-btn::after { animation: none; display: none; } }
/* peněženka (krok 3): sheen (existující ::after) zhasnutej, dokud nezkopíruješ částku */
.pw-active .btn-order.pw-sheen-off::after { opacity: 0; animation-play-state: paused; }
/* po zkopírování: rozsviť glow (aditivně k základnímu lime stínu, ať nezhasne) */
@keyframes pwWalGlow { 0%,100% { box-shadow: 0 4px 20px var(--lime-glow); } 50% { box-shadow: 0 4px 20px var(--lime-glow), 0 0 20px 2px rgba(200,255,0,.5); } }
.pw-wal-go { animation: pwWalGlow 1.9s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .pw-copy-attn, .pw-wal-go { animation: none; } }

/* ── Hero ─────────────────────────────────────────── */
.hero {
  padding: 36px 20px 24px;
}

/* ── Hero s fotkou (foto pozadí + P watermark + text) ── */
.hero-photo {
  position: relative;
  width: 100%;
  min-height: clamp(440px, 62vh, 540px);
  background: #0c1826 url('assets/hero.jpg?v=3') center / cover no-repeat;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.hero-photo::before {                 /* jemné ztmavení nahoře pro čitelnost textu (dole čistý) */
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgba(9,16,26,0.68) 0%,
    rgba(9,16,26,0.42) 26%,
    rgba(9,16,26,0.12) 46%,
    rgba(9,16,26,0) 62%);
  z-index: 1;
}
.hero-p-wm {                          /* černý „P" watermark za textem */
  position: absolute;
  top: 0%; left: 50%; transform: translateX(-50%);
  height: 72%; width: auto;
  opacity: 0.34;
  z-index: 1;
  pointer-events: none; user-select: none;
}
.hero-photo-inner {
  position: relative; z-index: 2;
  width: 100%; max-width: 640px;
  padding: 66px 20px 0;
  text-align: center;
}
.hero-eyebrow {
  color: var(--lime);
  font-size: 11px; font-weight: 800;
  letter-spacing: 3px; text-transform: uppercase;
  margin-bottom: 15px;
}
.hero-eyebrow::before, .hero-eyebrow::after {
  content: "—"; opacity: 0.65; margin: 0 8px;
}
.hero-h1 {
  font-family: 'Space Grotesk', 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: clamp(34px, 12vw, 66px);
  line-height: 0.98;
  letter-spacing: -0.03em;
  margin: 0;
  text-wrap: balance;
}
.hh-white { color: #fff; }
.hh-lime  { color: var(--lime); }
.hero-photo-sub {
  color: rgba(255,255,255,0.92);
  font-size: 13.5px; font-weight: 500; line-height: 1.5;
  margin-top: 16px;
  text-shadow: 0 1px 10px rgba(0,0,0,0.6);
}
.hero-badges {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 9px;
  margin-top: 18px;
}
.hero-badge {
  background: rgba(10,16,24,0.55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 11.5px; font-weight: 700;
  padding: 6px 13px; border-radius: 20px;
  white-space: nowrap;
}

/* ── Lime běžící ticker (marquee) ── */
.marquee {
  overflow: hidden;
  background: var(--lime);
  border-top: 1px solid rgba(0,0,0,0.10);
  border-bottom: 1px solid rgba(0,0,0,0.10);
}
.marquee-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: marquee 26s linear infinite;
  will-change: transform;
}
.marquee-track span {
  color: #141400;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 9px 0;
}
.marquee-track span::after {
  content: "•";
  margin: 0 22px;
  opacity: 0.45;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}

.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--lime-dim);
  border: 1px solid rgba(200,255,0,0.2);
  color: var(--lime-ink);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 16px;
}

.hero-title {
  font-size: 36px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -1.5px;
  margin-bottom: 12px;
}
.accent { color: var(--lime-ink); }

.hero-sub {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.6;
}

/* ── Hero platební blok ───────────────────────────── */
.hero-pay {
  margin: 18px auto 4px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 440px;
}
.pay-row {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 9px 12px;
}
.pay-ico {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  flex: 0 0 auto;
  line-height: 1;
}
.pay-ico.usdt { background: #26a17b; color: #fff; }
.pay-ico.stars { background: #f0a500; color: #fff; font-size: 14px; }

/* Malé měnové odznaky – nahrazují 💲/⭐ u cen. Škálují se s velikostí textu (em). */
.usdt-mark, .stars-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
  color: #fff;
  font-size: 0.82em;
  font-weight: 800;
  line-height: 1;
  vertical-align: -0.14em;
  flex: 0 0 auto;
}
.usdt-mark  { background: #26a17b; }
.stars-mark { background: #f0a500; }
.pay-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 6px;
}
.pay-disc {
  background: var(--lime);
  color: #080809;
  font-size: 10.5px;
  font-weight: 800;
  padding: 1px 7px;
  border-radius: 20px;
  line-height: 1.5;
}
.pay-rate {
  margin-left: auto;
  font-size: 12px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pay-video-btn {
  margin-top: 3px;
  background: transparent;
  border: 1px solid rgba(200,255,0,0.55);
  color: var(--text);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  padding: 11px 14px;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.pay-video-btn:active { background: var(--lime-dim); }
.pvb-arrow { color: var(--lime-ink); font-weight: 800; }

/* ── Category bar ─────────────────────────────────── */
.category-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 26px 18px 20px;
}

.cat-btn {
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--muted);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  padding: 11px 6px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  text-align: center;
}
.cat-btn.active, .cat-btn:active {
  background: var(--lime);
  border-color: var(--lime-ink);
  color: #080809;
}

/* ── Product grid ─────────────────────────────────── */
.products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 12px;
}

.product-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.15s, border-color 0.15s;
  position: relative;
}
.product-card:active { transform: scale(0.97); }
.product-card:hover { border-color: rgba(200,255,0,0.3); }

.card-img-wrap {
  aspect-ratio: 1;
  background: var(--card2);
  overflow: hidden;
  position: relative;
}
.card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.card-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}

.card-category-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(8,8,9,0.7);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.92);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 7px;
  border-radius: 6px;
}

.card-body {
  padding: 12px;
}
.card-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
  line-height: 1.2;
}
.card-variant {
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 8px;
}
.card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-price-wrap {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.card-price {
  font-size: 13px;
  font-weight: 800;
  color: var(--lime-ink);
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 4px;
}
.card-price-hint {
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
}
/* Košík: alternativní (Stars) řádek pod hlavní krypto částkou */
.cart-total-alt {
  opacity: 0.7;
  font-size: 13px;
}
.btn-add {
  width: 30px;
  height: 30px;
  background: var(--lime);
  color: #080809;
  border: none;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: transform 0.15s;
}
.btn-add:active { transform: scale(0.88); }
.btn-add:disabled {
  background: var(--card2);
  color: var(--muted);
  cursor: not-allowed;
}

/* ── Vyprodáno ────────────────────────────────────── */
.product-card.sold-out .card-img-wrap img,
.product-card.sold-out .card-img-placeholder { filter: grayscale(1); opacity: 0.4; }
.product-card.sold-out .card-name,
.product-card.sold-out .card-price,
.product-card.sold-out .card-price-hint { color: var(--muted); }
.card-soldout-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(8,8,9,0.78);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border);
  color: #ff6b6b;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 7px;
  border-radius: 6px;
}
.btn-add-modal:disabled {
  background: var(--card2);
  color: var(--muted);
  cursor: not-allowed;
}

/* ── Cart panel ───────────────────────────────────── */
.cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 199;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.cart-overlay.visible { opacity: 1; pointer-events: all; }

.cart-panel {
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  background: var(--surface);
  border-radius: 0;
  padding: max(8px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
  z-index: 200;
  display: flex;
  flex-direction: column;
}
.cart-panel.open { transform: translateY(0); }

.cart-handle { display: none; }   /* zbytečná „čárka" (stejně nešla swipnout) — pryč, uvolní místo nahoře */

.cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.cart-header h2 { font-size: 18px; font-weight: 800; }
.cart-close {
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--text);
  width: 32px; height: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.cart-scroll::-webkit-scrollbar { display: none; }

/* ── Recenze ─────────────────────────────────────── */
.reviews-btn {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--lime); color: var(--lime-ink);
  border: none; border-radius: 999px;
  padding: 7px 14px; font-size: 13px; font-weight: 800;
  font-family: inherit; cursor: pointer; white-space: nowrap;
}
.reviews-btn:active { filter: brightness(0.94); }
/* Účet: kulaté tlačítko jako košík (21.9.), na mobilu vlevo nahoře místo Recenzí */
.acct-btn { position: relative; background: var(--card); border: 1px solid var(--border); color: var(--text); width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.acct-btn:active { background: var(--lime-dim); }
.acct-dot { position: absolute; top: 9px; right: 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--lime); border: 2px solid var(--card); display: none; }
.acct-dot.on { display: block; }
.rv-agg {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 16px; margin-bottom: 14px;
  background: var(--card2); border: 1px solid var(--border); border-radius: 16px;
}
.rv-agg-score { font-size: 30px; font-weight: 900; color: var(--text); line-height: 1; white-space: nowrap; }
.rv-agg-count { font-size: 13px; font-weight: 600; color: var(--muted); }
.rv-card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 16px; padding: 14px; margin-bottom: 12px;
}
.rv-photo {
  width: 100%; max-height: 340px; object-fit: cover;
  border-radius: 12px; margin-bottom: 10px; display: block; background: var(--card2);
}
.rv-card-text { font-size: 14.5px; line-height: 1.5; color: var(--text); }
.rv-loading, .rv-empty { text-align: center; color: var(--muted); padding: 34px 12px; font-size: 14px; }
/* ── Moje objednávky ── */
.ord-empty { text-align:center; color:var(--muted); padding:34px 12px; font-size:14px; line-height:1.5; }
.ord-card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:12px 13px; margin-bottom:10px; }
.ord-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
.ord-date { font-size:12px; color:var(--muted); font-weight:600; font-variant-numeric:tabular-nums; }
.ord-num { color:var(--text, #111); font-weight:700; letter-spacing:.02em; }
.ord-badge { font-size:11px; font-weight:800; padding:3px 9px; border-radius:20px; white-space:nowrap; }
.ord-badge.ord-paid { background:var(--lime-dim); color:var(--lime-ink); }
.ord-badge.ord-sent { background:rgba(59,123,246,.14); color:#2b6cf0; }
.ord-items { display:flex; flex-direction:column; gap:5px; }
.ord-item { display:flex; justify-content:space-between; gap:10px; font-size:13px; }
.ord-item-n { color:var(--text); font-weight:600; }
.ord-item-n small { color:var(--muted); font-weight:500; }
.ord-item-p { font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ord-total { display:flex; justify-content:space-between; margin-top:9px; padding-top:9px; border-top:1px solid var(--border); font-weight:800; font-size:14px; }
.ord-addr { display:flex; gap:7px; margin-top:9px; font-size:12px; color:var(--muted); line-height:1.4; }
.ord-addr b { color:var(--text); }
.ord-ic { flex:none; }
.ord-meta { display:flex; flex-direction:column; gap:5px; margin-top:9px; padding-top:9px; border-top:1px solid var(--border); }
.ord-m { display:flex; gap:8px; align-items:flex-start; font-size:12px; color:var(--muted); line-height:1.35; }
.ord-m span:last-child { word-break:break-word; }
.ord-m b { color:var(--text); font-weight:700; }
.ord-m-ic { flex:none; width:15px; text-align:center; }

/* ── Výloha recenzí na stránce (social proof / landing) ── */
.rv-showcase { padding: 28px 0 10px; }
.rv-showcase-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; padding: 0 18px; margin-bottom: 14px;
}
.rv-showcase-title { font-size: 21px; font-weight: 900; color: var(--text); letter-spacing: -0.01em; }
.rv-showcase-agg { font-size: 13px; color: var(--muted); white-space: nowrap; }
.rv-showcase-agg b { color: var(--text); font-size: 15px; }
.rv-showcase-track {
  display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; padding: 2px 18px 6px;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  touch-action: pan-x pan-y; overscroll-behavior-x: contain;   /* 23.9.: i pan-y — s pouhým pan-x šla stránka přes recenze posunout jen do stran */
    /* iOS fix: track si nárokuje horizontální swipe (body má overflow-x:hidden, jinak se scroll zasekne) */
}
.rv-showcase-track::-webkit-scrollbar { display: none; }
.rv-sc-card {
  flex: 0 0 262px; scroll-snap-align: start;
  background: var(--surface); border: 1px solid var(--border); border-radius: 16px;
  padding: 12px; display: flex; flex-direction: column;
}
.rv-sc-photo {
  width: 100%; height: 192px; object-fit: cover;
  border-radius: 12px; margin-bottom: 10px; background: var(--card2);
}
.rv-sc-text { font-size: 13.5px; line-height: 1.5; color: var(--text); }
.rv-showcase-all {
  display: block; margin: 14px 18px 0; padding: 13px;
  background: transparent; border: 1px solid var(--border); border-radius: 14px;
  color: var(--lime-ink); font-weight: 800; font-size: 14px; font-family: inherit; cursor: pointer;
}
.rv-showcase-all:active { background: var(--lime-dim); }
.cart-items {
  overflow: visible;
}

.cart-empty {
  text-align: center;
  color: var(--muted);
  padding: 32px 0;
  font-size: 14px;
}

.cart-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
.cart-item-img {
  width: 48px; height: 48px;
  border-radius: 10px;
  background: var(--card2);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.cart-item-img img { width: 100%; height: 100%; object-fit: cover; }
.cart-item-info { flex: 1; }
.cart-item-name { font-size: 13px; font-weight: 700; }
.cart-item-variant { font-size: 11px; color: var(--muted); }
.cart-item-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.qty-btn {
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--text);
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qty-btn:active { background: var(--lime-dim); }
.qty-val { font-size: 14px; font-weight: 700; min-width: 16px; text-align: center; }
.cart-item-price {
  display: flex; align-items: center; justify-content: flex-end; gap: 5px;
  font-size: 13px; font-weight: 700; color: var(--lime-ink);
  white-space: nowrap; min-width: 96px; flex-shrink: 0;
}
.ci-price-num { font-variant-numeric: tabular-nums; }

.cart-footer {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart-totals {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cart-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-total-main { margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--border); }
.cart-total-label { font-size: 13px; color: var(--muted); font-weight: 700; }   /* 23.9.: popisky souhrnu tučně */
.cart-total-sub { font-size: 13px; font-weight: 600; }
.cart-total-value { font-size: 20px; font-weight: 800; }
/* Množstevní sleva – goal-gradient nudge v košíku */
.cart-nudge {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px; background: var(--lime-dim); border: 1px solid var(--lime-glow);
  border-radius: 11px; font-size: 12.5px; font-weight: 700; color: var(--text); line-height: 1.35;
  cursor: pointer;
}
.cart-nudge:active { transform: scale(0.99); }
.cart-nudge b { color: var(--lime-ink); background: var(--lime); padding: 0 7px; border-radius: 5px; white-space: nowrap; }
.cart-nudge .cn-plus { flex: none; width: 19px; height: 19px; border-radius: 50%; background: var(--lime); color: var(--lime-ink); display: grid; place-items: center; font-size: 13px; font-weight: 900; }
.cart-nudge .cn-arr { margin-left: auto; flex: none; font-weight: 800; font-size: 15px; color: var(--lime-ink); }
/* BAC připomínka (info) + minimální objednávka (blok) */
.cart-bacnote { display: flex; align-items: center; gap: 11px; padding: 11px 13px; background: var(--lime-dim); border: 1px solid rgba(200,255,0,0.5); border-radius: 12px; font-size: 12.5px; font-weight: 600; color: var(--lime-ink); line-height: 1.4; }
.cart-bacnote .ic { font-size: 17px; flex: none; }
.cart-bacnote b { font-weight: 800; }
.cart-bacnote .add { margin-left: auto; flex: none; background: var(--lime); color: var(--lime-ink); border: none; font-family: inherit; font-weight: 800; font-size: 12px; padding: 7px 12px; border-radius: 9px; cursor: pointer; white-space: nowrap; }
.cart-minwarn { display: flex; gap: 10px; padding: 11px 13px; background: rgba(240,160,0,0.1); border: 1px solid rgba(240,160,0,0.4); border-radius: 12px; font-size: 12px; color: #8a5a00; line-height: 1.5; }
.cart-minwarn .ic { font-size: 15px; flex: none; }
.cart-minwarn b { color: #7a4f00; font-weight: 800; }

/* ── Doprava zdarma: mini vialka co se plní ── */
.cart-shipnudge { display: flex; align-items: center; gap: 9px; background: var(--lime-dim); border: 1px solid var(--lime-glow); border-radius: 11px; padding: 6px 11px; }
.cart-shipnudge .sn-t { font-size: 12.5px; font-weight: 500; line-height: 1.35; }
.cart-shipnudge .sn-t b { font-weight: 700; color: var(--lime-ink); background: var(--lime-dim); padding: 0 6px; border-radius: 5px; white-space: nowrap; }
.cart-shipnudge .sn-pct { font-size: 10.5px; font-weight: 800; color: var(--muted); margin-top: 1px; }
.cart-shipnudge.done { background: var(--lime-dim); border-color: var(--lime); }
.cart-shipnudge.done .sn-t { color: var(--text); }
.cart-shipnudge.done .sn-t b { background: transparent; padding: 0; color: var(--lime-ink); }
.cart-shipnudge.done .vial { filter: drop-shadow(0 0 4px rgba(200,255,0,0.65)); }
.vial { width: 24px; height: 36px; flex: none; display: block; }
.vial .vl-liq { transition: y 0.5s cubic-bezier(.4,0,.2,1); }
.vial .cap { width: 13px; height: 5px; background: var(--lime-ink); border-radius: 2px 2px 1px 1px; }
.vial .neck { width: 8px; height: 5px; border: 1.6px solid rgba(26,27,29,0.28); border-bottom: none; background: rgba(255,255,255,0.5); }
.vial .body { width: 19px; height: 32px; border: 1.6px solid rgba(26,27,29,0.28); border-radius: 4px 4px 6px 6px; background: rgba(255,255,255,0.45); position: relative; overflow: hidden; }
.vial .liquid { position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, #b6f000, #a6d400); box-shadow: inset 0 2px 0 rgba(255,255,255,0.5); transition: height 0.5s cubic-bezier(.4,0,.2,1); }
.vial .body::after { content: ''; position: absolute; top: 3px; left: 3px; width: 3px; height: 14px; border-radius: 99px; background: rgba(255,255,255,0.6); }
.cart-total-sleva .cart-total-label small { font-weight: 700; opacity: .75; }
.shipping-free { color: var(--lime-ink); }

.btn-order {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--lime);
  color: #080809;
  border: none;
  padding: 14px 24px;
  border-radius: 14px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 20px var(--lime-glow);
  transition: transform 0.15s, box-shadow 0.15s;
}
.btn-order:active {
  transform: scale(0.96);
  box-shadow: 0 2px 8px var(--lime-glow);
}

/* ── Product modal ────────────────────────────────── */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 299;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.modal-overlay.visible { opacity: 1; pointer-events: all; }

.product-modal {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: var(--surface);
  border-radius: 24px 24px 0 0;
  z-index: 300;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
  max-height: 88vh;
  overflow-y: auto;
}
.product-modal.open { transform: translateY(0); }

.modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(8,8,9,0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.18);
  color: #fff;
  width: 34px; height: 34px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0,0,0,0.28);
  transition: background 0.15s ease;
}
.modal-close:hover { background: rgba(8,8,9,0.78); }

.modal-img-wrap {
  aspect-ratio: 4/3;
  background: var(--card2);
  overflow: hidden;
}
.modal-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal-body {
  padding: 20px 20px 32px;
}

.modal-tag {
  display: inline-block;
  background: var(--lime-dim);
  border: 1px solid rgba(200,255,0,0.2);
  color: var(--lime-ink);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 4px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.modal-title {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.modal-desc {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 16px;
}
.modal-specs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
}
.spec-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;                      /* ať se label a hodnota neslepí */
  font-size: 13px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}
.spec-label { color: var(--muted); flex: none; white-space: nowrap; }
.spec-value { font-weight: 600; text-align: right; line-height: 1.45; }

.modal-footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
}
.modal-price { display: flex; }
#modal-price {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 8px 10px;
}
.mp-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  flex: 0 0 auto;
}
.mp-mark.usdt  { background: #26a17b; color: #fff; }
.mp-mark.stars { background: #f0a500; color: #fff; }
.mp-kc { font-weight: 800; font-size: 17px; letter-spacing: -0.01em; }
.mp-kc.usdt  { color: var(--lime-ink); }
.mp-kc.stars { color: var(--text); }
.mp-alt { font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.mp-alt.usdt  { color: #26a17b; }
.mp-alt.stars { color: var(--muted); }
.modal-price-hint {
  flex-basis: 100%;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.35;
  margin-top: 4px;
  letter-spacing: 0.01em;
}

.btn-add-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: var(--lime);
  color: #080809;
  border: none;
  padding: 14px 22px;
  border-radius: 14px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.15s;
  position: relative; overflow: hidden;   /* pro sheen (stejnej odlesk jako tlačítka ve faktuře) */
}
.btn-add-modal:active { transform: scale(0.96); }
.btn-add-modal:not(:disabled)::after {
  content: ''; position: absolute; top: 0; left: 0; width: 45%; height: 100%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.42), transparent);
  animation: btnSheen 2.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .btn-add-modal::after { display: none; } }

/* ── PDP (produktovka) — bílá + limetka: hero · stat karty · číslované oblasti · spec-sheet ── */
.modal-hero { position: relative; background: #14151a; overflow: hidden; }
.modal-hero img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.modal-cat { position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px;
  background: var(--lime); color: var(--lime-ink); font-size: 10.5px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; padding: 6px 11px; border-radius: 99px; }
.modal-fire { position: absolute; top: 14px; right: 16px; font-size: 20px; }
/* title + variant */
.modal-title { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.02; margin-bottom: 0; }
.modal-title .mt-v { color: var(--muted); font-weight: 500; font-size: 18px; margin-left: 7px; letter-spacing: 0; }
/* desc */
.modal-desc { margin-top: 11px; margin-bottom: 0; font-size: 13.5px; color: #3d3f43; line-height: 1.55; }
.modal-desc b { font-weight: 700; color: var(--text); }
/* disclaimer callout */
.modal-discl { margin-top: 18px; padding: 9px 0 9px 12px; border-left: 3px solid var(--lime);
  font-size: 11.5px; font-style: italic; color: var(--muted); line-height: 1.45; }
/* stat karty */
.modal-stats { margin-top: 12px; grid-template-columns: 1fr 1fr; gap: 11px; }
.pdp-stat { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 16px 14px 14px;
  position: relative; overflow: hidden; }
.pdp-stat::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: var(--lime); }
.pdp-stat.wide { grid-column: 1 / -1; }
.pdp-num { font-size: 38px; font-weight: 700; letter-spacing: -0.03em; color: var(--text); line-height: 1; }
.pdp-slab { margin-top: 9px; font-size: 12.5px; font-weight: 600; color: #3d3f43; line-height: 1.3; }
/* section eyebrow */
.pdp-eb { font-size: 10.5px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); display: block; }
/* research areas — číslované */
.modal-research { margin-top: 26px; }
.modal-research .pdp-eb { margin-bottom: 4px; }
.pdp-ra { border-top: 1px solid var(--border); padding: 14px 0 13px; display: flex; gap: 13px; }
.pdp-ra:last-child { border-bottom: 1px solid var(--border); }
.pdp-ra-n { font-size: 13px; font-weight: 800; color: #9aa000; font-variant-numeric: tabular-nums; min-width: 20px; padding-top: 1px; }
.pdp-ra-t { font-size: 14px; font-weight: 700; letter-spacing: -0.01em; color: var(--text); }
.pdp-ra-d { margin-top: 4px; font-size: 12.5px; color: var(--muted); line-height: 1.5; }
/* COA — nad parametry, efekt 4 (limetková hrana + posouvající se šipka) */
.pdp-coa { margin-top: 24px; display: flex; align-items: center; gap: 11px; width: 100%;
  background: var(--card); border: 1px solid var(--border); border-left: 4px solid var(--lime); border-radius: 14px;
  padding: 14px 15px; font-family: inherit; font-size: 13.5px; font-weight: 700; color: var(--text); cursor: pointer; text-align: left; }
.pdp-coa-doc { font-size: 16px; flex: none; }
.pdp-coa-tx small { display: block; font-size: 11px; font-weight: 500; color: var(--muted); margin-top: 1px; }
.pdp-coa-arr { margin-left: auto; color: var(--muted); font-size: 17px; animation: pdp-arr 1.3s ease-in-out infinite; }
@keyframes pdp-arr { 0%,100% { transform: translateX(0); opacity: 0.55; } 50% { transform: translateX(4px); opacity: 1; } }
/* parametry — lab spec-sheet */
.modal-specs { display: block; margin-top: 26px; margin-bottom: 0; }
.modal-specs .pdp-eb { margin-bottom: 12px; }
.pdp-spec { background: var(--card); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; }
.pdp-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 15px; border-top: 1px solid var(--border); }
.pdp-row:first-child { border-top: none; }
.pdp-k { font-size: 12.5px; color: var(--muted); font-weight: 600; }
.pdp-val { font-size: 13px; font-weight: 700; letter-spacing: -0.01em; text-align: right; line-height: 1.4; }
/* footer — cena + koš v řádku */
.modal-footer { flex-direction: row; align-items: center; gap: 14px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--border); }
.modal-footer .modal-price { flex: 1; }
.modal-footer #modal-price { display: block; }
.modal-footer .mp-kc { font-size: 22px; }
.modal-footer .mp-alt { display: block; margin-top: 3px; }
.modal-footer .mp-alt.usdt { color: var(--muted); }
.modal-footer .btn-add-modal { width: auto; margin-left: auto; white-space: nowrap; padding: 14px 24px; }
@media (prefers-reduced-motion: reduce) { .pdp-coa-arr { animation: none; } }

/* ── Contact form panel ───────────────────────────── */
.contact-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 299;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.contact-overlay.visible { opacity: 1; pointer-events: all; }

.contact-panel {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  border-radius: 24px 24px 0 0;
  padding: 8px 20px 40px;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
  z-index: 300;
  max-height: 90vh;
  overflow-y: auto;
}
.contact-panel.open { transform: translateY(0); }
/* Invoice (pay-panel) = full-screen přes celou miniapp — ať za ním neprosvítá katalog/pozadí */
#pay-panel { top: 0; max-height: none; border-radius: 0; padding-top: max(16px, env(safe-area-inset-top)); }

.contact-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.cf-row {
  display: flex;
  gap: 10px;
}
.cf-row .cf-input { flex: 1; }

.cf-input {
  width: 100%;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  color: var(--text);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
}
.cf-input:focus { border-color: var(--lime-ink); }
.cf-input::placeholder { color: var(--muted); }

/* ── Doručovací údaje: karta „Výdejní místo" ── */
.cf-seclab { font-size: 11px; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; color: var(--muted); margin-top: 8px; margin-bottom: -2px; }
.cf-shipcard { background: rgba(200,255,0,0.06); border: 1.5px solid var(--lime-ink); border-radius: 14px; padding: 14px; box-shadow: 0 0 0 3px rgba(200,255,0,0.14); display: flex; flex-direction: column; gap: 11px; }
.cf-shiptop { display: flex; align-items: center; gap: 12px; }
.cf-shipico { width: 36px; height: 36px; border-radius: 10px; background: var(--lime); display: flex; align-items: center; justify-content: center; font-size: 18px; flex: none; }
.cf-shipname { font-weight: 800; font-size: 14.5px; letter-spacing: -0.01em; }
.cf-shipsub { font-size: 12px; color: var(--muted); margin-top: 2px; }

.cf-hint {
  font-size: 11px;
  color: var(--muted);
  margin-top: 5px;
  padding-left: 4px;
}

.cf-submit {
  width: 100%;
  justify-content: center;
}

/* ── Stars tip modal (first visit) ───────────────── */
.stars-tip-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.stars-tip-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}

.stars-tip-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 20px));
  width: calc(100% - 36px);
  max-width: 420px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 22px 22px;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.3s ease;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.stars-tip-modal.visible {
  opacity: 1;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}

.stars-tip-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.stars-tip-emoji {
  font-size: 28px;
  line-height: 1;
}
.stars-tip-header h2 {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.stars-tip-intro {
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 16px;
}

.stars-tip-option {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  margin-bottom: 10px;
}
.stars-tip-option-best {
  background: var(--lime-dim);
  border-color: var(--lime-ink);
}
.stars-tip-option-head {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.stars-tip-option-body {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.4;
}
.stars-tip-option-body a {
  color: var(--lime-ink);
  text-decoration: none;
  font-weight: 600;
}
.stars-tip-option-body strong {
  color: var(--text);
}
.stars-tip-badge {
  font-size: 11px;
  font-weight: 800;
  background: var(--lime);
  color: #141400;
  padding: 2px 7px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}

.stars-tip-example {
  background: var(--card2);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  margin-top: 14px;
  margin-bottom: 14px;
}
.stars-tip-example-label {
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
  font-weight: 600;
}
.stars-tip-example-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 3px 0;
}
.stars-tip-example-best {
  color: var(--lime-ink);
  font-weight: 700;
}

.stars-tip-footnote {
  font-size: 12px;
  color: var(--muted);
  text-align: center;
  margin-bottom: 16px;
  line-height: 1.4;
}

.stars-tip-btn {
  width: 100%;
  background: var(--lime);
  color: #141400;
  border: none;
  padding: 14px;
  border-radius: var(--radius-sm);
  font-size: 15px;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.2s ease;
  letter-spacing: -0.01em;
}
.stars-tip-btn:active {
  transform: scale(0.98);
}
.stars-tip-btn:hover {
  box-shadow: 0 6px 24px var(--lime-glow);
}

/* ── COA button + lightbox ────────────────────────── */
.btn-coa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 18px 0 22px;
  padding: 16px 18px;
  background: var(--lime-dim);
  border: 1px solid var(--lime);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.2s ease, transform 0.1s ease;
  animation: coa-pulse 2s ease-out infinite;
}
.btn-coa:hover {
  background: rgba(200, 255, 0, 0.18);
  box-shadow: 0 4px 20px var(--lime-glow);
}
.btn-coa:active { transform: scale(0.99); }
.btn-coa svg { color: var(--lime-ink); flex: none; }

/* Pulzující „klikni na mě" prstenec, ať lidi kouknou na COA (trust signál) */
@keyframes coa-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(200,255,0,0.55); }
  70%  { box-shadow: 0 0 0 13px rgba(200,255,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(200,255,0,0); }
}
@media (prefers-reduced-motion: reduce) { .btn-coa { animation: none; } }

.coa-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.coa-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
.coa-lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.96);
  width: calc(100% - 24px);
  max-width: 800px;
  max-height: calc(100vh - 48px);
  z-index: 10001;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.25s ease;
}
.coa-lightbox.visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}
.coa-lightbox img {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 48px);
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}
.coa-close {
  position: absolute;
  top: -42px;
  right: 0;
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  transition: background 0.15s ease;
}
.coa-close:hover { background: rgba(255,255,255,0.25); }

/* ── Utilities ────────────────────────────────────── */
.hidden { display: none !important; }

/* Research-use-only disclaimer (footer) */
.ruo-disclaimer {
  text-align: center;
  font-size: 11px;
  line-height: 1.6;
  color: var(--muted);
  padding: 28px 24px 40px;
  letter-spacing: 0.01em;
}

/* ── Research detail (Research Overview / oblasti / RUO) ── */
.modal-section-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--lime-ink);
  margin: 18px 0 8px;
}
#modal-overview-label { margin-top: 4px; }

.modal-research { }
.research-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.research-list li {
  position: relative;
  padding-left: 16px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--muted);
}
.research-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--lime);
}
.research-list li b { color: var(--text); font-weight: 600; }

/* ── Video návod – in-app přehrávač ──────────────────────── */
.vid-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;display:none}
.vid-overlay.visible{display:block}
.vid-modal{position:fixed;z-index:10002;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);
  width:min(96vw,500px);display:none;opacity:0;transition:opacity .2s ease,transform .2s ease}
.vid-modal.visible{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}
.vid-modal video{width:100%;max-height:90vh;border-radius:16px;background:#000;display:block;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.vid-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;border:none;font-size:16px;cursor:pointer;display:grid;place-items:center;z-index:2}
.vid-pip{position:absolute;left:12px;right:12px;bottom:14px;z-index:5;background:#C8FF00;color:#0b1017;border:0;border-radius:12px;padding:13px;font-weight:700;font-size:14px;font-family:inherit;box-shadow:0 4px 16px rgba(0,0,0,.35);cursor:pointer}
.vid-pip{position:absolute;top:10px;left:10px;height:34px;padding:0 13px;border-radius:17px;
  background:rgba(0,0,0,.55);color:#fff;border:none;font-size:13px;font-weight:800;cursor:pointer;
  display:flex;align-items:center;gap:5px;z-index:2}

/* ── Košík: slevový kód + platební karty ─────────────────── */
.promo-row {
  display: flex; align-items: center; gap: 9px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: 6px 6px 6px 13px;   /* margin-bottom pryč — přičítal se k cart-footer gapu → nestejná mezera nad Mezisoučtem */
}
.promo-tag { font-size: 16px; }
.promo-input {
  flex: 1; background: transparent; border: 0; color: var(--text);
  font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: .04em;
  outline: none; text-transform: uppercase; min-width: 0;
}
.promo-input::placeholder { color: var(--muted); font-weight: 600; letter-spacing: 0; text-transform: none; }
.promo-apply {
  flex-shrink: 0; border: 0; cursor: pointer; white-space: nowrap;
  font-family: inherit; font-weight: 800; font-size: 12.5px; letter-spacing: .02em;
  padding: 8px 15px; border-radius: 9px;
  background: var(--lime); color: #080809;
  transition: background .18s, color .18s;
}
.promo-apply:active { background: var(--lime-dim); }
.promo-apply.is-active { background: var(--lime); color: var(--lime-ink); }  /* kód aktivní — 23.9.: procenta = výrazná limetka (jako „−10 %" u Přidej peptid) */
.promo-apply.is-bad { background: #f3d6d6; color: #b5262d; }                      /* neplatný kód */
/* 23.9.: řádek slevy stejnou barvou jako ostatní (dřív tmavší = vypadal zvýrazněně) */

.pay-choose {
  font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); font-weight: 800; margin: 15px 0 10px;
}
.pay-rates {
  display: flex; gap: 7px; flex-wrap: wrap; margin: 0 0 12px;
}
.pay-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 8px; padding: 5px 10px;
  font-size: 12px; font-weight: 700; color: var(--text); white-space: nowrap;
}
.pay-cards { display: flex; flex-direction: column; gap: 10px; }
.pcard {
  appearance: none; -webkit-appearance: none;
  display: block; width: 100%; text-align: left; font-family: inherit;
  border-radius: var(--radius); padding: 14px 15px; cursor: pointer;
  transition: transform .12s ease;
}
.pcard:active { transform: scale(.985); }
.pcard-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.pcard-method { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 14.5px; }
.pcard-amt { display: flex; align-items: baseline; gap: 8px; }
.pcard-big { font-size: 26px; font-weight: 900; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pcard-cur { font-size: 14px; font-weight: 800; color: var(--muted); }
.pcard-sub { font-size: 12px; color: var(--muted); margin-top: 6px; line-height: 1.55; font-variant-numeric: tabular-nums; }

.pcard-usdt {
  background: linear-gradient(160deg, rgba(200,255,0,.10), rgba(200,255,0,.03));
  border: 1.5px solid var(--lime); box-shadow: 0 0 0 4px rgba(200,255,0,.06);
}
.pcard-usdt .pcard-method, .pcard-usdt .pcard-big { color: var(--lime-ink); }
.pcard-badge { background: var(--lime); color: #0a0a00; font-weight: 900; font-size: 11px; padding: 4px 9px; border-radius: 7px; }
.pcard-save {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 9px;
  background: rgba(200,255,0,.14); color: var(--lime-ink); font-weight: 800;
  font-size: 12px; padding: 6px 10px; border-radius: 8px;
}
.pcard-stars { background: var(--card); border: 1px solid var(--border); color: var(--text); }
.pcard-stars .pcard-method, .pcard-stars .pcard-big { color: var(--text); }

/* ═══ Košík redesign — oddělený bílý sekce na šedým + checkout ═══ */
.cart-panel { background: var(--bg); }
.cart-header { margin-bottom: 8px; }
.cart-footer { margin-top: 6px; padding-top: 0; border-top: none; gap: 8px; flex-shrink: 0; }
/* každá sekce = bílá plovoucí karta */
.cart-panel, .cart-scroll { overflow-x: hidden; max-width: 100%; }
/* jen seznam položek scrolluje, zbytek (kupón/shrnutí/POKRAČOVAT) fixní */
.cart-scroll { display: flex; flex-direction: column; overflow-y: hidden; }
/* FIX: recenze panel + formulář recenze nemají vnitřní .cart-items scroller (jako košík) → jejich obsah musí scrollovat přímo v .cart-scroll, jinak ho ořízne overflow-y:hidden výše a nejde v recenzích listovat */
#reviews-panel .cart-scroll, #reviewform-panel .cart-scroll { overflow-y: auto; }
.cart-items { background: #fff; border-radius: 16px; padding: 2px 10px; flex: 0 1 auto; min-height: 0; max-height: 170px; overflow-y: auto; overscroll-behavior: contain; }   /* max-height ~2,5 položky → při >2 peptidech peek + scroll, ať je jasný, že jich je víc než 2 */
.cart-item { display: flex; gap: 7px; align-items: center; }
.cart-item-left { display: flex; align-items: center; gap: 7px; min-width: 0; flex: 0 0 140px; overflow: hidden; }   /* PEVNÁ šířka → counter je zarovnanej (statickej sloupec) a víc vlevo; overflow:hidden + ellipsis na jménu = text se nikdy nezalomí */
.cart-item-img { width: 42px; height: 42px; flex: none; }
.qty-btn { width: 26px; height: 26px; flex: none; }
.cart-item:last-child { border-bottom: none; }
.cart-item-info { flex: 1 1 auto; min-width: 0; }
.cart-item-variant { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   /* 1 řádek + „…" místo zalomení */
.cart-item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cart-item-controls { flex: none; width: 80px; justify-content: center; gap: 6px; }
.cart-item-price { flex: 1 1 auto; min-width: 68px; justify-content: flex-end; text-align: right; white-space: nowrap; }   /* roztáhne se → cena zůstane u pravého kraje */                    /* cena se nenafukuje → řádek se vždy vejde */
.cart-shipnudge { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 8px 11px 8px 14px; min-height: 54px; box-sizing: border-box; }   /* 23.9.: stejná výška jako kód a „Přidej peptid" */
.cart-shipnudge.done { background: #fff; }
.promo-row { background: #fff; border-radius: 16px; padding: 9px 11px; }
.cart-totals { background: #fff; border-radius: 16px; padding: 14px 16px; gap: 5px; }
.cart-nudge { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 13px 16px; }
/* 23.9.: slevový kód a „Přidej další peptid" = stejně velké panely pod sebou */
.promo-row, .cart-nudge { min-height: 54px; box-sizing: border-box; padding: 9px 11px 9px 14px; border-radius: 16px; border: 1px solid var(--border); }
/* checkout: CELKEM K OBJEDNÁNÍ + kurz vpravo + POKRAČOVAT */
.cart-checkout { padding-top: 14px; margin-top: 2px; border-top: 1px solid var(--border); }
.cart-checkout .co-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cart-checkout .co-l { font-size: 10.5px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.cart-checkout .co-row { display: flex; align-items: baseline; gap: 12px; margin-top: 7px; }
.cart-checkout .co-big { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.cart-checkout .co-big small { font-size: 15px; font-weight: 700; }
.cart-checkout .co-u { font-size: 12.5px; color: var(--muted); font-weight: 700; }
.cart-checkout .co-btn { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; margin-top: 14px; background: var(--lime); color: var(--lime-ink); border: none; border-radius: 15px; padding: 17px; font-family: inherit; font-weight: 800; font-size: 15.5px; letter-spacing: 0.03em; box-shadow: 0 12px 30px rgba(200,255,0,0.36); cursor: pointer; }
.cart-checkout .co-btn:active { transform: scale(0.99); }
/* 23.9.: „Pokračovat" v košíku i ve formuláři (#lab-mainbtn z tg-shim) = stejnej odlesk jako Přidat do košíku / wizard */
.cart-checkout .co-btn, #lab-mainbtn { position: relative; overflow: hidden; }
#lab-mainbtn { position: fixed; }
.cart-checkout .co-btn::after, #lab-mainbtn.is-on::after {
  content: ''; position: absolute; top: 0; left: 0; width: 45%; height: 100%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.42), transparent);
  animation: btnSheen 2.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .cart-checkout .co-btn::after, #lab-mainbtn::after { display: none; } }
.pcard-mbadge { background: var(--card2); color: var(--muted); font-weight: 700; font-size: 11px; padding: 4px 9px; border-radius: 7px; }

/* Objednat karta (varianta B – lime fill) */
.pcard-order {
  background: var(--lime); color: var(--lime-ink);
  box-shadow: 0 8px 22px -10px rgba(200,255,0,.55);
}
.pcard-order .pcard-top { margin-bottom: 8px; }
.pcard-eyebrow {
  font-size: 11.5px; font-weight: 800; text-transform: uppercase;
  letter-spacing: .06em; opacity: .85; color: var(--lime-ink);
}
.pcard-arrow { font-size: 17px; font-weight: 800; line-height: 1; opacity: .9; color: var(--lime-ink); }
.pcard-order .pcard-big {
  font-family: 'Space Grotesk', 'Space Grotesk', sans-serif;
  font-size: 30px; font-weight: 700; letter-spacing: -.01em; color: var(--lime-ink);
}
.pcard-order .pcard-cur { color: var(--lime-ink); opacity: .7; font-weight: 700; }
.pcard-order .pcard-sub { color: var(--lime-ink); opacity: .68; font-weight: 600; margin-top: 5px; }

/* ═══════════════════════════════════════════════════════════
   DESKTOP (≥900px) — plnohodnotnej web layout.
   Mobil (Telegram mini-app) zůstává úplně netknutej.
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 900px) {

  /* ── Hero: vyšší, obsah širší a vertikálně vycentrovanej ── */
  .hero-photo {
    min-height: 0;
    aspect-ratio: 1920 / 1287;              /* plná /start fotka (text zapečenej v obrázku) → bez ořezu */
    align-items: center;
    background-image: url('assets/hero-desktop2.jpg');
    background-position: center;
    background-size: cover;
  }
  .hero-photo-inner {
    display: none;                           /* text + badge jsou zapečený v /start obrázku → žádnej HTML overlay (jinak dvojí text) */
    max-width: 860px;
    padding: 40px 24px;
  }
  .hero-p-wm { display: none; }   /* „P" watermark je taky v /start obrázku */
  .hero-eyebrow { font-size: 13px; letter-spacing: 4px; margin-bottom: 20px; }
  .hero-h1 { font-size: clamp(58px, 6.2vw, 86px); }
  .hero-photo-sub { font-size: 17px; margin-top: 22px; }
  .hero-badges { gap: 12px; margin-top: 24px; }
  .hero-badge { font-size: 13px; padding: 8px 17px; }

  /* ── Marquee: o chlup větší text ── */
  .marquee-track span { font-size: 13px; letter-spacing: 2px; padding: 13px 0; }
  .marquee-track span::after { margin: 0 30px; }

  /* ── Kategorie: jeden řádek 6 chipů, vycentrovaný ── */
  .category-bar {
    max-width: 1080px;
    margin: 0 auto;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 40px 24px 24px;
  }
  .cat-btn { font-size: 14px; padding: 13px 12px; border-radius: 14px; }

  /* ── Katalog: 3×3 vycentrovaná mřížka, rozumný karty ── */
  .products {
    max-width: 1080px;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    padding: 0 24px;
  }
  .product-card { border-radius: 18px; }
  .product-card:hover { transform: translateY(-4px); border-color: rgba(200,255,0,0.45); box-shadow: 0 14px 34px rgba(0,0,0,0.18); }
  .product-card:active { transform: translateY(-2px); }
  .card-body { padding: 16px; }
  .card-name { font-size: 17px; }
  .card-variant { font-size: 12.5px; margin-bottom: 10px; }
  .card-price, .card-price-hint { font-size: 14.5px; }
  .card-category-badge { font-size: 10px; padding: 4px 9px; }
  .btn-add { width: 36px; height: 36px; font-size: 21px; }

  /* ── „Jak platit" blok pod katalogem: vycentrovanej, širší ── */
  .hero-pay { max-width: 560px; margin-top: 44px; }

  /* ── Disclaimer footer: vycentrovanej ── */
  .ruo-disclaimer { max-width: 760px; margin-left: auto; margin-right: auto; }

  /* ── Product modal: centrovaná karta (fade + scale), ne bottom-sheet ── */
  .product-modal {
    top: 50%; bottom: auto; left: 50%; right: auto;
    width: 580px; max-width: 92vw;
    max-height: 86vh;
    border-radius: 22px;
    transform: translate(-50%, -50%) scale(0.94);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.32s cubic-bezier(0.32,0.72,0,1), opacity 0.28s ease;
  }
  .product-modal.open {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: auto;
  }

  /* ── Košík: pravej drawer místo full-screen ── */
  .cart-panel {
    left: auto; right: 0;
    width: 440px; max-width: 100vw;
    border-radius: 0;
    transform: translateX(100%);
    box-shadow: -24px 0 60px rgba(0,0,0,0.35);
  }
  .cart-panel.open { transform: translateX(0); }

  /* ── Uvítací zpráva: centrovanej dialog nad ztmavenou fotkou ──
     POZOR: display parenta NESAHAT (JS ho přepíná block/none). Centrujeme wrapper. */
  #welcome-modal {
    background: linear-gradient(rgba(6,8,12,0.62), rgba(6,8,12,0.62)),
                url('assets/hero.jpg?v=3') center bottom / cover no-repeat !important;
  }
  #welcome-modal > div {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px !important;
  }
  #welcome-modal > div > div { max-width: 470px; }
}

/* ── Úvodní video banner (landing) ─────────────────────── */
/* SLIM pruh — jednořádek: lime kolečko s nakresleným trojúhelníkem + „60 s" chip + titulek + šipka */
.intro-video-banner{
  display:none; align-items:center; gap:11px;   /* skrytý defaultně – ukáže se JEN na webové landing (browse-mode), v Telegram miniappce nikdy */
  width:calc(100% - 36px); margin:16px 18px 16px; padding:11px 14px;
  background:linear-gradient(180deg, #FFFFFF, #FBFBF9); border-radius:14px;
  border:1px solid var(--border);
  color:var(--text); font-family:'Space Grotesk', sans-serif; text-align:left; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.07);
  transition:transform .12s ease, box-shadow .12s ease;
}
.intro-video-banner:hover{ box-shadow:0 8px 22px rgba(0,0,0,.10); }
.intro-video-banner:active{ transform:scale(.986); }
body.browse-mode .intro-video-banner{ display:flex; }   /* úvodní video jen na landing page longevitypeps.net (prohlížeč), NE v Telegramu */
.ivb-dot{
  flex:none; width:30px; height:30px; border-radius:999px;
  background:var(--lime); display:grid; place-items:center;
  box-shadow:0 2px 9px var(--lime-glow);
}
.ivb-play{ width:0; height:0; border-style:solid; border-width:6px 0 6px 9px; border-color:transparent transparent transparent var(--lime-ink); margin-left:2px; }   /* nakreslenej černej trojúhelník, ne znak ▶ (ten se renderuje jednou jako emoji, jednou černě) */
.ivb-chip{ flex:none; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); border:1px solid var(--border); border-radius:6px; padding:2px 6px; }
.ivb-title{ flex:1; min-width:0; font-size:14px; font-weight:700; line-height:1.2; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ivb-arrow{ flex:none; color:var(--text); opacity:.42; font-weight:800; font-size:17px; }
@media (min-width:900px){
  .intro-video-banner{ max-width:1080px; width:calc(100% - 48px); margin:16px auto 16px; padding:12px 16px; }
  .ivb-title{ font-size:15px; }
}
/* ▼ LANDING-ONLY ─ na webu jen CZK; o platbě v USDT se zákazník dozví až v botovi */
body.browse-mode #usdt-sub,
body.browse-mode #cf-balance-hint,
body.browse-mode .pay-rate-chip,
body.browse-mode .mp-alt { display:none !important; }
/* Náhled recenze na webu: formulář je vidět (legit), ale fotka + odeslání nejdou (recenze píšou ověření zákazníci v botovi) */
.rf-preview-note{ display:none; }
body.browse-mode .rf-preview-note{ display:block; background:var(--lime-dim); border:1px solid var(--border); border-radius:12px; padding:10px 12px; font-size:12.5px; font-weight:600; color:var(--text); text-align:center; margin-bottom:14px; }
body.browse-mode #rf-photozone, body.browse-mode #rf-submit{ pointer-events:none; opacity:.45; }
body.browse-mode .rf-reward{ display:none; }
/* ▲ LANDING-ONLY ──────────────────────────────────────────── */


/* ── ⚡ One-tap platební wizard (pay-panel, jen když ONETAP_ENABLED) ─────────── */
.pw-ordline { font-size:13px; color:var(--muted); margin:0 0 14px; text-align:center; }
.pw-ordline b { color:var(--text); }
.pw-gift { color:var(--lime-ink); font-weight:800; }
.pw-modebar { display:flex; gap:8px; margin:0 0 14px; }
.pw-modebar button { flex:1; font-family:inherit; font-size:13px; font-weight:800; padding:10px 8px; border-radius:999px; border:1px solid var(--border); background:var(--card); color:var(--text); cursor:pointer; transition:transform .08s; }
.pw-modebar button.on { background:var(--lime); color:var(--lime-ink); border-color:var(--lime); }
.pw-modebar button:active { transform:scale(.97); }
.pw-rail { margin:2px 0 16px; }
.pw-railtop { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:7px; }
.pw-kk { font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:800; color:var(--text); }
.pw-pc { font-size:11px; color:var(--muted); font-weight:600; }
.pw-segs { display:flex; gap:5px; }
.pw-seg { height:5px; flex:1; border-radius:3px; background:var(--border); transition:background .25s; }
.pw-seg.on, .pw-seg.done { background:var(--lime); }
.pw-step { margin-bottom:9px; }
.pw-drow { display:flex; align-items:center; gap:10px; padding:9px 4px; }
.pw-check { flex:none; width:22px; height:22px; border-radius:50%; background:var(--lime); color:var(--lime-ink); display:grid; place-items:center; font-size:12px; font-weight:900; }
.pw-dt { font-size:13px; font-weight:700; color:var(--muted); }
.pw-up { display:flex; align-items:center; gap:10px; padding:9px 4px; opacity:.42; }
.pw-un { flex:none; width:22px; height:22px; border-radius:50%; border:1.6px solid var(--border); color:var(--muted); display:grid; place-items:center; font-size:11px; font-weight:800; }
.pw-ut { font-size:13px; font-weight:700; }
.pw-active { position:relative; background:var(--card); border:1.5px solid var(--border); border-radius:16px; padding:14px 13px 13px; box-shadow:0 4px 16px rgba(0,0,0,.05); }
.pw-cardback { margin-left:auto; flex:none; font-size:12px; color:var(--muted); cursor:pointer; font-weight:700; opacity:.8; white-space:nowrap; }   /* vpravo na řádku posledního hotového kroku (✓) */
.pw-cardback:active { opacity:1; }
/* Zvýrazněná „← Vrátit se" — JEN na kroku, za kterým je postup (Zaplatit → Nabij). Po návratu z @wallet blikne. */
.pw-backpostup { margin-left:auto; flex:none; font-size:11.5px; font-weight:800; color:var(--lime-ink); background:var(--lime-dim); border:1px solid rgba(200,255,0,.6); border-radius:20px; padding:5px 12px; cursor:pointer; font-family:inherit; white-space:nowrap; -webkit-tap-highlight-color:transparent; }
.pw-backpostup:active { background:rgba(200,255,0,.4); }
@keyframes pwBackPulse { 0%,100% { background:var(--lime-dim); border-color:rgba(200,255,0,.6); } 50% { background:rgba(200,255,0,.5); border-color:rgba(200,255,0,1); } }
.pw-backpostup.pulse { animation: pwBackPulse .9s ease-in-out 3; }   /* 3× po návratu z peněženky, pak zhasne */
@media (prefers-reduced-motion: reduce) { .pw-backpostup.pulse { animation: none; } }
.pw-ahead { display:flex; gap:10px; align-items:flex-start; margin-bottom:11px; }
.pw-anum { flex:none; width:24px; height:24px; border-radius:50%; background:#2b2e26; color:#fff; font-size:12px; font-weight:800; display:grid; place-items:center; margin-top:1px; }
.pw-atitle { font-size:15px; font-weight:800; color:var(--text); line-height:1.2; }
.pw-asub { font-size:11.5px; color:var(--muted); font-weight:500; margin-top:2px; }
.pw-gasnote { display:flex; align-items:center; gap:6px; background:var(--lime-dim); border:1px solid var(--lime-glow); border-radius:10px; padding:8px 11px; font-size:11.5px; font-weight:700; color:var(--lime-ink); margin-top:9px; }
.pw-expand { margin-top:10px; font-size:12px; color:var(--muted); text-align:center; cursor:pointer; font-weight:600; }
.pw-manuallink { margin-top:14px; font-size:12px; color:var(--muted); text-align:center; cursor:pointer; font-weight:600; opacity:.7; }
.pw-back { font-size:12.5px; color:var(--muted); cursor:pointer; font-weight:700; opacity:.75; }
.pw-back:active { opacity:1; }
.pw-videolink { display:inline-flex; align-items:center; gap:6px; padding:8px 15px; font-size:12.5px; color:var(--lime-ink); background:var(--lime-dim); border:1px solid var(--lime-glow); border-radius:999px; cursor:pointer; font-weight:800; }
.pw-videolink:active { transform:scale(.97); }
/* Video banner (doporučená cesta, nahoře) */
.pw-vid{ display:flex; gap:10px; align-items:center; width:100%; text-align:left; background:var(--card2); color:var(--text); border:1.5px solid var(--lime-glow); border-radius:12px; padding:10px 14px; margin:0 0 2px; cursor:pointer; font-family:inherit; }
.pw-mrow{display:flex;align-items:stretch;gap:4px;margin:2px 0 8px}
.pw-marr{flex:0 0 78px;position:relative;min-height:54px}
.pw-marr svg{position:absolute;inset:0;width:100%;height:100%;color:var(--lime);overflow:visible}
.pw-mini{flex:1;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--lime);background:var(--card);color:var(--text);font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer}
.pw-mini-t{text-align:left;line-height:1.25;min-width:0}
.pw-mini-t>span{white-space:nowrap}
.pw-mini small{display:block;font-weight:400;font-size:10.5px;color:var(--muted);margin-top:1px;white-space:nowrap}
.pw-vid:active{ transform:scale(.99); }
.pw-vid-ic{ font-size:18px; flex:none; }
.pw-vid-t{ flex:1; font-size:13.5px; font-weight:800; }
.pw-vid-arr{ font-size:17px; opacity:.55; flex:none; }
/* Attention bob — ať si lidi všimnou „Jak platit" i úvodního videa (jemně se houpe nahoru-dolů) */
@keyframes lp-attn{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-6px);} }
.pw-vid, .intro-video-banner{ animation:lp-attn 1.9s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){ .pw-vid, .intro-video-banner{ animation:none; } }
.pw-or{ text-align:center; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:0 0 12px; }
/* Rozepsané kroky uvnitř @wallet (krok Nabij USDT) */
.ws{ margin:0 0 4px; background:var(--card2); border-radius:12px; padding:12px 13px; }
.ws-h{ font-size:11.5px; font-weight:800; color:var(--text); margin-bottom:10px; display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.ws-h .tg{ font-size:10px; font-weight:800; color:var(--muted); background:var(--card); border:1px solid var(--border); padding:2px 7px; border-radius:6px; }
.ws-list{ list-style:none; display:flex; flex-direction:column; gap:9px; margin:0; padding:0; }
.ws-list li{ display:flex; gap:10px; align-items:flex-start; font-size:12.5px; color:var(--muted); line-height:1.4; }
.ws-list li b{ color:var(--text); font-weight:700; }
.ws-n{ flex:none; width:19px; height:19px; border-radius:50%; background:var(--lime); color:var(--lime-ink); font-size:10.5px; font-weight:900; display:grid; place-items:center; margin-top:1px; }
/* Zvýrazněnej krok „vyber USDT, ne Gram" — semantická výstraha (amber), oddělená od lime brandu */
.ws-list li.ws-warn{ background:rgba(232,163,23,.12); border:1px solid rgba(232,163,23,.45); border-radius:9px; padding:7px 9px; color:var(--text); font-weight:600; }
.ws-list li.ws-warn .ws-n{ background:#E8A317; color:#1a1b1d; }
.ws-list li.ws-warn b{ color:var(--text); }
.ws-ic{ flex:none; vertical-align:-4px; margin:0 1px; }
.ws-fold{ margin:11px 0 0; background:var(--card2); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.ws-fold>summary{ list-style:none; cursor:pointer; padding:11px 13px; font-weight:800; font-size:12.5px; color:var(--text); display:flex; align-items:center; gap:6px; }
.ws-fold>summary::-webkit-details-marker{ display:none; }
.ws-fold>summary::after{ content:"▾"; margin-left:auto; color:var(--muted); font-size:11px; }
.ws-fold[open]>summary::after{ content:"▴"; }
.ws-fold-sub{ font-weight:400; color:var(--muted); }
.ws-fold .ws{ background:transparent; padding:0 13px 13px; margin:0; }
.pw-wal{ flex:none; vertical-align:-3px; margin-left:1px; }   /* @wallet ikona ZA textem tlačítka (gap řeší .btn-order) */
.pw-cancel { display:block; width:100%; margin-top:14px; padding:11px; border-radius:12px; background:transparent; border:1px solid var(--border); color:var(--muted); font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.pw-cancel:active { background:rgba(0,0,0,.03); }
.pw-wait { margin-top:14px; text-align:center; font-size:12.5px; color:var(--muted); font-weight:700; }
/* ── One-tap: čekací banner (pulse) — nahrazuje 2 textové „Připravuji platbu" zprávy ── */
.pw-prep-btn { position:relative; overflow:hidden; pointer-events:none; animation:pwp-pulse 1.8s ease-out infinite; }
.pw-prep-btn::after { content:''; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent); transform:skewX(-18deg); animation:pwp-sheen 1.8s infinite; }
@keyframes pwp-pulse { 0%{box-shadow:0 0 0 0 rgba(200,255,0,.55);} 70%{box-shadow:0 0 0 16px rgba(200,255,0,0);} 100%{box-shadow:0 0 0 0 rgba(200,255,0,0);} }
@keyframes pwp-sheen { 0%{left:-60%;} 60%,100%{left:130%;} }
.pw-dots { display:inline-flex; gap:4px; margin-left:2px; }
.pw-dots i { width:5px; height:5px; border-radius:50%; background:currentColor; animation:pwp-bounce 1.2s infinite; }
.pw-dots i:nth-child(2){ animation-delay:.15s; }
.pw-dots i:nth-child(3){ animation-delay:.3s; }
@keyframes pwp-bounce { 0%,60%,100%{transform:translateY(0);opacity:.4;} 30%{transform:translateY(-4px);opacity:1;} }
.pw-prep-hint { font-size:11px; color:var(--muted); text-align:center; margin-top:8px; line-height:1.5; font-weight:600; }
@media (prefers-reduced-motion:reduce){ .pw-prep-btn,.pw-prep-btn::after,.pw-dots i{ animation:none; } }
.pw-succ { padding:34px 16px; text-align:center; }
.pw-succ .pw-big { font-size:46px; }
.pw-succ h3 { font-size:19px; margin:12px 0 6px; font-weight:800; color:var(--text); }
.pw-succ p { font-size:13px; color:var(--muted); margin:0; }

/* ── Napsat recenzi (dotazník v appce) ── */
.rf-openbtn{ width:100%; margin:0 0 14px; padding:13px; border:none; border-radius:14px; background:var(--lime); color:var(--lime-ink); font-family:inherit; font-size:14.5px; font-weight:800; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
.rf-openbtn span{ font-size:11.5px; font-weight:800; background:var(--lime-ink); color:var(--lime); padding:2px 8px; border-radius:999px; }
.rf-reward{ font-size:12.5px; font-weight:700; text-align:center; color:var(--lime-ink); background:var(--lime-dim); border:1px solid rgba(200,255,0,.55); padding:9px 12px; border-radius:12px; margin-bottom:16px; }
.rf-reward b, .rf-foot b{ color:var(--lime-ink); font-weight:800; }
.rf-sec{ display:flex; flex-direction:column; gap:9px; margin-bottom:16px; }
.rf-h{ font-size:14.5px; font-weight:800; display:flex; align-items:baseline; gap:7px; }
.rf-hint{ font-size:11px; font-weight:600; color:var(--muted); }
.rf-req{ font-size:10px; font-weight:800; color:#c0392b; background:rgba(192,57,43,.1); padding:2px 7px; border-radius:6px; text-transform:uppercase; letter-spacing:.04em; }
.rf-sub{ font-size:11.5px; color:var(--muted); line-height:1.45; margin-top:-3px; }
.rf-stars{ display:flex; gap:6px; justify-content:center; padding:4px 0; }
.rf-stars span{ font-size:38px; line-height:1; color:#d9d7d0; cursor:pointer; user-select:none; transition:transform .1s ease, color .12s ease; }
.rf-stars span.on{ color:#f5b400; }
.rf-stars span:active{ transform:scale(.85); }
.rf-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.rf-chip{ font-family:inherit; font-size:13px; font-weight:700; color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:999px; padding:9px 13px; cursor:pointer; transition:all .12s ease; }
.rf-chip.on{ background:var(--lime); border-color:var(--lime); color:var(--lime-ink); }
.rf-chip:active{ transform:scale(.96); }
.rf-ta{ font-family:inherit; font-size:14px; color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:var(--radius-sm); padding:12px; resize:none; min-height:60px; width:100%; line-height:1.45; }
.rf-ta:focus{ outline:none; border-color:rgba(200,255,0,.7); }
.rf-signs{ display:flex; flex-direction:column; gap:8px; }
.rf-sign{ font-family:inherit; font-size:14px; font-weight:700; color:var(--text); text-align:left; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-sm); padding:12px 14px; cursor:pointer; transition:all .12s ease; display:flex; align-items:center; gap:10px; }
.rf-sign.on{ background:var(--lime-dim); border-color:rgba(200,255,0,.7); }
.rf-tick{ margin-left:auto; color:var(--lime-ink); font-weight:900; opacity:0; }
.rf-sign.on .rf-tick{ opacity:1; }
.rf-name{ font-family:inherit; font-size:14px; color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:var(--radius-sm); padding:11px 13px; width:100%; }
.rf-name:focus{ outline:none; border-color:rgba(200,255,0,.7); }
.rf-photo{ display:flex; align-items:center; justify-content:center; min-height:90px; border:2px dashed var(--border); border-radius:var(--radius); cursor:pointer; background:var(--card2); overflow:hidden; }
.rf-photo.filled{ border-style:solid; border-color:rgba(200,255,0,.7); min-height:auto; }
.rf-pz-empty{ font-size:14px; font-weight:700; color:var(--muted); padding:24px; }
.rf-pz-img{ width:100%; max-height:220px; object-fit:cover; display:block; }
.rf-submit{ width:100%; padding:15px; border:none; border-radius:14px; background:var(--lime); color:var(--lime-ink); font-family:inherit; font-size:15.5px; font-weight:800; cursor:pointer; transition:opacity .15s ease; }
.rf-submit:disabled{ opacity:.4; cursor:not-allowed; }
.rf-foot{ text-align:center; color:var(--muted); font-size:11.5px; font-weight:500; margin-top:10px; }
.rf-done-check{ width:60px; height:60px; border-radius:50%; background:var(--lime); color:var(--lime-ink); font-size:30px; font-weight:900; display:grid; place-items:center; margin:0 auto 14px; }
.rf-done-h{ font-size:22px; font-weight:800; margin-bottom:8px; }
.rf-done-p{ font-size:14px; color:var(--muted); line-height:1.5; max-width:280px; margin:0 auto; }
.rf-done-p b{ color:var(--text); font-weight:800; }


/* ── Rekapitulace po platbě (recap ve wizardu, pwRender PW.paid) ── */
.rc-wrap{text-align:left}
.rc-paid{display:flex;align-items:center;gap:8px;background:var(--lime-dim);border:1px solid rgba(200,255,0,.55);border-radius:12px;padding:10px 13px;font-size:12.5px;font-weight:700;color:var(--lime-ink)}
.rc-paid.rc-warn{background:rgba(255,170,0,.15);border-color:rgba(255,170,0,.4);color:#7a5500;line-height:1.5}
.rc-paid.rc-pend{background:rgba(20,24,10,.05);border-color:var(--border);color:var(--muted)}
.rc-dot{width:8px;height:8px;border-radius:50%;background:#3fbf5f;box-shadow:0 0 0 4px rgba(63,191,95,.18);flex-shrink:0}
.rc-dot-p{background:#c9a000;box-shadow:0 0 0 4px rgba(201,160,0,.16)}
.rc-hero{text-align:center;padding:18px 4px 14px}
.rc-hero .rc-em{font-size:44px;line-height:1}
.rc-hero h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:6px}
.rc-hero p{font-size:13.5px;color:var(--muted);margin-top:5px}
.rc-hero p b{color:var(--text)}
.rc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px 6px;margin-top:13px}
.rc-card-h{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.rc-onum{margin-left:auto;text-transform:none;letter-spacing:.02em;color:var(--text, #111);font-variant-numeric:tabular-nums}
.rc-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}
.rc-item-img{width:44px;height:44px;border-radius:10px;background:var(--card2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px}
.rc-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.rc-item-info{flex:1;min-width:0}
.rc-item-name{font-size:13.5px;font-weight:700;letter-spacing:-.01em}
.rc-item-var{font-size:11px;color:var(--muted);margin-top:1px}
.rc-item-qty{font-size:12.5px;font-weight:600;color:var(--muted);flex-shrink:0}
.rc-item-price{font-size:13px;font-weight:700;color:var(--lime-ink);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}
.rc-br{padding:11px 0 2px}
.rc-br-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;font-variant-numeric:tabular-nums}
.rc-br-row.rc-mut{color:var(--muted)}
.rc-br-row.rc-disc{color:#2f9e44;font-weight:600}
.rc-br-row.rc-sep{border-top:1px solid var(--border);margin-top:5px;padding-top:8px}
.rc-br-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px;padding-top:10px;border-top:1px solid var(--border)}
.rc-br-total .rc-l{font-size:14px;font-weight:700}
.rc-br-total .rc-r{font-size:20px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rc-br-total .rc-r small{font-size:12px;font-weight:600;color:var(--muted);margin-left:3px}

/* ── Rekapitulace objednávky V PLATBĚ (kompaktní, sbalitelná; nad krokama) ── */
.pw-recap{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:0}
.pw-recap-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.pw-recap-l{display:flex;align-items:center;gap:7px}
.pw-recap-cnt{font-size:11px;font-weight:600;color:var(--muted);background:rgba(22,22,26,.05);padding:2px 8px;border-radius:20px}
.pw-recap-r{display:flex;align-items:center;gap:7px;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pw-recap-arr{color:var(--muted);font-size:11px;font-weight:400;transition:transform .22s}
.pw-recap.open .pw-recap-arr{transform:rotate(180deg)}
.pw-recap-body{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 13px}
.pw-recap.open .pw-recap-body{max-height:640px;padding:0 13px 8px;border-top:1px solid var(--border)}
.pw-recap-body .rc-item:first-child{padding-top:9px}
/* 23.9.: krok 1 wizardu = kopie košíku — všechny položky pod sebou (bez max-height/scrollu košíku), bílé bloky s rámečkem */
.pw-cartcopy { display: flex; flex-direction: column; gap: 10px; }
.pw-cartcopy .cart-items { max-height: none; overflow: visible; border: 1px solid var(--border); }
.pw-cartcopy .cart-totals { border: 1px solid var(--border); }
.pw-cartcopy .cart-item-controls { width: 52px; }   /* jen „× 2“ bez tlačítek — wizard je užší než košík */
.pw-cartcopy .cart-item-controls .qty-val { font-size: 13px; color: var(--muted); min-width: 0; }
.pw-cartcopy .cart-checkout { padding-top: 12px; }
.pw-cartcopy .rc-br-note { margin-top: 4px; }
/* 23.9.: obrazovka Zaplaceno — objednávka jako krok 1 (kopie košíku) s nadpisem a číslem objednávky */
.rc-ordercopy { margin-top: 14px; }
.rc-ordercopy > .rc-card-h { margin: 0 2px 8px; }
/* 23.9.: blok účtu po zaplacení — stejný tmavý styl jako přihlášení na stránce Účet (ucet.html .obox) */
.rc-acct { background: #141517; color: #fff; border-radius: 20px; padding: 20px 16px 16px; margin-top: 14px; position: relative; overflow: hidden; }
.rc-acct::before { content: ""; position: absolute; left: -90px; bottom: -130px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(200,255,0,.15), transparent 65%); pointer-events: none; }
.rc-acct > * { position: relative; }
.rc-acct-h { font-size: 21px; line-height: 1.12; letter-spacing: -.02em; font-weight: 700; margin: 0 0 14px; }
.rc-acct-h em { font-style: normal; color: var(--lime); }
.rc-acct-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; margin-bottom: 16px; align-items: center; }
.rc-acct-list .li { display: flex; gap: 9px; align-items: flex-start; font-size: 12px; line-height: 1.35; color: rgba(255,255,255,.66); }
.rc-acct-list .li b { display: block; color: #fff; font-size: 13.5px; }
.rc-acct-list .li svg { flex: none; width: 18px; height: 18px; margin-top: 1px; fill: none; stroke: var(--lime); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 370px) { .rc-acct-list { grid-template-columns: 1fr; } }
.rc-help { text-align: center; font-size: 12.5px; color: var(--muted); margin-top: 14px; }
.rc-help a { color: var(--text); font-weight: 700; text-decoration: underline; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 3px; }
/* iPhone jinak podtrhává e-mail, telefon a adresu v rekapitulaci jako odkazy */
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font: inherit !important; }
.rc-dl-name{font-size:15px;font-weight:700;margin:5px 0 7px}
.rc-dl-row{display:flex;gap:9px;font-size:12.5px;color:var(--text);padding:4px 0;align-items:flex-start}
.rc-dl-row .rc-ic{width:16px;flex-shrink:0;text-align:center}
.rc-dl-row .rc-mut{color:var(--muted)}
.rc-dl-eta{background:var(--card2);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--text);margin-top:9px;line-height:1.5}
.rc-dl-eta b{color:var(--lime-ink)}
.rc-saved{background:var(--lime-dim);border:1px solid rgba(200,255,0,.4);border-radius:12px;padding:11px 13px;font-size:12.5px;color:var(--text);margin-top:13px;line-height:1.5}
.rc-saved b{color:var(--lime-ink);font-weight:700}
.rc-offer{margin-top:16px}
.rc-offer-txt{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:9px;padding:0 3px}
.rc-offer-txt b{color:var(--text)}
.rc-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;font-family:inherit;font-size:15px;font-weight:700;padding:15px;cursor:pointer;letter-spacing:-.01em}
.rc-btn.rc-lime{background:var(--lime);color:#0a0b09;box-shadow:0 8px 22px rgba(200,255,0,.34)}
.rc-btn.rc-lime .rc-pill{background:#0a0b09;color:var(--lime);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.rc-btn.rc-ghost{background:transparent;border:1.5px solid rgba(200,255,0,.55);color:var(--lime-ink)}
.rc-btn.rc-white{background:var(--card);border:1.5px solid var(--border);color:var(--text)}
.rc-btn.rc-white:active{background:var(--card2)}
.rc-btn .rc-arr{font-size:11px;font-weight:600;opacity:.65;margin-left:2px}
.rc-done{width:100%;margin-top:10px;background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;padding:11px;cursor:pointer}
.rc-done:active{color:var(--text)}
.rc-ruo{font-size:10px;color:var(--muted);text-align:center;margin-top:6px;opacity:.7;line-height:1.4}
/* 23.9.: rozpis slevy pod řádkem „Sleva −X %" (množstevní / kód) */
.cart-sleva-split { display: flex; flex-direction: column; gap: 2px; margin: -3px 0 6px 22px; font-size: 12px; color: var(--muted); }
.cart-sleva-split > div { display: flex; justify-content: space-between; gap: 10px; }
/* 23.9.: řádek dopravy v souhrnu košíku normálním písmem */
.cart-total-ship .cart-total-label, .cart-total-ship .cart-total-sub { font-weight: 400; }
/* 23.9.: na telefonu nic nepřibližovat — iPhone přibližuje políčka s písmem < 16 px, dvojklik přibližuje stránku */
html { touch-action: manipulation; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (max-width: 899px) {
  input, select, textarea, .promo-input, .cf-input { font-size: 16px !important; }
}
/* 23.9.: kód stejně velký jako řádek „Přidej další peptid“ pod ním; aktivní sleva = malá pilulka jako „−10 %“.
   Menší písmo v poli nepřibližuje: viewport má maximum-scale=1 (iPhone pak políčko nezoomuje). */
.promo-input { font-size: 12.5px; letter-spacing: .02em; }
@media (max-width: 899px) { .promo-input { font-size: 12.5px !important; } }
.promo-apply.is-active { padding: 1px 7px; border-radius: 5px; font-size: 12.5px; font-weight: 900; letter-spacing: 0; }