/* celé zápatí */
footer,
footer#footer{
  background-color: #ffffff !important;
  color: #2e2a27!important;
}

/* všechny kontejnery ve footeru */
footer *,
footer a{
  color: #2e2a27!important;
}

/* nadpisy ve footeru */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5{
  color: #2e2a27!important;
  font-weight: 600 !important;
}

/* odkazy – jemný hover */
footer a:hover{
  color: #47b972 !important;
  text-decoration: none !important;
}

/* seznamy */
footer ul,
footer li{
  background: transparent !important;
}

/* oddělovače / linky (Disco je tam rádo dává) */
footer,
footer .footer-rows,
footer .footer-links-icons,
footer .footer-bottom{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* spodní lišta */
.footer-bottom{
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* copyright + cookies */
.footer-bottom a,
.footer-bottom span{
  color: #000000 !important;
}
/* ZÁKLAD – stejný styl jako Add to cart */
body #content
button.btn.btn-primary.js-try-search-button,
body #content
button.btn.btn-primary.search-widget-try-button,
body #content
a.btn.btn-default.unveil-button{
  background-color: #fff !important;
  border: 2px solid #47b972 !important;
  color: #47b972 !important;

  height: 52px !important;
  line-height: 50px !important;
  padding: 0 24px !important;

  font-weight: 600 !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0px !important; /* <-- zaoblen� */


  transition: background-color .2s ease,
              color .2s ease,
              border-color .2s ease;
}

/* HOVER + FOCUS – zelený */
body #content
button.btn.btn-primary.js-try-search-button:hover,
body #content
button.btn.btn-primary.search-widget-try-button:hover,
body #content
a.btn.btn-default.unveil-button:hover,
body #content
button.btn.btn-primary.js-try-search-button:focus,
body #content
button.btn.btn-primary.search-widget-try-button:focus,
body #content
a.btn.btn-default.unveil-button:focus{
  background-color: #47b972 !important;
  border-color: #47b972 !important;
  color: #fff !important;
}

/* DĚDIČNOST BARVY (ikony, span, svg) */
body #content
button.btn.btn-primary.js-try-search-button *,
body #content
button.btn.btn-primary.search-widget-try-button *,
body #content
a.btn.btn-default.unveil-button *,
body #content
button.btn.btn-primary.js-try-search-button:hover *,
body #content
button.btn.btn-primary.search-widget-try-button:hover *,
body #content
a.btn.btn-default.unveil-button:hover *{
  color: inherit !important;
  fill: currentColor !important;
}

/* pokud chceš ještě o chlup výraznější */
.top-navigation-bar .top-navigation-bar-menu a:hover{
  font-weight: 700 !important;
}
/* SKRÝT "REGISTRACE" V TOP LIŠTĚ */
.top-nav-button-register{
  display: none !important;
}


/* horní lišta (top-navigation-bar) */
.top-navigation-bar{
  background:#ffffff !important;
  color:#000000 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.top-navigation-bar a{
  color:#000000 !important;
}

/* header (Disco/Shoptet) – často je linka/border tady */
#header,
#header .header-top,
#header .header-top-wrapper,
#header .navigation-wrapper.header-top-wrapper{
  background:#ffffff !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
/* ===== UNIGARDIA: odsazení hlavičky – POUZE DESKTOP ===== */
@media (min-width: 768px){
  #header .header-top .container.navigation-wrapper.header-top-wrapper{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ===== MOBIL: explicitně zakázat jakékoliv odsazení ===== */
@media (max-width: 767px){
  #header .header-top .container.navigation-wrapper.header-top-wrapper{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* === SKRÝT DIAMANT / ŠIPKU U LOGIN POPUPU === */
#login.user-action-login.popup-widget.login-widget::before,
#login.user-action-login.popup-widget.login-widget::after{
  display: none !important;
  content: none !important;
}

body #header input[type="search"].query-input.form-control.search-input.js-search-input{
  border: 1px solid #000 !important;
  border-color: #000 !important; /* pojistka proti border-color: transparent */
  box-shadow: none !important;
}

body #header input[type="search"].query-input.form-control.search-input.js-search-input:focus{
  border-color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
}

.top-navigation-bar .top-nav-button-login{
  display: none !important;
}

#header .navigation-buttons .ug-login-in-header{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  position: relative !important;
}

