@charset "UTF-8";
/*cesta: /user/documents/upload/CSS/custom-styles.css*/
/* úpravy tlačítka košík v hlavičce */
/* Skrytí původních stylů a resetování */
[data-testid="headerCart"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F3ECE6 !important;
  height: 63px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  position: relative !important;
  gap: 8px !important;
  color: #000 !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  /* Resetování původních stylů */
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
/* Skrytí všech původních ikon a pseudoelementů */
[data-testid="headerCart"]:before,
[data-testid="headerCart"]:after {
  display: none !important;
  content: none !important;
}
/* Skrytí původních obrázků, které nejsou naše custom ikona */
[data-testid="headerCart"] img:not(.custom-cart-icon) {
  display: none !important;
}
/* Skrytí případných background obrázků */
[data-testid="headerCart"] {
  background-image: none !important;
}
/* Vlastní ikona košíku */
[data-testid="headerCart"] .custom-cart-icon {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  margin-right: 8px !important;
  order: 1 !important;
}
/* Stylování počtu kusů - přeformátování původního elementu */
[data-testid="headerCartCount"] {
  position: absolute !important;
  top: -6px !important;
  right: -16px !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: bold !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  line-height: 1 !important;
  text-align: center !important;
  order: 3 !important;
}


/* počet věcí v košíku*/
.navigation-buttons > a[data-target="cart"] i {
  left: 5px;
  top: 5px !important;
}

/* Stylování ceny */
[data-testid="headerCartPrice"] {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000 !important;
  line-height: 1 !important;
  display: inline-block !important;
  order: 2 !important;
}
/* SILNÉ PRAVIDLO - skrytí pseudoelementů které pocházejí z původních stylů */
#header .navigation-buttons [data-testid="headerCart"].btn:before,
#header .navigation-buttons [data-testid="headerCart"].btn:after,
[data-testid="headerCart"].btn:before,
[data-testid="headerCart"].btn:after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}
/* Velmi silné pravidlo pro skrytí všech původních ikon */
[data-testid="headerCart"] *:not(.custom-cart-icon):not([data-testid="headerCartPrice"]):not([data-testid="headerCartCount"]) {
  display: none !important;
}
/* Pak zobrazit jen to co chceme - ikona a cena vedle sebe */
[data-testid="headerCart"] .custom-cart-icon {
  display: inline-block !important;
  order: 1;
}
[data-testid="headerCart"] [data-testid="headerCartPrice"] {
  display: inline-block !important;
  order: 2;
}
[data-testid="headerCart"] [data-testid="headerCartCount"] {
  display: flex !important;
  order: 3;
}
/* VELMI SILNÉ PRAVIDLO - mělo by fungovat */
[data-testid="headerCart"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
[data-testid="headerCart"] .custom-cart-icon {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}
[data-testid="headerCart"] [data-testid="headerCartPrice"] {
  display: block !important;
  flex-shrink: 0 !important;
}

/* ==================================== */
/* úpravy tlačítka přihlášení v hlavičce */
/* ==================================== */

/* Základní stylování tlačítka přihlášení */
[data-testid="signin"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F3ECE6 !important;
  height: 63px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  position: relative !important;
  gap: 8px !important;
  color: #000 !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
  margin-left: 27px !important;
}

/* Hover efekt pro tlačítko přihlášení */
[data-testid="signin"]:hover {
  background: #EDE4DA !important;
  text-decoration: none !important;
}

/* Skrytí původních pseudoelementů */
[data-testid="signin"]:before,
[data-testid="signin"]:after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

/* Skrytí případných background obrázků */
[data-testid="signin"] {
  background-image: none !important;
}

/* Vlastní ikona přihlášení */
[data-testid="signin"] .custom-login-icon {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
  order: 1 !important;
}

/* FontAwesome fallback ikona pro přihlášení */
[data-testid="signin"] .custom-login-icon-fa {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
  order: 1 !important;
  font-size: 18px !important;
  text-align: center !important;
  line-height: 28px !important;
  color: #000 !important;
}

/* Stylování textu přihlášení */
[data-testid="signin"] span {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000 !important;
  line-height: 1 !important;
  display: inline-block !important;
  order: 2 !important;
}

/* Flexbox uspořádání pro tlačítko přihlášení */
[data-testid="signin"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Resetování původních stylů tříd */
.top-nav-button.top-nav-button-login.primary.login[data-testid="signin"] {
  background: #F3ECE6 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Silné pravidlo pro skrytí původních ikon z původních CSS tříd */
.top-nav-button[data-testid="signin"]:before,
.top-nav-button[data-testid="signin"]:after,
.top-nav-button-login[data-testid="signin"]:before,
.top-nav-button-login[data-testid="signin"]:after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

/* Obecné resetování pro všechny možné původní styly */
#header .navigation-buttons [data-testid="signin"]:before,
#header .navigation-buttons [data-testid="signin"]:after {
  display: none !important;
  content: none !important;
}

/* Specifické cílení na různé CSS třídy které může mít tlačítko */
[data-testid="signin"].top-nav-button:before,
[data-testid="signin"].top-nav-button:after,
[data-testid="signin"].primary:before,
[data-testid="signin"].primary:after,
[data-testid="signin"].login:before,
[data-testid="signin"].login:after {
  display: none !important;
  content: none !important;
}

.carousel-control.left,
.carousel-control.right {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===================================== */
/* úpravy vyhledávací lišty v hlavičce   */
/* ===================================== */

/* Základní kontejner vyhledávání - VYCENTROVÁNÍ */
.search {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: fit-content !important;
}

/* Formulář vyhledávání - hlavní pozadí */
[data-testid="searchForm"] {
  display: flex !important;
  align-items: center !important;
  background: #F3ECE6 !important;
  height: 63px !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
  width: auto !important;
  min-width: 400px !important;
}

/* Fieldset resetování */
[data-testid="searchForm"] fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
}

/* Input pole */
[data-testid="searchInput"] {
  flex: 1 !important;
  height: 63px !important;
  border: none !important;
  background: transparent !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Placeholder styling */
[data-testid="searchInput"]::placeholder {
  color: #666 !important;
  opacity: 1 !important;
  font-family: "Noto Serif", serif !important;
}

/* Focus state pro input */
[data-testid="searchInput"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Tlačítko hledat - VELMI SILNÉ PRAVIDLO pro přepsání header CSS */
[data-testid="searchBtn"],
[data-testid="searchBtn"].btn,
[data-testid="searchBtn"].btn.btn-default,
.btn.btn-default[data-testid="searchBtn"],
button[data-testid="searchBtn"],
button.btn.btn-default[data-testid="searchBtn"] {
  background: #000 !important;
  background-image: none !important;
  background-color: #000 !important;
  border: none !important;
  height: calc(63px - 16px) !important; /* 8px mezera shora a zdola */
  width: 47px !important; /* Stejná výška jako výška pro čtvercový tvar */
  border-radius: 8px !important;
  margin: 8px 8px 8px 0 !important; /* 8px mezera ze všech stran kromě zleva */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
}

/* Hover efekt pro tlačítko - SILNÉ PRAVIDLO */
[data-testid="searchBtn"]:hover,
[data-testid="searchBtn"].btn:hover,
[data-testid="searchBtn"].btn.btn-default:hover,
.btn.btn-default[data-testid="searchBtn"]:hover,
button[data-testid="searchBtn"]:hover,
button.btn.btn-default[data-testid="searchBtn"]:hover {
  background: #333 !important;
  background-image: none !important;
  background-color: #333 !important;
  filter: none !important;
}

/* Ikona lupy */
[data-testid="searchBtn"] .custom-search-icon {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  filter: brightness(0) invert(1) !important; /* Udělá ikonu bílou */
}

/* Skrytí původního textu tlačítka - SILNÉ PRAVIDLO */
[data-testid="searchBtn"],
[data-testid="searchBtn"].btn,
[data-testid="searchBtn"].btn.btn-default,
.btn.btn-default[data-testid="searchBtn"],
button[data-testid="searchBtn"],
button.btn.btn-default[data-testid="searchBtn"] {
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
}

/* Skrytí whisperer dropdown (našeptávač) - pokud nechceš, můžeš odstranit */
.search-whisperer {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: white !important;
  border: 1px solid #ddd !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
}

/* Resetování původních stylů */
.search-form:before,
.search-form:after {
  display: none !important;
  content: none !important;
}

/* Resetování původních btn stylů */
.search-form .btn:before,
.search-form .btn:after {
  display: none !important;
  content: none !important;
}

/* ===================================== */
/* STRÁNKOVÁ VYHLEDÁVACÍ LIŠTA (KOŠÍK, KATEGORIE) */
/* ===================================== */

/* Obecné stylování pro všechny vyhledávací formuláře mimo header */
.search-form:not([data-testid="searchForm"]),
form[action*="ProductSearch"]:not([data-testid="searchForm"]) {
  display: flex !important;
  align-items: center !important;
  background: #F3ECE6 !important;
  height: 63px !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
  width: auto !important;
  min-width: 300px !important;
}

/* Fieldset pro stránkovou vyhledávací lištu */
.search-form:not([data-testid="searchForm"]) fieldset,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
}

/* Input pole pro stránkovou vyhledávací lištu */
.search-form:not([data-testid="searchForm"]) input[type="search"],
.search-form:not([data-testid="searchForm"]) .search-input,
.search-form:not([data-testid="searchForm"]) .query-input,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) input[type="search"],
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .search-input,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .query-input {
  flex: 1 !important;
  height: 63px !important;
  border: none !important;
  background: transparent !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Placeholder styling pro stránkovou lištu */
.search-form:not([data-testid="searchForm"]) input[type="search"]::placeholder,
.search-form:not([data-testid="searchForm"]) .search-input::placeholder,
.search-form:not([data-testid="searchForm"]) .query-input::placeholder,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) input[type="search"]::placeholder,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .search-input::placeholder,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .query-input::placeholder {
  color: #666 !important;
  opacity: 1 !important;
}

/* Focus state pro stránkový input */
.search-form:not([data-testid="searchForm"]) input[type="search"]:focus,
.search-form:not([data-testid="searchForm"]) .search-input:focus,
.search-form:not([data-testid="searchForm"]) .query-input:focus,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) input[type="search"]:focus,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .search-input:focus,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .query-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Tlačítko pro stránkovou vyhledávací lištu */
.search-form:not([data-testid="searchForm"]) button[type="submit"],
.search-form:not([data-testid="searchForm"]) .btn,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) button[type="submit"],
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .btn {
  background: #000 !important;
  background-image: none !important;
  background-color: #000 !important;
  border: none !important;
  height: calc(63px - 16px) !important;
  width: 47px !important;
  border-radius: 8px !important;
  margin: 8px 8px 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
}

