/* ==========================================================================
   Beverly Drinks — vlastní styly e-shopu
   Šablona: Disco (template-13)
   Autor: Jan Barbořík — https://www.janbarborik.cz
   Verze: 1.7.0
   Poslední aktualizace: 28. 8. 2026

   Pozn.: šablona má html { font-size: 62.5% }, tj. 1rem = 10px.
   Velikosti písma jsou proto zapsané v px.
   ========================================================================== */


/* ==========================================================================
   1. FONTY
   ========================================================================== */

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-Regular.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-Italic.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-Medium.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-MediumItalic.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-Bold.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-BoldItalic.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('/user/documents/fonts/Sentient-Light.woff2') format('woff2'),
       url('/user/documents/fonts/Sentient-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ufficio Display';
  src: url('/user/documents/fonts/UfficioDisplay-500.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}


/* ==========================================================================
   2. PROMĚNNÉ
   ========================================================================== */

:root {
  /* Základní dvojice */
  --bev-cream: #F9FAED;
  --bev-ink: #131313;
  --bev-white: #FFFFFF;

  /* Pozadí stránky a zvýrazňovač */
  --bev-bg: #F9FAED;
  --bev-hl-bg: #FFFFFF;
  --bev-surface: #FFFFFF;

  /* Editorial páry — příchutě, kampaně, pop-upy */
  --bev-pink-bg: #F7DED7;   --bev-pink: #FF006E;
  --bev-green-bg: #D6FFC4;  --bev-green: #2C7700;
  --bev-blue-bg: #D7F4E7;   --bev-blue: #0062FF;
  --bev-red-bg: #F4F2D7;    --bev-red: #FF0000;

  /* Odvozené */
  --bev-line: rgba(19, 19, 19, .14);
  --bev-line-strong: rgba(19, 19, 19, .30);
  --bev-muted: rgba(19, 19, 19, .68);

  /* Písma */
  --bev-head: 'Ufficio Display', 'Sentient', sans-serif;
  --bev-text: 'Sentient', Georgia, serif;

  /* Rytmus */
  --bev-gap: clamp(20px, 2.4vw, 36px);
  --bev-section: clamp(48px, 6vw, 96px);
  --bev-radius: 0px;

  /* Přepis proměnných šablony Disco */
  --color-primary: #131313;
  --color-primary-hover: #3a3a3a;
  --color-secondary: #131313;
  --color-secondary-hover: #3a3a3a;
  --color-tertiary: #FFFFFF;
  --color-tertiary-hover: #F2F2F2;
  --color-header-background: #F9FAED;
  --template-font: 'Sentient';
  --template-headings-font: 'Ufficio Display';
}


/* ==========================================================================
   3. ZÁKLADNÍ TYPOGRAFIE
   ========================================================================== */

body,
button,
input,
select,
textarea,
.btn {
  font-family: var(--bev-text);
  font-weight: 500;
  color: var(--bev-ink);
}

body {
  background: var(--bev-bg);
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

.overall-wrapper,
#content-wrapper,
.content-wrapper-in,
#content { background: transparent; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--bev-head);
  font-weight: 500;
  color: var(--bev-ink);
  letter-spacing: -.012em;
  line-height: 1.04;
  text-transform: none;
}

h1, .h1 { font-size: clamp(40px, 5.2vw, 76px); }
h2, .h2 { font-size: clamp(32px, 4.2vw, 56px); }
h3, .h3 { font-size: clamp(24px, 2.6vw, 36px); }
h4, .h4 { font-size: clamp(20px, 1.9vw, 26px); }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 18px; }

p { font-size: 17px; line-height: 1.55; }

a { color: var(--bev-ink); text-decoration: none; }
a:hover, a:focus { color: var(--bev-ink); text-decoration: underline; text-underline-offset: .2em; }

strong, b { font-weight: 700; }
em, i { font-style: italic; }

::selection { background: var(--bev-ink); color: var(--bev-cream); }


/* ==========================================================================
   4. HIGHLIGHT — zvýrazňovač textu
   ========================================================================== */

.bev-hl,
.bev-hl-block > * {
  display: inline;
  background: var(--bev-hl-bg);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: .1em .12em;
  box-shadow: .3em 0 0 var(--bev-hl-bg), -.3em 0 0 var(--bev-hl-bg);
}

.homepage-group-title,
.products-block-title,
.welcome .h1,
#content h1,
#content h2 { line-height: 1.15; }

.bev-hl--pink  { background: var(--bev-pink-bg);  box-shadow: .3em 0 0 var(--bev-pink-bg),  -.3em 0 0 var(--bev-pink-bg);  color: var(--bev-pink); }
.bev-hl--green { background: var(--bev-green-bg); box-shadow: .3em 0 0 var(--bev-green-bg), -.3em 0 0 var(--bev-green-bg); color: var(--bev-green); }
.bev-hl--blue  { background: var(--bev-blue-bg);  box-shadow: .3em 0 0 var(--bev-blue-bg),  -.3em 0 0 var(--bev-blue-bg);  color: var(--bev-blue); }
.bev-hl--red   { background: var(--bev-red-bg);   box-shadow: .3em 0 0 var(--bev-red-bg),   -.3em 0 0 var(--bev-red-bg);   color: var(--bev-red); }


/* ==========================================================================
   5. HORNÍ SERVISNÍ LIŠTA
   ========================================================================== */

.top-navigation-bar {
  background: var(--bev-ink);
  color: var(--bev-cream);
  border-bottom: 0;
  font-family: var(--bev-text);
}

.top-navigation-bar a,
.top-navigation-bar button,
.top-navigation-bar .top-nav-button,
.top-navigation-bar .top-navigation-menu-trigger {
  color: var(--bev-cream);
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
}

.top-navigation-bar a:hover,
.top-navigation-bar button:hover { opacity: .7; text-decoration: none; color: var(--bev-cream); }


/* ==========================================================================
   6. HLAVIČKA
   ========================================================================== */

html.header-background-light #header,
html.header-background-dark #header,
#header {
  background: var(--bev-bg);
  border-bottom: 0;
  box-shadow: none;
}