/* text skryjeme (necháme jen ikonku) */
#header .navigation-buttons .ug-login-in-header > span{
  display: none !important;
}

/* vlastní ikonka "user" (SVG) */
#header .navigation-buttons .ug-login-in-header::before{
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' d='M20 21a8 8 0 0 0-16 0M12 13a4 4 0 1 0-4-4 4 4 0 0 0 4 4z'/%3E%3C/svg%3E") !important;
}

#header .navigation-buttons .ug-login-in-header{
  width: 40px !important;
  height: 40px !important;
  margin-right: 6px !important;   /* mezera směrem ke košíku */
  flex: 0 0 44px !important;
}

/* samotná ikonka */
#header .navigation-buttons .ug-login-in-header::before{
  width: 35px !important;         /* ⬅ větší */
  height: 35px !important;
  background-size: 30px 30px !important;
}

/* jemné doladění s košíkem */
#header .navigation-buttons > *{
  margin-left: 0 !important;
}

@media (max-width: 992px){
  #header .navigation-buttons .ug-login-in-header{
    display: none !important;
  }
}
.search-input-icon::before{
  font-size: 18px !important;   /* ⬅ původně cca 26px */
  line-height: 1 !important;
}

.search-input-icon{
  width: 28px !important;       /* původně 40px */
  height: 28px !important;
  left: 20px !important;        /* jemné posunutí k inputu */
}
/* SortingToggle � DESKTOP: odstranit r�me�ek */
@media (min-width: 768px){
  body.ums_a11y_category_page--on #content button.sortingToggle{
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}

/* MOBIL: SortingToggle � text/ikony zelen� + zarovn�n� na st�ed (bez zm�ny rozm�r�) */
@media (max-width: 767px){
  body.ums_a11y_category_page--on #content .listSorting button.sortingToggle{
    border-color: #47b972 !important;
    color: #47b972 !important;

    /* jen zarovn�n�, ne velikost */
    justify-content: center !important;
    text-align: center !important;
  }

  body.ums_a11y_category_page--on #content .listSorting button.sortingToggle .sortingToggle__label,
  body.ums_a11y_category_page--on #content .listSorting button.sortingToggle .sortingToggle__value,
  body.ums_a11y_category_page--on #content .listSorting button.sortingToggle .icon-sort,
  body.ums_a11y_category_page--on #content .listSorting button.sortingToggle .icon-chevron-down{
    color: #47b972 !important;
  }
}

@media (max-width: 767px){

  /* 1) z�kladn� vzhled jako "Otev��t filtr" + vycentrov�n� obsahu */
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle{
    background: #fff !important;
    border: 2px solid #47b972 !important;

    /* zarovn�n� jako filtr */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;

    /* stejn� "p�smo" (d�d�), sjednot�me v�hu a velikost */
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 52px !important;

    /* stejn� rozm�ry tla��tka */
    height: 52px !important;
    padding: 0 24px !important;

    /* zru�� jejich mobiln� wrap a left align */
    flex-wrap: nowrap !important;
    column-gap: 10px !important;

    color: #47b972 !important;
  }

  /* 2) v�echny vnit�n� spany a ikony a� se chovaj� stejn� + neodsazuj� */
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle > span{
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* 3) textov� ��sti sjednotit */
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle .sortingToggle__label,
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle .sortingToggle__value{
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* 4) caret doprava (jako u filtru) */
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle .icon-chevron-down{
    margin-left: 8px !important;
  }

  /* hover/focus jako filtr */
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle:hover,
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle:focus{
    background: #47b972 !important;
    border-color: #47b972 !important;
    color: #fff !important;
  }

  :where(body.ums_a11y_category_page--on) #content button.sortingToggle,
  :where(body.ums_a11y_category_page--on) #content button.sortingToggle *{
    color: inherit !important;
  }
}
/* SORTING � barva textu stejn� jako r�me�ek */
:where(body.ums_a11y_category_page--on) .sortingToggle{
  color: #47b972 !important;
  border-color: #47b972 !important;
}