/* Hover efekt pro stránkové tlačítko */
.search-form:not([data-testid="searchForm"]) button[type="submit"]:hover,
.search-form:not([data-testid="searchForm"]) .btn:hover,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) button[type="submit"]:hover,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .btn:hover {
  background: #333 !important;
  background-color: #333 !important;
}

/* Ikona pro stránkovou vyhledávací lištu */
.search-form:not([data-testid="searchForm"]) .custom-search-icon,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .custom-search-icon {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  filter: brightness(0) invert(1) !important; /* Bílá ikona */
}

/* Fallback emoji ikona pro stránkovou lištu */
.search-form:not([data-testid="searchForm"]) .custom-search-icon-fallback,
form[action*="ProductSearch"]:not([data-testid="searchForm"]) .custom-search-icon-fallback {
  font-size: 18px !important;
  color: white !important;
  display: block !important;
}

/* ==================================== */
/*            TLAČÍTKA STYLY            */
/* ==================================== */

/* CSS proměnné pro barvy tlačítek */
:root {
  --btn-brown: #8E4709;
  --btn-black: #100E0C;
}

/* Gradient tlačítka - vybrané + objednávka */
.btn.btn-cart.add-to-cart-button,
button[data-testid="buttonAddToCart"],
a.button,
.btn.btn-primary,
#continue-order-button.btn.btn-conversion[data-testid="buttonNextStep"],
#orderFormButton[data-testid="buttonNextStep"] {
  background: linear-gradient(135deg, var(--btn-black) 0%, var(--btn-brown) 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  padding: 20.5px 20px !important;
}

/* Hover efekt pro gradient tlačítka */
.btn.btn-cart.add-to-cart-button:hover,
button[data-testid="buttonAddToCart"]:hover,
a.button:hover,
.btn.btn-primary:hover,
#continue-order-button.btn.btn-conversion[data-testid="buttonNextStep"]:hover {
  filter: brightness(1.08);
}