#header .header-top {
  background: transparent;
  border-bottom: 0;
}

#header .site-name { margin: 0; }
#header .site-name a { display: inline-block; line-height: 0; }

#header .site-name img {
  height: 58px;
  width: auto;
}

/* Vyhledávání */
#header .search-form fieldset {
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}

#header .search-form .search-input {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  color: var(--bev-ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--bev-line);
  border-radius: 0;
  box-shadow: none;
  height: auto;
  padding: 10px 10px 10px 52px;
  transition: border-color .18s ease;
}

#header .search-form .search-input:hover { border-bottom-color: var(--bev-line-strong); }

#header .search-form .search-input::placeholder { color: var(--bev-muted); }
#header .search-form .search-input:focus {
  box-shadow: none;
  outline: 0;
  background: transparent;
  border-bottom-color: var(--bev-ink);
}

#header .search-form .search-input-icon { color: var(--bev-ink); }

#header .search-form .search-button {
  background: transparent;
  border: 0;
  color: var(--bev-ink);
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 15px;
  padding: 10px 8px;
  border-radius: 0;
}

#header .search-form .search-button:hover { background: transparent; opacity: .6; }

/* Ikony vpravo */
#header .navigation-buttons > a,
#header .navigation-buttons > button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--bev-ink);
  box-shadow: none;
  transition: opacity .18s ease;
}

#header .navigation-buttons > a:hover,
#header .navigation-buttons > button:hover { opacity: .6; background: transparent; }

#header .navigation-buttons .cart-count {
  background: transparent;
  border: 0;
  padding: 10px 4px;
}

#header .navigation-buttons .cart-count:hover { background: transparent; opacity: .6; }

#header .navigation-buttons .cart-price {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  color: var(--bev-ink);
  transition: color .18s ease;
}


/* ==========================================================================
   7. HLAVNÍ NAVIGACE
   ========================================================================== */

#header .header-bottom {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
}

#header .header-bottom-wrapper {
  padding-top: 4px;
  padding-bottom: 4px;
}

#header #navigation,
#header .navigation-in { background: transparent; border: 0; }

#header .menu-level-1 > li { border: 0; }

#header .menu-level-1 > li > a {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  color: var(--bev-ink);
  background: transparent;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  transition: background .18s ease, color .18s ease;
}