/* aby flex prvek mohl r�st a z�rove� se nel�mal layout */
#header .header-top .search{ min-width:0 !important; }
/* CTA design i pro "Zp�t do obchodu" (mobil + desktop) */
body #content a.btn.btn-default[data-testid="buttonBackToShop"]{
  background-color: #fff !important;
  border: 2px solid #47b972 !important;
  color: #47b972 !important;

  height: 52px !important;
  line-height: 50px !important;
  padding: 0 24px !important;

  font-weight: 600 !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

body #content a.btn.btn-default[data-testid="buttonBackToShop"]:hover,
body #content a.btn.btn-default[data-testid="buttonBackToShop"]:focus{
  background-color: #47b972 !important;
  border-color: #47b972 !important;
  color: #fff !important;
}
/* MOBIL: po kliknut� (active/expanded) nechat text i ikony b�l� */
@media (max-width: 767px){

  body.ums_a11y_category_page--on #content button.sortingToggle:active,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"],
  body.ums_a11y_category_page--on #content .listSorting.is-open button.sortingToggle,
  body.ums_a11y_category_page--on #content .listSorting.open button.sortingToggle{
    background: #47b972 !important;
    border-color: #47b972 !important;
    color: #fff !important;
  }

  body.ums_a11y_category_page--on #content button.sortingToggle:active *,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] *,
  body.ums_a11y_category_page--on #content .listSorting.is-open button.sortingToggle *,
  body.ums_a11y_category_page--on #content .listSorting.open button.sortingToggle *{
    color: #fff !important;
  }
}
/* MOBIL: kdy� je �adit podle otev�en�, text + ikony MUS� b�t b�l� */
@media (max-width: 767px){
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"]{
    background: #47b972 !important;
    border-color: #47b972 !important;
    color: #fff !important;
  }

  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] .sortingToggle__label,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] .sortingToggle__value,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] .icon-sort,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] .icon-chevron-down,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] *{
    color: #fff !important;
  }
}
@media (max-width: 767px){

  /* z�klad (zav�eno) */
  body.ums_a11y_category_page--on #content button.sortingToggle{
    background:#fff !important;
    border:2px solid #47b972 !important;
    color:#47b972 !important;
  }
  body.ums_a11y_category_page--on #content button.sortingToggle *{
    color:inherit !important;
  }

  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"]{
    background:#47b972 !important;
    border-color:#47b972 !important;
    color:#fff !important;
  }
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] *{
    color:#fff !important;
  }

  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="false"]:focus,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="false"]:active{
    background:#fff !important;
    color:#47b972 !important;
  }
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="false"]:focus *,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="false"]:active *{
    color:#47b972 !important;
  }
}
/* =========================================================
   UNIGARDIA � JEDNOTN� CTA DESIGN (1:1 jako Add to cart)
   (P�idat do ko��ku / Pokra�ovat / Pokra�ovat do ko��ku / Objednat)
========================================================= */

/* 1) Z�KLADN� VZHLED � p�esn� jako Add to cart */
body #content
  button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"],
body #content
  a#continue-order-button,
body #content
  a#continue-order-button.btn,
body #content
  a#continue-order-button.btn.btn-conversion,
body #content
  a#continue-order-button.btn.btn-conversion.next-step-forward,
body #content
  button#orderFormButton,
body #content
  button#submit-order,
body #content
  .ordering-process a.btn.btn-conversion,
body #content
  .ordering-process button.btn.btn-conversion,
body #content
  .popup-widget a#continue-order-button,
body #content
  .popup-widget a#continue-order-button.btn.btn-conversion,
body #content
  .popup-widget a.btn.btn-conversion,