/* Výjimky – bílá tlačítka */
button.remove-item[data-testid="buttonDeleteItem"] {
  background: #fff !important;
  color: #000 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

button.remove-item[data-testid="buttonDeleteItem"]:hover {
  background: #f5f5f5 !important;
}

/* Ostatní tlačítka – hnědá */
:is(button, .btn, a.button, input[type=submit], input[type=button], input[type=reset])
:not([data-testid="headerCart"]):not(.btn-cart):not([data-testid="buttonAddToCart"])
:not(.btn-default[data-testid="searchBtn"]):not(.btn-primary)
:not(#continue-order-button):not(.remove-item):not(.btn-conversion) {
  background: var(--btn-brown) !important;
  color: #fff !important;
  border: 0 !important;
  cursor: pointer;
  transition: filter .2s;
  font-family: "Noto Serif", serif !important;
}

/* Checkout tlačítko "Pokračovat" */
#orderFormButton,
#orderFormButton span,
#orderFormButton[data-testid="buttonNextStep"],
#orderFormButton[data-testid="buttonNextStep"] span {
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

/* Hover pro hnědá tlačítka */
:is(button, .btn, a.button, input[type=submit], input[type=button], input[type=reset])
:not([data-testid="headerCart"]):not(.btn-cart):not([data-testid="buttonAddToCart"])
:not(.btn-default[data-testid="searchBtn"]):not(.btn-primary)
:not(#continue-order-button):not(.remove-item):not(.btn-conversion):hover {
  filter: brightness(1.05);
}

/* Tlačítka "Do košíku" - VELMI SILNÝ TARGETING */
button.btn.btn-cart.add-to-cart-button[data-testid="buttonAddToCart"],
.btn.btn-cart.add-to-cart-button[data-testid="buttonAddToCart"],
button[data-testid="buttonAddToCart"].btn.btn-cart.add-to-cart-button,
.product button[data-testid="buttonAddToCart"],
.p-tools button[data-testid="buttonAddToCart"] {
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  padding: 12px 20px !important;
  height: auto !important;
  min-height: auto !important;
  width: auto !important;
  min-width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Span uvnitř tlačítka "Do košíku" */
button.btn.btn-cart.add-to-cart-button[data-testid="buttonAddToCart"] span,
.btn.btn-cart.add-to-cart-button[data-testid="buttonAddToCart"] span,
button[data-testid="buttonAddToCart"].btn.btn-cart.add-to-cart-button span,
.product button[data-testid="buttonAddToCart"] span,
.p-tools button[data-testid="buttonAddToCart"] span {
  font-family: "Noto Serif", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn.btn-cart.add-to-cart-button span::after,
button[data-testid="buttonAddToCart"] span::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/user/documents/upload/redesign-8-25/kosik pokladna.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) invert(1); /* Udělá ikonu bílou */
  margin-left: 4px;
}

.show-custom-info .price-line:lang(cs)::after {
  content: "ℹ Cena je pouze orientační. Konečnou cenu vám vypočteme po dokončení objednávky." !important;
}
/* === Fix diakritiky v price helperu (::after) === */
.show-custom-info .price-line::after {
  font-family: "Noto Serif", "Noto Sans", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Reset tlačítka – schovej původní ikonu/pozadí */
button.remove-item[data-testid="buttonDeleteItem"] {
  background: #fff !important; /* černé pozadí */
  border: none !important;
  width: 24px; /* pevná velikost (dle původní ikony) */
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

/* Hover efekt – hnědá */
button.remove-item[data-testid="buttonDeleteItem"]:hover {
  background: #8E4709 !important; /* firemní hnědá */
}

input.btn.btn-primary.\31 53-choose-button[data-testid="selectDeliveryPoint"] {
  padding: 5px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}

/* Tlačítko Hledat (DPD) */
input#\31 53-search-button.btn.btn-primary.delivery-point-picker[data-testid="searchDeliveryPoint"] {
  padding: 5px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
}

@media (max-width: 1023px) {
  /* Skrytí login tlačítka pouze v headeru na tabletech a mobilech */
  #header .top-nav-button-login,
  #header a[data-target="login"],
  #header .custom-styled-login {
    display: none !important;
  }
}

@media (max-width: 780px) {
  .navigation-buttons {
    transform: scale(0.7) !important;
    transform-origin: center !important;
  }
}
@media (max-width: 1023px) {
  /* Zrušení negativního marginu u login tlačítka na tabletech */
  .top-nav-button-login,
  .custom-styled-login,
  .top-nav-button.login {
    margin: 0 !important;
  }
}

/* ==================================== */
/*      STYLY PŘESUNUTÉ Z FOOTERU       */
/* ==================================== */

/* Bublina k trvanlivosti */
body:not(.trvanlivost-noshow) .product-top .add-to-cart:lang(cs) button:after {
  content: "(trvanlivost výrobků je 40 dnů)";
  font-size: 11px;
  font-weight: 200;
  line-height: 1em;
  position: absolute;
  padding-top: 38px;
}

body:not(.trvanlivost-noshow) .product-top .add-to-cart:lang(sk) button:after {
  content: "(trvanlivosť výrobku je 40 dní)";
  font-size: 11px;
  font-weight: 200;
  line-height: 1em;
  position: absolute;
  padding-top: 38px;
}

/* Navigace - font styling */
ul.menu-level-1 > li > a {
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Newsletter widget */
.newsletter-widget {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 260px;
  margin: 0 auto;
}

.newsletter-widget h4 {
  font-size: 16px;
  margin: 0 0 10px;
  color: #fff;
}

.newsletter-widget input[type=email] {
  width: 100%;
  max-width: 240px;
  padding: 6px 10px;
  font-size: 14px;
  margin-bottom: 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.newsletter-widget button {
  width: 100%;
  max-width: 240px;
  padding: 8px 10px;
  background: #8b572a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1.2;
}

.newsletter-widget button:hover {
  background: #a5672f;
}

/* Headings styling */
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold !important;
  font-family: "Noto Serif", serif;
}

/* Odstranění pseudo-elementů z nadpisů */
h1::before, h1::after,
h2::before, h2::after,
h3::before, h3::after,
h4::before, h4::after,
h5::before, h5::after,
h6::before, h6::after,
.h1::before, .h1::after,
.h2::before, .h2::after,
.h3::before, .h3::after,
.h4::before, .h4::after,
.h5::before, .h5::after,
.h6::before, .h6::after,
.nadpis-chovanecek::after {
  content: none !important;
  display: none !important;
}

/* Footer styling */
#footer {
  background: #fff;
  color: #000 !important;
  position: relative;
}

#footer h4 span {
  color: #8E4709 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-align: left !important;
  display: block;
  margin-bottom: 10px;
}

#footer p, #footer li, #footer a, #footer .contact-box ul li span {
  color: #000 !important;
  font-size: 16px !important;
  text-decoration: underline !important;
  text-align: left !important;
  line-height: 1.4;
}

#footer .custom-footer > div {
  margin-bottom: 15px;
}

#footer .custom-footer ul {
  padding-left: 0;
  margin: 8px 0;
  list-style: none;
}

#footer .custom-footer li {
  margin-bottom: 6px;
}

#footer .custom-footer__contact .contact-box ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#footer .custom-footer__contact .contact-box ul li {
  margin-left: -30px !important;
  padding-left: 0 !important;
}

#footer .custom-footer__contact .contact-box ul li::before {
  content: none !important;
  display: none !important;
}

.custom-footer__onlinePayments h4 span {
  visibility: hidden;
  position: relative;
}

.custom-footer__onlinePayments h4 span::before {
  content: "PLATBA A DOPRAVA";
  white-space: normal;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  color: #8E4709;
  font-size: 22px;
  font-weight: 700;
}

/* Skryj původní obrázek ve footeru */
.custom-footer__onlinePayments img {
  display: none !important;
}

