/* ============================================================
   Rochester Ginger — dizajn portovany zo statickej verzie
   Zdroj: ~/Desktop/Robota/Ivex/Web dizajn/{tokens,style}.css
   Vsetko okrem :root, html a body je zapuzdrene pod .rg-scope,
   aby reset neprepisal pokladnu, ucet a moduly PrestaShopu.
   Generovane: 2026-09-14 16:22
   ============================================================ */

/* ============================================================
   Rochester Ginger / IVEX — dizajnové tokeny
   Vydestilované z TeleportHQ exportu (uvod / index.css).
   Toto je zdroj pravdy pre prekód. Pôvodné CSS je len maketa.
   ============================================================ */

:root {
  /* ---------- Farby: plochy ---------- */
  --rg-cream:            #f6f4ec; /* pozadie stránky, header (0.82 alpha) */
  --rg-white:            #ffffff; /* karty */
  --rg-green:            #1e3a2b; /* primárna zelená — CTA, trust bar, badge, košík */
  --rg-green-deep:       #14271c; /* footer, sekcia Príbeh, topbar */
  --rg-mint:             #eaf0e6; /* dlaždice ikon, chipy kategórií, FAQ prepínače */
  --rg-sand:             #f4e8cd; /* alternatívna dlaždica ikon */

  /* ---------- Farby: text na svetlom ---------- */
  --rg-ink:              #16281d; /* veľké nadpisy */
  --rg-ink-green:        #1e3a2b; /* nadpisy kariet, ceny */
  --rg-nav:              #2a3d30; /* navigácia */
  --rg-body:             #46584b; /* hero lead */
  --rg-body-2:           #51624f; /* podnadpis sekcie */
  --rg-muted:            #5a6a5e; /* text kariet, FAQ odpoveď */
  --rg-muted-2:          #6b7a6f; /* popisy setov, blog perex */
  --rg-muted-3:          #7a8a7e; /* podtitul produktu */
  --rg-muted-4:          #96a599; /* jednotková cena, dátum */
  --rg-strike:           #b0bab2; /* preškrtnutá cena */
  --rg-set-label:        #6b8a72; /* „Ochutnávkový“, „Darčekový“ */
  --rg-chip-text:        #3e6048; /* text chipu kategórie blogu */

  /* ---------- Farby: zlatá ---------- */
  --rg-gold-label:       #b07c2a; /* eyebrow nadpisy, „Dickensian Recipe“ */
  --rg-gold:             #c0862e; /* tlačidlo Do košíka, podčiarknutie odkazov */
  --rg-gold-light:       #e8c37f; /* na tmavom: nadpisy footeru, štatistiky, badge */

  /* ---------- Farby: text na tmavom ---------- */
  --rg-on-dark:          #ffffff;
  --rg-on-dark-body:     #b7c6b9; /* footer odkazy, popis setu */
  --rg-on-dark-body-2:   #b9c7bb; /* odstavce v Príbehu */
  --rg-on-dark-muted:    #94a896; /* footer popis */
  --rg-on-dark-muted-2:  #9bae9e; /* labely štatistík */
  --rg-on-dark-muted-3:  #7c9081; /* copyright */
  --rg-on-dark-sub:      #a9bbad; /* podtituly trust baru */
  --rg-topbar-text:      #ffffff; /* na želanie klienta biela — návrh mal #d5e0d6 */
  --rg-cta-cream:        #fbefd6; /* eyebrow v tmavom CTA */
  --rg-cta-cream-2:      #fcefdb; /* odstavec v tmavom CTA */

  /* ---------- Orámovania ---------- */
  --rg-border-card:      rgba(30, 58, 43, 0.08);  /* karty produktov, blogu, benefitov */
  --rg-border-faq:       rgba(30, 58, 43, 0.09);  /* FAQ, spodok headeru */
  --rg-border-strong:    rgba(30, 58, 43, 0.10);  /* karty setov, tlačidlo Náš príbeh */
  --rg-border-divider:   rgba(30, 58, 43, 0.16);  /* zvislý oddeľovač v logu */
  --rg-border-on-dark:   rgba(255, 255, 255, 0.08); /* deliaca linka nad copyrightom */
  --rg-border-outline:   rgba(255, 255, 255, 0.40); /* tlačidlo Nájsť predajňu */

  /* ---------- Tiene ---------- */
  --rg-shadow-badge:     0 20px 40px -18px rgba(30, 58, 43, 0.25);
  --rg-shadow-featured:  0 30px 54px -30px rgba(20, 39, 28, 0.10);

  /* ---------- Typografia ---------- */
  --rg-font-serif:       "Newsreader", Georgia, serif;
  --rg-font-sans:        "Hanken Grotesk", system-ui, -apple-system, sans-serif;

  /* ---------- Layout ----------
     Canvas exportu je 1920 px. Obsah je v obale 1180 px so 48 px
     vnútorným odsadením → reálna šírka obsahu je 1084 px.
     Všetky mriežky nižšie sedia presne na 1084 px. */
  --rg-container:        1084px;
  --rg-gutter:           24px;

  --rg-topbar-h:         34px;
  --rg-header-h:         73px;
  --rg-trustbar-h:       88px;

  /* ---------- Rádiusy ----------
     Dizajn je zámerne HRANATÝ. Tlačidlá aj karty majú 0.
     24 px sa objavuje len na obrázkových blokoch. */
  --rg-radius:           0;
  --rg-radius-image:     24px;
}

/* ============================================================
   Typografická škála (z exportu, prepočítaná na rem pri 16px)
   ============================================================ */

/* Nadpisy — Newsreader */
.rg-h1        { font: 400 5.2857rem/1.02 var(--rg-font-serif); color: var(--rg-ink); }   /* 74/75.48 */
.rg-h2        { font: 400 3.2857rem/1.08 var(--rg-font-serif); color: var(--rg-ink); }   /* 46/49.68 */
.rg-h2-dark   { font: 400 3.1429rem/1.12  var(--rg-font-serif); color: var(--rg-on-dark); } /* 44/49.28 */
.rg-h3-set    { font: 400 2.1429rem/1    var(--rg-font-serif); }                          /* 30/30 */
.rg-h3-blog   { font: 600 1.4286rem/1.28  var(--rg-font-serif); color: var(--rg-ink-green); } /* 20/25.6 */
.rg-h4-card   { font: 600 1.3571rem/1.2 var(--rg-font-serif); color: var(--rg-ink-green); } /* 19/22.8 */
.rg-h4-faq    { font: 600 1.2143rem/1.35 var(--rg-font-serif); color: var(--rg-ink-green); } /* 17/22.95 */
.rg-h4-prod   { font: 600 1.2143rem/1.25 var(--rg-font-serif); color: var(--rg-ink-green); } /* 17/21.25 */
.rg-stat      { font: 400 2.8571rem/1      var(--rg-font-serif); color: var(--rg-gold-light); } /* 40/40 */

/* Text — Hanken Grotesk */
.rg-eyebrow   { font: 700 0.9286rem/1  var(--rg-font-sans); color: var(--rg-gold-label);
                letter-spacing: .04em; }                                                /* 13/13 */
.rg-lead      { font: 400 1.3143rem/1.65 var(--rg-font-sans); color: var(--rg-body); }     /* 18.5/30.5 */
.rg-body      { font: 400 1.1771rem/1.6  var(--rg-font-sans); color: var(--rg-body-2); }   /* 16.5/26.4 */
.rg-body-sm   { font: 400 1.0286rem/1.6   var(--rg-font-sans); color: var(--rg-muted); }    /* 14.5/23.2 */
.rg-body-xs   { font: 400 1rem/1.6 var(--rg-font-sans); color: var(--rg-muted-2); }  /* 14/22.4 */
.rg-caption   { font: 400 0.9286rem/1.5 var(--rg-font-sans); color: var(--rg-muted-3); } /* 13/19.5 */
.rg-meta      { font: 500 0.8914rem/1.2  var(--rg-font-sans); color: var(--rg-muted-4); }  /* 12.5 */
.rg-micro     { font: 700 0.7857rem/1  var(--rg-font-sans); }                            /* 11/11 */
.rg-nav-link  { font: 600 1.0286rem/1.2   var(--rg-font-sans); color: var(--rg-nav); }      /* 14.5 */
.rg-price     { font: 700 1.5714rem/1   var(--rg-font-sans); color: var(--rg-ink-green); }/* 22/22 */
.rg-price-set { font: 700 2.1429rem/1   var(--rg-font-sans); }                            /* 30/30 */
.rg-price-old { font: 500 1.0714rem/1.2 var(--rg-font-sans); color: var(--rg-strike);
                text-decoration: line-through; }                                         /* 15 */
.rg-btn-label { font: 600 1.0714rem/1.2 var(--rg-font-sans); }                           /* 15–15.5 */

/* ============================================================
   Mriežky — presne podľa exportu, prepísané do grid-u
   ============================================================ */

.rg-container {
  width: 100%;
  /* 1084 px je ČISTÁ obsahová šírka z dizajnu — gutter ide navrch, nie do nej */
  max-width: calc(var(--rg-container) + 2 * var(--rg-gutter));
  margin-inline: auto;
  padding-inline: var(--rg-gutter);
}

/* 4 karty benefitov: 258 px + 17.5 px medzera = 1084 */
.rg-grid-benefits { display: grid; gap: 17px; grid-template-columns: repeat(4, 1fr); }

/* 3 karty setov / blogu: 348 px + 20 px medzera = 1084 */
.rg-grid-3        { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }

/* Produktový slider: karta 256 px, rozstup 277 px → medzera 21 px */
.rg-slider-track  { display: flex; gap: 21px; }
.rg-product-card  { flex: 0 0 256px; }

@media (max-width: 991px) {
  .rg-grid-benefits { grid-template-columns: repeat(2, 1fr); }
  .rg-grid-3        { grid-template-columns: repeat(2, 1fr); }
  .rg-h1            { font-size: 3.7143rem; }
  .rg-h2            { font-size: 2.5714rem; }
}

@media (max-width: 640px) {
  .rg-grid-benefits,
  .rg-grid-3        { grid-template-columns: 1fr; }
  .rg-h1            { font-size: 2.8571rem; line-height: 1.1; }
  .rg-h2            { font-size: 2.1429rem; }
  .rg-product-card  { flex: 0 0 78%; }
}

/* ============================================================
   Rochester Ginger / IVEX — komponenty
   Stavia na tokens.css. Mobile-first, žiadne absolútne pozicovanie.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font: 400 1.1429rem/1.5 var(--rg-font-sans);
  color: var(--rg-body);
  background: var(--rg-cream);
  overflow-x: hidden;
}
.rg-scope img, .rg-scope video, .rg-scope svg { display: block; max-width: 100%; height: auto; }
.rg-scope h1, .rg-scope h2, .rg-scope h3, .rg-scope h4, .rg-scope p, .rg-scope ul, .rg-scope ol, .rg-scope figure, .rg-scope address { margin: 0; padding: 0; }
.rg-scope ul, .rg-scope ol { list-style: none; }
/* Materská téma nastavuje `p { font-size: 14px }` a `body, p { font-weight: 300;
   color: #000 }`. Tie prebíjajú dedenie, takže každý náš odsek bez vlastného
   pravidla pre písmo (ceny, horný pruh, hviezdičky…) dostal cudzí font aj farbu.
   Vraciame ich k dedeniu — konkrétne pravidlá témy majú vyššiu špecificitu. */
:where(.rg-scope) p { font: inherit; color: inherit; }
/* Názvy .brand a .card používa aj materská téma a pridáva im spodný okraj
   (10 px pri hlavičke, 10,5 px pri každej karte v mriežke). */
.rg-scope .brand,
.rg-scope .card { margin: 0; }
/* Reset vyššie má rovnakú špecificitu ako .rg-container, ale je neskôr, takže
   by zrušil centrovanie aj gutter každému <ul>/<p>, ktoré je zároveň kontajner
   (napr. pás dôvery pod hero). Preto sa tu obnovuje. */
.rg-scope .rg-container { margin-inline: auto; padding-inline: var(--rg-gutter); }
.rg-scope a { color: inherit; text-decoration: none; }
.rg-scope button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.rg-scope em { font-style: normal; }
.rg-scope .sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.rg-scope .ico { width: 1.7143rem; height: 1.7143rem; fill: currentColor; flex: none; }
.rg-scope .ico--15 { width: 15px; height: 15px; }
.rg-scope .ico--16 { width: 16px; height: 16px; }
.rg-scope .ico--18 { width: 18px; height: 18px; }
.rg-scope .ico--20 { width: 20px; height: 20px; }
.rg-scope .ico--21 { width: 21px; height: 21px; }
.rg-scope .ico--22 { width: 22px; height: 22px; }
.rg-scope .ico--23 { width: 23px; height: 23px; }
.rg-scope .ico--28 { width: 28px; height: 28px; }
.rg-scope .ico--30 { width: 30px; height: 30px; }
.rg-scope .visually-hidden {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.rg-scope .skip-link {
  position: absolute; top: -100px; left: 1.1429rem; z-index: 100;
  padding: 0.8571rem 1.4286rem;
  background: var(--rg-green); color: var(--rg-cream);
  font: 600 1.0286rem/1 var(--rg-font-sans);
}
.rg-scope .skip-link:focus { top: 1.1429rem; }
.rg-scope :focus-visible { outline: 2px solid var(--rg-gold); outline-offset: 3px; }
.rg-scope .section { padding-block: clamp(3.4286rem, 7vw, 6.5714rem); position: relative; }


/* ── Nadpisy sekcií ───────────────────────────────────────── */
.rg-scope .section-head { display: grid; gap: 1rem; margin-bottom: clamp(2.2857rem, 4vw, 3.3143rem); }
.rg-scope .section-head--center { justify-items: center; text-align: center; max-width: 46.8571rem; margin-inline: auto; }
.rg-scope .section-head--row {
  grid-auto-flow: column; align-items: end; justify-content: space-between; gap: 1.7143rem;
}
.rg-scope .section-head--row > div { display: grid; gap: 1rem; }
.rg-scope .section-head__lead { max-width: 46.2857rem; }
.rg-scope .rg-eyebrow--gold { color: var(--rg-gold-light); }
@media (max-width: 640px) {
.rg-scope .section-head--row { grid-auto-flow: row; align-items: start; }
}


/* ── Odkaz s podčiarknutím ────────────────────────────────── */
.rg-scope .link-underline {
  display: inline-flex; align-items: center; gap: 0.5714rem;
  padding-bottom: 0.4571rem;
  border-bottom: 1.5px solid var(--rg-gold);
  font: 600 1.0286rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green);
  transition: gap .25s ease, border-color .25s ease;
}
.rg-scope .link-underline:hover { gap: 0.9714rem; border-color: var(--rg-green); }


/* ── Tlačidlá ─────────────────────────────────────────────── */
.rg-scope .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.7143rem;
  min-height: 4rem; padding: 0 2.1429rem;
  border: 1px solid transparent; border-radius: var(--rg-radius);
  font: 600 1.1086rem/1 var(--rg-font-sans); white-space: nowrap;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.rg-scope .btn:active { transform: translateY(1px); }