body #content
  .popup-widget button.btn.btn-conversion{
  background-color: #fff !important;
  border: 2px solid #47b972 !important;
  border-color: #47b972 !important;
  color: #47b972 !important;

  height: 52px !important;
  line-height: 50px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;


  font-weight: 600 !important;
text-transform: uppercase !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"] *,
body #content a#continue-order-button *,
body #content button#orderFormButton *,
body #content button#submit-order *,
body #content .ordering-process a.btn.btn-conversion *,
body #content .ordering-process button.btn.btn-conversion *,
body #content .popup-widget a#continue-order-button *,
body #content .popup-widget a.btn.btn-conversion *,
body #content .popup-widget button.btn.btn-conversion *{
  color: inherit !important;
}

body #content a#continue-order-button:after,
body #content button#orderFormButton:after,
body #content button#submit-order:after{
  color: inherit !important;
}

body #content
  button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:hover,
body #content
  button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:focus,
body #content
  button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:active,
body #content
  a#continue-order-button:hover,
body #content
  a#continue-order-button:focus,
body #content
  a#continue-order-button:active,
body #content
  button#orderFormButton:hover,
body #content
  button#orderFormButton:focus,
body #content
  button#orderFormButton:active,
body #content
  button#submit-order:hover,
body #content
  button#submit-order:focus,
body #content
  button#submit-order:active,
body #content
  .ordering-process a.btn.btn-conversion:hover,
body #content
  .ordering-process a.btn.btn-conversion:focus,
body #content
  .ordering-process a.btn.btn-conversion:active,
body #content
  .ordering-process button.btn.btn-conversion:hover,
body #content
  .ordering-process button.btn.btn-conversion:focus,
body #content
  .ordering-process button.btn.btn-conversion:active,
body #content
  .popup-widget a#continue-order-button:hover,
body #content
  .popup-widget a#continue-order-button:focus,
body #content
  .popup-widget a#continue-order-button:active,
body #content
  .popup-widget a.btn.btn-conversion:hover,
body #content
  .popup-widget a.btn.btn-conversion:focus,
body #content
  .popup-widget a.btn.btn-conversion:active,
body #content
  .popup-widget button.btn.btn-conversion:hover,
body #content
  .popup-widget button.btn.btn-conversion:focus,
body #content
  .popup-widget button.btn.btn-conversion:active{
  background-color: #47b972 !important;
  border-color: #47b972 !important;
  color: #fff !important;
}

body #content a#continue-order-button.btn-conversion,
body #content button#orderFormButton.btn-conversion,
body #content button#submit-order.btn-conversion{
  background-color: #fff !important;
  border-color: #47b972 !important;
  color: #47b972 !important;
}
/* === MOBIL: SortingToggle � otev�en� = zelen� v�pl� + b�l� text (mus� b�t �PLN� POSLEDN�) === */
@media (max-width: 767px){

  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"],
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded=true]{
    background: #47b972 !important;
    border-color: #47b972 !important;
    color: #fff !important;
  }

  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded="true"] *,
  body.ums_a11y_category_page--on #content button.sortingToggle[aria-expanded=true] *{
    color: #fff !important;
  }
}
body a#continue-order-button.btn.btn-conversion,
body .popup-widget a#continue-order-button.btn.btn-conversion,
body .cart-widget a#continue-order-button.btn.btn-conversion{
  background-color: #fff !important;
  border: 2px solid #47b972 !important;
  color: #47b972 !important;

  height: 52px !important;
  line-height: 50px !important;
  padding: 0 24px !important;

  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body a#continue-order-button.btn.btn-conversion *,
body .popup-widget a#continue-order-button.btn.btn-conversion *,
body .cart-widget a#continue-order-button.btn.btn-conversion *{
  color: inherit !important;
}

/* hover/focus */
body a#continue-order-button.btn.btn-conversion:hover,
body a#continue-order-button.btn.btn-conversion:focus,
body .popup-widget a#continue-order-button.btn.btn-conversion:hover,
body .popup-widget a#continue-order-button.btn.btn-conversion:focus,
body .cart-widget a#continue-order-button.btn.btn-conversion:hover,
body .cart-widget a#continue-order-button.btn.btn-conversion:focus{
  background-color: #47b972 !important;
  border-color: #47b972 !important;
  color: #fff !important;
}
body a#continue-order-button.btn.btn-conversion:active,
body .popup-widget a#continue-order-button.btn.btn-conversion:active,
body .cart-widget a#continue-order-button.btn.btn-conversion:active{
  background-color: #47b972 !important;
  border-color: #47b972 !important;
  color: #fff !important;
}