/* Přidej vlastní obrázek jako pseudo-element s automatickou šířkou */
.custom-footer__onlinePayments p::before {
  content: "";
  display: block;
  width: 100%;          /* zabere celou šířku rodiče */
  max-width: 180px;     /* volitelně omezení max. velikosti */
  aspect-ratio: 7/6; /* zachování poměru stran */
  background-image: url("/user/documents/upload/redesign-8-25/doprava-a-platba2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left; 
  margin: 0;       /* vycentrování obrázku */
}

/* Footer spodní pás */
.container.footer-bottom {
  padding-top: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto;
  align-items: start;
  border-top: none !important;
  max-width: 1440px;
  margin: 0 auto;
  column-gap: 20px;
}

.container.footer-bottom span,
.footer-bottom .footer-logo {
  display: flex !important;
  align-items: flex-start;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.footer-bottom .copyright,
.footer-bottom .footer-logo,
.footer-bottom .footer-logo-textik {
  color: #000 !important;
  font-weight: 400;
  font-size: 13px;
  font-family: "Noto Serif", serif;
}

.footer-bottom .footer-logo {
  justify-self: end;
  align-items: flex-end;
  gap: 6px;
  font-size: 15px;
}

.footer-bottom .footer-logo-textik {
  padding-top: 5px !important;
}

.footer-bottom .copyright {
  justify-self: start;
}

.footer-bottom .shoptet-logo {
  justify-self: center;
}

.footer-bottom .shoptet-logo img {
  height: 17px;
  width: auto;
  display: block;
}

.footer-bottom .footer-logo img {
  height: 22px;
  width: auto;
  display: block;
}

.footer-bottom .footer-logo {
  display: flex !important; /* aktivuje flexbox */
  flex-direction: row; /* horizontální uspořádání */
  align-items: center; /* vertikálně vycentruje všechny děti */
  gap: 6px; /* mezera mezi elementy */
}

/* ==================================== */
/*    ÚPRAVY TOP NAVIGATION BAR         */
/* ==================================== */

/* Bílé pozadí pro top navigation bar */
.top-navigation-bar {
  background: white !important;
  background-color: white !important;
}

/* Odstranění všech stínů z header sekcí - HLAVNÍ OPRAVA */
#header,
.top-navigation-bar,
.site-msg.information,
.header-top,
.navigation-wrapper,
.container.navigation-wrapper {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* Zajištění, že kontejnery v top baru mají také bílé pozadí */
.top-navigation-bar .container,
.top-navigation-bar .msg-part,
.top-navigation-bar .site-msg.information {
  background: white !important;
  background-color: white !important;
}

/* Stín POUZE pod navigační sekcí - bez stínu na stranách */
#navigation {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3) !important;
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3) !important;
  /* Explicitně odstraníme jakékoliv stíny shora */
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Odstranění stínů z navigačního kontejneru a všech menu elementů */
#navigation .navigation-in,
#navigation .menu,
#navigation .menu-level-1,
#navigation .menu-level-2,
#navigation .menu-level-1 > li,
#navigation .menu-level-2 > li,
#navigation .menu-level-1 > li > a,
#navigation .menu-level-2 > li > a {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* ==================================== */
/*     OPRAVA KAPITÁLEK V NAVIGACI      */
/* ==================================== */

/* Zrušení vynuceného uppercase pro hlavní navigaci */
#navigation .menu-level-1 a,
#navigation .menu-level-1 a b,
#navigation .menu-level-2 a,
#navigation .menu-level-2 a span,
.navigation-in .menu-level-1 a,
.navigation-in .menu-level-1 a b,
.navigation-in .menu-level-2 a,
.navigation-in .menu-level-2 a span,
nav#navigation a[data-testid="headerMenuItem"],
nav#navigation a[data-testid="headerMenuItem"] b,
nav#navigation a[data-testid="headerMenuItem"] span {
  text-transform: none !important;
}

/* Specifické cílení na položky menu podle HTML struktury */
.menu-level-1 li a,
.menu-level-1 li a b,
.menu-level-2 li a,
.menu-level-2 li a span,
ul[role="menubar"] a,
ul[role="menubar"] a b,
ul[role="menu"] a,
ul[role="menu"] a span {
  text-transform: none !important;
}

/* Stylování textu v navigaci - POUZE font, bez rušení pozadí a ikon */
#navigation .menu-level-1 a,
#navigation .menu-level-1 a b,
#navigation .menu-level-2 a,
#navigation .menu-level-2 a span,
.navigation-in .menu-level-1 a,
.navigation-in .menu-level-1 a b,
.navigation-in .menu-level-2 a,
.navigation-in .menu-level-2 a span,
nav#navigation a[data-testid="headerMenuItem"],
nav#navigation a[data-testid="headerMenuItem"] b,
nav#navigation a[data-testid="headerMenuItem"] span {
  font-family: "Noto Serif", serif !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

/* ZRUŠENÍ koleček v hlavním menu - přepíše kolečka z top baru */
#navigation a::before,
.navigation-in a::before,
nav#navigation a::before {
  display: none !important;
  content: none !important;
}

/* SPECIFICKÉ zrušení koleček v hlavním menu - vyšší priorita než href selektory */
#navigation a[href="/o-nas/"]::before,
#navigation a[href="/prsuterie/"]::before,
#navigation a[href="/prsuty-14/"]::before,
#navigation a[href="/prodejny/"]::before,
#navigation a[href="/farma/"]::before,
#navigation a[href="/penzion-prsuterie/"]::before,
.navigation-in a[href="/o-nas/"]::before,
.navigation-in a[href="/prsuterie/"]::before,
.navigation-in a[href="/prsuty-14/"]::before,
.navigation-in a[href="/prodejny/"]::before,
.navigation-in a[href="/farma/"]::before,
.navigation-in a[href="/penzion-prsuterie/"]::before,
nav#navigation a[href="/o-nas/"]::before,
nav#navigation a[href="/prsuterie/"]::before,
nav#navigation a[href="/prsuty-14/"]::before,
nav#navigation a[href="/prodejny/"]::before,
nav#navigation a[href="/farma/"]::before,
nav#navigation a[href="/penzion-prsuterie/"]::before {
  display: none !important;
  content: none !important;
}

/* ZRUŠENÍ koleček v mobilním hamburger menu */
.menu-helper a::before,
[data-testid="hamburgerMenu"] a::before,
.menu-helper a[href="/o-nas/"]::before,
.menu-helper a[href="/prsuterie/"]::before,
.menu-helper a[href="/prsuty-14/"]::before,
.menu-helper a[href="/prodejny/"]::before,
.menu-helper a[href="/farma/"]::before,
.menu-helper a[href="/penzion-prsuterie/"]::before,
[data-testid="hamburgerMenu"] a[href="/o-nas/"]::before,
[data-testid="hamburgerMenu"] a[href="/prsuterie/"]::before,
[data-testid="hamburgerMenu"] a[href="/prsuty-14/"]::before,
[data-testid="hamburgerMenu"] a[href="/prodejny/"]::before,
[data-testid="hamburgerMenu"] a[href="/farma/"]::before,
[data-testid="hamburgerMenu"] a[href="/penzion-prsuterie/"]::before {
  display: none !important;
  content: none !important;
}

/* ==================================== */
/*     OPRAVA KAPITÁLEK V HLAVIČCE      */
/* ==================================== */

/* Zrušení vynuceného uppercase pro odkazy v top navigaci */
.top-navigation-bar a,
.top-navigation-bar a b,
.top-navigation-contacts a,
.top-navigation-contacts a b,
#header .top-navigation-bar a,
#header .top-navigation-contacts a,
.top-navigation-bar .top-navigation-contacts a,
.top-navigation-bar .top-navigation-contacts a b {
  text-transform: none !important;
  text-decoration: none !important; /* Zrušení podtržení */
}

/* Specifické cílení podle struktury vašich odkazů */
a[href="/o-nas/"],
a[href="/prsuterie/"],
a[href="/prsuty-14/"],
a[href="/prodejny/"],
a[href="/farma/"],
a[href="/penzion-prsuterie/"],
a[href="/o-nas/"] b,
a[href="/prsuterie/"] b,
a[href="/prsuty-14/"] b,
a[href="/prodejny/"] b,
a[href="/farma/"] b,
a[href="/penzion-prsuterie/"] b {
  text-transform: none !important;
  text-decoration: none !important; /* Zrušení podtržení */
}

/* Obecné řešení pro všechny top navigační odkazy */
.top-navigation-bar a[title] {
  text-transform: none !important;
  text-decoration: none !important; /* Zrušení podtržení */
  position: relative !important;
}

.top-navigation-bar a[title] b {
  text-transform: none !important;
  text-decoration: none !important; /* Zrušení podtržení */
}

/* --- Pseudo-elementy pro menu - pouze uvnitř .top-navigation-bar --- */
.top-navigation-bar a[title]::before,
.top-navigation-bar a[href="/o-nas/"]::before,
.top-navigation-bar a[href="/prsuterie/"]::before,
.top-navigation-bar a[href="/prsuty-14/"]::before,
.top-navigation-bar a[href="/prodejny/"]::before,
.top-navigation-bar a[href="/farma/"]::before,
.top-navigation-bar a[href="/penzion-prsuterie/"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  background-color: #8B4A11 !important;
  border-radius: 50% !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
}

/* Stylování top navigation bar menu odkazů stejně jako site-msg odkazy */
.top-navigation-bar-menu a,
.top-navigation-bar-menu a b {
  text-transform: none !important;
  text-decoration: none !important;
  font-weight: normal; /*top bar text vpravo*/
  font-size: 14px !important;
}

/* Přepíšeme jen odkaz na Kontakt */
.top-navigation-bar-menu a[href="/kontakty/"] {
  font-weight: bold !important;
}