#header .menu-level-1 > li > a:hover,
#header .menu-level-1 > li.exp > a,
#header .menu-level-1 > li.active > a {
  background: var(--bev-ink);
  color: var(--bev-cream);
  text-decoration: none;
}

#header .menu-level-1 > li > a::after,
#header .menu-level-1 > li > a::before { display: none; }

/* Rozbalovací úrovně */
#header .menu-level-2,
#header .has-third-level .menu-level-2 {
  background: var(--bev-surface);
  border: 1px solid var(--bev-line);
  border-radius: 0;
  box-shadow: 0 14px 36px rgba(19, 19, 19, .08);
  padding: 20px;
}

#header .menu-level-2 a,
#header .menu-level-3 a {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  color: var(--bev-ink);
  text-transform: none;
}

#header .menu-level-2 a:hover { color: var(--bev-ink); text-decoration: underline; }


/* ==========================================================================
   8. TLAČÍTKA
   ========================================================================== */

.btn,
button.btn,
a.btn,
input[type="submit"] {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  border-radius: var(--bev-radius);
  padding: 14px 26px;
  border: 1px solid var(--bev-ink);
  box-shadow: none;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.btn-primary,
.btn.btn-primary,
.btn-conversion,
input[type="submit"] {
  background: var(--bev-ink);
  border-color: var(--bev-ink);
  color: var(--bev-cream);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-conversion:hover,
input[type="submit"]:hover {
  background: transparent;
  color: var(--bev-ink);
  border-color: var(--bev-ink);
}

.btn-secondary,
.btn.btn-secondary,
.btn-default {
  background: var(--bev-hl-bg);
  border-color: var(--bev-hl-bg);
  color: var(--bev-ink);
}

.btn-secondary:hover,
.btn-default:hover {
  background: var(--bev-ink);
  border-color: var(--bev-ink);
  color: var(--bev-cream);
}


/* ==========================================================================
   9. FORMULÁŘOVÉ PRVKY
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
select,
textarea,
.form-control {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  color: var(--bev-ink);
  background: var(--bev-surface);
  border: 1px solid var(--bev-line-strong);
  border-radius: var(--bev-radius);
  padding: 12px 14px;
  box-shadow: none;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--bev-ink);
  box-shadow: none;
  outline: 0;
}

label { font-family: var(--bev-text); font-weight: 500; font-size: 15px; }


/* ==========================================================================
   10. PRODUKTOVÁ KARTA
   ========================================================================== */

.products .product,
.products-block .product { background: transparent; }

.products .product .p {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  transition: none;
}

.products .product:hover .p,
.products .product .p:hover,
.products .product .p.hovered {
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: none;
}

.products .product .p .image {
  display: block;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--bev-white);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.products .product .p .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .5s cubic-bezier(.2, .7, .3, 1);
}

.products .product:hover .p .image img { transform: scale(1.035); }

.products .product .p-in { padding: 0; }
.products .product .p-in-in { padding: 0; min-height: 0; }

.products .product .p .name {
  display: block;
  font-family: var(--bev-text);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: var(--bev-ink);
  margin: 0 0 6px;
  min-height: 0;
  text-align: left;
}

.products .product .p .name:hover { text-decoration: none; opacity: .6; }

.products .product .ratings-wrapper { min-height: 0; margin: 0; }

.products .product .availability,
.products .product .availability span {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 14px;
  color: var(--bev-muted);
  text-align: left;
}

.products .product .availability { margin: 0 0 8px; }

.products .product .p-desc,
.products .product .p-code,
.products .product .stars-wrapper,
.products .product .flags,
.products .product .flag,
.products .product .p-tools .quantity,
.products .product .browse-detail {
  display: none !important;
}

.products .product .prices {
  display: block;
  margin: 0 0 14px;
  text-align: left;
  min-height: 0;
}

.products .product .price-final,
.products .product .price-final strong {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: var(--bev-ink);
}

.products .product .price-standard,
.products .product .price-save {
  font-family: var(--bev-text);
  font-size: 14px;
  color: var(--bev-muted);
}

.products .product .p-bottom { padding: 0; }
.products .product .p-tools { padding: 0; margin: 0; }
.products .product .p-tools form { display: block; width: 100%; }

.products .product .p-tools .btn-cart,
.products .product .add-to-cart-button {
  display: block;
  width: 100%;
  max-width: none;
  background: transparent;
  border: 0 !important;
  border-top: 1px solid var(--bev-ink) !important;
  border-radius: 0;
  color: var(--bev-ink);
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  padding: 14px 8px;
  margin: 0;
  box-shadow: none;
  transition: background .18s ease, color .18s ease;
}

.products .product .p-tools .btn-cart:hover,
.products .product .add-to-cart-button:hover {
  background: var(--bev-ink);
  color: var(--bev-cream);
}

.products .product .p-tools .btn-cart::before,
.products .product .add-to-cart-button::before { display: none; }


/* ==========================================================================
   10b. DETAIL PRODUKTU
   ========================================================================== */

.p-detail .p-final-price-wrapper,
.p-detail .price-final,
.p-detail .price-final strong {
  font-family: var(--bev-head);
  font-weight: 500;
  color: var(--bev-ink);
  background: transparent;
}

.row-header-label,
.p-code-label,
.p-detail .availability-label {
  background: var(--bev-bg);
  color: var(--bev-muted);
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 15px;
}

.p-detail .availability-value,
.p-detail .availability-value span {
  font-family: var(--bev-text);
  font-weight: 500;
  color: var(--bev-ink);
  background: var(--bev-bg);
}

.p-detail .add-to-cart-button,
.p-detail .btn-conversion,
.btn-conversion.add-to-cart-button {
  background: var(--bev-ink);
  border: 1px solid var(--bev-ink);
  color: var(--bev-cream) !important;
  border-radius: 0;
}

.p-detail .add-to-cart-button span,
.btn-conversion.add-to-cart-button span { color: var(--bev-cream) !important; }

.p-detail .add-to-cart-button:hover,
.btn-conversion.add-to-cart-button:hover {
  background: transparent;
  color: var(--bev-ink) !important;
}

.p-detail .add-to-cart-button:hover span,
.btn-conversion.add-to-cart-button:hover span { color: var(--bev-ink) !important; }

.p-detail .quantity input,
.p-detail .quantity button {
  background: var(--bev-surface);
  border: 1px solid var(--bev-line-strong);
  color: var(--bev-ink);
  border-radius: 0;
}

.p-detail .detail-parameters th,
.p-detail .detail-parameters td { background: transparent; }

.p-detail .p-to-cart-block,
.p-to-cart-block { background: transparent; }

.responsive-nav .active a,
.p-detail-tabs .active a {
  font-family: var(--bev-head);
  color: var(--bev-ink);
}


/* ==========================================================================
   11. SEKCE NA ÚVODNÍ STRÁNCE
   ========================================================================== */

.homepage-group-title,
.products-block-title,
.h4.homepage-group-title {
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.04;
  color: var(--bev-ink);
  text-align: left;
  text-transform: none;
  letter-spacing: -.012em;
  margin: var(--bev-section) 0 28px;
  padding: 0;
  border: 0;
}

.homepage-group-title::after,
.homepage-group-title::before,
.products-block-title::after { display: none; }

.benefitBanner {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 32px 0;
  margin: var(--bev-section) 0 0;
}

.benefitBanner__item { border: 0; }

.benefitBanner__content,
.benefitBanner__content strong,
.benefitBanner__content span {
  font-family: var(--bev-text);
  color: var(--bev-ink);
}

.benefitBanner__content strong {
  font-weight: 700;
  font-size: 16px;
  text-transform: none;
}

.benefitBanner__content span {
  font-weight: 500;
  font-size: 14px;
  color: var(--bev-muted);
}

.welcome-wrapper { margin: var(--bev-section) 0; }

.welcome .h1,
.welcome h1 {
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(36px, 4.6vw, 60px);
  line-height: 1.04;
  margin-bottom: 20px;
}

.welcome p:not([class]) { font-size: 17px; }

.welcome .bev-perex,
.welcome .bev-lead {
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.45;
}

.welcome .bev-card-label { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.05; }
.welcome .bev-card-claim { font-size: 15px; }
.welcome .bev-card p:not([class]) { font-size: 16px; }
.welcome .bev-tags { font-size: 15px; }

/* Bannerový grid */
.banners-row { margin-top: 0; }
.banners-row img { border-radius: 0; }

#carousel .carousel-indicators li {
  background: var(--bev-ink);
  border-color: var(--bev-ink);
  border-radius: 0;
  width: 22px;
  height: 3px;
}