body a#continue-order-button.btn.btn-conversion:focus-visible,
body .popup-widget a#continue-order-button.btn.btn-conversion:focus-visible,
body .cart-widget a#continue-order-button.btn.btn-conversion:focus-visible{
  background-color: #47b972 !important;
  border-color: #47b972 !important;
  color: #fff !important;
}

body a#continue-order-button.btn.btn-conversion:active *,
body a#continue-order-button.btn.btn-conversion:focus-visible *{
  color: inherit !important;
}
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
  background: #fff !important;
}

#cboxLoadedContent img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;      /* KL��OV� */
  object-position: center !important;
}

#cboxLoadedContent {
  aspect-ratio: 1 / 1;
  overflow: hidden !important;
}

#cboxContent,
#cboxLoadedContent {
  padding: 0 !important;
}

#cboxOverlay{
  background: rgba(0,0,0,.7) !important;
}

#cboxWrapper,
#cboxContent,
#cboxLoadedContent{
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
}

#cboxWrapper,
#cboxContent,
#cboxLoadedContent{
  width: 90vmin !important;
  height: 90vmin !important;
  max-width: 90vmin !important;
  max-height: 90vmin !important;
}
#cboxLoadedContent img{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

#cboxOverlay{
  position: fixed !important;
  inset: 0 !important;
}

#colorbox{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  left: 0 !important;
  top: 0 !important;
}

#cboxWrapper{
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

#cboxWrapper,
#cboxContent,
#cboxLoadedContent{
  width: min(92vmin, 900px) !important;
  height: min(92vmin, 900px) !important;
  max-width: min(92vmin, 900px) !important;
  max-height: min(92vmin, 900px) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

#cboxLoadedContent img.cboxPhoto{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
}

#cboxTopLeft,#cboxTopCenter,#cboxTopRight,
#cboxMiddleLeft,#cboxMiddleRight,
#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight{
  display: none !important;
}

#cboxContent, #cboxLoadedContent{
  float: none !important;
}

#cboxClose{
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5 !important;
}

@media (max-width: 991px){
  body.type-detail .p-image-wrapper,
  body.type-detail .p-image,
  body.type-detail #wrap{
    position: relative !important;
  }

  body.type-detail .ug-prod-arrows{
    position: absolute !important;
    inset: 0 !important;
    z-index: 50 !important;
    pointer-events: none !important; /* klikne jen na tla��tka */
  }

  body.type-detail .ug-prod-arrow{
    pointer-events: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.15) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
  }

  body.type-detail .ug-prod-arrow--left{ left: 16px !important; }
  body.type-detail .ug-prod-arrow--right{ right: 16px !important; }

  body.type-detail .ug-prod-arrow svg{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  body.ug-cbox-open .ug-prod-arrows{ display: none !important; }
}

@media (min-width: 992px){
  body.type-detail .ug-prod-arrows{ display:none !important; }
}

#header .search,
#header .search form,
#header #searchForm{
  overflow: visible !important;
}

#header .search{
  position: relative !important;
}

#header .searchWhisperer{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;  
  width: auto !important;
  min-width: 100% !important; 
  max-width: 560px !important;  
  z-index: 10060 !important;
}

@media (min-width: 768px){
  #header .searchWhisperer{
    max-width: min(640px, 90vw) !important;
  }
}
#header .header-top-wrapper,
#header .container.navigation-wrapper{
  overflow: visible !important;
}

#header .search,
#header .search form,
#header #searchForm{
  position: relative !important;
  overflow: visible !important;
}