/* Odstranění svislé čáry z top-navigation-bar-menu - přesnější selektor */
.top-navigation-bar-menu::before,
.top-navigation-bar .nav-part .top-navigation-menu > ul li:before {
  display: none !important;
  content: none !important;
}

/* Kolečka před odkazy v top navigation bar menu */
.top-navigation-bar-menu a::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  background-color: #8B4A11 !important;
  border-radius: 50% !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
}

/* Hover efekt pro top navigation bar menu odkazy */
.top-navigation-bar-menu a:hover {
  text-decoration: none !important;
}

/* Hover efekt - zachování bez podtržení */
.top-navigation-bar a[title]:hover,
a[href="/o-nas/"]:hover,
a[href="/prsuterie/"]:hover,
a[href="/prsuty-14/"]:hover,
a[href="/prodejny/"]:hover,
a[href="/farma/"]:hover,
a[href="/penzion-prsuterie/"]:hover {
  text-decoration: none !important;
}

/*uprava mezer mezi odkazy v menu*/


/* ============================
   TABLET (769–1024 px)
   - skrytí search baru
   ============================ */
@media (max-width: 1024px) and (min-width: 769px) {
  #header .search,
  .top-navigation-bar .search,
  .navigation-wrapper .search,
  header .search {
    display: none !important;
  }
}

/* ============================
   MOBIL (≤ 768 px)
   - schovat login, cart i search
   ============================ */
@media (max-width: 768px) {
  a[data-testid="signin"].custom-styled-login,
  a[data-testid="headerCart"].custom-styled,
  #header .search,
  .top-navigation-bar .search,
  .navigation-wrapper .search,
  header .search {
    display: none !important;
  }
}

/* ============================
   HEADER LAYOUT FIX
   - zrušení space-between
   - stabilní zarovnání prvků
   ============================ */
#header .header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* místo space-between */
  gap: 16px !important; /* kontrolovaná mezera mezi bloky */
}

/* Pravá tlačítka vždy vpravo, bez roztahování */
#header .header-top .navigation-buttons {
  margin-left: auto !important; /* odtlačí doprava */
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}

/* Logo a search vlevo */
#header .header-top .site-name {
  flex: 0 0 auto !important;
}

#header .header-top .search {
  flex: 0 1 520px !important; /* může se zmenšit, ale nerozbije řádek */
  min-width: 0 !important; /* brání overflowu */
}

/* Ikony vpravo – držet výšku kvůli „neposkakování“ */
a[data-testid="signin"].custom-styled-login,
a[data-testid="headerCart"].custom-styled {
  height: 63px !important; /* stejná výška jako na desktopu */
  align-items: center !important;
}

/* TABLET A NĚŽ – reset paddingu u login/košík, aby nezůstávaly mezery */
@media (max-width: 1024px) {
  a[data-testid="headerCart"].custom-styled,
  a[data-testid="signin"].custom-styled-login {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important; /* žádné pozadí */
    border: none !important;
    box-shadow: none !important;
  }

  /* ikony centrované, fixní velikost */
  a[data-testid="headerCart"].custom-styled .custom-cart-icon,
  a[data-testid="signin"].custom-styled-login .custom-login-icon {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    display: block !important;
  }

  /* zarovnat obě tlačítka v řádku */
  #header .header-top .navigation-buttons {
    gap: 8px !important; /* menší mezera mezi nimi */
    align-items: center !important;
  }

  /* schovat cenu/prázdný text u košíku – necháme jen ikonu + bublinu */
  a[data-testid="headerCart"].custom-styled [data-testid="headerCartPrice"],
  a[data-testid="headerCart"].custom-styled .cart-price,
  a[data-testid="headerCart"].custom-styled .cart-empty {
    display: none !important;
  }
}

/* ==================================== */
/*      PŮVODNÍ CSS Z HEADERU           */
/* ==================================== */

/* CSS proměnné pro barvy - PŘESUNUTO VŠE DO TLAČÍTEK */

/* Utility třídy a obecné styly */
.increase::after, .decrease::before, .decrease::after {
  display: none;
}

.cart-content .next-step {
  flex-direction: column;
}

.stick_popup > div, img.prsuterie-banner {
  max-height: 65vh !important;
}

.in-kontakty h2, .in-kontakty ul {
  margin: 0;
}

.id-972 .field.field--name-field-obrazky-do-galerie.field--type-image.field--label-hidden.field__items, .link-icons {
  display: flex;
}

.in-penzion-prsuterie- .availability-value, .in-penzion-prsuterie- tr.sold-out, .recapitulation-wrapper .co-box.co-payment-method, .type-page .sidebar, .type-post .sidebar, .type-posts-listing .sidebar, a.link-icon.print {
  display: none;
}

/* Penzion tlačítko */
a.penzion-btn {
  padding: .5em;
  background: #7c4403;
  color: #fff !important;
  font-weight: 300;
  border-radius: 0 4px 4px 0 !important;
  font-size: 1.4em;
  letter-spacing: 1px;
}

/* Sticky popup styly */
.stick_content {
  padding: 0 !important;
}

.stick_popup > div {
  height: auto !important;
  width: auto !important;
  overflow-x: unset !important;
  background: #000;
}

#stickLayer .stick-close {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: unset !important;
  background: #fff !important;
  color: #000 !important;
  padding: 0 10px !important;
  font-size: 50px !important;
  font-weight: 700 !important;
}

/* Carousel a menu styly */
#carousel .carousel-slide-caption h2, li.menu-item-external-75 a, span.flag.flag-black-friday {
  color: #fff;
}

#header #navigation ul.menu-level-1 > li > a {
  padding: 0 10px !important;
}

#carousel .carousel-slide-caption p {
  max-width: 600px;
  color: #fff;
}

.flags {
  padding-top: 20px;
}

.h4.homepage-group-title, h4.homepage-group-title {
  margin-top: 0;
}

.hp-middle-banner {
  margin: 0 0 50px;
}

/* Custom tlačítka */
a.custom.button {
  height: 40px;
  line-height: 40px;
  min-width: 155px;
  text-align: center;
  display: inline-block !important;
  margin: 0;
  padding: 0 10px;
  color: #fff;
}

/* Informační zprávy o cenách */
.show-custom-info .price-line:lang(cs):after {
  content: "? Cena je pouze orientační. Konečnou cenu vám vypočteme po dokončení objednávky.";
  font-size: 15px;
  border: 2px solid #7c4403;
  margin-top: 10px;
  display: block;
  padding: 10px;
}

.show-custom-info .price-line:lang(sk):after {
  content: "? Cena je len orientačná. Konečnú cenu vypočítame po dokončení objednávky.";
  font-size: 15px;
  border: 2px solid #7c4403;
  margin-top: 10px;
  display: block;
  padding: 10px;
}

/* Objednávka styly */
#submit-order, button#orderFormButton {
  margin-bottom: 15px;
}

.cart-content .next-step:after {
  content: "ℹ️ U položek ke zvážení cenu dopočítáme po objednávce.";
  font-size: 15px;
  display: block;
  margin-top: 10px;
}

.cart-table .show-related {
  color: #2b2a40 !important;
}

/* YouTube ikona */
footer ul .youtube a:before {
  background: url(https://464565.myshoptet.com/user/documents/upload/youtube-full.svg) no-repeat center !important;
  width: 25px;
  content: '';
  height: 20px;
  position: absolute;
  left: 0;
  margin-top: -2px;
}

span.youtube a {
  padding-left: 30px;
}

/* Instagram widget */
#dklab_instagram_widget {
  margin-top: 0 !important;
}