#carousel .carousel-control,
.banners-row .carousel-control {
  background: var(--bev-bg);
  border: 1px solid var(--bev-line);
  border-radius: 50%;
  color: var(--bev-ink);
  opacity: 1;
  text-shadow: none;
}

.products-wrapper .slick-arrow,
.product-slider-holder .slick-arrow {
  background: var(--bev-bg);
  border: 1px solid var(--bev-line);
  color: var(--bev-ink);
}


/* ==========================================================================
   12. PATIČKA
   ========================================================================== */

#footer,
.footer {
  background: var(--bev-cream);
  color: var(--bev-ink);
  border-top: 0;
  padding-top: var(--bev-section);
  margin-top: var(--bev-section);
}

#footer a,
.footer a { color: var(--bev-ink); }

#footer h3,
#footer h4,
#footer .h4,
#footer .footer-heading {
  font-family: var(--bev-text);
  font-weight: 700;
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0;
  color: var(--bev-ink);
  margin-bottom: 12px;
}

#footer .footer-bottom {
  background: var(--bev-cream);
  border-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 40px;
  font-family: var(--bev-text);
  font-size: 14px;
  color: var(--bev-muted);
}

#footer .footer-bottom a,
#footer .copyright { color: var(--bev-muted); }

#footer #signature { opacity: .4; }