#header .searchWhisperer{
  position: absolute !important;
  top: calc(100% + 10px) !important; /* mezera pod inputem */
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  min-width: 100% !important;        /* minim�ln� ���ka inputu */
  max-width: 900px !important;       
  margin: 0 !important;
  z-index: 10080 !important;
  box-sizing: border-box !important;
}

.ug-yt-wrap {
  width: 90vmin;
  height: 90vmin;
}

.ug-yt-wrap iframe {
  width: 100%;
  height: 100%;
  display: block;
}

#cboxLoadedContent {
  overflow: hidden !important;
}
.shp-tabs-holder ul.shp-tabs {
  font-weight: 500 !important;
}
.link-icons {
  display: none !important;
}

:root {
  --color-secondary: #ffffff;
  --color-secondary-h: 0;
  --color-secondary-s: 0%;
  --color-secondary-l: 100%;

  --color-secondary-hover: #f2f2f2; /* jemn� �ed� pro hover */
}
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:hover,
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:focus,
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:active {
    background-color: #ffffff !important;
    color: #47b972 !important;
    border-color: #47b972 !important;
}
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"] {
    background-color: #47b972 !important;   /* zelen� */
    border: 2px solid #47b972 !important;
    color: #ffffff !important;              /* b�l� text */
    height: 52px !important;
    line-height: 50px !important;
    padding: 0 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;   /* KAPIT�LKY */
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    border-radius: 0 !important; /* ?? TADY */

    transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
/* 1) zachovej rozm�r wrapperu � ��dn� border na .search */
#header .header-top-wrapper > .search,
#header .search {
  border: 0 !important;
}

/* 2) v�choz� �ed� r�me�ek p��mo na inputu (bez zm�ny velikosti) */
body #header input[type="search"].query-input.form-control.search-input.js-search-input{
  border: 1px solid #cfcfcf !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  width: 100% !important; /* dr�� stejn� rozm�r */
  transition: border-color .2s ease;
}