img#gallery-open {
  cursor: pointer;
}

.grid4 .dklab_instagram_widget_box {
  width: 25% !important;
}

.link-icons {
  margin-top: 10px;
  gap: 10px;
}

.type-detail .shp-tabs-wrapper {
  padding-top: 0 !important;
}

.id-972 img.image-style-fotogalerie {
  margin-right: 25px;
}

/* Site messages */
.site-msg-custom.step-1 {
  padding: 15px 40px;
}

.site-msg.cookies .btn {
  top: 3px !important;
  height: 27px !important;
}

.site-msg.cookies {
  background: #7c4403 !important;
}

/* Logo styly - KONSOLIDOVANÉ */
#header .site-name img {
  content: url('/user/documents/upload/redesign-8-25/logo@2x.png') !important;
  width: 275px !important;
  max-width: 275px !important;
  height: auto !important;
}

/* Logo styly - KONSOLIDOVANÉ */
#header .site-name img {
  content: url('/user/documents/upload/redesign-8-25/logo@2x.png') !important;
  width: 275px !important;
  max-width: 275px !important;
  height: auto !important;
}

ul.menu-level-1 > li > a > .submenu-arrow {
  padding-left: 5px;
}

/* Responzivní media queries - KONSOLIDOVANÉ */
@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > a img {
    max-width: 100px !important;
    max-height: 100px !important;
    padding-right: 10px;
  }

  #header .menu-helper {
    right: 10px !important;
  }

  #header #navigation {
    width: 100% !important;
  }

  #header .top-navigation-contacts,
  .top-navigation-bar .top-navigation-contacts {
    display: none !important;
  }

  #header #navigation ul.menu-level-1 > li .menu-level-2 {
    width: 100% !important;
    max-width: 1268px;
  }

  #header #navigation ul.menu-level-1 > li:first-child a {
    padding-left: 10px !important;
  }

  li.menu-item-941,
  li.menu-item-941.ext {
    background: none;
  }

  li.menu-item-external-75 {
    flex-grow: 1;
  }
}

@media (max-width: 768px) {
  .top-navigation-bar .msg-part .site-msg {
    display: none !important;
  }

  a.custom.button {
    margin: 10px;
  }

  img.custom-hero {
    height: 200px !important;
  }

  /* Logo responzivně */
  #header .site-name img {
    width: 140px !important;
    max-width: 140px !important;
  }

  /* Vyhledávání responzivně */
  [data-testid="searchForm"] {
    min-width: 250px !important;
  }

  /* Stránková vyhledávací lišta responzivně */
  .search-form:not([data-testid="searchForm"]),
  form[action*="ProductSearch"]:not([data-testid="searchForm"]) {
    min-width: 250px !important;
  }
}

@media (max-width: 480px) {
  /* Logo ještě menší */
  #header .site-name img {
    width: 110px !important;
    max-width: 110px !important;
  }
}

/* Carousel – sjednocená varianta */
@media (max-width: 1500px) {
  #carousel .item img {
    min-height: 450px;
  }
}

/* Footer responzivně */
@media (max-width: 768px) {
  .container.footer-bottom {
    grid-template-columns: 1fr;
    row-gap: 6px;
    text-align: center;
    padding: 10px 0 0;
  }

  .container.footer-bottom .copyright,
  .container.footer-bottom .shoptet-logo,
  .container.footer-bottom .footer-logo {
    justify-self: center;
  }
}



/* ==================================== */
/*      STYLY BANERŮ A CAROUSELU        */
/* ==================================== */
/* ==== STYLY BANERŮ ==== */
.carousel-slide-box {
  position: relative;
}
.carousel-slide-box img {
  display: block;
  width: 100%;
  height: auto;
}
/* Caption zarovnané podle .container */
:root {
  --container-w: 1268px; /* nastav hodnotu dle šablony */
}
.carousel-slide-caption {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  max-width: 1268px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  box-sizing: border-box;
  z-index: 1000;
}
/* Posun jen pro velké obrazovky */
@media (min-width: 1500px) {
  .carousel-slide-caption {
    margin-left: -75px;
  }
}
/* Tlačítko carousel */
.button-carousel {
  background-color: transparent;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 8px;
  box-shadow: 0 3px 10px #000000A8;
  font-size: clamp(14px, 2.2vw, 18px);
  width: auto;
  min-width: 180px;
  height: auto;
  min-height: clamp(44px, 7vw, 60px);
  padding: 0 clamp(16px, 3vw, 24px);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  transition: all .3s ease;
  margin-top: 20px;
  -webkit-tap-highlight-color: transparent;
}
.button-carousel:hover {
  background-color: rgba(255,255,255,.2);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0,0,0,.12);
}
.button-carousel i {
  font-size: clamp(16px, 2.4vw, 20px);
  margin-left: clamp(8px, 1.8vw, 10px);
}
/* Nadpisy v baneru */
.nadpis-v-baneru {
  color: #FFC18B !important;
  font-size: clamp(42px, 10vw, 120px);
  margin: 0 0 5px 0;
}
.nadpis-chovanecek {
  color: #fff !important;
  font-size: clamp(14px, 2.2vw, 22px) !important;
  margin: 0 0 20px 0;
  position: relative;
}
/* Tečky pod nadpisem */
.cara-pod-nadpisem {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}
.cara-pod-nadpisem span {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.45);
}
/* Popis v carousel */
.carousel-slide-caption p,
.carousel-slide-caption .popis {
  color: #fff;
  line-height: clamp(1.35, 2.5vw, 1.6);
  max-width: 70ch;
}