/* Patička — vkládá beverly.js */
.bev-footer { padding-bottom: 8px; }

.bev-footer-claim {
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(36px, 6.2vw, 88px);
  line-height: 1.06;
  letter-spacing: -.018em;
  color: var(--bev-ink);
  margin: 0 0 clamp(40px, 5vw, 72px);
}

.bev-footer-cols {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bev-gap);
}

.bev-footer-title {
  font-family: var(--bev-text);
  font-weight: 700;
  font-size: 16px;
  color: var(--bev-ink);
  margin: 0 0 12px;
}

.bev-footer-cols ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bev-footer-cols li { margin-bottom: 8px; }

.bev-footer-cols a {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  color: var(--bev-ink);
}

.bev-footer-cols a:hover { text-decoration: underline; text-underline-offset: .2em; }


/* ==========================================================================
   13. COOKIE LIŠTA
   ========================================================================== */

.siteCookies,
.siteCookies--dark {
  background: var(--bev-ink);
  color: var(--bev-cream);
  font-family: var(--bev-text);
  border-radius: 0;
}

.siteCookies a { color: var(--bev-cream); text-decoration: underline; }
.siteCookies .btn { border-radius: 0; font-family: var(--bev-text); }


/* ==========================================================================
   14. RESPONZIVITA
   ========================================================================== */

@media (max-width: 991px) {
  body { font-size: 16px; }

  #header .site-name img { height: 44px; }

  #header .header-bottom,
  #header #navigation {
    background: var(--bev-bg);
  }

  #header .menu-level-1 > li > a {
    display: block;
    background: transparent;
    font-size: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--bev-line);
  }
}

@media (max-width: 767px) {
  .products .product .p .name { font-size: 17px; }
  .benefitBanner { padding: 20px 16px; }
  .bev-footer-claim { margin-bottom: 32px; }
}


/* ==========================================================================
   15. VLASTNÍ SEKCE ÚVODNÍ STRÁNKY
   ========================================================================== */

.welcome .bev-section {
  margin: var(--bev-section) 0;
}

.welcome .bev-section:first-child { margin-top: 0; }

.bev-h {
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.15;
  letter-spacing: -.012em;
  color: var(--bev-ink);
  margin: 0 0 24px;
}

.bev-h > span {
  display: inline;
  background: var(--bev-hl-bg);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: .1em .12em;
  box-shadow: .3em 0 0 var(--bev-hl-bg), -.3em 0 0 var(--bev-hl-bg);
}

.bev-lead {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.45;
  max-width: 46ch;
  margin: 0 0 24px;
}

.bev-perex {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.45;
  max-width: 52ch;
  margin: 0 0 32px;
}


/* Běžící pás */