/* 3) hover/focus = �ern� */
body #header input[type="search"].query-input.form-control.search-input.js-search-input:hover,
body #header input[type="search"].query-input.form-control.search-input.js-search-input:focus,
body #header input[type="search"].query-input.form-control.search-input.js-search-input:focus-visible{
  border-color: #000 !important;
}
#content .shp-tabs-holder ul.shp-tabs li::before {
  content: none !important;
  display: none !important;
}
#content .shp-tabs-holder ul.shp-tabs li {
  padding-left: 0 !important;
}
.type-detail .benefitBanner.position--benefitHomepage.js-benefitProduct {
  display: flex !important;
}
@media (max-width: 479px) {

  /* zapnout 2x2 layout */
  .type-detail .benefitBanner.js-benefitProduct{
    display:flex !important;
    flex-wrap:wrap !important;
    margin:12px 0 !important;
  }

  .type-detail .benefitBanner.js-benefitProduct > .benefitBanner__item{
    flex:0 0 50% !important;
    max-width:50% !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    padding:14px 10px !important;
  }

  /* ikonka v�t�� */
  .type-detail .benefitBanner.js-benefitProduct .benefitBanner__picture{
    flex:0 0 44px !important;
  }
  .type-detail .benefitBanner.js-benefitProduct .benefitBanner__img{
    width:44px !important;
    height:44px !important;
    display:block !important;
  }

  /* texty � 1. ��dek tu�n�, 2. men�� */
  .type-detail .benefitBanner.js-benefitProduct .benefitBanner__data{
    font-size:14px !important;
    line-height:1.2 !important;
  }
  .type-detail .benefitBanner.js-benefitProduct .benefitBanner__data br{
    display:block !important; /* br nech�me, a� je to ve 2 ��dc�ch */
  }

  /* a� to nep�et�k� */
  .type-detail .benefitBanner.js-benefitProduct .benefitBanner__content{
    min-width:0 !important;
  }
}
@media (max-width: 767px) {
  .benefitBanner { 
    display: none !important; 
  }

  /* ale homepage benefity povol�me */
  .benefitBanner.position--benefitHomepage {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}
@media (max-width: 767px) {
  .benefitBanner { 
    display: none !important; 
  }

  .benefitBanner.position--benefitHomepage,
  .benefitBanner.position--benefitProduct,
  .benefitBanner.position--benefitCategory {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}
.h3,
h3 {
    font-weight: 500 !important;
}
.h2,
h2 {
    font-weight: 500 !important;
}
/* Skryje pouze posledn� polo�ku v breadcrumbs */
.breadcrumbs > *:last-child {
    display: none;
}
.quantity,
:where(.ums_forms_redesign--off) select,
.variant-list select,
.surcharge-list select {
}
/* cel� blok mno�stv� */
.quantity {
  overflow: hidden !important;
}

/* tla��tka - a + uvnit� */
.quantity button {
  border-radius: 0 !important;
}

/* input s ��slem */
.quantity input {
  border-radius: 0 !important;
}
/* obecn� kole�ko (default � neaktivn�) */
ol.cart-header li strong::before{
  background: #fff !important;
  border: 2px solid #d9d9d9 !important;
  border-radius: 50% !important;
}

/* aktivn� krok � zelen� kole�ko */
ol.cart-header li.active strong::before,
ol.cart-header li.step-1.active strong::before{
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}

/* hotov� kroky (�asto b�v� .done nebo .completed) */
ol.cart-header li.done strong::before,
ol.cart-header li.completed strong::before{
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}

#cboxLoadedContent { padding: 0 !important; }

.ug-yt-wrap{
  position: relative;
  width: min(90vw, 960px);
  aspect-ratio: 16 / 9;
}

.ug-yt-wrap iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: auto;
}
/* =========================================
   SJEDNOCEN� �IPKY (bez kole�ka) + responzivn� okraje
   ========================================= */

:root{
  --arrow-gutter: clamp(6px, 2vw, 18px); /* odsazen� od okraje */
  --arrow-size: 44px;                    /* klikac� plocha */
  --arrow-icon: 28px;                    /* velikost �ipky */
  --arrow-color: #cfcfcf;
}

/* -----------------------------------------
   1) COLORBOX (otev�en� fotka) - #cboxNext/#cboxPrevious
   ----------------------------------------- */

#cboxNext, #cboxPrevious{
  width: var(--arrow-size) !important;
  height: var(--arrow-size) !important;

  top: 50% !important;
  transform: translateY(-50%) !important;

  background: transparent;
  text-indent: -9999px;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* pojistky proti default shoptet styl�m */
  bottom: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#cboxPrevious{ left: var(--arrow-gutter) !important; }
#cboxNext{ right: var(--arrow-gutter) !important; left: auto !important; }

#cboxNext:before, #cboxPrevious:before{
  position: static !important;  /* KL��: zru�� absolute + posuny */
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;

  font-family: shoptet !important;
  font-size: var(--arrow-icon) !important;
  line-height: 1 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: var(--arrow-color) !important;
}

#cboxPrevious:before{ content: "\e90f" !important; } /* vlevo */
#cboxNext:before{ content: "\e910" !important; }     /* vpravo */

#cboxNext:hover:before, #cboxPrevious:hover:before{
  color: var(--color-primary) !important;
}


/* -----------------------------------------
   2) CAROUSEL (Bootstrap) - a.carousel-control
   P�izp�sobeno pro #carousel (podle tv�ho HTML)
   ----------------------------------------- */

#carousel .carousel-control{
  width: var(--arrow-size) !important;
  height: var(--arrow-size) !important;

  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;

  opacity: 1 !important;
  background: transparent !important;
  text-shadow: none !important;

  filter: none !important;
  font-size: 0 !important;
}

#carousel .carousel-control.left{ left: var(--arrow-gutter) !important; }
#carousel .carousel-control.right{ right: var(--arrow-gutter) !important; left: auto !important; }

/* ikonka: STATIC => p�ebije i mobiln� right:-30px !important */
#carousel .carousel-control:before{
  position: static !important;
  display: block !important;

  width: var(--arrow-size) !important;
  height: var(--arrow-size) !important;
  line-height: var(--arrow-size) !important;

  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-family: shoptet !important;
  font-size: var(--arrow-icon) !important;
  text-align: center !important;
  text-shadow: none !important;

  color: var(--arrow-color) !important;
}