.rg-scope .btn--primary { background: var(--rg-green); color: var(--rg-cream); }
.rg-scope .btn--primary:hover { background: var(--rg-green-deep); }
.rg-scope .btn--primary .ico { transition: transform .25s ease; }
.rg-scope .btn--primary:hover .ico { transform: translateX(4px); }
.rg-scope .btn--ghost {
  background: var(--rg-white); color: var(--rg-green);
  border-color: var(--rg-border-strong);
}
.rg-scope .btn--ghost:hover { background: var(--rg-mint); border-color: var(--rg-green); }
.rg-scope .btn--gold { min-height: 3.2857rem; padding: 0 1.4286rem; background: var(--rg-gold); color: #fff; }
.rg-scope .btn--gold:hover { background: #a8721f; }
.rg-scope .btn--dark { background: var(--rg-green-deep); color: var(--rg-cream); }
.rg-scope .btn--dark:hover { background: #0d1a12; }
.rg-scope .btn--dark .ico { transition: transform .25s ease; }
.rg-scope .btn--dark:hover .ico { transform: translateX(4px); }
.rg-scope .btn--outline-light {
  background: rgba(255,255,255,.16); color: #fff;
  border-color: var(--rg-border-outline);
}
.rg-scope .btn--outline-light:hover { background: rgba(255,255,255,.28); }


/* ── Karta ────────────────────────────────────────────────── */
.rg-scope .card {
  background: var(--rg-white);
  border: 1px solid var(--rg-border-card);
  border-radius: var(--rg-radius);
}


/* ── Dlaždica ikony ───────────────────────────────────────── */
.rg-scope .tile {
  display: grid; place-items: center;
  width: 3.7143rem; height: 3.7143rem;
  color: var(--rg-green);
}
.rg-scope .tile--mint { background: var(--rg-mint); }
.rg-scope .tile--sand { background: var(--rg-sand); }


/* ── Hviezdičky ───────────────────────────────────────────── */
.rg-scope .stars, .rg-scope .pill__stars { display: inline-flex; gap: 2px; color: var(--rg-gold); }


/* ── Chipy a badge ────────────────────────────────────────── */
.rg-scope .badge {
  position: absolute; top: 1.1429rem; left: 1rem; z-index: 2;
  padding: 0.5714rem 0.6857rem;
  background: var(--rg-green); color: var(--rg-gold-light);
  font: 700 0.7497rem/1 var(--rg-font-sans); letter-spacing: .03em;
}
.rg-scope .badge--new { background: var(--rg-gold); color: var(--rg-white); }
.rg-scope .chip {
  padding: 0.4rem 0.5143rem;
  background: var(--rg-mint); color: var(--rg-chip-text);
  font: 700 0.7857rem/1 var(--rg-font-sans);
}


/* ══════════════════════════ TOPBAR ══════════════════════════ */
.rg-scope .topbar { background: var(--rg-green-deep); color: var(--rg-topbar-text); }
.rg-scope .topbar__inner {
  max-width: var(--rg-container); margin-inline: auto;
  padding: 0.6286rem var(--rg-gutter);
  display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5714rem 2.8571rem;
  font: 600 0.8914rem/1.3 var(--rg-font-sans);
}
.rg-scope .topbar__item { display: flex; align-items: center; gap: 0.5714rem; }


/* ── Krajiny / partnerské trhy ─────────────────────────────── */
.rg-scope .countries { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.rg-scope .countries a { color: inherit; transition: color .25s ease; }
.rg-scope .countries a:hover { color: var(--rg-gold-light); }
.rg-scope .countries a + a::before { content: '·'; margin-right: 0.4rem; opacity: .5; }
@media (max-width: 640px) {
.rg-scope .topbar__item:not(:first-child) { display: none; }
}


/* ══════════════════════════ HEADER ══════════════════════════ */
.rg-scope .site-header {
  position: sticky; top: 0; z-index: 40;
  background: rgba(246, 244, 236, .82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--rg-border-faq);
  transition: box-shadow .3s ease, background-color .3s ease;
}
.rg-scope .site-header.is-stuck {
  background: rgba(246, 244, 236, .96);
  box-shadow: 0 6px 24px -14px rgba(20, 39, 28, .35);
}
.rg-scope .site-header__inner {
  max-width: var(--rg-container); margin-inline: auto;
  padding: 1rem var(--rg-gutter);
  display: flex; align-items: center; gap: 1.7143rem;
  min-height: var(--rg-header-h);
}
/* border/padding nulujeme kvôli `.brand{border:1px solid #ccc}` z materskej témy */
.rg-scope .brand { display: flex; align-items: center; gap: 1rem; flex: none; border: 0; padding: 0; }
.rg-scope .brand__logo { width: 96px; height: auto; }
.rg-scope .brand__meta {
  display: grid; gap: 0.1143rem;
  padding-left: 1rem;
  border-left: 1px solid var(--rg-border-divider);
}
.rg-scope .brand__eyebrow { font: 700 0.6789rem/1.5 var(--rg-font-sans); color: var(--rg-gold-label); letter-spacing: .04em; }
.rg-scope .brand__sub { font: 600 0.8571rem/1.3 var(--rg-font-sans); color: var(--rg-muted); }
.rg-scope .nav { margin-inline: auto; }
.rg-scope .nav__list { display: flex; gap: clamp(0.6857rem, 1.1vw, 1.1429rem); }
.rg-scope .nav__list a {
  font: 600 0.96rem/1.2 var(--rg-font-sans); color: var(--rg-nav);
  white-space: nowrap;
  padding-block: 0.4rem;
  border-bottom: 1.5px solid transparent;
  transition: border-color .25s ease, color .25s ease;
}
.rg-scope .nav__list a:hover { color: var(--rg-green); border-color: var(--rg-gold); }
.rg-scope .header-actions { display: flex; align-items: center; gap: 0.2857rem; flex: none; }
.rg-scope .icon-btn {
  display: grid; place-items: center;
  width: 3rem; height: 3rem; color: var(--rg-nav);
  transition: color .25s ease;
}
.rg-scope .icon-btn:hover { color: var(--rg-gold); }
.rg-scope .cart-btn {
  display: inline-flex; align-items: center; gap: 0.5714rem;
  height: 2.9286rem; padding: 0 1rem; margin-left: 0.4286rem;
  background: var(--rg-green); color: var(--rg-cream);
  font: 600 1rem/1 var(--rg-font-sans);
  transition: background-color .25s ease;
}
.rg-scope .cart-btn:hover { background: var(--rg-green-deep); }
.rg-scope .burger { display: none; width: 3.1429rem; height: 3.1429rem; padding: 0.8rem; }
.rg-scope .burger span {
  display: block; height: 2px; background: var(--rg-nav);
  transition: transform .3s ease, opacity .2s ease;
}
.rg-scope .burger span + span { margin-top: 5px; }
.rg-scope .burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.rg-scope .burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.rg-scope .burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.rg-scope .mobile-nav { border-top: 1px solid var(--rg-border-faq); padding: 0.5714rem var(--rg-gutter) 1.1429rem; }
.rg-scope .mobile-nav a {
  display: block; padding: 1rem 0.2857rem;
  font: 600 1.1429rem/1.2 var(--rg-font-sans); color: var(--rg-nav);
  border-bottom: 1px solid var(--rg-border-faq);
}
@media (min-width: 992px) and (max-width: 1199px) {
.rg-scope .brand__meta { display: none; }
}
@media (max-width: 991px) {
.rg-scope .nav, .rg-scope .header-actions .icon-btn { display: none; }
.rg-scope .burger { display: block; }
.rg-scope .header-actions { margin-left: auto; }
}

/* Pod 700 px sa logo + tagline + Košík + burger nezmestia na jeden riadok
   a burger vypadne mimo viewportu — menu je potom na mobile nedostupné. */
@media (max-width: 700px) {
.rg-scope .site-header__inner { gap: 0.8571rem; }
.rg-scope .brand__meta { display: none; }
}


/* ══════════════════════════ HERO ══════════════════════════ */
.rg-scope .hero { position: relative; overflow: hidden; padding-block: clamp(2.8571rem, 6vw, 5.7143rem) clamp(3.4286rem, 7vw, 6.2857rem); }

/* Pomer stĺpcov z dizajnu: text 594 px, medzera 22 px, fľaša 468 px */
.rg-scope .hero__inner {
  display: grid; gap: clamp(1.5714rem, 2vw, 1.5714rem);
  grid-template-columns: minmax(0, 594fr) minmax(0, 468fr);
  align-items: center;
}
.rg-scope .hero__copy { display: grid; gap: 1.7143rem; justify-items: start; }
.rg-scope .hero__title em { color: var(--rg-gold-label); font-style: italic; }
.rg-scope .hero__lead { max-width: 37.7143rem; }
.rg-scope .hero__actions { display: flex; flex-wrap: wrap; gap: 0.8571rem; margin-top: 0.5714rem; }
.rg-scope .pill {
  display: inline-flex; align-items: center; gap: 0.7143rem;
  padding: 0.5714rem 0.8571rem;
  background: var(--rg-white);
  font: 600 0.8914rem/1.2 var(--rg-font-sans); color: #3a4c3f;
}
.rg-scope .hero__visual { position: relative; justify-self: center; width: 100%; max-width: 34.2857rem; }
.rg-scope .hero__bottle { width: 100%; will-change: transform; }


/* ── Hero slider: 7 produktových vizuálov, Original vždy prvý ── */
.rg-scope .hero-slider {
  position: relative; width: 100%;
  aspect-ratio: 477 / 634;
  transform: translate3d(0, var(--rg-par, 0px), 0);
  will-change: transform;
}
.rg-scope .hero-slide {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; object-fit: contain;
  opacity: 0; transform: scale(.97);
  transition: opacity .85s ease, transform 1.2s cubic-bezier(.22,.61,.36,1);
}
.rg-scope .hero-slide.is-active { opacity: 1; transform: none; }
.rg-scope .hero-dots {
  position: absolute; left: 50%; bottom: -.25rem; transform: translateX(-50%);
  display: flex; gap: 0.5714rem; z-index: 3;
}
.rg-scope .hero-dots button {
  width: 0.5714rem; height: 0.5714rem; padding: 0;
  background: rgba(30,58,43,.22); border: 0; cursor: pointer;
  transition: background-color .25s ease, transform .25s ease;
}
.rg-scope .hero-dots button:hover { background: rgba(192,134,46,.6); }
.rg-scope .hero-dots button[aria-selected="true"] { background: var(--rg-gold); transform: scale(1.35); }
@media (prefers-reduced-motion: reduce) {
.rg-scope .hero-slide { transition: none; }
}
.rg-scope .hero__bottle.is-floating { animation: bob 7s ease-in-out infinite; }
@keyframes bob {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-12px); }
}
.rg-scope .float-card {
  position: absolute; z-index: 2;
  display: flex; align-items: center; gap: 0.8571rem;
  padding: 0.9286rem 1.1429rem 0.9286rem 0.9286rem;
  background: var(--rg-white);
  box-shadow: var(--rg-shadow-badge);
}
.rg-scope .float-card__icon { display: grid; place-items: center; width: 2.7143rem; height: 2.7143rem; color: var(--rg-green); }
.rg-scope .float-card__icon--mint { background: var(--rg-mint); }
.rg-scope .float-card__icon--sand { background: var(--rg-sand); }
.rg-scope .float-card figcaption { display: grid; gap: 0.1143rem; }
.rg-scope .float-card strong { font: 700 1.1429rem/1 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .float-card span { font: 600 0.7857rem/1.4 var(--rg-font-sans); color: var(--rg-muted-2); }
.rg-scope .float-card--pharmacies { top: 14%; right: -6%; }
.rg-scope .float-card--ginger { bottom: 12%; left: -8%; }


/* Pri presne 1132 px (šírka obalu) by pravý štítok vyčnieval za viewport
   a hero s overflow:hidden by ho odrezal — dovnútra ho stiahneme skôr. */
@media (max-width: 1220px) {
.rg-scope .float-card--pharmacies { right: 0; }
}
@media (max-width: 991px) {
.rg-scope .hero__inner { grid-template-columns: 1fr; }

  /* Na úzkych displejoch ide najprv text (nadpis + CTA) a až pod ním fľaša —
     inak je nadpis pod ohybom a nad ním len obrázok. DOM poradie už sedí,
     stačí nedávať vizuálu order: -1. */
  .rg-scope .hero__visual { max-width: 27.4286rem; justify-self: center; }
.rg-scope .hero__copy { justify-items: center; text-align: center; }
.rg-scope .hero__copy .rg-lead { max-width: 38.8571rem; }
.rg-scope .float-card--pharmacies { right: -2%; }
.rg-scope .float-card--ginger { left: -2%; }
}
@media (max-width: 480px) {
.rg-scope .float-card { padding: 0.6857rem 0.8571rem; }
.rg-scope .float-card--pharmacies { top: 6%; right: 0; }
.rg-scope .float-card--ginger { bottom: 4%; left: 0; }
}


/* Mäkké svetelné škvrny — nahrádzajú 6 PNG z exportu */
.rg-scope .glow { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; }
.rg-scope .glow--hero-a {
  top: -14rem; right: -8rem; width: 37.1429rem; height: 37.1429rem;
  background: radial-gradient(circle, rgba(244,232,205,.9), rgba(246,244,236,0) 70%);
}
.rg-scope .glow--hero-b {
  bottom: -12rem; left: -9rem; width: 32.8571rem; height: 32.8571rem;
  background: radial-gradient(circle, rgba(234,240,230,.85), rgba(246,244,236,0) 70%);
}
.rg-scope .glow--discover {
  top: 20%; left: 50%; translate: -50% 0; width: 38.8571rem; height: 38.8571rem;
  background: radial-gradient(circle, rgba(244,232,205,.7), rgba(246,244,236,0) 70%);
}


/* Dekoratívne bylinky */
.rg-scope .deco { position: absolute; z-index: 0; pointer-events: none; user-select: none; }
.rg-scope .deco--benefits-left { left: 0; top: 14%; width: min(14.2857rem, 15vw); }
.rg-scope .deco--benefits-right { right: 0; top: 20%; width: min(13.1429rem, 14vw); }


/* Trojice fliaš sú pozicované voči OBSAHOVÉMU obalu, nie voči sekcii —
   tak zostanú prilepené ku kartám aj na širokých monitoroch. */
.rg-scope .bundles .rg-container { position: relative; }
.rg-scope .deco--bundles-left, .rg-scope .deco--bundles-right { bottom: 5%; }
.rg-scope .deco--bundles-left { right: 100%; margin-right: -3.5rem; width: min(16rem, 16vw); }
.rg-scope .deco--bundles-right { left: 100%;  margin-left: -3.5rem;  width: min(17.1429rem, 17vw); }
@media (max-width: 991px) {
.rg-scope .deco { display: none; }
}


/* ══════════════════════════ TRUST BAR ══════════════════════════ */
.rg-scope .trustbar { background: var(--rg-green); }
.rg-scope .trustbar__inner {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4286rem;
  padding-block: 1.8571rem; min-height: var(--rg-trustbar-h);
  align-items: center;
}
.rg-scope .trust { display: flex; align-items: center; gap: 0.9286rem; }
.rg-scope .trust__icon { color: var(--rg-gold-light); }
.rg-scope .trust__text { display: grid; gap: 0.1143rem; }
.rg-scope .trust__text strong { font: 700 1.0714rem/1.1 var(--rg-font-sans); color: #fff; }
.rg-scope .trust__text span { font: 500 0.8914rem/1.3 var(--rg-font-sans); color: var(--rg-on-dark-sub); }
@media (max-width: 991px) {
.rg-scope .trustbar__inner { grid-template-columns: repeat(2, 1fr); gap: 1.7143rem; }
}
@media (max-width: 460px) {
.rg-scope .trustbar__inner { grid-template-columns: 1fr; }
}


/* ══════════════════════════ BENEFITY ══════════════════════════ */
.rg-scope .benefits { background: #fdfcf8; overflow: hidden; }
.rg-scope .benefits__grid { position: relative; z-index: 1; }
.rg-scope .benefit { display: grid; gap: 1.2857rem; padding: 2.2143rem 1.9286rem 2.2857rem; align-content: start; }
.rg-scope .benefit p { margin-top: -.4rem; }


/* ══════════════════════════ BESTSELLERY ══════════════════════════ */
.rg-scope .bestsellers { background: var(--rg-cream); }
.rg-scope .slider { position: relative; }

/* Track žije vnútri .rg-container, takže prvá karta sedí presne na obsahovej
   mriežke ako nadpis aj ostatné sekcie. Scrolluje sa v rámci 1084 px. */
.rg-scope .slider__track {
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding: 0.2857rem 0 2rem;
  scrollbar-width: none;
}
.rg-scope .slider__track::-webkit-scrollbar { display: none; }
.rg-scope .rg-product-card { scroll-snap-align: start; }
.rg-scope .product { position: relative; display: grid; overflow: hidden; }
.rg-scope .product__media { display: grid; place-items: end center; padding: 1.7143rem 1.4286rem 0; min-height: 19.4286rem; }

/* Fľašky majú rôznu šírku — normalizujeme na výšku, aby stáli na jednej línii */
.rg-scope .product__media img { width: auto; height: 17.1429rem; transition: transform .4s ease; }
.rg-scope .product:hover .product__media img { transform: translateY(-6px) scale(1.03); }
.rg-scope .product__body { display: grid; gap: 0.4571rem; padding: 1.1429rem 1.5rem 1.5rem; align-content: start; }
.rg-scope .product__body h3 a:hover { color: var(--rg-gold); }
.rg-scope .product__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 0.8571rem;
  margin-top: 1rem; padding-top: 1.7143rem;
  border-top: 1px solid var(--rg-border-card);
}
.rg-scope .product__price { display: grid; gap: 0.2857rem; }
.rg-scope .product__price .unit { font: 500 0.7857rem/1.3 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .slider__dots { display: flex; justify-content: center; gap: 1rem; }
.rg-scope .slider__dots button {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--rg-green); opacity: .25;
  transition: opacity .25s ease, transform .25s ease;
}
.rg-scope .slider__dots button[aria-selected="true"] { opacity: 1; transform: scale(1.15); }


/* ══════════════════════════ CELÝ RAD ══════════════════════════ */
/* Pozadie fotky je tmavozelené s vlastným vodoznakom loga, preto sekcia
   splýva do rovnakej tmy a fotka do nej prechádza bez viditeľného rámu. */
.rg-scope .lineup { background: var(--rg-green-deep); overflow: hidden; }
.rg-scope .lineup__head { max-width: 50.2857rem; }
.rg-scope .lineup__lead {
  font: 400 1.1771rem/1.6 var(--rg-font-sans); color: var(--rg-on-dark-body-2);
  max-width: 41.1429rem;
}
.rg-scope .lineup__figure {
  margin-top: clamp(1.7143rem, 3vw, 2.8571rem);
  -webkit-mask-image: radial-gradient(120% 100% at 50% 45%, #000 62%, transparent 100%);
          mask-image: radial-gradient(120% 100% at 50% 45%, #000 62%, transparent 100%);
}
.rg-scope .lineup__figure img { width: 100%; }


/* ══════════════════════════ BALÍČKY ══════════════════════════ */
.rg-scope .bundles { background: #fdfcf8; overflow: hidden; }
.rg-scope .bundles__grid { position: relative; z-index: 1; align-items: stretch; }
.rg-scope .bundle {
  display: grid; gap: 0.7143rem; padding: 2.1429rem 2.2143rem 2rem;
  align-content: start; position: relative;
}
.rg-scope .bundle__label { font: 600 1rem/1.2 var(--rg-font-sans); color: var(--rg-set-label); }
.rg-scope .bundle h3 { color: var(--rg-ink-green); margin-top: 0.2857rem; }
.rg-scope .bundle .rg-price-old { margin-top: auto; padding-top: 1.7143rem; }
.rg-scope .bundle__foot { display: flex; align-items: center; justify-content: space-between; gap: 1.1429rem; }
.rg-scope .bundle__foot .rg-price-set { color: var(--rg-ink-green); }
.rg-scope .bundle--featured {
  background:
    radial-gradient(120% 90% at 85% 0%, rgba(232,195,127,.14), rgba(232,195,127,0) 60%),
    linear-gradient(160deg, #1b3527 0%, var(--rg-green-deep) 60%, #0f1f16 100%);
  border-color: transparent;
  box-shadow: var(--rg-shadow-featured);
}
.rg-scope .bundle--featured h3, .rg-scope .bundle--featured .bundle__foot .rg-price-set { color: var(--rg-mint); }
.rg-scope .bundle--featured .rg-body-xs { color: var(--rg-on-dark-body); }
.rg-scope .bundle--featured .rg-price-old { color: var(--rg-on-dark-muted-2); }
.rg-scope .bundle__label--gold { color: var(--rg-gold-light); }
.rg-scope .bundle__tag {
  position: absolute; top: 1.7143rem; right: 2.1429rem;
  padding: 0.5143rem 1.0857rem;
  border: 1px solid var(--rg-gold);
  font: 700 0.7857rem/1 var(--rg-font-sans); color: #fff;
}
.rg-scope .bundle__oldrow { display: flex; align-items: baseline; gap: 1rem; margin-top: auto; padding-top: 1.7143rem; }
.rg-scope .bundle__save { font: 700 1.0714rem/1 var(--rg-font-sans); color: var(--rg-gold-light); }
@media (max-width: 640px) {
.rg-scope .bundle__tag { position: static; justify-self: start; }
}


/* ══════════════════════════ PRÍBEH ══════════════════════════ */
.rg-scope .story { background: var(--rg-green-deep); overflow: hidden; }
.rg-scope .story__inner {
  display: grid; gap: clamp(2.2857rem, 5vw, 7.8571rem);
  grid-template-columns: minmax(0, 418fr) minmax(0, 556fr);
  align-items: center; position: relative; z-index: 1;
}
.rg-scope .story__figure { border: 1px solid rgba(232,195,127,.16); }
.rg-scope .story__copy { display: grid; gap: 1.2857rem; }
.rg-scope .story__copy h2 em { font-style: italic; }
.rg-scope .story__text { font: 400 1.1771rem/1.7 var(--rg-font-sans); color: var(--rg-on-dark-body-2); max-width: 37.7143rem; }
.rg-scope .story__corner {
  position: absolute; top: -9rem; right: -6rem; z-index: 0;
  width: 34.2857rem; height: 34.2857rem; border-radius: 50%;
  background: radial-gradient(circle, rgba(232,195,127,.10), rgba(20,39,28,0) 68%);
}
.rg-scope .stats { display: flex; flex-wrap: wrap; gap: 2.5714rem; margin-top: 1.4286rem; }
.rg-scope .stats li { display: grid; gap: 0.2857rem; }
.rg-scope .stats span { font: 500 0.9286rem/1.4 var(--rg-font-sans); color: var(--rg-on-dark-muted-2); }
@media (max-width: 861px) {
.rg-scope .story__inner { grid-template-columns: 1fr; }
.rg-scope .story__corner { display: none; }
}


/* ══════════════════════════ INTERAKTÍVNA FĽAŠA ══════════════════════════ */
.rg-scope .discover { background: var(--rg-cream); overflow: hidden; }
.rg-scope .discover__stage {
  position: relative; z-index: 1;
  display: grid; gap: clamp(2.2857rem, 5vw, 5.1429rem);
  grid-template-columns: minmax(0, 360fr) minmax(0, 664fr);
  align-items: center;
}


/* Rotujúca fľaša — pozadie videa je dogradované na krém webu, takže rám
   nepotrebuje orámovanie, len jemné zaoblenie a kontaktný tieň. */
.rg-scope .discover__media { justify-self: center; width: 100%; max-width: 20rem; }
.rg-scope .discover__video {
  width: 100%; height: auto; display: block;
  border-radius: var(--rg-radius-image);
  background: var(--rg-cream);
}
.rg-scope .ingredients { display: grid; gap: 1.4286rem; }
.rg-scope .ingredient {
  display: flex; align-items: flex-start; gap: 1.2857rem;
  padding: 1.7143rem 1.7143rem;
  background: var(--rg-white);
  border: 1px solid var(--rg-border-card);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease;
}
.rg-scope .ingredient:hover {
  transform: translateX(6px);
  border-color: rgba(192, 134, 46, .45);
  box-shadow: 0 18px 34px -26px rgba(30, 58, 43, .35);
}
.rg-scope .ingredient > div { display: grid; gap: 0.4571rem; }
.rg-scope .ingredient .tile { flex: none; }
@media (max-width: 861px) {
.rg-scope .discover__stage { grid-template-columns: 1fr; }
.rg-scope .discover__media { max-width: 17.1429rem; }
}
@media (max-width: 480px) {
.rg-scope .ingredient { padding: 1.1429rem 1.2143rem; gap: 1rem; }
}


/* ══════════════════════════ VIDEO ══════════════════════════ */
.rg-scope .video { background: var(--rg-cream); padding-block: clamp(2.2857rem, 5vw, 4.5714rem); }
.rg-scope .video__frame {
  position: relative; overflow: hidden;
  border-radius: var(--rg-radius-image);
  background: var(--rg-green-deep);
  aspect-ratio: 16 / 9;
}
.rg-scope .video__el { width: 100%; height: 100%; object-fit: cover; }
.rg-scope .video__play {
  position: absolute; inset: 0; margin: auto;
  display: grid; place-items: center;
  width: 6.2857rem; height: 6.2857rem; border-radius: 50%;
  background: rgba(255,255,255,.92); color: var(--rg-green);
  transition: transform .3s ease, background-color .3s ease, opacity .3s ease;
}
.rg-scope .video__play:hover { transform: scale(1.08); background: #fff; }
.rg-scope .video__frame.is-playing .video__play { opacity: 0; pointer-events: none; }


/* ══════════════════════════ FAQ ══════════════════════════ */
.rg-scope .faq { background: #fdfcf8; }
.rg-scope .faq__cols { display: grid; gap: 1.2857rem 1.5714rem; grid-template-columns: repeat(2, 1fr); align-items: start; }
.rg-scope .faq__col { display: grid; gap: 1.2857rem; align-content: start; }
.rg-scope .qa { background: var(--rg-white); border: 1px solid var(--rg-border-faq); }
.rg-scope .qa summary {
  display: flex; align-items: center; justify-content: space-between; gap: 1.4286rem;
  padding: 1.7143rem 1.5714rem;
  font: 600 1.2143rem/1.35 var(--rg-font-serif); color: var(--rg-ink-green);
  cursor: pointer; list-style: none;
}
.rg-scope .qa summary::-webkit-details-marker { display: none; }
.rg-scope .qa__icon {
  display: grid; place-items: center; flex: none;
  width: 2.4286rem; height: 2.4286rem;
  background: var(--rg-mint); color: var(--rg-green);
  transition: transform .3s ease, background-color .25s ease;
}
.rg-scope .qa[open] .qa__icon { transform: rotate(45deg); background: var(--rg-green); color: var(--rg-mint); }
.rg-scope .qa__body { padding: 0 1.5714rem 1.7143rem; }
.rg-scope .qa__body p { font: 400 1.0714rem/1.65 var(--rg-font-sans); color: var(--rg-muted); }
.rg-scope .qa[open] .qa__body { animation: qa-in .3s ease both; }
@keyframes qa-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (max-width: 861px) {
.rg-scope .faq__cols { grid-template-columns: 1fr; }
}


/* ══════════════════════════ BLOG ══════════════════════════ */
.rg-scope .blog { background: var(--rg-cream); }

/* Auto-fit: 2 články sa vycentrujú, po pribudnutí tretieho sa doplní rad */
.rg-scope .blog__grid {
  display: grid; gap: 20px; justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px, 352px));
}
.rg-scope .post { display: grid; overflow: hidden; align-content: start; }
.rg-scope .post__media { overflow: hidden; aspect-ratio: 347 / 180; }
.rg-scope .post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.rg-scope .post:hover .post__media img { transform: scale(1.05); }
.rg-scope .post__body { display: grid; gap: 0.9143rem; padding: 1.5714rem; align-content: start; }
.rg-scope .post__meta { display: flex; align-items: center; gap: 0.8571rem; }
.rg-scope .post__meta time { font: 500 0.8914rem/1.2 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .post__body h3 a:hover { color: var(--rg-gold); }


/* ══════════════════════════ ČLÁNOK (blog detail) ══════════════════════════ */
.rg-scope .article { padding-block: clamp(2.2857rem, 5vw, 4rem) clamp(3.4286rem, 7vw, 5.7143rem); }
.rg-scope .article__head { display: grid; gap: 1.1429rem; max-width: 54.8571rem; margin-inline: auto; text-align: center; justify-items: center; }
.rg-scope .article__back {
  display: inline-flex; align-items: center; gap: 0.4571rem; margin-bottom: 0.5714rem;
  font: 600 0.9714rem/1 var(--rg-font-sans); color: var(--rg-muted-2);
  transition: color .25s ease;
}
.rg-scope .article__back:hover { color: var(--rg-gold); }
.rg-scope .article__title { color: var(--rg-ink); }
.rg-scope .article__lead { font: 400 1.3143rem/1.65 var(--rg-font-sans); color: var(--rg-body); max-width: 45.7143rem; }
.rg-scope .article__body { max-width: 50.2857rem; margin-inline: auto; margin-top: clamp(2rem, 4vw, 3.1429rem); }
.rg-scope .article__body p { font: 400 1.2143rem/1.75 var(--rg-font-sans); color: var(--rg-muted); margin-bottom: 1.4286rem; }
.rg-scope .article__video {
  margin: 0 auto clamp(2rem, 4vw, 2.8571rem);
  max-width: 25.1429rem;                 /* video je na výšku (reels) */
}
.rg-scope .article__video video {
  width: 100%; height: auto; display: block;
  border-radius: var(--rg-radius-image);
  background: var(--rg-green-deep);
}
.rg-scope .article__gallery {
  max-width: 68.5714rem; margin: clamp(1.7143rem, 3vw, 2.8571rem) auto 0;
  display: grid; gap: 0.8571rem;
  grid-template-columns: repeat(6, 1fr);
}
.rg-scope .gallery__item {
  overflow: hidden; border-radius: var(--rg-radius-image);
  background: var(--rg-mint);
}
.rg-scope .gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.rg-scope .gallery__item:hover img { transform: scale(1.04); }
.rg-scope .gallery__item--tall { grid-column: span 2; aspect-ratio: 3 / 4; }
.rg-scope .gallery__item--wide { grid-column: span 3; aspect-ratio: 3 / 2; }


/* Variant pre 3 fotky: 2 na výšku v rade, 1 na šírku pod nimi */
.rg-scope .article__gallery--three { grid-template-columns: repeat(2, 1fr); }
.rg-scope .article__gallery--three .gallery__item { grid-column: span 1; aspect-ratio: 3 / 4; }
.rg-scope .article__gallery--three .gallery__item--wide { grid-column: span 2; aspect-ratio: 3 / 2; }
@media (max-width: 640px) {
.rg-scope .article__gallery { grid-template-columns: repeat(2, 1fr); }
.rg-scope .gallery__item--tall { grid-column: span 1; }
.rg-scope .gallery__item--wide { grid-column: span 2; }
}


/* ══════════════════════════ CTA (zlatý blok) ══════════════════════════ */
.rg-scope .cta { background: var(--rg-cream); padding-block: clamp(2.2857rem, 5vw, 4.5714rem) clamp(3.4286rem, 7vw, 5.7143rem); }
.rg-scope .cta__panel {
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end;
  gap: 2.2857rem;
  padding: clamp(2.5714rem, 4vw, 4.2857rem);
  background: linear-gradient(115deg, #c0862e 0%, #a8721f 55%, #96651a 100%);
  color: #fff;
}
.rg-scope .cta__panel::after {
  content: ""; position: absolute; top: -5.625rem; right: 12%;
  width: 22.8571rem; height: 22.8571rem; border-radius: 50%;
  background: rgba(255,255,255,.12); pointer-events: none;
}
.rg-scope .cta__copy { display: grid; gap: 1.2857rem; position: relative; z-index: 1; max-width: 44.5714rem; }
.rg-scope .cta__eyebrow { color: var(--rg-cta-cream); }
.rg-scope .cta__title { color: #fff; }
.rg-scope .cta__text { font: 400 1.1771rem/1.6 var(--rg-font-sans); color: var(--rg-cta-cream-2); max-width: 37.7143rem; }
.rg-scope .cta__actions { display: flex; flex-wrap: wrap; gap: 0.8571rem; margin-top: 0.5714rem; }
.rg-scope .cta__bottle { position: relative; z-index: 1; width: min(28.5714rem, 30vw); margin-bottom: -3.75rem; justify-self: end; }
@media (max-width: 991px) {
.rg-scope .cta__panel { grid-template-columns: 1fr; }
.rg-scope .cta__bottle { display: none; }
}


/* ══════════════════════════ PARTNERI ══════════════════════════ */
.rg-scope .partners { background: #fdfcf8; }
.rg-scope .partners__group { margin-top: clamp(1.7143rem, 3vw, 2.5714rem); }
.rg-scope .partners__group + .partners__group { margin-top: 2.5714rem; }
.rg-scope .partners__label {
  text-align: center; margin-bottom: 1.2857rem;
  font: 600 0.8914rem/1 var(--rg-font-sans); letter-spacing: .06em;
  text-transform: uppercase; color: var(--rg-muted-3);
}

/* Flex + center, aby sa nerovnaké počty (5 a 4) zarovnali na stred */
.rg-scope .partners__grid {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 1.1429rem;
}
.rg-scope .partner {
  flex: 1 1 12.5714rem; max-width: 17.1429rem;
  display: grid; place-items: center;
  min-height: 7.1429rem; padding: 1.4286rem 1.7143rem;
  background: var(--rg-white);
  border: 1px solid var(--rg-border-card);
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.rg-scope .partner > a { display: grid; place-items: center; place-self: stretch; }
.rg-scope .partner img {
  max-height: 3.1429rem; width: auto; max-width: 100%;
  object-fit: contain;
  filter: grayscale(1); opacity: .68;
  transition: filter .35s ease, opacity .35s ease;
}
.rg-scope .partner:hover {
  border-color: rgba(192, 134, 46, .4);
  box-shadow: 0 18px 34px -26px rgba(30, 58, 43, .35);
  transform: translateY(-3px);
}
.rg-scope .partner:hover img { filter: grayscale(0); opacity: 1; }
@media (max-width: 480px) {
.rg-scope .partner { flex-basis: 9.1429rem; }
}


/* ══════════════════════════ KONTAKT ══════════════════════════ */
.rg-scope .contact { position: relative; overflow: hidden; }
.rg-scope .glow--contact-a {
  top: -9rem; right: -6rem; width: 37.1429rem; height: 37.1429rem;
  background: radial-gradient(circle, rgba(244,232,205,.85), rgba(246,244,236,0) 70%);
}
.rg-scope .glow--contact-b {
  bottom: -6rem; left: -8rem; width: 32.8571rem; height: 32.8571rem;
  background: radial-gradient(circle, rgba(234,240,230,.8), rgba(246,244,236,0) 70%);
}
.rg-scope .contact__grid {
  position: relative; z-index: 1;
  display: grid; gap: clamp(1.7143rem, 3vw, 2.5714rem);
  grid-template-columns: minmax(0, 605fr) minmax(0, 445fr);
  align-items: start;
  max-width: 78.2857rem; margin-inline: auto;
}


/* Formulár */
.rg-scope .contact__form { padding: clamp(2rem, 3vw, 2.5rem); display: grid; gap: 1.4286rem; }
.rg-scope .contact__form-title { font: 600 1.5714rem/1 var(--rg-font-serif); color: var(--rg-green); }
.rg-scope .field-row { display: grid; gap: 1.1429rem; grid-template-columns: 1fr 1fr; }
.rg-scope .field { display: grid; gap: 0.5714rem; margin: 0; }
.rg-scope .field label { font: 600 0.8914rem/1.2 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .contact__form input, .rg-scope .contact__form select, .rg-scope .contact__form textarea {
  width: 100%; font: 500 1.0286rem/1.4 var(--rg-font-sans); color: var(--rg-green);
  background: var(--rg-cream);
  border: 1px solid rgba(30, 58, 43, .16); border-radius: var(--rg-radius);
  padding: 0.9143rem 1.0714rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.rg-scope .contact__form input::placeholder, .rg-scope .contact__form textarea::placeholder { color: #757575; }
.rg-scope .contact__form input:focus, .rg-scope .contact__form select:focus, .rg-scope .contact__form textarea:focus {
  outline: none; border-color: var(--rg-green);
  box-shadow: 0 0 0 3px rgba(192, 134, 46, .16);
}
.rg-scope .contact__form textarea { resize: vertical; min-height: 10rem; }
.rg-scope .select-wrap { position: relative; display: block; }
.rg-scope .select-wrap select { appearance: none; -webkit-appearance: none; padding-right: 3.1429rem; cursor: pointer; }
.rg-scope .select-wrap__ico { position: absolute; right: 1.1429rem; top: 50%; transform: translateY(-50%); color: var(--rg-green); pointer-events: none; }
.rg-scope .contact__form .btn { justify-self: start; margin-top: 0.2857rem; }
.rg-scope .contact__ok {
  margin: 0; padding: 0.9143rem 1.0714rem;
  background: var(--rg-mint); color: var(--rg-green);
  font: 600 1rem/1.4 var(--rg-font-sans);
}


/* Info karta + mapa */
.rg-scope .contact__aside { display: grid; gap: 1.4286rem; }
.rg-scope .info-card { background: var(--rg-green-deep); padding: 1.8571rem; }
.rg-scope .info-card__title {
  font: 700 0.8571rem/1 var(--rg-font-sans); color: var(--rg-gold-light);
  letter-spacing: .12em; margin-bottom: 1.7143rem;
}
.rg-scope .info-list { display: grid; gap: 1.4286rem; }
.rg-scope .info-list li { display: flex; align-items: flex-start; gap: 1rem; }
.rg-scope .info-ico { flex: none; color: var(--rg-gold-light); margin-top: 0.1143rem; }
.rg-scope .info-list span, .rg-scope .info-list a { font: 500 1rem/1.5 var(--rg-font-sans); color: var(--rg-on-dark-body-2); }
.rg-scope .info-list a { transition: color .25s ease; }
.rg-scope .info-list a:hover { color: var(--rg-gold-light); }
.rg-scope .contact__map {
  overflow: hidden; border: 1px solid var(--rg-border-strong);
  aspect-ratio: 445 / 248;
}
.rg-scope .contact__map iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(.2); }
@media (max-width: 861px) {
.rg-scope .contact__grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.rg-scope .field-row { grid-template-columns: 1fr; }
}


/* ══════════════════════════ INSTAGRAM (provizórny feed) ══════════════════════════ */
.rg-scope .insta { background: var(--rg-cream); }
.rg-scope .insta__handle {
  display: inline-flex; align-items: center; gap: 0.5714rem; margin-top: 0.2857rem;
  font: 600 1.1429rem/1 var(--rg-font-sans); color: var(--rg-gold-label);
  transition: color .25s ease;
}
.rg-scope .insta__handle:hover { color: var(--rg-gold); }
.rg-scope .insta__grid {
  display: grid; gap: 0.8571rem;
  grid-template-columns: repeat(6, 1fr);
  margin-top: clamp(1.7143rem, 3vw, 2.5714rem);
}
.rg-scope .insta__tile {
  position: relative; display: block; overflow: hidden;
  aspect-ratio: 1 / 1; background: var(--rg-mint);
  border-radius: var(--rg-radius-image);
}
.rg-scope .insta__tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.rg-scope .insta__tile:hover img { transform: scale(1.06); }
.rg-scope .insta__ico {
  position: absolute; inset: 0; display: grid; place-items: center;
  color: #fff; background: rgba(20, 39, 28, .45);
  opacity: 0; transition: opacity .3s ease;
}
.rg-scope .insta__tile:hover .insta__ico { opacity: 1; }
.rg-scope .insta__note {
  text-align: center; margin-top: 1.4286rem;
  font: 500 0.9143rem/1.4 var(--rg-font-sans); color: var(--rg-muted-4);
}
@media (max-width: 860px) {
.rg-scope .insta__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 420px) {
.rg-scope .insta__grid { grid-template-columns: repeat(2, 1fr); }
}


/* ══════════════════════════ DETAIL PRODUKTU ══════════════════════════ */
.rg-scope .pdp { position: relative; overflow: hidden; }


/* Omrvinky */
.rg-scope .crumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.5714rem;
  margin-bottom: 2rem;
  font: 500 0.9286rem/1.2 var(--rg-font-sans); color: var(--rg-set-label);
}
.rg-scope .crumbs a { color: var(--rg-set-label); transition: color .25s ease; }
.rg-scope .crumbs a:hover { color: var(--rg-gold); }
.rg-scope .crumbs__sep { color: var(--rg-strike); }
.rg-scope .crumbs__current { color: var(--rg-ink-green); font-weight: 600; }


/* Mriežka: galéria 510 : info 530, medzera 44 */
.rg-scope .pdp__grid {
  position: relative; z-index: 1;
  display: grid; gap: clamp(2rem, 3.5vw, 3.1429rem);
  grid-template-columns: minmax(0, 510fr) minmax(0, 530fr);
  align-items: start;
}


/* ── Galéria ── */
.rg-scope .pdp-gallery { display: grid; gap: 1rem; }
.rg-scope .pdp-gallery__main {
  position: relative; display: grid; place-items: center;
  aspect-ratio: 510 / 520; padding: 1.7143rem;
  background: var(--rg-white); border: 1px solid var(--rg-border-card);
}
.rg-scope .pdp-gallery__main { overflow: hidden; }
.rg-scope .pdp-gallery__main img {
  position: absolute; top: 1.7143rem; left: 1.7143rem;
  width: calc(100% - 3.4286rem); height: calc(100% - 3.4286rem);
  object-fit: contain;
}
.rg-scope .pdp-gallery__thumbs { display: flex; gap: 0.8571rem; }
.rg-scope .pdp-thumb {
  flex: 0 0 auto; width: 8.4571rem; height: 8.4571rem; padding: 0.4571rem;
  display: grid; place-items: center;
  background: var(--rg-white); border: 1px solid var(--rg-border-strong);
  cursor: pointer; transition: border-color .25s ease;
}
.rg-scope .pdp-thumb { overflow: hidden; }
.rg-scope .pdp-thumb img { width: auto; height: 7.0857rem; object-fit: contain; }
.rg-scope .pdp-thumb:hover { border-color: rgba(192,134,46,.5); }
.rg-scope .pdp-thumb.is-active { border: 2px solid var(--rg-gold); }


/* ── Info stĺpec ── */
.rg-scope .pdp-info { display: grid; gap: 1.3143rem; align-content: start; }
.rg-scope .pdp-info__eyebrow { letter-spacing: .16em; }
.rg-scope .pdp-info h1 { margin: 0; }
.rg-scope .pdp-rating { display: flex; align-items: center; gap: 0.5714rem; flex-wrap: wrap; }
.rg-scope .pdp-rating__val { font: 600 1rem/1 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .pdp-rating__count { font: 500 1rem/1 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .pdp-info__lead { color: #4e5f53; margin: 0; }
.rg-scope .pdp-tags { display: flex; flex-wrap: wrap; gap: 0.6286rem; }
.rg-scope .pdp-tag {
  display: inline-flex; align-items: center; gap: 0.5143rem;
  padding: 0.5714rem 0.8571rem;
  background: var(--rg-mint); color: var(--rg-chip-text);
  font: 600 0.8914rem/1 var(--rg-font-sans);
}
.rg-scope .pdp-vol { display: grid; gap: 0.6286rem; }
.rg-scope .pdp-vol__label {
  margin: 0;
  font: 700 0.8229rem/1 var(--rg-font-sans); letter-spacing: .06em;
  text-transform: uppercase; color: var(--rg-gold-label);
}
.rg-scope .pdp-price { display: flex; align-items: baseline; gap: 0.8571rem; flex-wrap: wrap; }
.rg-scope .pdp-price__now { font: 700 2.7143rem/1 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .pdp-price__note { font: 500 1rem/1.2 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .pdp-stock { display: inline-flex; align-items: center; gap: 0.5714rem; }
.rg-scope .pdp-stock__dot {
  width: 0.6429rem; height: 0.6429rem; flex: none;
  background: #3e7a50; box-shadow: 0 0 0 4px rgba(62,122,80,.16);
}
.rg-scope .pdp-stock__text { font: 600 1rem/1.2 var(--rg-font-sans); color: #3e7a50; }
.rg-scope .pdp-buy { display: flex; flex-wrap: wrap; gap: 1.1429rem; margin-top: 0.4rem; }
.rg-scope .qty {
  display: inline-flex; align-items: stretch;
  background: var(--rg-white); border: 1px solid rgba(30,58,43,.15);
}
.rg-scope .qty__btn {
  width: 3.4286rem; display: grid; place-items: center;
  font: 400 1.5714rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
  transition: background-color .2s ease;
}
.rg-scope .qty__btn:hover { background: var(--rg-mint); }
.rg-scope .qty__val {
  width: 3.7143rem; text-align: center;
  font: 700 1.2143rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
  border: 0; background: transparent; -moz-appearance: textfield;
}
.rg-scope .qty__val::-webkit-outer-spin-button, .rg-scope .qty__val::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.rg-scope .pdp-buy .btn { flex: 1 1 17.1429rem; }
.rg-scope .pdp-trust {
  display: flex; flex-wrap: wrap; gap: 1.4286rem 2.2857rem;
  margin-top: 0.4rem; padding-top: 1.7143rem;
  border-top: 1px solid var(--rg-border-strong);
}
.rg-scope .pdp-trust li { display: flex; align-items: center; gap: 0.7143rem; }
.rg-scope .pdp-trust .ico { color: #6b8a72; flex: none; }
.rg-scope .pdp-trust span { font: 500 0.9286rem/1.2 var(--rg-font-sans); color: #4e5f53; }


/* ── Taby ── */
.rg-scope .pdp-tabs { border-top: 1px solid var(--rg-border-card); }
.rg-scope .pdp-tabs__nav {
  display: flex; flex-wrap: wrap; gap: 2.1429rem;
  border-bottom: 1px solid rgba(30,58,43,.12);
}
.rg-scope .pdp-tab {
  position: relative; padding: 1rem 0;
  font: 600 1.0971rem/1.2 var(--rg-font-sans); color: var(--rg-nav);
  transition: color .2s ease;
}
.rg-scope .pdp-tab::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2.5px;
  background: var(--rg-gold); transform: scaleX(0); transform-origin: left;
  transition: transform .25s ease;
}
.rg-scope .pdp-tab:hover { color: var(--rg-ink-green); }
.rg-scope .pdp-tab[aria-selected="true"] { color: var(--rg-ink-green); }
.rg-scope .pdp-tab[aria-selected="true"]::after { transform: scaleX(1); }
.rg-scope .pdp-panel { padding-top: 2rem; max-width: 54.8571rem; }
.rg-scope .pdp-panel[hidden] { display: none; }
.rg-scope .pdp-panel p { font: 400 1.1771rem/1.75 var(--rg-font-sans); color: #4e5f53; margin: 0; }


/* ── Súvisiace produkty ── */
.rg-scope .related__grid {
  display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 861px) {
.rg-scope .pdp__grid { grid-template-columns: 1fr; }
.rg-scope .related__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
.rg-scope .pdp-buy .btn { flex-basis: 100%; }
}
@media (max-width: 480px) {
.rg-scope .related__grid { grid-template-columns: 1fr; }
}


/* ══════════════════════════ KOŠÍK ══════════════════════════ */
.rg-scope .cart { position: relative; overflow: hidden; }
.rg-scope .cart__head { margin-bottom: 2rem; }
.rg-scope .cart__head h1 { margin: 0; }
.rg-scope .cart__count { margin: 0.5714rem 0 0; font: 500 1.0286rem/1.2 var(--rg-font-sans); color: #7a8a7e; }


/* Mriežka: položky : súhrn 638 : 418 */
.rg-scope .cart__grid {
  position: relative; z-index: 1;
  display: grid; gap: clamp(1.7143rem, 2.5vw, 2rem);
  grid-template-columns: minmax(0, 1fr) 29.1429rem;
  align-items: start;
}


/* ── Zoznam položiek ── */
.rg-scope .cart-items {
  background: var(--rg-white); border: 1px solid var(--rg-border-card);
}
.rg-scope .cart-item {
  display: grid; align-items: center;
  grid-template-columns: 4rem minmax(0, 1fr) auto auto 2.5714rem;
  column-gap: 1.4286rem; padding: 1.4286rem 1.7143rem;
  border-bottom: 1px solid rgba(30,58,43,.07);
}
.rg-scope .cart-item:last-child { border-bottom: 0; }
.rg-scope .cart-item__media { width: 4rem; height: 5.7143rem; display: grid; place-items: center; overflow: hidden; }
.rg-scope .cart-item__media img { width: auto; height: 5.2571rem; object-fit: contain; }
.rg-scope .cart-item__name {
  display: inline-block;
  font: 600 1.1086rem/1.3 var(--rg-font-serif); color: var(--rg-ink-green);
  transition: color .2s ease;
}
.rg-scope .cart-item__name:hover { color: var(--rg-gold); }
.rg-scope .cart-item__meta { margin: 0.4rem 0 0; font: 500 0.8914rem/1.2 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .cart-item__price { font: 700 1.1429rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green); white-space: nowrap; text-align: right; }
.rg-scope .cart-item__remove {
  width: 2.5714rem; height: 2.5714rem; display: grid; place-items: center;
  color: #b0937a; transition: color .2s ease, background-color .2s ease;
}
.rg-scope .cart-item__remove:hover { color: #a2432f; background: var(--rg-mint); }


/* Menší variant počítadla (znovupoužíva .qty z detailu produktu) */
.rg-scope .qty--sm .qty__btn { width: 2.8571rem; }
.rg-scope .qty--sm .qty__val { width: 2.8571rem; font-size: 1.0857rem; }
.rg-scope .cart-continue {
  display: inline-flex; align-items: center; gap: 0.7143rem; margin-top: 1.4286rem;
  font: 600 1rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green);
  transition: gap .2s ease, color .2s ease;
}
.rg-scope .cart-continue .ico { color: var(--rg-ink-green); transition: color .2s ease; }
.rg-scope .cart-continue:hover { gap: 1.1429rem; color: var(--rg-gold); }
.rg-scope .cart-continue:hover .ico { color: var(--rg-gold); }


/* ── Súhrn objednávky ── */
.rg-scope .summary {
  position: sticky; top: 7.4286rem;
  background: var(--rg-white); border: 1px solid var(--rg-border-strong);
  padding: 1.7143rem;
}
.rg-scope .summary__title {
  margin: 0 0 1.6rem; text-transform: uppercase;
  font: 600 0.8914rem/1 var(--rg-font-sans); letter-spacing: .14em; color: var(--rg-ink-green);
}
.rg-scope .summary__row {
  display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1.2571rem;
}
.rg-scope .summary__label { font: 500 1.0286rem/1.2 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .summary__val { font: 700 1.0286rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .summary-coupon { display: flex; margin: 1.4286rem 0 1.7143rem; }
.rg-scope .summary-coupon__input {
  flex: 1 1 auto; min-width: 0; height: 3rem; padding: 0 1rem;
  background: var(--rg-cream); border: 1px solid rgba(30,58,43,.16);
  font: 500 1rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .summary-coupon__input::placeholder { color: #757575; }
.rg-scope .summary-coupon__btn {
  flex: none; height: 3rem; padding: 0 1.2571rem;
  border: 1px solid var(--rg-ink-green); border-left: 0;
  font: 600 0.96rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
  transition: background-color .2s ease, color .2s ease;
}
.rg-scope .summary-coupon__btn:hover { background: var(--rg-ink-green); color: var(--rg-cream); }
.rg-scope .summary__total {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-top: 1.6rem; border-top: 1px solid var(--rg-border-strong);
}
.rg-scope .summary__total-label { font: 700 1.1429rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .summary__total-val { font: 700 1.8571rem/1 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .summary__checkout { width: 100%; justify-content: center; margin-top: 1.6rem; }
.rg-scope .summary__secure {
  display: flex; align-items: center; justify-content: center; gap: 0.5714rem; margin: 1.3143rem 0 0;
  font: 500 0.8914rem/1.2 var(--rg-font-sans); color: #8a9a8e;
}
.rg-scope .summary__secure .ico { color: #8a9a8e; }
@media (max-width: 861px) {
.rg-scope .cart__grid { grid-template-columns: 1fr; }
.rg-scope .summary { position: static; }
}
@media (max-width: 520px) {
.rg-scope .cart-item {
    grid-template-columns: 4rem minmax(0, 1fr) auto;
    grid-template-rows: auto auto; row-gap: 1.0286rem;
  }
.rg-scope .cart-item__media { grid-column: 1; grid-row: 1 / span 2; }
.rg-scope .cart-item__info { grid-column: 2; grid-row: 1; }
.rg-scope .cart-item__price { grid-column: 3; grid-row: 1; }
.rg-scope .cart-item .qty { grid-column: 2; grid-row: 2; justify-self: start; }
.rg-scope .cart-item__remove { grid-column: 3; grid-row: 2; justify-self: end; }
}


/* ══════════════════════════ KATEGÓRIA ══════════════════════════ */
.rg-scope .category { position: relative; overflow: hidden; }
.rg-scope .cat__head { margin-bottom: 2rem; }
.rg-scope .cat__head h1 { margin: 0; }
.rg-scope .cat__lead { margin: 0.7143rem 0 0; max-width: 45.7143rem; font: 500 1.0857rem/1.55 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .cat__grid {
  position: relative; z-index: 1;
  display: grid; gap: clamp(1.7143rem, 2.5vw, 2.2857rem);
  grid-template-columns: 18.5714rem minmax(0, 1fr);
  align-items: start;
}


/* ── Filtre (sidebar) ── */
.rg-scope .filters {
  position: sticky; top: 7.4286rem;
  background: var(--rg-white); border: 1px solid var(--rg-border-card);
  padding: 0 1.6429rem 1.6429rem;
}
.rg-scope .filters__head {
  display: flex; align-items: center; gap: 0.6857rem;
  padding: 1.6429rem 0; margin-bottom: 0.5714rem;
  border-bottom: 1px solid var(--rg-border-strong);
  text-transform: uppercase; letter-spacing: .14em;
  font: 700 0.9286rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .filters__head .ico { color: var(--rg-gold); }
.rg-scope .filters__group { padding: 1.2857rem 0; border-bottom: 1px solid var(--rg-border-card); }
.rg-scope .filters__group--last { border-bottom: 0; padding-bottom: 0; }
.rg-scope .filters__title {
  margin: 0 0 1.1429rem; text-transform: uppercase; letter-spacing: .1em;
  font: 700 0.8914rem/1 var(--rg-font-sans); color: #3a4c3f;
}
.rg-scope .filter-check {
  display: flex; align-items: center; gap: 0.8571rem;
  padding: 0.3429rem 0; cursor: pointer;
  font: 500 1rem/1.2 var(--rg-font-sans); color: #4e5f53;
}
.rg-scope .filter-check input {
  flex: none; width: 1.2143rem; height: 1.2143rem; margin: 0;
  accent-color: var(--rg-ink-green); cursor: pointer;
}
.rg-scope .filter-check__count { margin-left: auto; color: var(--rg-muted-4); }


/* Cenový posuvník (dekoratívny — reálne filtruje PrestaShop) */
.rg-scope .price-slider {
  position: relative; height: 5px; margin: 0.5714rem 0.5714rem 0;
  background: rgba(30,58,43,.12);
}
.rg-scope .price-slider__fill { position: absolute; top: 0; left: 8%; right: 22%; height: 5px; background: var(--rg-gold); }
.rg-scope .price-slider__handle {
  position: absolute; top: 50%; width: 14px; height: 14px;
  background: var(--rg-white); border: 2px solid var(--rg-gold);
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 8px rgba(30,58,43,.4);
}
.rg-scope .price-slider__handle--min { left: 8%; }
.rg-scope .price-slider__handle--max { left: 78%; }
.rg-scope .price-range {
  display: flex; justify-content: space-between; margin-top: 1.1429rem;
  font: 600 0.9286rem/1.2 var(--rg-font-sans); color: #4e5f53;
}
.rg-scope .vol-chips { display: flex; flex-wrap: wrap; gap: 0.5714rem; }
.rg-scope .vol-chip {
  padding: 0.5714rem 1rem;
  background: var(--rg-white); border: 1px solid rgba(30,58,43,.16);
  font: 600 0.8914rem/1 var(--rg-font-sans); color: #4e5f53;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.rg-scope .vol-chip:hover { border-color: rgba(192,134,46,.5); }
.rg-scope .vol-chip.is-active {
  background: #fbf3e3; border: 1.5px solid var(--rg-gold); color: #8a5e1e;
}


/* ── Panel nástrojov ── */
.rg-scope .cat-toolbar {
  display: flex; justify-content: space-between; align-items: center; gap: 1.1429rem;
  padding: 1rem 1.2143rem; margin-bottom: 1.4286rem;
  background: var(--rg-white); border: 1px solid var(--rg-border-card);
}
.rg-scope .cat-toolbar__count { margin: 0; font: 500 0.96rem/1.2 var(--rg-font-sans); color: #7a8a7e; }
.rg-scope .cat-toolbar__count strong { color: var(--rg-ink-green); font-weight: 700; }
.rg-scope .cat-sort { display: flex; align-items: center; gap: 0.7143rem; }
.rg-scope .cat-sort label { font: 600 0.96rem/1.2 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .cat-sort .select-wrap { display: inline-block; }
.rg-scope .cat-sort select {
  height: 3rem; padding: 0 3.1429rem 0 1rem;
  background: var(--rg-cream); border: 1px solid rgba(30,58,43,.16);
  font: 600 0.96rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .cat-sort select:focus { outline: none; border-color: var(--rg-green); box-shadow: 0 0 0 3px rgba(192,134,46,.16); }
.rg-scope .cat-sort .select-wrap__ico { color: var(--rg-ink-green); }


/* ── Mriežka produktov ── */
.rg-scope .cat-products { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }


/* ── Stránkovanie ── */
.rg-scope .cat-pagination { display: flex; justify-content: center; gap: 0.7143rem; margin-top: 2.5714rem; }
.rg-scope .page-btn {
  width: 3rem; height: 3rem; display: grid; place-items: center;
  background: var(--rg-white); border: 1px solid rgba(30,58,43,.14);
  font: 600 1rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
  transition: border-color .2s ease, background-color .2s ease;
}
.rg-scope .page-btn:hover:not(:disabled):not(.is-active) { border-color: rgba(192,134,46,.5); }
.rg-scope .page-btn:disabled { opacity: .45; cursor: not-allowed; }
.rg-scope .page-btn:disabled .ico { color: var(--rg-muted-4); }
.rg-scope .page-btn.is-active { background: var(--rg-ink-green); border-color: var(--rg-ink-green); color: var(--rg-cream); }


/* ── Informačný panel kategórie (Bio Shot) ── */
.rg-scope .cat__head .rg-eyebrow { margin: 0 0 0.7143rem; }
.rg-scope .cat-info {
  margin-top: 2.5714rem;
  display: grid; grid-template-columns: minmax(0, 1fr) 17.7143rem;
  gap: clamp(1.4286rem, 2.5vw, 2.2857rem);
  padding: clamp(1.4286rem, 2.5vw, 2rem);
  align-items: center;
}
.rg-scope .cat-info__body { display: grid; gap: 0.8571rem; }
.rg-scope .cat-info__body h2 { margin: 0; }
.rg-scope .cat-info__body .rg-caption { margin: 0; }
.rg-scope .cat-info__list { margin: 0.2857rem 0 0; display: grid; gap: 0.8571rem; }
.rg-scope .cat-info__list dt {
  font: 700 0.8229rem/1 var(--rg-font-sans); letter-spacing: .06em;
  text-transform: uppercase; color: var(--rg-gold-label);
}
.rg-scope .cat-info__list dd {
  margin: 0.3429rem 0 0;
  font: 500 1.0286rem/1.55 var(--rg-font-sans); color: #4e5f53;
}
.rg-scope .cat-info__media { margin: 0; }
.rg-scope .cat-info__media img { width: 100%; height: auto; }
@media (max-width: 861px) {
.rg-scope .cat__grid { grid-template-columns: 1fr; }
.rg-scope .filters { position: static; }
.rg-scope .cat-products { grid-template-columns: repeat(2, 1fr); }
.rg-scope .cat-info { grid-template-columns: 1fr; }
.rg-scope .cat-info__media { order: -1; max-width: 22.8571rem; margin-inline: auto; }
}
@media (max-width: 520px) {
.rg-scope .cat-products { grid-template-columns: 1fr; }
.rg-scope .cat-toolbar { flex-direction: column; align-items: flex-start; }
}


/* ── Mobilné doladenie podstránok (produkt / košík / kategória) ── */
@media (max-width: 600px) {
.rg-scope .pdp__grid { gap: 1.7143rem; }
.rg-scope .pdp-tabs__nav { gap: 1.4286rem; }
.rg-scope .pdp-tab { font-size: 1.0286rem; }
.rg-scope .pdp-panel { padding-top: 1.4286rem; }
.rg-scope .pdp-panel p { font-size: 1.0857rem; line-height: 1.7; }
.rg-scope .pdp-price__now { font-size: 2.2857rem; }
.rg-scope .summary { padding: 1.4286rem; }
.rg-scope .cart__count { font-size: 0.9714rem; }
.rg-scope .cat__lead { font-size: 1.0286rem; }
.rg-scope .filters { padding: 0 1.2857rem 1.2857rem; }
.rg-scope .cat-sort .select-wrap, .rg-scope .cat-sort select { width: 100%; }
.rg-scope .cat-pagination { margin-top: 2rem; }
}


/* ══════════════════════════ NOVINKA — BIO SHOT (promo) ══════════════════════════ */
.rg-scope .bioshot-promo { padding-block: clamp(2.2857rem, 5vw, 4.5714rem); }
.rg-scope .bioshot-promo__panel {
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  background: var(--rg-green-deep); color: #fff;
}
.rg-scope .bioshot-promo__media { margin: 0; }
.rg-scope .bioshot-promo__media img {
  width: 100%; height: 100%; min-height: 22.8571rem;
  object-fit: cover; object-position: 50% 50%;
}
.rg-scope .bioshot-promo__copy {
  display: grid; align-content: center; gap: 1.2857rem;
  padding: clamp(2.2857rem, 4vw, 4rem);
}
.rg-scope .bioshot-promo__eyebrow { color: var(--rg-gold-light); }
.rg-scope .bioshot-promo__title { color: #fff; }
.rg-scope .bioshot-promo__text {
  margin: 0; max-width: 29.7143rem;
  font: 400 1.1771rem/1.6 var(--rg-font-sans); color: var(--rg-on-dark-muted-3);
}
.rg-scope .bioshot-promo__sizes { display: flex; flex-wrap: wrap; gap: 0.8571rem; }
.rg-scope .bioshot-promo__sizes li {
  display: grid; gap: 0.2286rem; padding: 0.8rem 1.0857rem;
  background: rgba(255,255,255,.06);
}
.rg-scope .bioshot-promo__sizes strong {
  font: 700 1.1429rem/1 var(--rg-font-sans); color: var(--rg-gold-light);
}
.rg-scope .bioshot-promo__sizes span {
  font: 500 0.8914rem/1 var(--rg-font-sans); color: var(--rg-on-dark-muted-3);
}
.rg-scope .bioshot-promo__actions { display: flex; flex-wrap: wrap; gap: 0.8571rem; margin: 0.4286rem 0 0; }
@media (max-width: 861px) {
.rg-scope .bioshot-promo__panel { grid-template-columns: 1fr; }
.rg-scope .bioshot-promo__media img { min-height: 0; aspect-ratio: 16 / 10; }
}


/* ══════════════════════════ DEGUSTAČNÝ SET ══════════════════════════ */
.rg-scope .set-panel {
  display: grid; grid-template-columns: minmax(0, 1fr) 19.4286rem;
  gap: clamp(1.7143rem, 3vw, 2.8571rem);
  padding: clamp(1.7143rem, 3vw, 2.5714rem);
  align-items: center;
}
.rg-scope .set-panel__body { display: grid; gap: 0.8571rem; }
.rg-scope .set-panel__body h3, .rg-scope .set-panel__body p { margin: 0; }
.rg-scope .set-panel__list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 1rem;
  margin: 0.2857rem 0 0;
}
.rg-scope .set-panel__list li {
  display: flex; align-items: center; gap: 0.5143rem;
  font: 500 1rem/1.35 var(--rg-font-sans); color: #4e5f53;
}
.rg-scope .set-panel__list li::before {
  content: ""; flex: none; width: 0.4286rem; height: 0.4286rem; background: var(--rg-gold);
}
.rg-scope .set-panel__buy {
  display: grid; gap: 0.7143rem; justify-items: start;
  padding: clamp(1.2857rem, 2vw, 1.7143rem);
  background: var(--rg-mint);
}
.rg-scope .set-panel__buy .rg-price-set { margin: 0; }
.rg-scope .set-panel__buy .btn { width: 100%; justify-content: center; }
.rg-scope .set-panel__note, .rg-scope .set-panel__hint { margin: 0; }
.rg-scope .set-panel__note { font: 500 0.9143rem/1.45 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .set-panel__hint { font: 500 0.8571rem/1.4 var(--rg-font-sans); color: var(--rg-muted-4); }
@media (max-width: 700px) {
.rg-scope .set-panel { grid-template-columns: 1fr; }
.rg-scope .set-panel__list { grid-template-columns: 1fr; }
}


/* ── Článok: doplnky pre blogy z 3. kola ──────────────────── */
.rg-scope .chip--new { background: var(--rg-gold); color: var(--rg-white); }
.rg-scope .article__figure { margin: 0 0 clamp(1.7143rem, 3vw, 2.5714rem); }
.rg-scope .article__figure img { width: 100%; height: auto; border-radius: var(--rg-radius-image); }


/* Zvýraznená veta z podkladov (v PDF je tučná) */
.rg-scope .article__note {
  margin: 0 0 1.4286rem; padding: 1rem 1.2857rem;
  background: var(--rg-mint); border-left: 3px solid var(--rg-gold);
  font: 600 1.2143rem/1.6 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .article__h2 { margin: clamp(1.7143rem, 3vw, 2.2857rem) 0 1rem; }
.rg-scope .article__cta { margin-top: clamp(1.7143rem, 3vw, 2.2857rem); }


/* Šesť produktových kariet pod článkom */
.rg-scope .article__products { margin-top: clamp(2.2857rem, 4vw, 3.4286rem); }
.rg-scope .article__products .article__h2 { text-align: center; margin-bottom: 1.4286rem; }
.rg-scope .article__products-grid {
  display: grid; gap: 1.1429rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 861px) {
.rg-scope .article__products-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
.rg-scope .article__products-grid { grid-template-columns: 1fr; }
}


/* ══════════════════════════ NÁŠ PRÍBEH ══════════════════════════ */
/* Klient chce vzdušné rozloženie, neutrálne pozadie a zelené akcenty. */
.rg-scope .sp { position: relative; overflow: hidden; }
.rg-scope .sp .rg-container { position: relative; z-index: 1; }
.rg-scope .sp-head { max-width: 52.5714rem; display: grid; gap: 1.1429rem; }
.rg-scope .sp-head h1 { margin: 0; }
.rg-scope .sp-head p { margin: 0; }
.rg-scope .sp-head a { color: var(--rg-ink-green); border-bottom: 1.5px solid var(--rg-gold); }
.rg-scope .sp-tagline {
  font: 400 1.7143rem/1.35 var(--rg-font-serif); color: var(--rg-gold-label);
  max-width: 38.8571rem;
}
.rg-scope .sp-h { margin: 0; }
.rg-scope .sp-h2 { margin: 0 0 1rem; }


/* Text + fotografia vedľa seba */
.rg-scope .sp-split {
  margin-top: clamp(2.8571rem, 5vw, 5.1429rem);
  display: grid; grid-template-columns: minmax(0, 440fr) minmax(0, 560fr);
  gap: clamp(1.7143rem, 4vw, 4rem); align-items: center;
}
.rg-scope .sp-figure { margin: 0; }
.rg-scope .sp-figure img { width: 100%; height: auto; }
.rg-scope .sp-copy { display: grid; gap: 1rem; }
.rg-scope .sp-copy p { margin: 0; font: 400 1.2143rem/1.75 var(--rg-font-sans); color: var(--rg-muted); }


/* Citát konateľa */
.rg-scope .sp-quote {
  margin: clamp(2.8571rem, 5vw, 5.1429rem) auto 0; max-width: 52.5714rem;
  padding: clamp(2rem, 3vw, 2.8571rem) clamp(1.7143rem, 3vw, 3.1429rem);
  background: var(--rg-mint); border-left: 3px solid var(--rg-gold);
  display: grid; gap: 1.2857rem;
}
.rg-scope .sp-quote blockquote { margin: 0; }
.rg-scope .sp-quote blockquote p {
  margin: 0; position: relative;
  font: 400 1.5714rem/1.5 var(--rg-font-serif); color: var(--rg-ink-green);
}
.rg-scope .sp-quote blockquote p::before { content: "„"; }
.rg-scope .sp-quote blockquote p::after { content: "“"; }
.rg-scope .sp-quote figcaption { display: grid; gap: 0.2286rem; }
.rg-scope .sp-quote figcaption strong {
  font: 700 1.0714rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .sp-quote figcaption span {
  font: 500 0.9286rem/1.2 var(--rg-font-sans); color: var(--rg-muted-4);
}


/* Súvislý text na šírku čítania */
.rg-scope .sp-prose { margin: clamp(2.8571rem, 5vw, 5.1429rem) auto 0; max-width: 52.5714rem; }
.rg-scope .sp-prose p {
  margin: 0 0 1.2857rem; font: 400 1.2143rem/1.75 var(--rg-font-sans); color: var(--rg-muted);
}
.rg-scope .sp-prose p:last-child { margin-bottom: 0; }
.rg-scope .sp-wide { margin: clamp(2rem, 3vw, 2.8571rem) auto 0; max-width: 59.4286rem; }
.rg-scope .sp-wide img { width: 100%; height: auto; }
.rg-scope .sp-wide figcaption { margin-top: 0.8571rem; text-align: center; }


/* Tri súťažné ocenenia — na počítači vedľa seba, na mobile pod sebou */
.rg-scope .sp-awards {
  margin-top: clamp(2rem, 3vw, 2.8571rem);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1429rem;
}
.rg-scope .sp-award { display: grid; gap: 0.7143rem; padding: clamp(1.4286rem, 2.5vw, 2rem); align-content: start; }
.rg-scope .sp-award h3, .rg-scope .sp-award p { margin: 0; }
.rg-scope .sp-award__logo {
  display: grid; place-items: center; overflow: hidden;
  height: 7.4286rem; margin-bottom: 0.4286rem;
}

/* pevná výška + auto šírka — logá majú rôzne pomery strán */
.rg-scope .sp-award__logo img { height: 6.2857rem; width: auto; max-width: 100%; object-fit: contain; }
.rg-scope .sp-award__place {
  font: 700 0.8229rem/1 var(--rg-font-sans); letter-spacing: .06em;
  text-transform: uppercase; color: var(--rg-gold-label);
}


/* BIO certifikácia — oddelene, nie je to súťažné ocenenie */
.rg-scope .sp-bio {
  margin-top: clamp(2rem, 3vw, 2.8571rem);
  display: grid; grid-template-columns: 19.4286rem minmax(0, 1fr);
  gap: clamp(1.4286rem, 3vw, 2.5714rem); align-items: center;
  padding: clamp(1.4286rem, 2.5vw, 2rem);
}
.rg-scope .sp-bio__media { margin: 0; }
.rg-scope .sp-bio__media img { width: 100%; height: auto; }
.rg-scope .sp-bio__copy { display: grid; gap: 0.8571rem; }
.rg-scope .sp-bio__copy h2, .rg-scope .sp-bio__copy p { margin: 0; }
.rg-scope .sp-bio__copy p { font: 400 1.2143rem/1.75 var(--rg-font-sans); color: var(--rg-muted); }
.rg-scope .sp-end {
  margin: clamp(2.8571rem, 5vw, 5.1429rem) auto 0; max-width: 50.2857rem;
  display: grid; gap: 1.1429rem; justify-items: center; text-align: center;
}
.rg-scope .sp-end p { margin: 0; }
.rg-scope .sp-end__cta { margin-top: 0.5714rem; }
@media (max-width: 861px) {
.rg-scope .sp-split { grid-template-columns: 1fr; }
.rg-scope .sp-awards { grid-template-columns: 1fr; }
.rg-scope .sp-bio { grid-template-columns: 1fr; }
.rg-scope .sp-bio__media { max-width: 19.4286rem; margin-inline: auto; }
}
@media (max-width: 600px) {
.rg-scope .sp-tagline { font-size: 1.4286rem; }
.rg-scope .sp-copy p, .rg-scope .sp-prose p, .rg-scope .sp-bio__copy p { font-size: 1.1429rem; }
.rg-scope .sp-quote blockquote p { font-size: 1.3143rem; }
}


/* ══════════════════════════ ZAHRANIČNÍ PARTNERI ══════════════════════════ */
.rg-scope .markets { position: relative; overflow: hidden; }
.rg-scope .markets .rg-container { position: relative; z-index: 1; }
.rg-scope .market-map {
  margin: 0 0 clamp(2rem, 3vw, 2.8571rem);
  padding: clamp(1.1429rem, 2.5vw, 2rem);
  background: var(--rg-green-deep);
}
.rg-scope .market-map svg { display: block; width: 100%; height: auto; }
.rg-scope .market-map figcaption {
  margin-top: 1rem; text-align: center; color: var(--rg-on-dark-muted-3);
}

/* Obrysy krajín: Natural Earth 1:110m (public domain), projekcia
   equirectangular s korekciou cos(47,5°) — pomer strán zodpovedá realite.
   Vygenerované skriptom, viewBox 782×560. */
.rg-scope .market-map__geo path {
  fill: rgba(255,255,255,.045);
  stroke: rgba(255,255,255,.10); stroke-width: .7;
}
.rg-scope .market-map__c--on {
  fill: rgba(232,195,127,.13);
  stroke: rgba(232,195,127,.32); stroke-width: 1;
  transition: fill .25s ease, stroke .25s ease;
}

/* Klikateľná je celá krajina, nie len pin — na mobile má pin polomer ~3 px,
   čo sa prstom netrafí. Obrys krajiny je terč, ktorý sa trafí vždy. */
.rg-scope .market-area { cursor: pointer; }
.rg-scope .market-area:hover .market-map__c--on, .rg-scope .market-area:focus-visible .market-map__c--on {
  fill: rgba(232,195,127,.26);
  stroke: rgba(232,195,127,.6);
}
.rg-scope .market-map__links line {
  stroke: var(--rg-gold); stroke-width: 1.2; stroke-dasharray: 4 5; opacity: .45;
}
.rg-scope .market-pin { cursor: pointer; }
.rg-scope .market-pin__halo { fill: var(--rg-gold); opacity: .12; transition: opacity .3s ease; }
.rg-scope .market-pin__dot {
  fill: var(--rg-gold-light); stroke: var(--rg-green-deep); stroke-width: 2.5;
  transition: fill .3s ease;
}
.rg-scope .market-pin__code {
  font: 700 20px/1 var(--rg-font-sans); fill: var(--rg-cream); letter-spacing: .04em;
}
.rg-scope .market-pin__name {
  font: 500 13px/1 var(--rg-font-sans); fill: var(--rg-on-dark-muted-3);
}
.rg-scope .market-pin:hover .market-pin__halo, .rg-scope .market-pin:focus-visible .market-pin__halo { opacity: .3; }
.rg-scope .market-pin:hover .market-pin__dot { fill: var(--rg-white); }
.rg-scope .market-pin--hub .market-pin__dot { fill: var(--rg-gold); r: 9; }
.rg-scope .market-pin--hub .market-pin__halo { opacity: .22; }
.rg-scope .market-grid {
  display: grid; gap: 1.1429rem;
  grid-template-columns: repeat(auto-fill, minmax(17.1429rem, 1fr));
}
.rg-scope .market-card {
  position: relative;
  display: flex; align-items: center; gap: 1.1429rem;
  padding: 1.2857rem 1.4286rem;
}
.rg-scope .market-card__code {
  margin: 0; flex: none;
  width: 3.4286rem; height: 3.4286rem; display: grid; place-items: center;
  background: var(--rg-mint);
  font: 700 1.2143rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
  letter-spacing: .04em;
}
.rg-scope .market-card__body { display: grid; gap: 0.2286rem; min-width: 0; }
.rg-scope .market-card__body h3, .rg-scope .market-card__body .rg-caption { margin: 0; }
.rg-scope .market-card__link {
  margin-top: 0.4rem;
  display: inline-flex; align-items: center; gap: 0.4rem;
  font: 600 0.9371rem/1.2 var(--rg-font-sans); color: var(--rg-gold);
  border-bottom: 1.5px solid transparent; align-self: start;
  transition: border-color .25s ease;
}
.rg-scope .market-card__link:hover { border-color: var(--rg-gold); }
.rg-scope .market-card__link--soon { color: var(--rg-muted-4); }
.rg-scope .market-note {
  margin-top: clamp(2rem, 3vw, 2.8571rem);
  display: flex; align-items: center; gap: 1rem;
  padding: 1.2857rem 1.4286rem;
}
.rg-scope .market-note .ico { color: var(--rg-gold); flex: none; }
.rg-scope .market-note p { margin: 0; font: 500 1.0286rem/1.55 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .market-note a { color: var(--rg-ink-green); border-bottom: 1.5px solid var(--rg-gold); }


/* Na mobile sa SVG 800×560 zmenší na ~280 px šírky, takže popisky v jednotkách
   viewBoxu klesnú pod čitateľnosť. Necháme len kódy krajín, výrazne zväčšené —
   celé info aj odkazy nesú karty pod mapou. */
@media (max-width: 600px) {

  /* JS zúži viewBox na samotných 7 trhov (0 0 782 560 -> 215 6 448 545),
     takže mapa je na telefóne ~1,8x väčšia. Preto tu už netreba také
     veľké popisky ako pri plnom výreze. */
  .rg-scope .market-pin__code { font-size: 26px; }
.rg-scope .market-pin__name { display: none; }

  /* HU leží tesne pod SK — pri zväčšených popiskoch by sa prekryli */
  .rg-scope .market-pin--hu .market-pin__code { transform: translate(3px, 26px); }
.rg-scope .market-pin__dot { r: 9; stroke-width: 3; }
.rg-scope .market-pin--hub .market-pin__dot { r: 12; }
.rg-scope .market-pin__halo { r: 22; }
.rg-scope .market-map__links line { stroke-width: 1.8; stroke-dasharray: 5 6; }
.rg-scope .market-card { padding: 1.1429rem; gap: 1rem; }
}


/* ══════════════════════════ FOOTER ══════════════════════════ */
.rg-scope .site-footer { background: var(--rg-green-deep); color: var(--rg-on-dark-body); }
.rg-scope .site-footer__grid {
  display: grid; gap: 2.8571rem 2.8571rem;
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
  padding-block: clamp(3.1429rem, 5vw, 5.1429rem) clamp(2.2857rem, 4vw, 3.4286rem);
}
.rg-scope .fcol { display: grid; gap: 2rem; align-content: start; }
.rg-scope .fcol--brand { gap: 1.4286rem; }

/* Logo je jednofarebné, na tmavom footeri ho stačí prebiť na biele */
.rg-scope .fcol__logo { width: 121px; }
.rg-scope .fcol--brand p { font: 400 1rem/1.6 var(--rg-font-sans); color: var(--rg-on-dark-muted); max-width: 19.4286rem; }
.rg-scope .fcol__title {
  font: 700 0.8571rem/1 var(--rg-font-sans); color: var(--rg-gold-light);
  letter-spacing: .06em; text-transform: uppercase;
}
.rg-scope .fcol ul { display: grid; gap: 1.0714rem; }
.rg-scope .fcol ul a { font: 500 1rem/1.2 var(--rg-font-sans); transition: color .25s ease; }
.rg-scope .fcol ul a:hover { color: var(--rg-gold-light); }
.rg-scope .fcol address { display: grid; gap: 0.8571rem; font-style: normal; }
.rg-scope .fcol address strong { font: 600 1rem/1.2 var(--rg-font-sans); color: #fff; }
.rg-scope .fcol address span, .rg-scope .fcol address a { font: 500 1rem/1.5 var(--rg-font-sans); }
.rg-scope .fcol address a:hover { color: var(--rg-gold-light); }
.rg-scope .social { display: flex; gap: 0.7143rem; }
.rg-scope .social a {
  display: grid; place-items: center; width: 2.8571rem; height: 2.8571rem;
  background: rgba(255,255,255,.07); transition: background-color .25s ease;
}
.rg-scope .social a:hover { background: rgba(255,255,255,.16); }
.rg-scope .site-footer__bar { border-top: 1px solid var(--rg-border-on-dark); }
.rg-scope .site-footer__bar-inner {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5714rem 1.7143rem;
  padding-block: 1.4286rem;
  font: 500 0.8914rem/1.4 var(--rg-font-sans); color: var(--rg-on-dark-muted-3);
}
@media (max-width: 861px) {
.rg-scope .site-footer__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
.rg-scope .site-footer__grid { grid-template-columns: 1fr; }
}


/* ══════════════════════════ REVEAL ON SCROLL ══════════════════════════ */
/* POZOR na poradie: trieda .js je na <html>, teda NAD .rg-scope. Selektor
   musí byť `.js .rg-scope [data-reveal]`, nie naopak — inak nesedí nikdy
   a animácie sa ticho nespustia. */
/* Skrytý stav nastavuje LEN JS (trieda .js na <html>). Bez JS — alebo keď
   IntersectionObserver zlyhá — je obsah viditeľný. Nikdy nesmie ostať
   neviditeľný text len preto, že sa nespustila animácia. */
.js .rg-scope [data-reveal] {
  opacity: 0; transform: translateY(1.7143rem);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);
}
.js .rg-scope [data-reveal].is-in { opacity: 1; transform: none; }

/* Prvky, ktoré majú reveal aj parallax (plávajúce karty v hero), by si inak
   transform prepisovali navzájom a pri scrollovaní poskakovali. Transform
   preto patrí parallaxu (premenná --rg-par, zapisuje ju JS) a reveal na nich
   animuje len priehľadnosť. */
.js .rg-scope [data-reveal][data-parallax],
.js .rg-scope [data-reveal][data-parallax].is-in {
  transform: translate3d(0, var(--rg-par, 0px), 0);
}
.js .rg-scope [data-reveal][data-parallax] { transition: opacity .7s ease; }
.rg-scope [data-reveal-delay="1"] { transition-delay: .09s; }
.rg-scope [data-reveal-delay="2"] { transition-delay: .18s; }
.rg-scope [data-reveal-delay="3"] { transition-delay: .27s; }
.rg-scope [data-reveal-delay="4"] { transition-delay: .36s; }


/* ══════════════════════════ REDUKOVANÝ POHYB ══════════════════════════ */
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
.rg-scope [data-reveal] { opacity: 1; transform: none; }
.rg-scope .ingredient:hover { transform: none; }
}

/* ══════════════════════════ PORT DO PRESTASHOPU ══════════════════════════ */
/* Kontajnery, cez ktoré moduly vkladajú markup — musia v DOM ostať,
   ale v našom dizajne sa nezobrazujú. */
.rg-hidden-hook { display: none !important; }

/* Rozbaľovacie hľadanie v hlavičke */
.rg-scope .rg-search {
  display: flex; gap: 0.5714rem; align-items: center;
  max-width: var(--rg-container); margin-inline: auto;
  padding: 0 var(--rg-gutter) 1.1429rem;
}
.rg-scope .rg-search input {
  flex: 1; padding: 0.8rem 1.0286rem;
  background: var(--rg-white); border: 1px solid var(--rg-border-strong);
  font: 400 1.0857rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .rg-search input:focus { outline: 2px solid var(--rg-gold); outline-offset: -2px; }

/* Ecco Bella vlastnú hlavičku a pätičku už nekreslí — nahradili sme ich. */
.header-nav, .header-top, .header-banner:empty { display: none; }

/* Modulové hooky v pätičke — markup musí ostať (skripty), vizuál nie. */
.rg-module-hooks { display: none; }

/* Pôvodné sekcie materskej témy, ktoré náš dizajn nahrádza.
   Markup ostáva v DOM (moduly cez neho vkladajú skripty), len sa nekreslí. */
[class*="an_homeslider"],
.an_advantages, .an_homeproducts, .an_about_us, .an_brandslider,
.header-nav, .header-top { display: none !important; }

/* ══════════════════════════ PLNÁ ŠÍRKA ══════════════════════════ */
/* Ecco Bella obaľuje obsah do .container s pevnou šírkou (1140 px).
   Statický dizajn má farebné pásy cez celú šírku okna a obsah v nich drží
   .rg-container na 1084 px. Namiesto vylamovania cez 100vw (to počíta aj
   scrollbar a spôsobí pretečenie o jeho šírku) zrušíme obmedzenie na
   rodičovskom kontajneri — sekcie tak dostanú presne šírku dokumentu. */
.container:has(#content.rg-scope) {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* !important kvôli `#product #content{max-width:540px}` z materskej témy (vyššia špecificita) */
#content.rg-scope { width: auto !important; max-width: none !important; padding: 0; }

/* Poistka pre prehliadače bez :has() — vylomenie cez viewport.
   Šírku scrollbara dopočíta JS do --rg-sb. */
@supports not selector(:has(*)) {
  #content.rg-scope {
    width: calc(100vw - var(--rg-sb, 0px));
    margin-left: calc(50% - 50vw + var(--rg-sb, 0px) / 2);
  }
}

.rg-scope > .topbar,
.rg-scope > .site-header,
.rg-scope > .site-footer { width: 100%; }

/* Sprite je v šablóne nad .rg-scope, preto musí byť skrytý globálne.
   Bez toho sa kreslí ako 150 px vysoký prázdny blok nad hlavičkou. */
svg.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* Kategória bez filtrov — výpis cez celú šírku namiesto prázdneho sidebaru */
.rg-scope .cat__grid--bez-filtrov { grid-template-columns: 1fr; }

/* Breadcrumb materskej témy — kreslíme vlastný (.crumbs) */
.breadcrumb, nav[aria-label="breadcrumb"] { display: none !important; }
.rg-scope .crumbs { display: flex; }

/* Po zrušení paddingu na .container začnú pretekať záporné okraje
   bootstrapového .row (-15 px z každej strany). Pre stránky s naším
   obsahom ich vynulujeme, inak vzniká vodorovný scroll o 30 px. */
.container:has(#content.rg-scope) > .row,
.container:has(#content.rg-scope) .row > [class*="col-"] { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.container:has(#content.rg-scope) .left-column,
.container:has(#content.rg-scope) .right-column { padding-left: 0; padding-right: 0; }

/* Breadcrumb materskej témy vo všetkých podobách */
[class*="breadcrumb"]:not(.crumbs) { display: none !important; }

/* ══════════════ FILTRE V KATEGÓRII ══════════════ */
/* Markup si téma kreslí sama (facets.tpl), tu dolaďujeme len to, čo pridáva
   modul alebo jQuery UI. Základné .filters__group / .filter-check / .price-slider
   sú vyššie, prevzaté zo statického návrhu. */
.rg-scope .filters__group:last-of-type { border-bottom: 0; padding-bottom: 0; }
.rg-scope .filter-check a { color: inherit; text-decoration: none; }
.rg-scope .filter-check:hover { color: var(--rg-ink-green); }
.rg-scope .filter-check.is-active { color: var(--rg-ink-green); font-weight: 600; }

/* Cenový posuvník: jQuery UI kreslí .ui-slider-range a dve .ui-slider-handle,
   obliekame ich do vzhľadu .price-slider__fill a .price-slider__handle. */
.rg-scope .faceted-slider,
.rg-scope .faceted-slider li { margin: 0; padding: 0; list-style: none; }
#search_filters .price-slider.ui-slider {
  position: relative; height: 5px; margin: .5rem .5rem 0;
  background: rgba(30, 58, 43, .12); border: 0; border-radius: 0;
}
/* jQuery UI pridáva aj .ui-widget-header a .ui-state-default, ktoré majú
   v materskej téme sivé farby — preto sú v selektore aj ony. */
/* materské `#search_filters .ui-widget-header` je ID selektor, preto ho
   musíme prebiť tiež cez #search_filters */
#search_filters .price-slider .ui-slider-range,
#search_filters .price-slider .ui-slider-range.ui-widget-header {
  position: absolute; top: 0; height: 5px;
  background: var(--rg-gold); border: 0; border-radius: 0;
}
#search_filters .price-slider .ui-slider-handle,
#search_filters .price-slider .ui-slider-handle.ui-state-default,
#search_filters .price-slider a.ui-slider-handle {
  position: absolute; top: 50%; width: 14px; height: 14px; margin-left: -7px;
  background: var(--rg-white); border: 2px solid var(--rg-gold); border-radius: 0;
  box-shadow: 0 3px 8px rgba(30, 58, 43, .4);
  transform: translateY(-50%);
  cursor: grab; outline: 0;
}
#search_filters .price-slider .ui-slider-handle:active { cursor: grabbing; }
#search_filters .price-slider .ui-slider-handle:focus-visible { outline: 2px solid var(--rg-ink-green); outline-offset: 2px; }

/* modul vypisuje rozsah ako jeden text („5,00 € - 14,00 €"), nie ako dve hodnoty */
.rg-scope .price-range {
  display: block; margin-top: 1rem; text-align: center;
  font: 600 .8125rem/1.2 var(--rg-font-sans); color: #4e5f53;
}

/* zrušenie filtrov */
.rg-scope .clear-all-wrapper { padding-top: 1.125rem; }
.js-search-filters-clear-all {
  display: inline-flex !important; padding: 0 !important; border: 0 !important;
  background: none !important; font-size: 0 !important;
  color: var(--rg-muted-4) !important; text-transform: none !important; cursor: pointer;
}
.js-search-filters-clear-all::after {
  content: "Zrušiť filtre";
  font: 500 .85rem/1 var(--rg-font-sans); text-decoration: underline;
}
.js-search-filters-clear-all:hover::after { color: var(--rg-ink-green); }
.js-search-filters-clear-all .material-icons { display: none; }

/* aktívne filtre nad výpisom */
.filters__active { padding-bottom: .875rem; }
.filters__active ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.filters__active .filter-block {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .3rem .55rem; margin: 0 .35rem .35rem 0;
  background: var(--rg-mint);
  font: 500 .8rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.filters__active .filter-block a { display: inline-flex; color: inherit; opacity: .6; }
.filters__active .filter-block a:hover { opacity: 1; }
.filters__active .filter-block .material-icons { display: none; }
.filters__active .filter-block a::after { content: "×"; font: 700 1rem/1 var(--rg-font-sans); }
#js-active-search-filters > .h6 { display: none; }

/* ══════════════ DETAIL PRODUKTU — PRESTASHOPOVSKÉ ČASTI ══════════════ */
/* Množstvo a tlačidlo do košíka necháme na pôvodných partials (bootstrap-touchspin
   + AJAX košík), len im dáme vzhľad zo statického návrhu. */
.rg-scope .pdp-buy .product-add-to-cart { display: grid; gap: .875rem; }
.rg-scope .pdp-buy .product-quantity { display: flex; align-items: center; gap: .875rem; }
.rg-scope .pdp-buy .quantity_availability { display: flex; align-items: center; gap: .875rem; }

.rg-scope .pdp-buy .bootstrap-touchspin {
  display: inline-flex; align-items: center;
  border: 1px solid var(--rg-border-faq); background: #fff;
}
/* materské `.product-add-to-cart .qty .input-group .input-group-btn > .btn`
   má vyššiu špecificitu, preto ju tu musíme prekonať */
.rg-scope .pdp-buy .product-add-to-cart .input-group-btn > .btn-touchspin,
.rg-scope .pdp-buy .btn-touchspin {
  width: 2.75rem; height: 2.75rem; padding: 0; border: 0; background: none;
  font: 400 1.25rem/1 var(--rg-font-sans); color: var(--rg-ink-green); cursor: pointer;
}
.rg-scope .pdp-buy .btn-touchspin:hover { background: var(--rg-mint); }
.rg-scope .pdp-buy #quantity_wanted {
  width: 3rem; height: 2.75rem; padding: 0; border: 0; background: none;
  text-align: center; font: 600 1rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .pdp-buy .bootstrap-touchspin-prefix,
.rg-scope .pdp-buy .bootstrap-touchspin-postfix { display: none !important; }

/* „Add to cart" je nepreložený reťazec — preklápame ho cez ::after */
.rg-scope .pdp-buy .add-to-cart {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 2.75rem; padding: 0 1.5rem; border: 0; border-radius: 0;
  background: var(--rg-gold) !important; color: #fff; font-size: 0 !important;
  text-transform: none; cursor: pointer; transition: background .2s ease;
}
.rg-scope .pdp-buy .add-to-cart::after {
  content: "Do košíka";
  font: 600 .95rem/1 var(--rg-font-sans); letter-spacing: .01em;
}
.rg-scope .pdp-buy .add-to-cart:hover:not([disabled]) { background: #a8721f; }
.rg-scope .pdp-buy .add-to-cart[disabled] { opacity: .5; cursor: not-allowed; }
/* dostupnosť vypisujeme vyššie vo vlastnom .pdp-stock — tu by bola druhýkrát */
.rg-scope .pdp-buy .product-availability-wrap { display: none; }
.rg-scope .pdp-buy .product-minimal-quantity { margin: 0; font: 500 .85rem/1.4 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .pdp-buy .product-minimal-quantity:empty { display: none; }

/* varianty (kombinácie) */
.rg-scope .product-variants { display: grid; gap: .75rem; margin-bottom: 1.25rem; }
.rg-scope .product-variants .control-label {
  display: block; margin-bottom: .35rem;
  font: 600 .85rem/1.2 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .product-variants .form-control-select {
  height: 2.75rem; padding: 0 .75rem;
  border: 1px solid var(--rg-border-faq); background: #fff;
  font: 500 .9rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}

/* tabuľka vlastností v tabe */
.rg-scope .pdp-specs { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 2rem; margin: 0; }
.rg-scope .pdp-specs dt { font: 600 .9rem/1.4 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .pdp-specs dd { margin: 0; font: 400 .9rem/1.4 var(--rg-font-sans); color: #4e5f53; }

.rg-scope .pdp-price__old { margin-left: .5rem; color: var(--rg-muted-4); }

/* ══════════════ KOŠÍK — PRESTASHOPOVSKÉ ČASTI ══════════════ */
.rg-scope .cart-item .js-cart-line-product-quantity {
  width: 2.5rem; height: 2.25rem; padding: 0; border: 0; background: none;
  text-align: center; font: 600 .9rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .cart-item .qty--sm .bootstrap-touchspin { display: inline-flex; align-items: center; border: 1px solid var(--rg-border-faq); background: #fff; }
.rg-scope .cart-item .qty--sm .input-group-btn > .btn-touchspin,
.rg-scope .cart-item .qty--sm .btn-touchspin {
  width: 2.25rem; height: 2.25rem; padding: 0; border: 0; background: none;
  font: 400 1.125rem/1 var(--rg-font-sans); color: var(--rg-ink-green); cursor: pointer;
}
.rg-scope .cart-item .qty--sm .btn-touchspin:hover { background: var(--rg-mint); }
.rg-scope .cart-item .bootstrap-touchspin-prefix,
.rg-scope .cart-item .bootstrap-touchspin-postfix { display: none !important; }
.rg-scope .cart-empty-note { margin: 0; padding: 2rem 0; color: var(--rg-muted-4); }

/* zľavový kupón v súhrne */
.rg-scope .summary .block-promo { margin: 1rem 0; }
.rg-scope .summary .promo-code-button,
.rg-scope .summary .promo-code .collapse-button {
  font: 500 .85rem/1.4 var(--rg-font-sans); color: var(--rg-gold); text-decoration: underline; cursor: pointer;
}
.rg-scope .summary .promo-input {
  width: 100%; height: 2.5rem; padding: 0 .75rem;
  border: 1px solid var(--rg-border-faq); background: #fff;
  font: 400 .9rem/1 var(--rg-font-sans);
}
.rg-scope .summary .promo-name { margin: 0 0 .5rem; padding: 0; list-style: none; font: 500 .85rem/1.4 var(--rg-font-sans); }
.rg-scope .summary .promo-name .cart-summary-line { display: flex; justify-content: space-between; gap: .5rem; }
.rg-scope .summary .summary__note {
  margin: 0 0 .75rem; padding: .625rem .75rem;
  background: #fdf3e3; font: 500 .8rem/1.45 var(--rg-font-sans); color: #7a5a1c;
}
.rg-scope .summary__checkout.is-disabled { opacity: .45; pointer-events: none; }

/* ══════════════ POKLADŇA ══════════════ */
/* Kroky renderuje PrestaShop (checkout-step / step-title / content).
   Markup nechávame tak, ako je, len mu dávame vzhľad návrhu. */
/* min-width:0 — bez neho by grid položku roztiahol najširší prvok vnútri
   kroku (tabuľky dopravcov) a krok by prerástol cez súhrn objednávky */
.rg-scope .checkout-steps-wrap { display: grid; gap: 1rem; min-width: 0; }
.rg-scope .checkout-steps-wrap > *,
.rg-scope .checkout-step .content { min-width: 0; }
.rg-scope .checkout-step table { width: 100%; }
.rg-scope .checkout-step .step-title { min-width: 0; flex-wrap: wrap; }

.rg-scope .checkout-step {
  background: #fff;
  border: 1px solid var(--rg-border-faq);
  padding: 1.5rem;
}
.rg-scope .checkout-step .step-title {
  display: flex; align-items: center; gap: .625rem; margin: 0;
  font: 600 1.125rem/1.3 var(--rg-font-serif); color: var(--rg-ink-green);
}
.rg-scope .checkout-step.-reachable:not(.-current) .step-title { cursor: pointer; }
.rg-scope .checkout-step .step-number { font-variant-numeric: tabular-nums; }
.rg-scope .checkout-step .step-edit,
.rg-scope .checkout-step .done { margin-left: auto; color: var(--rg-gold); font-size: 1.125rem; }
.rg-scope .checkout-step:not(.-current) .content { display: none; }
.rg-scope .checkout-step .content { padding-top: 1.25rem; }

/* prepínač Hosť / Prihlásiť sa */
.rg-scope .checkout-step .nav-inline { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.25rem; padding: 0; list-style: none; }
.rg-scope .checkout-step .nav-link {
  padding: 0; border: 0; background: none;
  font: 600 .95rem/1.3 var(--rg-font-sans); color: var(--rg-muted-4);
}
.rg-scope .checkout-step .nav-link.active { color: var(--rg-ink-green); }
.rg-scope .checkout-step .nav-separator { color: var(--rg-border-faq); }

/* formuláre */
.rg-scope .checkout-step .form-group { display: grid; gap: .35rem; margin: 0 0 1.125rem; }
.rg-scope .checkout-step .form-group > [class*="col-"] { max-width: none; flex: none; padding: 0; }
.rg-scope .checkout-step .form-control-label {
  padding: 0; font: 600 .85rem/1.3 var(--rg-font-sans); color: var(--rg-ink-green); text-align: left;
}
.rg-scope .checkout-step .form-control,
.rg-scope .checkout-step select.form-control {
  width: 100%; height: 2.75rem; padding: 0 .875rem;
  border: 1px solid var(--rg-border-faq); border-radius: 0; background: #fff;
  font: 400 .95rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .checkout-step textarea.form-control { height: auto; padding: .75rem .875rem; line-height: 1.5; }
.rg-scope .checkout-step .form-control:focus { outline: 2px solid var(--rg-gold); outline-offset: -2px; }
.rg-scope .checkout-step .form-control-comment,
.rg-scope .checkout-step .form-control-static-comment {
  margin: 0; font: 400 .8rem/1.4 var(--rg-font-sans); color: var(--rg-muted-4);
}
/* PrestaShop si povinné polia značí sám cez <sup>*</sup> — len ho prilepíme
   k popisku, aby hviezdička nevisela na samostatnom riadku */
.rg-scope .checkout-step .form-group sup,
.rg-scope .checkout-step .form-control-label sup { color: #a2432f; }
.rg-scope .checkout-step .form-group > sup { display: none; }
.rg-scope .checkout-step .form-control-label { display: inline-flex; gap: .15rem; align-items: flex-start; }
.rg-scope .checkout-step .form-group-radio .form-control-valign { display: flex; gap: 1.25rem; }
.rg-scope .checkout-step .radio-inline { display: inline-flex; align-items: center; gap: .4rem; font: 400 .95rem/1 var(--rg-font-sans); }
.rg-scope .checkout-step .custom-radio input[type="radio"] { appearance: auto; width: 1rem; height: 1rem; accent-color: var(--rg-green); }
.rg-scope .checkout-step .custom-radio span:not(.sr-only) { display: none; }
.rg-scope .checkout-step .input-group { display: flex; }
.rg-scope .checkout-step .input-group .form-control { flex: 1; }
.rg-scope .checkout-step .input-group-btn .btn {
  height: 2.75rem; padding: 0 .75rem; border: 1px solid var(--rg-border-faq); border-left: 0;
  background: #fff; color: var(--rg-muted-4);
}

/* doprava a platba — zoznam možností */
.rg-scope .checkout-step .delivery-option,
.rg-scope .checkout-step .payment-option {
  display: flex; align-items: center; gap: .75rem;
  margin: 0 0 .625rem; padding: .875rem 1rem;
  border: 1px solid var(--rg-border-faq); background: #fff;
}
.rg-scope .checkout-step .delivery-option:hover,
.rg-scope .checkout-step .payment-option:hover { border-color: var(--rg-gold); }
.rg-scope .checkout-step .delivery-option label,
.rg-scope .checkout-step .payment-option label { margin: 0; cursor: pointer; }
.rg-scope .checkout-step .carrier-name { font: 600 .95rem/1.3 var(--rg-font-sans); color: var(--rg-ink-green); }
.rg-scope .checkout-step .carrier-delay,
.rg-scope .checkout-step .carrier-price { font: 500 .85rem/1.3 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .checkout-step .carrier-price { margin-left: auto; color: var(--rg-ink-green); }

/* pokračovacie tlačidlo kroku */
.rg-scope .checkout-step .continue,
.rg-scope .checkout-step button[name="confirmDeliveryOption"],
.rg-scope .checkout-step #payment-confirmation .btn-primary {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 2.75rem; padding: 0 1.75rem; border: 0; border-radius: 0;
  background: var(--rg-green-deep); color: var(--rg-cream);
  font: 600 .95rem/1 var(--rg-font-sans); cursor: pointer;
  transition: background .2s ease;
}
.rg-scope .checkout-step .continue:hover,
.rg-scope .checkout-step #payment-confirmation .btn-primary:hover { background: #0d1a12; }
.rg-scope .checkout-step .btn-primary[disabled] { opacity: .45; cursor: not-allowed; }

/* adresy */
.rg-scope .checkout-step .address-item {
  padding: 1rem; margin: 0 0 .75rem;
  border: 1px solid var(--rg-border-faq); background: #fff;
}
.rg-scope .checkout-step .address-item.selected { border-color: var(--rg-gold); }
.rg-scope .checkout-step .address-footer { display: flex; gap: 1rem; margin-top: .5rem; font-size: .85rem; }

/* súhrn v pokladni */
.rg-scope .summary__products { margin: 0 0 1rem; }
.rg-scope .summary__products-head {
  cursor: pointer; list-style: none;
  font: 600 .9rem/1.3 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .summary__products-head::-webkit-details-marker { display: none; }
.rg-scope .summary__products-head::after { content: " ▾"; color: var(--rg-muted-4); }
.rg-scope .summary__products[open] .summary__products-head::after { content: " ▴"; }
.rg-scope .summary__list { margin: .75rem 0 0; padding: 0; list-style: none; display: grid; gap: .5rem; }
.rg-scope .summary__item { display: flex; gap: .5rem; font: 400 .85rem/1.35 var(--rg-font-sans); color: #4e5f53; }
.rg-scope .summary__item-qty { color: var(--rg-muted-4); }
.rg-scope .summary__item-price { margin-left: auto; white-space: nowrap; color: var(--rg-ink-green); }
.rg-scope .summary__tax { margin: .5rem 0 0; font: 400 .8rem/1.3 var(--rg-font-sans); color: var(--rg-muted-4); }

/* upozornenia a chyby */
.rg-scope .checkout-step .alert,
.rg-scope .checkout-step .js-invalid-address {
  padding: .75rem 1rem; margin: 0 0 1rem;
  background: #fdf3e3; border: 0;
  font: 500 .85rem/1.45 var(--rg-font-sans); color: #7a5a1c;
}
.rg-scope .checkout-step .help-block li,
.rg-scope .checkout-step .form-error { color: #a2432f; font-size: .8rem; }
/* bootstrapové .row má záporné okraje −15 px — v úzkom stĺpci kroku preteká */
.rg-scope .checkout-step .row { margin-left: 0; margin-right: 0; }
.rg-scope .checkout-step .row > [class*="col-"] { padding-left: 0; padding-right: 0; }

/* rekapitulácia pred potvrdením objednávky */
.rg-scope #order-summary-content { padding-top: 1.25rem; }
.rg-scope #order-summary-content .h4,
.rg-scope #order-summary-content h4 {
  margin: 0 0 .5rem;
  font: 600 1rem/1.3 var(--rg-font-serif); color: var(--rg-ink-green);
}
.rg-scope #order-summary-content .step-edit {
  margin-left: .5rem; font: 500 .8rem/1 var(--rg-font-sans); color: var(--rg-gold);
}
.rg-scope #order-summary-content address,
.rg-scope #order-summary-content .address {
  margin: 0; padding: .875rem 1rem;
  border: 1px solid var(--rg-border-faq); background: var(--rg-cream);
  font: 400 .875rem/1.5 var(--rg-font-sans); font-style: normal; color: #4e5f53;
}
.rg-scope .checkout-step .condition-label { display: flex; align-items: flex-start; gap: .5rem; }
.rg-scope .checkout-step .condition-label input[type="checkbox"] { appearance: auto; margin-top: .15rem; accent-color: var(--rg-green); }
.rg-scope .checkout-step .payment-option input[type="radio"] { appearance: auto; accent-color: var(--rg-green); }
.rg-scope .checkout-step .delivery-option input[type="radio"] { appearance: auto; accent-color: var(--rg-green); }
/* Materská téma kreslí nad obsah vlastný nadpis stránky. Tam, kde máme vlastný
   layout, by bol nadpis dvakrát — preto ho na týchto stránkach skrývame. */
body:has(#content.rg-scope) > main > section > .page-header,
body:has(#content.rg-scope) .page-header:not(.rg-scope .page-header) { display: none !important; }

/* ══════════════ KONTAKTNÝ FORMULÁR (modul contactform) ══════════════ */
/* Pasca na roboty — pole musí v HTML zostať, ale nesmie byť vidieť ani
   dosiahnuteľné tabulátorom. */
.rg-scope .rg-honeypot {
  position: absolute !important; left: -9999px !important;
  width: 1px !important; height: 1px !important; opacity: 0 !important;
}
.rg-scope .contact__hlaska {
  margin: 0 0 1.25rem; padding: .875rem 1rem;
  background: var(--rg-mint);
  font: 500 .9rem/1.45 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .contact__hlaska--chyba { background: #fdecea; color: #8c2f21; }
.rg-scope .contact__hlaska p { margin: 0; }
.rg-scope .contact__form input[type="file"] {
  width: 100%; padding: .625rem .75rem;
  border: 1px solid var(--rg-border-faq); background: #fff;
  font: 400 .85rem/1.3 var(--rg-font-sans);
}
/* materská téma zarovnáva všetky <label> doprava */
.rg-scope label,
.rg-scope .label { text-align: left; }

/* ══════════════ ZÁKAZNÍCKY ÚČET ══════════════ */
/* Formuláre aj obsah renderuje PrestaShop — markup nemeníme, len obliekame.
   Platí pre prihlásenie, registráciu, prehľad účtu, objednávky, adresy
   aj osobné údaje, lebo všetky dedia z customer/page.tpl. */
.rg-scope .ucet { position: relative; overflow: hidden; }
.rg-scope .ucet__head { display: grid; gap: .75rem; margin-bottom: clamp(1.75rem, 3vw, 2.5rem); }
.rg-scope .ucet__head--uzke { max-width: 34rem; }

.rg-scope .ucet__karta {
  max-width: 34rem; padding: clamp(1.5rem, 3vw, 2.25rem);
  background: #fff; border: 1px solid var(--rg-border-faq);
}
.rg-scope .ucet__telo { display: grid; gap: 1rem; }
.rg-scope .ucet__spat { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }

/* formuláre */
.rg-scope .ucet .form-group { display: grid; gap: .35rem; margin: 0 0 1.125rem; }
.rg-scope .ucet .form-group .row { display: block; margin: 0; }
.rg-scope .ucet .form-group > [class*="col-"],
.rg-scope .ucet .form-group .row > [class*="col-"] { max-width: none; flex: none; padding: 0; width: auto; }
.rg-scope .ucet .form-control-label {
  display: block; padding: 0; text-align: left;
  font: 600 .85rem/1.3 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .ucet .form-control,
.rg-scope .ucet select.form-control {
  width: 100%; height: 2.75rem; padding: 0 .875rem;
  border: 1px solid var(--rg-border-faq); border-radius: 0; background: #fff;
  font: 400 .95rem/1 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .ucet textarea.form-control { height: auto; padding: .75rem .875rem; line-height: 1.5; }
.rg-scope .ucet .form-control:focus { outline: 2px solid var(--rg-gold); outline-offset: -2px; }
.rg-scope .ucet .input-group { display: flex; }
.rg-scope .ucet .input-group .form-control { flex: 1; }
.rg-scope .ucet .input-group-btn .btn {
  height: 2.75rem; padding: 0 .75rem; border: 1px solid var(--rg-border-faq); border-left: 0;
  background: #fff; color: var(--rg-muted-4);
}
.rg-scope .ucet .form-control-comment { margin: 0; font: 400 .8rem/1.4 var(--rg-font-sans); color: var(--rg-muted-4); }
.rg-scope .ucet .form-group sup { color: #a2432f; }
.rg-scope .ucet input[type="checkbox"],
.rg-scope .ucet input[type="radio"] { appearance: auto; accent-color: var(--rg-green); }

/* tlačidlá a odkazy */
.rg-scope .ucet .form-footer { margin-top: 1.5rem; }
.rg-scope .ucet .btn-primary,
.rg-scope .ucet button[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 2.75rem; padding: 0 1.75rem; border: 0; border-radius: 0;
  background: var(--rg-green-deep); color: var(--rg-cream);
  font: 600 .95rem/1 var(--rg-font-sans); text-transform: none; cursor: pointer;
  transition: background .2s ease;
}
.rg-scope .ucet .btn-primary:hover,
.rg-scope .ucet button[type="submit"]:hover { background: #0d1a12; }
.rg-scope .ucet .login-form-forgot,
.rg-scope .ucet .no-account { margin: .75rem 0 0; font: 500 .875rem/1.5 var(--rg-font-sans); }
.rg-scope .ucet .forgot-password a,
.rg-scope .ucet .no-account a { color: var(--rg-gold); text-decoration: underline; }
.rg-scope .ucet .ucet__karta .container { padding: 0; }

/* prehľad účtu — dlaždice s odkazmi */
.rg-scope .ucet .links,
.rg-scope .ucet #identity-link ~ * { list-style: none; }
.rg-scope .ucet .links { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; margin: 0; padding: 0; }
.rg-scope .ucet .links a {
  display: flex; align-items: center; gap: .75rem;
  padding: 1.125rem 1.25rem; background: #fff;
  border: 1px solid var(--rg-border-faq);
  font: 600 .95rem/1.3 var(--rg-font-sans); color: var(--rg-ink-green);
  transition: border-color .2s ease;
}
.rg-scope .ucet .links a:hover { border-color: var(--rg-gold); }
.rg-scope .ucet .links a i,
.rg-scope .ucet .links a .material-icons { color: var(--rg-gold); }

/* tabuľky objednávok a adries */
.rg-scope .ucet table { width: 100%; border-collapse: collapse; background: #fff; }
.rg-scope .ucet table th,
.rg-scope .ucet table td {
  padding: .75rem .875rem; border-bottom: 1px solid var(--rg-border-faq);
  font: 400 .9rem/1.4 var(--rg-font-sans); text-align: left;
}
.rg-scope .ucet table th { font-weight: 600; color: var(--rg-ink-green); background: var(--rg-cream); }
.rg-scope .ucet .table-responsive { overflow-x: auto; }

.rg-scope .ucet .alert,
.rg-scope .ucet .notification {
  padding: .75rem 1rem; margin: 0 0 1rem; border: 0;
  background: var(--rg-mint); font: 500 .875rem/1.45 var(--rg-font-sans); color: var(--rg-ink-green);
}
.rg-scope .ucet .alert-danger,
.rg-scope .ucet .notification-error { background: #fdecea; color: #8c2f21; }
/* Formulárové stránky účtu (osobné údaje, adresa) dostanú rovnakú kartu
   ako prihlásenie; výpisy s tabuľkami zostávajú na plnú šírku. */
.rg-scope .ucet__telo > form,
.rg-scope .ucet__telo > section > form,
.rg-scope .ucet__telo .address-form form,
.rg-scope .ucet__telo > .js-customer-form {
  max-width: 44rem; padding: clamp(1.5rem, 3vw, 2.25rem);
  background: #fff; border: 1px solid var(--rg-border-faq);
}
.rg-scope .ucet__telo > form .form-footer { margin-bottom: 0; }

/* Naše ikony sa objavia aj mimo .rg-scope — napríklad v odkazoch pod obsahom
   účtu, keď stránku renderuje modul s vlastným layoutom (zoznam prianí).
   Bez rozmerov by SVG nabehlo v pôvodnej veľkosti a roztiahlo stránku. */
svg.ico { width: 1.7143rem; height: 1.7143rem; fill: currentColor; flex: none; }
svg.ico--15 { width: 15px; height: 15px; }
svg.ico--16 { width: 16px; height: 16px; }
svg.ico--18 { width: 18px; height: 18px; }
svg.ico--20 { width: 20px; height: 20px; }
svg.ico--21 { width: 21px; height: 21px; }
svg.ico--22 { width: 22px; height: 22px; }
svg.ico--30 { width: 30px; height: 30px; }

/* ══════════════ PARALLAX V HERO ══════════════ */
/* Prvá voľba je natívny posun viazaný na rolovanie — beží priamo na
   kompozítore, takže je úplne plynulý. JavaScript vždy zaostáva o jeden
   snímok (stránka sa posunie skôr, než stihne zareagovať) a karty potom
   poskakujú. Používame vlastnosť `translate`, nie `transform`, aby sa
   nebila s nábehovou animáciou prvku. */
@keyframes rg-parallax { to { translate: 0 var(--rg-par-koniec, 0); } }

@supports (animation-timeline: scroll()) {
  .js .rg-scope [data-parallax] {
    animation: rg-parallax linear both;
    animation-timeline: scroll(root block);
    /* Rozsah je pevný v px, nie vo vh — inak by rýchlosť posunu kolísala
       podľa výšky okna. Koncová hodnota = rýchlosť × 1000 px rolovania,
       rovnaké čísla ako mal pôvodný JS (0,06 / −0,11 / −0,16). */
    animation-range: 0 1000px;
  }
  .js .rg-scope .hero-slider            { --rg-par-koniec:   60px; }
  .js .rg-scope .float-card--pharmacies { --rg-par-koniec: -110px; }
  .js .rg-scope .float-card--ginger     { --rg-par-koniec: -160px; }

  /* premennú z JS už netreba — necháme prvky na natívnej animácii */
  .js .rg-scope [data-reveal][data-parallax],
  .js .rg-scope [data-reveal][data-parallax].is-in { transform: none; }
  .js .rg-scope .hero-slider { transform: none; }
}
/* Materská téma štýluje #js-product-list-top vlastným sivým pruhom. Odkedy má
   náš toolbar toto id (kvôli prekresľovaniu pri AJAX filtrovaní), musíme jej
   pravidlá prebiť — preto je v selektore aj id. */
#js-product-list-top.cat-toolbar {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 0.875rem 1.0625rem; margin-bottom: 1.25rem;
  background: var(--rg-white); border: 1px solid var(--rg-border-card);
}

/* ══════════════ PRODUKTOVÉ KARTY VO VÝPISE ══════════════ */
/* Popisy produktov z e-shopu majú rôznu dĺžku, takže pätička karty (cena
   a tlačidlo) končila na inej výške než u susedov. Pätičku preto tlačíme
   na spodok a popis obmedzujeme na dva riadky. */
.rg-scope .cat-products .product__body,
.rg-scope .related__grid .product__body,
.rg-scope .slider__track .product__body { align-content: stretch; grid-template-rows: auto auto 1fr auto; }
.rg-scope .cat-products .product__foot,
.rg-scope .related__grid .product__foot,
.rg-scope .slider__track .product__foot { margin-top: auto; }
.rg-scope .product__body .rg-caption {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden;
}
/* Názvy produktov z e-shopu sú rôzne dlhé — jeden riadok vs dva. Vyhradíme
   im výšku dvoch riadkov, aby boli karty rovnako vysoké naprieč riadkami. */
.rg-scope .cat-products .rg-h4-prod,
.rg-scope .related__grid .rg-h4-prod,
.rg-scope .slider__track .rg-h4-prod {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden; min-height: calc(2 * 1.25em);
}

/* Prázdny blok aktívnych filtrov by inak držal v postrannom paneli medzeru */
.rg-scope .filters__active:not(:has(.filter-block)) { display: none; }

/* ── POCITADLO MNOZSTVA (+/−) ──────────────────────────────────
   Materska tema dava tlacidlam min-height:56px, ale obal ma 46 a input 39,
   takze prvky precnievali. Navyse .qty bol sirsi nez jeho obsah, cim vpravo
   ostaval prazdny ramcek. Vsetko zarovnane na 48 px, sirka podla obsahu. */
#product .product-quantity .qty,
.rg-scope .product-quantity .qty {
  height: 48px; width: auto; display: inline-flex; padding: 0;
}

#product .product-quantity .input-group.bootstrap-touchspin,
.rg-scope .product-quantity .input-group.bootstrap-touchspin {
  height: 48px; display: flex; align-items: stretch; float: none; width: auto;
}

#product .product-quantity .input-group-btn,
.rg-scope .product-quantity .input-group-btn {
  display: flex; align-items: stretch; float: none; width: 40px; height: 48px;
}

#product .product-quantity .btn-touchspin,
.rg-scope .product-quantity .btn-touchspin {
  min-height: 0; height: 48px; width: 40px; padding: 0; margin: 0;
  display: flex; align-items: center; justify-content: center; line-height: 1;
}

#product .product-quantity input#quantity_wanted,
.rg-scope .product-quantity input#quantity_wanted {
  height: 48px; width: 44px; float: none; text-align: center; padding: 0; margin: 0;
}

/* ── ZVACSENINA OBRAZKA (lightbox) ─────────────────────────────
   Otvara sa klikom na hlavny obrazok na detaile produktu.
   Mimo .rg-scope — prekryv sa vklada priamo do <body>. */
.rg-lightbox {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  background: rgba(22, 40, 29, .92);
  opacity: 0; transition: opacity .2s ease;
  padding: 40px; cursor: zoom-out;
}
.rg-lightbox.is-open { opacity: 1; }

.rg-lightbox__img {
  max-width: min(90vw, 900px); max-height: 90vh;
  width: auto; height: auto; object-fit: contain;
  background: #fff; cursor: default;
  transform: scale(.96); transition: transform .2s ease;
}
.rg-lightbox.is-open .rg-lightbox__img { transform: scale(1); }

.rg-lightbox__close {
  position: absolute; top: 20px; right: 24px;
  width: 44px; height: 44px; padding: 0;
  background: none; border: 0; cursor: pointer;
  color: #f6f4ec; font-size: 36px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
}
.rg-lightbox__close:hover { color: #e8c37f; }

@media (max-width: 600px) {
  .rg-lightbox { padding: 16px; }
  .rg-lightbox__close { top: 8px; right: 8px; }
}

/* ── POCITADLO MNOZSTVA V KOSIKU (.qty--sm) ────────────────────
   Rovnaka pricina ako na detaile: min-height 56px na tlacidlach,
   navyse obal tlacidla mal sirku 1 px. Zarovnane na 40 px. */
.rg-scope .qty--sm, #cart .qty--sm {
  height: 40px; width: auto; display: inline-flex; padding: 0;
}

.rg-scope .qty--sm .input-group.bootstrap-touchspin,
#cart .qty--sm .input-group.bootstrap-touchspin {
  height: 40px; display: flex; align-items: stretch; float: none; width: auto;
}

.rg-scope .qty--sm .input-group-btn,
#cart .qty--sm .input-group-btn {
  display: flex; align-items: stretch; float: none;
  width: 32px; height: 40px; flex: 0 0 32px;
}

.rg-scope .qty--sm .btn-touchspin,
#cart .qty--sm .btn-touchspin {
  min-height: 0; height: 40px; width: 32px; padding: 0; margin: 0;
  display: flex; align-items: center; justify-content: center; line-height: 1;
}

.rg-scope .qty--sm .js-cart-line-product-quantity,
#cart .qty--sm .js-cart-line-product-quantity {
  height: 40px; float: none; text-align: center; padding: 0; margin: 0;
}

/* ── DEKORATIVNY GLOW POD OBSAH ────────────────────────────────
   .glow je position:absolute, obsahove obaly boli position:static —
   absolutne pozicovany prvok tym vyhraval a kreslil sa NAD textom,
   takze nadpisy posobili vyblednuto (vidno najma na mobile).
   Obsahu sa dava vlastny stacking nad glow. */
.rg-scope .glow { z-index: 0; }

.rg-scope section > .rg-container,
.rg-scope section > .hero__inner,
.rg-scope .hero__inner,
.rg-scope .section-head,
.rg-scope .cat__head {
  position: relative;
  z-index: 1;
}

/* ── POCITADLO KUSOV V HLAVICKE ────────────────────────────────
   Naplna ho rochester.js z prestashop.cart. */
.cart-btn { position: relative; }

.cart-btn__count {
  position: absolute;
  top: -6px; right: -6px;
  min-width: 20px; height: 20px;
  padding: 0 5px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #c0862e; color: #fff;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 11px; font-weight: 700; line-height: 1;
  border-radius: 10px;
}

/* ── POTVRDENIE PO PRIDANI DO KOSIKA ───────────────────────────
   Mimo .rg-scope — vklada sa priamo do <body>. */
.rg-toast {
  position: fixed;
  right: 20px; bottom: 20px; z-index: 9998;
  max-width: min(360px, calc(100vw - 40px));
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px;
  background: #1e3a2b; color: #f6f4ec;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 14px; line-height: 1.35;
  box-shadow: 0 8px 28px rgba(22, 40, 29, .28);
  opacity: 0; transform: translateY(12px);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
  cursor: pointer;
}
.rg-toast.is-on { opacity: 1; transform: translateY(0); pointer-events: auto; }

.rg-toast .ico { flex: 0 0 auto; color: #e8c37f; }
.rg-toast span { flex: 1 1 auto; }

.rg-toast a {
  flex: 0 0 auto;
  color: #e8c37f; font-weight: 600; text-decoration: underline;
  white-space: nowrap;
}
.rg-toast a:hover { color: #fff; }

@media (max-width: 600px) {
  .rg-toast { right: 12px; left: 12px; bottom: 12px; max-width: none; }
}

/* ── SUHRN OBJEDNAVKY: obal tlacidla z materskej temy ──────────
   Ecco Bella obaluje tlacidlo do .checkout / .cart-detailed-actions
   so svetlosivym pozadim a paddingom 20px. Navrh taky obal nema —
   tlacidlo ma sediet priamo na bielom suhrne. */
.rg-scope .summary .checkout,
.rg-scope .summary .cart-detailed-actions,
#cart .summary .checkout,
#cart .summary .cart-detailed-actions {
  background: none; padding: 0; margin: 0; border: 0; box-shadow: none;
}