/* Mobilní banner */


    .mobile-banner {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    /* Obrázek na pozadí */
    .mobile-banner img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Textová část překrývající spodní část obrázku */
    .mobile-banner-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(transparent 0%, rgba(46, 22, 0, 0.8) 30%, rgba(46, 22, 0, 0.95) 100%);
        padding: 60px 20px 40px 20px;
        text-align: center;
        color: #fff;
    }

    /* Stylování textu */
    .mobile-banner-content p {
        color: #fff !important;
        margin: 0 0 8px 0;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .mobile-banner-content .nadpis-v-baneru {
        color: #FFC18B !important;
        font-size: clamp(28px, 8vw, 48px);
        margin: 0 0 5px 0;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.1;
    }

    .mobile-banner-content .podnadpis {
        color: #fff !important;
        font-size: 18px;
        margin: 5px 0px 0px 0px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
    }

    /* Responzivní úpravy pro velmi malé mobily */
    @media (max-width: 480px) {
        .mobile-banner-content {
            padding: 40px 15px 30px 15px;
        }
    }

/* Carousel responzivita velkých banerů carousel */

/* Střední tablety a malé desktopy - začíná se posouvat obsah více do středu */
@media (max-width: 1200px) {
  .carousel-slide-caption {
    padding-left: 80px;
    padding-right: 80px;
  }
}

/* Malé tablety - ještě více do středu */
@media (max-width: 992px) {
  .carousel-slide-caption {
    padding-left: 100px;
    padding-right: 100px;
  }
}

/* Větší mobily/malé tablety - postupný přechod k centru */
@media (max-width: 820px) {
  .carousel-slide-caption {
    padding-left: 120px;
    padding-right: 120px;
    text-align: center;
  }
  .cara-pod-nadpisem {
    justify-content: center;
  }
}

/* Mobily - kompletně na střed s velkými paddingy kvůli tlačítkům */
@media (max-width: 768px) {
  .carousel-slide-caption {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding-left: 80px;
    padding-right: 80px;
  }
  .button-carousel {
    min-width: 0;
    width: 100%;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  .cara-pod-nadpisem {
    justify-content: center;
  }
}

/* Velmi malé mobily - ještě větší paddingy */
@media (max-width: 576px) {
  .button-carousel {
    max-width: 240px;
  }
}

/* Nejmenší mobily */
@media (max-width: 480px) {
  .nadpis-v-baneru {
    margin-bottom: 4px;
  }
  .nadpis-chovanecek {
    margin-bottom: 14px !important;
  }
  .button-carousel {
    border-width: 2px;
  }
  .cara-pod-nadpisem span {
    width: 6px;
    height: 6px;
  }
}

/* Styly pro ovládací tlačítka carouselu */
.carousel-control::before {
  border-radius: 8px !important; /* zaoblené rohy */
  border: 2px solid #ffffff; /* bílý okraj 1px */
  background-color: rgba(0, 0, 0, 0.25); /* průhledné černé pozadí */
  text-shadow: none;
}


@media (max-width: 768px) {
  .carousel-control::before {
    width: 40px !important;
    height: 40px !important;
    padding: 5px !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 8px !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    margin: -15px 10px 0px 10px;
  }
}

@media (max-width: 1800px) {
  .carousel-slide-caption * {
    margin-left: 100px;
  }
  .carousel-slide-caption h2 {
    margin-left: 100px !important;
  }
  .cara-pod-nadpisem {
    display: none;
  }
}





/* ==================================== */
/*           STŘEDNÍ BANNER             */
/* ==================================== */

/* Zrušení zaoblené rohy (wrapper + img) */
.hp-middle-banner,
.hp-middle-banner > img {
  border-radius: 0 !important;
}

/* Banner actions a extra text */
.banner-actions {
  display: flex;
  align-items: center;
  gap: 50px;
  margin: 20px 0 15px 0;
}

.banner-extra {
  color: #fff;
  font-size: clamp(22px, 4vw, 38px);
  font-weight: 700;
  white-space: nowrap;
}

/* Banner responzivita */
@media (max-width: 768px) {
  .banner-actions {
    flex-direction: column;
    gap: 20px;
  }

  .banner-extra {
    font-size: 20px;
  }
}

/* ==================================== */
/*     MALÉ BANNERY POD CAROUSELEM      */
/* ==================================== */

/* Posun celého rozcestníku nahoru */
.next-to-carousel-banners {
  position: relative;
  z-index: 3;
  margin-top: -68px !important; /* uprav -60 až -90 podle oka */
  padding-top: 30px; /* horní padding */
  padding-bottom: 10px; /* spodní padding */
  padding-left: 0; /* levý padding */
  padding-right: 0; /* pravý padding */
}

.next-to-carousel-banners::before,
.next-to-carousel-banners::after {
  content: none;
  display: none;
}

@media (max-width: 1089.98px) {
  .next-to-carousel-banners {
    margin-top: 0 !important; /* na mobilu bez překryvu */
  }
}

/* Všechny 4 tile – obecná úprava */
.next-to-carousel-banners .small-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Ikonový box = čtverec 120×120 */
.next-to-carousel-banners .small-banner .icon-box {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  overflow: visible !important;
}

/* Obrázky uvnitř – vizuálně zvětšit a posunout výš */
.next-to-carousel-banners .small-banner .icon-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1/1;
  object-fit: contain; /* nebo 'cover', pokud chceš plné zaplnění čtverce */
  transform: scale(1.22) translateY(-6px); /* zvětšení a posun nahoru */
  transform-origin: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Zrušení nastavených verzálek v postranním menu v kategoriích */
#categories .topic a {
  text-transform: none !important; /* zruší všechna velká písmena */
  font-weight: bold; /* nastaví tučný text */
  font-size: 16px; /* nastaví velikost písma 14px */
}

/*
* KONKURENČNÍ VÝHODY
*/
/* Wrapper odkaz – blok bez podtržení */
.promo-link {
  display: block;
  text-decoration: none;
}

/* Hlavní layout boxu */
.promo {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Ikonový čtverec bez vnitřního okraje a efektů */
.promo__icon-box {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;

  /* tvrdé nulování dekorací */
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  box-sizing: content-box !important;
}

/* Obrázek – přesah 150% pro “zoom”, drží čtverec */
.promo__img {
  display: block;
  width: 150% !important;
  height: 150% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1;
  object-fit: contain; /* dej 'cover' pro plné zaplnění */
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Popis vpravo od ikony */
.promo__desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding:0;
}

/* Nadpis a text bez vnějších okrajů, dědí barvu */
.promo__title {
  margin: 0;
  font-size: 24px;
}

.promo__text {
  margin: 0;
  font-size: 16px;
}

/* (volitelně) Hover/focus stav pro celý box */
.promo-link:hover .promo,
.promo-link:focus-visible .promo {
  filter: brightness(0.98);
}

/* (volitelně) Responsivita – na užších displejích srovnáme mezery */
@media (max-width: 480px) {
  .promo {
    gap: 12px;
  }
  .promo__icon-box {
    flex-basis: 96px;
    width: 96px;
    height: 96px;
  }
  .promo__desc {
    padding-left: 12px;
  }
}

/* ČLÁNKY */


/* Gradient přes celou šířku, obsah zůstane v kontejneru */
.homepage-blog-wrapper {
  position: relative;         /* aby šel pseudo-element pozicovat vůči sekci */
  isolation: isolate;         /* zajistí, že z-index: -1 nepropadne mimo sekci */
  overflow: visible;          /* pro jistotu, kdyby to téma schovávalo přetékání */
}

/* full-bleed pozadí */
.homepage-blog-wrapper::before {
  content: "";
  position: absolute;
  z-index: -1;                /* pošli gradient pod obsah */
  top: 0;
  bottom: 0;

  /* trik na roztažení na šířku viewportu u sekce, která je vycentrovaná */
  left: 50%;
  transform: translateX(-50%);
  width: 98vw;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;

  /* libovolný gradient – uprav si barvy a směr */
  background: transparent linear-gradient(110deg, #100E0C 0%, #673000 100%) 0% 0% no-repeat padding-box;
}

/* volitelné: trochu vnitřního prostoru, aby byl gradient vidět i nad/pod obsahem */
.homepage-blog-wrapper {
  padding-top: 5vh;
  padding-bottom: 5vh;
}

/* Nadpis skupiny – zjednodušený selektor */
.homepage-blog-wrapper .homepage-group-title.h4 {
  font-size: 1.6em;
  color: #fff;
}

/* Zarovnání obsahu karet na střed */
.homepage-blog-wrapper .news-item .text {
  display: flex;
  flex-direction: column;
  align-items: center; /* vycentruje title i read-article */
  gap: 8px;
}

/* Titulek článku */
.homepage-blog-wrapper .news-item .title {
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}

/* "Číst článek" jako tlačítko, vycentrované */
.homepage-blog-wrapper .news-item .read-article {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1em;
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 8px;
  display: inline-block;     /* kvůli paddingu */
  text-decoration: none !important;
}

/* Hover stav při přejetí přes celý odkaz (a obalí vše) */
.homepage-blog-wrapper .news-item a:hover .read-article {
  background: #fff;
  color: #000;
  text-decoration: none;
}

.homepage-blog-wrapper.blog-wrapper .news-item .image img {
    border-radius: 8px !important;
}

.homepage-blog-wrapper .homepage-group-title.novinky-enhanced .novinky-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    color: white;
}




/*HERO*/
.content-wrapper.homepage-box.welcome-wrapper {
  /* tvoje stávající styly... */
  position: relative;
  width: 98vw !important;
  left: 50%;
  margin-left: -49vw;
  right: 50%;
  margin-right: -49vw;
  background-color: #2E1600;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  padding: 20px 0 0px 0 !important; /* přidal jsem spodní odsazení */
  height: auto;

  /* tohle to přitlačí dolů */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.content-wrapper.homepage-box.welcome-wrapper .custom-flex-wrap {
  padding: 20px 0 !important;
}

/* odstranění overlaye */
.content-wrapper.homepage-box.welcome-wrapper::before,
.welcome-wrapper::before {
  content: none !important;
}

/* === Rozvržení === */
.custom-flex-wrap {
  position: relative;            /* referenční box pro absolutní obrázek */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 48px 0;
  text-align: left;
  overflow: hidden;              /* aby nic nepřetékal mimo sekci */
}

/* Textová část (stejný vzhled) */
.custom-flex-content {
  position: relative;
  flex: 1 1 50%;
  max-width: 600px;
  color: #fff !important;
  z-index: 1;                    /* nad obrázkem */
  padding-bottom: 30px;
}

.custom-flex-content h1,
.custom-flex-content p,
.custom-flex-content a {
  color: #fff !important;
  text-align: left !important;
}

.custom-flex-content h1 {
  margin: 0 0 16px 0;
  text-transform: uppercase;
  line-height: 1.15;
  font-size: clamp(22px, 2.2vw + 14px, 34px);
}

.info-hero-dots {
  height: 6px;
  margin: 10px 0 18px 0;
  background-image: radial-gradient(circle, #fff 1.5px, transparent 2.5px);
  background-size: 16px 6px;
  background-repeat: repeat-x;
  opacity: .9;
}

.custom-flex-content p {
  margin: 0 0 18px 0;
  max-width: 65ch;
  line-height: 1.55;
}

/* === Obrázek přes CELÝ vnitřní prostor sekce (bez ořezu) === */
/* dřívější .custom-flex-child teď použijeme jako absolutní „pravý panel" */
.custom-flex-child {
  position: absolute;
  inset: 0 0 0 auto;            /* top:0; right:0; bottom:0 – pokryje celou výšku sekce */
  width: min(50%, 780px);       /* drží se vpravo; šířku můžeš doladit */
  display: flex;
  align-items: flex-end;        /* obrázek zarovnáme ke spodní hraně */
  justify-content: flex-end;
  pointer-events: none;         /* ať nepřekáží klikům na text/tlačítko */
  z-index: 0;
}

/* samotný obrázek – na 100% výšky, bez ořezu */
.hero-img-bg {
    height: 110%;
    width: auto;
    max-height: 110%;
    max-width: none;
    object-fit: contain;
    display: block;
}

/* Tlačítko (původní vzhled) */
.button-carousel {
  background: transparent;
  color: #fff !important;
  border: 3px solid #fff;
  border-radius: 8px;
  font-size: clamp(14px,2vw,18px);
  padding: 0 clamp(16px,3vw,24px);
  min-height: clamp(44px,7vw,60px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  transition: all .3s ease;
  box-shadow: 0 3px 10px rgba(0,0,0,.35);
}
.button-carousel:hover {
  background: rgba(255,255,255,.18);
  transform: translateY(-1px);
}

/* === Responzivita === */
@media (max-width: 1200px) {
  .custom-flex-child { width: min(52%, 700px); }
}

@media (max-width: 992px) {
  .custom-flex-wrap {
    flex-direction: column;
    padding: 28px 20px;
    gap: 20px;
  }

  /* Na mobilech se panel vrátí do flow pod text */
  .custom-flex-child {
    position: static;
    width: 100%;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }

  .hero-img-bg {
    width: 100%;
    height: auto;               /* standardní responzivní chování */
    max-width: 100%;
    max-height: none;
    object-fit: contain;
    margin-top: 8px;
  }

  .custom-flex-content .button-carousel {
    margin-top: 12px;
  }
}



/*
* 10 let banner
*/
/* 1) Wrappers musí mít full width */
.middle-banners-wrapper .banner-wrapper,
.middle-banners-wrapper .banner-wrapper > span[data-ec-promo-id],
.middle-banners-wrapper .hp-middle-banner{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  margin-bottom: 2rem !important;
}

/* 2) Samotný banner: výška, radius, překrytí, fotka */
.hp-middle-banner{
  position:relative;
  min-height: clamp(180px, 18vw, 280px) !important; /* dříve ~36vw */
  border-radius:12px;
  overflow:hidden;
  isolation:isolate;
  border-radius: 12px !important;
}
.hp-middle-banner__bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position: 65% 50%; /* doladí kompozici vpravo */
}
.hp-middle-banner::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg,
    rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.65) 32%,
    rgba(0,0,0,.50) 48%,
    rgba(0,0,0,.28) 62%,
    rgba(0,0,0,0)   78%);
  z-index:0;
}

/* 3) Obsah vlevo + typografie 1:1 (vynutit bílou) */
.middle-banner-caption{
  position:relative; z-index:1;
  width:56%;
  padding: clamp(28px, 3vw, 48px);
  color:#fff !important;
  text-align:left;
}
.middle-banner-caption h2{
  margin:0 0 10px 0;
  color:#fff !important;           /* přebije šablonu */
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.05;
  font-size: clamp(28px, 3.4vw, 64px);
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.middle-banner-caption p{
  margin:0 0 20px 0;
  color:#fff !important;
  opacity:.95;
  font-size: clamp(15px, 1.35vw, 22px);
}

/* CTA + “10 let s vámi” na jedné linii */
.banner-row{ display:flex; align-items:baseline; gap:clamp(14px,2vw,28px); flex-wrap:wrap; }

.button-outline{
  background:transparent; color:#fff !important;
  border:2px solid #fff; border-radius:10px;
  padding:10px 18px; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; font-weight:700; white-space:nowrap;
  box-shadow:0 3px 10px rgba(0,0,0,.25);
  transition:background .2s ease, transform .2s ease;
}
.button-outline::after{ content:"›"; margin-left:10px; font-size:1.1em; line-height:1; }
.button-outline:hover{ background:rgba(255,255,255,.16); transform:translateY(-1px); }

.years{ display:inline-flex; align-items:baseline; gap:12px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.45); }
.years__num{ font-weight:800; line-height:.9; letter-spacing:-.02em; font-size:clamp(72px, 9vw, 140px); }
.years__txt{ font-weight:800; line-height:1; font-size:clamp(20px, 2.6vw, 42px); white-space:nowrap; }

/* Mobil: obsah přes celou šířku */
@media (max-width: 992px){
  .middle-banner-caption{ width:100%; }
  .hp-middle-banner::before{
    background: linear-gradient(180deg,
      rgba(0,0,0,.6)  0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.18) 70%,
      rgba(0,0,0,0)   100%);
  }
}


/*
* search bar
*/
/* dovol volný přesah v celé úrovni 1 */
@media (min-width: 992px){
  ul.menu-level-1,
  ul.menu-level-1 > li,
  ul.menu-level-1 > li > a{
    overflow: visible !important;
  }

  /* vlastní ikonka nad "Dárkové sady" */
  .menu-item-941 > a[data-testid="headerMenuItem"]{
    position: relative;            /* referenční box */
    text-align: center;
    z-index: 3;                     /* ať je nad pozadím */
  }
  .menu-item-941 > a[data-testid="headerMenuItem"]::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -12px;                     /* když by to ještě řezalo, dej -8px */
    width: 18px;
    height: 18px;
    background: url('/user/documents/upload/redesign-8-25/darek.svg') no-repeat center/contain;
    pointer-events: none;
    z-index: 4;                     /* nad odkazem */
  }
}