#carousel .carousel-control.left:before{ content: "\e90f" !important; }
#carousel .carousel-control.right:before{ content: "\e910" !important; }

#carousel .carousel-control:hover:before{
  color: var(--color-primary) !important;
}

@media (max-width: 991px){

  body.type-detail .ug-prod-arrow{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    width: var(--arrow-size) !important;
    height: var(--arrow-size) !important;
    padding: 0 !important;
  }

  /* posun k okraj�m */
  body.type-detail .ug-prod-arrow--left{ left: var(--arrow-gutter) !important; }
  body.type-detail .ug-prod-arrow--right{ right: var(--arrow-gutter) !important; }

  /* SVG �ipka a barva */
  body.type-detail .ug-prod-arrow svg{
    width: 32px !important;
    height: 32px !important;
  }

  body.type-detail .ug-prod-arrow svg path{
    stroke: var(--arrow-color) !important;
  }

  body.type-detail .ug-prod-arrow:hover svg path{
    stroke: var(--color-primary) !important;
  }
}
.benefitBanner__title {
  font-size: 16px;
  font-weight: 500;
}
.benefitBanner__data {
  font-size: 14px;
  font-weight: 500;
}
/* NADPIS NAD BENEFIT BANNER � homepage + produkt + kategorie (desktop i mobil) */
.benefitBanner.position--benefitHomepage::before,
.benefitBanner.position--benefitProduct::before,
.benefitBanner.position--benefitCategory::before{
  content: "�esk� zna�ka poctiv�ch produkt� pro va�i zahradu";
  display: block;
  width: 100%;
  text-align: center;

  font-weight: 500;
  font-size: 22px;
  line-height: 3;
  color: #343537;

  margin: 0 0 18px 0;
}

@media (max-width: 479px){

  /* NADPIS nad benefity */
  .benefitBanner.position--benefitHomepage::before,
  .benefitBanner.position--benefitProduct::before,
  .benefitBanner.position--benefitCategory::before{
    content: "�esk� zna�ka poctiv�ch produkt� pro va�i zahradu";
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #343537;
    margin: 0 0 16px 0;
  }

  /* zapnout 2x2 layout */
  .benefitBanner.position--benefitHomepage,
  .benefitBanner.position--benefitProduct,
  .benefitBanner.position--benefitCategory{
    display:flex !important;
    flex-wrap:wrap !important;
    margin:12px 0 !important;
  }

  /* polo�ky 50% */
  .benefitBanner.position--benefitHomepage > .benefitBanner__item,
  .benefitBanner.position--benefitProduct > .benefitBanner__item,
  .benefitBanner.position--benefitCategory > .benefitBanner__item{
    flex:0 0 50% !important;
    max-width:50% !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    padding:14px 10px !important;
  }

  /* ikonka */
  .benefitBanner.position--benefitHomepage .benefitBanner__picture,
  .benefitBanner.position--benefitProduct .benefitBanner__picture,
  .benefitBanner.position--benefitCategory .benefitBanner__picture{
    flex:0 0 44px !important;
  }

  .benefitBanner.position--benefitHomepage .benefitBanner__img,
  .benefitBanner.position--benefitProduct .benefitBanner__img,
  .benefitBanner.position--benefitCategory .benefitBanner__img{
    width:44px !important;
    height:44px !important;
    display:block !important;
  }

  /* text */
  .benefitBanner.position--benefitHomepage .benefitBanner__data,
  .benefitBanner.position--benefitProduct .benefitBanner__data,
  .benefitBanner.position--benefitCategory .benefitBanner__data{
    font-size:14px !important;
    font-weight: 500 !important;
    line-height:1.2 !important;
  }

  /* a� to nep�et�k� */
  .benefitBanner.position--benefitHomepage .benefitBanner__content,
  .benefitBanner.position--benefitProduct .benefitBanner__content,
  .benefitBanner.position--benefitCategory .benefitBanner__content{
    min-width:0 !important;
  }
}