.bev-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 18px 0;
  background: var(--bev-ink);
  color: var(--bev-cream);
  white-space: nowrap;
}

.bev-marquee span {
  display: inline-block;
  padding-left: 100%;
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(28px, 3.6vw, 52px);
  line-height: 1.1;
  letter-spacing: -.01em;
  animation: bev-scroll 26s linear infinite;
}

.bev-marquee--alt {
  background: var(--bev-surface);
  color: var(--bev-ink);
}

@keyframes bev-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
  .bev-marquee span { animation: none; padding-left: 0; }
  .bev-marquee { white-space: normal; text-align: center; }
}


/* Karty značek */

.bev-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bev-gap);
}

.bev-card {
  background: var(--bev-surface);
  padding: 28px;
  border: 0;
}

.bev-card-label {
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(26px, 2.6vw, 36px);
  line-height: 1.05;
  margin: 0 0 6px;
}

.bev-card-claim {
  font-family: var(--bev-text);
  font-weight: 500;
  font-style: italic;
  font-size: 15px;
  color: var(--bev-muted);
  margin: 0 0 16px;
}

.bev-card p { font-size: 16px; }
.bev-card p:last-child { margin-bottom: 0; }


/* Seznam benefitů */

.bev-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}

.bev-list li {
  font-family: var(--bev-head);
  font-weight: 500;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.35;
  color: var(--bev-ink);
}


/* Panely */

.bev-panel {
  background: var(--bev-surface);
  padding: clamp(28px, 4vw, 56px);
}

.bev-tags {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 15px;
  color: var(--bev-muted);
  margin: 0 0 24px;
}


/* Tlačítka a odkazy v obsahu */

.bev-btn {
  display: inline-block;
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: var(--bev-cream);
  background: var(--bev-ink);
  border: 1px solid var(--bev-ink);
  padding: 14px 26px;
  transition: background .18s ease, color .18s ease;
}

.bev-btn:hover,
.bev-btn:focus {
  background: transparent;
  color: var(--bev-ink);
  text-decoration: none;
}

.bev-btn--ghost {
  background: transparent;
  color: var(--bev-ink);
}

.bev-btn--ghost:hover {
  background: var(--bev-ink);
  color: var(--bev-cream);
}

.bev-link {
  font-family: var(--bev-text);
  font-weight: 500;
  font-size: 16px;
  border-bottom: 1px solid var(--bev-ink);
  padding-bottom: 2px;
}

.bev-link:hover { text-decoration: none; opacity: .6; }


@media (max-width: 991px) {
  .bev-grid-3 { grid-template-columns: 1fr; }
  .bev-marquee { padding: 14px 0; }
  .bev-footer-cols { grid-template-columns: repeat(2, 1fr); gap: 28px; }
}

@media (max-width: 575px) {
  .bev-footer-cols { grid-template-columns: 1fr; }
}

/* ==========================================================================
   16. KOŠÍK A OBJEDNÁVKA
   ========================================================================== */

/* Konverzní tlačítka — Disco drží barvu textu na vnitřním elementu */
a.btn-conversion,
a.next-step-forward,
button.btn-conversion,
.btn-conversion,
.next-step-forward,
.add-to-cart-button,
.btn-cart,
.btn-primary,
input[type="submit"] {
  background: var(--bev-ink);
  border: 1px solid var(--bev-ink);
  border-radius: 0;
  color: var(--bev-cream);
}

.btn-conversion,
.btn-conversion:link,
.btn-conversion:visited { color: var(--bev-cream) !important; }

.btn-conversion *,
.next-step-forward *,
.add-to-cart-button *,
.btn-primary *,
.p-detail .add-to-cart-button *,
.order-button-text { color: var(--bev-cream) !important; }

.btn-conversion:hover,
.next-step-forward:hover,
.btn-primary:hover,
input[type="submit"]:hover {
  background: transparent;
  color: var(--bev-ink);
}

.btn-conversion:hover { color: var(--bev-ink) !important; }

.btn-conversion:hover *,
.next-step-forward:hover *,
.btn-primary:hover *,
.btn-conversion:hover .order-button-text { color: var(--bev-ink) !important; }

