/* =====================================================================
   ZARTU – vlastní styly (Shoptet)
   Umístění: /user/documents/upload/JS_HTML/zartu.css
   Načítá se ze záhlaví (Vzhled a obsah → Editor → HTML kód → Záhlaví).
   Po změně zvyšte verzi v záhlaví (zartu.css?v2).
   ===================================================================== */

/* Šipky mezi produkty na detailu (nastavení pro scripts.min.js) */
:root {
  --color-detail-product-arrows-BG: rgba(0, 0, 0, 0.25);
  --color-detail-product-arrows-BG-hover: rgba(0, 0, 0, 0.6);
  --color-detail-product-arrows-icon: #ffffff;
  --color-detail-product-arrows-icon-hover: #ffffff;
  --detail-product-arrows-border-radius: 0%;
}

/* Poznámka o dostupnosti pod odkazem „Popis“ na detailu produktu */
.availability-note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.35;
  opacity: .85;
}

/* Premiéra – odpočet zaváděcích cen */
.zp { margin: 0 0 20px; padding: 12px 16px; border: 2px solid #111; border-radius: 6px; background: #fff; color: #111; }
.zp b { display: block; font-size: 13px; text-transform: uppercase; margin-bottom: 6px; }
.zp div { display: flex; gap: 14px; flex-wrap: wrap; }
.zp i { display: flex; flex-direction: column; align-items: center; min-width: 44px; font-style: normal; }
.zp em { font-size: 26px; font-weight: 700; font-style: normal; }
.zp u { font-size: 11px; text-transform: uppercase; opacity: .7; text-decoration: none; }
.zp p { font-size: 13px; margin: 8px 0 0; }
.zp-c { text-align: center; max-width: 560px; margin: 0 auto 28px; }   /* stránka kategorie */
.zp-c div { justify-content: center; }
.zp-p { margin: 12px 0 0; }                                            /* detail produktu */

/* Limitovaná edice – velký odpočet v popisu kategorie (.zcd-hero) a řádek na detailu (.zcd-inline) */
.zcd-hero { border: 1px solid #111; padding: 28px 20px; text-align: center; margin: 16px 0; color: #111; background: #fff; }
.zcd-hero-eyebrow { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; opacity: .65; margin-bottom: 4px; }
.zcd-hero-title { font-size: 20px; font-weight: 600; margin-bottom: 18px; }
.zcd-digits { display: flex; justify-content: center; align-items: flex-start; gap: 10px; }
.zcd-seg { min-width: 64px; }
.zcd-num { font-size: 40px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.zcd-sep { font-size: 40px; font-weight: 600; line-height: 1; opacity: .35; }
.zcd-label { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; opacity: .65; margin-top: 6px; }
.zcd-hero-note { font-size: 13px; opacity: .75; margin-top: 16px; }
.zcd-inline { border: 1px solid #ccc; border-radius: 8px; padding: 12px 16px; display: flex; align-items: center; gap: 12px; max-width: 440px; margin: 12px 0; color: #111; background: #fff; text-align: left; }
.zcd-inline svg { flex: none; }
.zcd-inline-time { font-size: 14px; }
.zcd-inline-time b { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.zcd-inline-note { font-size: 12.5px; opacity: .7; }
@media (max-width: 480px) { .zcd-num, .zcd-sep { font-size: 30px; } .zcd-seg { min-width: 52px; } }