/* Tlačítko v produktové kartě zůstává odlehčené */
.products .product .p-tools .btn-cart,
.products .product .add-to-cart-button {
  background: transparent;
  color: var(--bev-ink);
}

.products .product .p-tools .btn-cart,
.products .product .p-tools .btn-cart *,
.products .product .add-to-cart-button * { color: var(--bev-ink) !important; }

.products .product .p-tools .btn-cart:hover,
.products .product .add-to-cart-button:hover {
  background: var(--bev-ink);
  color: var(--bev-cream);
}

.products .product .p-tools .btn-cart:hover,
.products .product .p-tools .btn-cart:hover *,
.products .product .add-to-cart-button:hover * { color: var(--bev-cream) !important; }

/* Zpětné a vedlejší odkazy */
.next-step-back,
.continue-shopping,
.btn-lg.next-step-back {
  background: transparent;
  border: 1px solid var(--bev-line-strong);
  color: var(--bev-ink);
}

.next-step-back *,
.continue-shopping * { border: 0 !important; }

.next-step-back:hover,
.continue-shopping:hover {
  background: var(--bev-ink);
  border-color: var(--bev-ink);
  color: var(--bev-cream);
}

.price-label,
.price-secondary,
.price-additional,
.unit-value,
.price-secondary span { color: var(--bev-muted); }

/* Ukazatel kroků objednávky */
.cart-header .step > a::before,
.cart-header .step > strong::before,
.cart-header .step > span::before {
  background: var(--bev-surface);
  border: 1px solid var(--bev-ink);
  color: var(--bev-ink);
}

.cart-header .step.active > a::before,
.cart-header .step.active > strong::before,
.cart-header .step.active > span::before,
.cart-header .step.completed > a::before,
.cart-header .step.completed > strong::before,
.cart-header .step.completed > span::before {
  background: var(--bev-ink);
  border-color: var(--bev-ink);
  color: var(--bev-cream);
}

.cart-header .step > a,
.cart-header .step > strong,
.cart-header .step > span {
  background: transparent !important;
  color: var(--bev-ink);
  font-family: var(--bev-text);
  font-weight: 500;
}

/* Tabulka košíku a rekapitulace */
.cart-table,
.cart-summary,
.co-box,
.recapitulation {
  background: var(--bev-surface);
  border: 0;
}

.cart-table th,
.cart-table td { border-color: var(--bev-line); }

.co-box legend,
.co-box .h4 {
  font-family: var(--bev-head);
  font-weight: 500;
  color: var(--bev-ink);
}

.radio-wrapper,
.shipping-billing-table td { background: transparent; }


/* ==========================================================================
   TABULKY V OBSAHU STRÁNEK
   Disco nemá pro <table> v textu stránek žádný styl - buňky se slévají.
   ========================================================================== */

.pageArticleDetail table,
.news-item-detail table,
main#content table.bev-table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0 32px;
  font-family: var(--bev-text);
  font-size: 16px;
}

.pageArticleDetail table th,
.news-item-detail table th,
main#content table.bev-table th {
  text-align: left;
  font-family: var(--bev-head);
  font-weight: 500;
  color: var(--bev-ink);
  background: var(--bev-hl-bg);
  padding: 12px 16px;
  border-bottom: 1px solid var(--bev-line-strong);
}

.pageArticleDetail table td,
.news-item-detail table td,
main#content table.bev-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--bev-line);
  vertical-align: top;
}

.pageArticleDetail table th + th,
.pageArticleDetail table td + td,
.news-item-detail table th + th,
.news-item-detail table td + td,
main#content table.bev-table th + th,
main#content table.bev-table td + td {
  text-align: right;
  white-space: nowrap;
}

.pageArticleDetail table tr:last-child td,
.news-item-detail table tr:last-child td,
main#content table.bev-table tr:last-child td { border-bottom: 0; }

.pageArticleDetail table + p,
.news-item-detail table + p { margin-top: -12px; }

@media (max-width: 600px) {
  .pageArticleDetail table,
  .news-item-detail table,
  main#content table.bev-table { font-size: 14px; }

  .pageArticleDetail table th,
  .pageArticleDetail table td,
  .news-item-detail table th,
  .news-item-detail table td,
  main#content table.bev-table th,
  main#content table.bev-table td { padding: 10px 8px; }
}