.menu-helper.visible > span {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .4px;
}

/* TOP BAR menu (O nás)*/
  .top-navigation-bar .top-navigation-bar-menu a,
  .top-navigation-bar .top-navigation-bar-menu-helper a,
  .top-navigation-bar .top-navigation-menu-trigger {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    line-height: 1.2 !important;
  }
}
/* hlavní menu */
.navigation a,
.menu a,
.menu-level-1 > li > a,
.menu-level-2 > li > a,
.menu-level-3 > li > a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .4px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
/* MEGA MENU (submenu) – položky se spanem uvnitř */
@media (min-width: 768px) {
  .header .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > a,
  .header .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > a > span {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .4px;
    line-height: 1.2 !important;
  }
}

/* 1. úroveň menu (Kovové / Plastové / …) */
@media (min-width: 768px) {
  .header .navigation-in > ul.menu-level-1 > li > a,
  .header .navigation-in > ul.menu-level-1 > li > a > span {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .4px;
  }
}

/* HLAVNÍ MENU – definitivní override */
.navigation-in ul li a b {
  font-weight: 500 !important;
  font-size: 16px !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;

}
@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > div > a,
  .navigation-in > ul > li.ext > ul > li > div > a > span {
    font-weight: 500 !important;
    font-size: 16px !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > div > a > span {
    font-weight: 500 !important;
    font-size: 16px !important;
  }
}
.btn.btn-icon,
a.btn.btn-icon {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.homepage-group-title,
.homepage-group-title.homepage-products-heading-1 {
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
.products-block .p .name {
  text-align: left !important;
}
.products-block>div .p .p-bottom>div .prices .price-final {
  flex-basis: 100% !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
b,
strong {
  font-weight: 600 !important;
}
.products-block > div .p .p-bottom > div .prices .price-standard {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #c60101 !important;
}
.products-block > div .p .p-bottom > div .prices .price-save {
  font-weight: 600 !important;
  margin-left: 5px;
  margin-right: 5px;
}
.h1,
h1 {
  font-size: 28px !important;
  font-weight: 500 !important;
}
#content p,
p {
  font-size: 15px !important;
  font-weight: 400 !important;
  text-align: left;
}

@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;
  }
}

/* MOBIL: COLORBOX �ipky � �ed� default, zelen� na hover (bez v�pln�) */
@media (max-width: 992px){

  /* zru�it �ed� pozad�-kole�ko (p�es ::after) */
  #cboxNext::after,
  #cboxPrevious::after{
    content: none !important;
    display: none !important;
  }

  /* samotn� ikonka = kole�ko s obrysem */
  #cboxNext::before,
  #cboxPrevious::before{
    color: var(--arrow-color) !important;

    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;

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

    background: transparent !important;
    border: 2px solid var(--arrow-color) !important;
    border-radius: 999px !important;

    text-indent: 0 !important;
    margin: 0 !important;

    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0 !important;

    font-size: 19px !important; /* (slou�eno � m�l jsi 2�) */
  }

  /* hover/focus = zelen� �ipka + zelen� obrys (bez v�pln�) */
  #cboxNext:hover::before,
  #cboxPrevious:hover::before,
  #cboxNext:focus::before,
  #cboxPrevious:focus::before{
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    background: transparent !important;
  }

  /* focus/active � vr�tit na �edou (aby to nezelenalo po kliku) */
  #cboxNext:active::before,
  #cboxPrevious:active::before{
    color: var(--arrow-color) !important;
    border-color: var(--arrow-color) !important;
  }
}

/* BENEFIT BANNER � v�e �ern� (v�etn� odkaz�) */
.benefitBanner,
.benefitBanner *{
  color: #000 !important;
}

/* nadpis z ::before */
.benefitBanner.position--benefitHomepage::before,
.benefitBanner.position--benefitProduct::before,
.benefitBanner.position--benefitCategory::before{
  color: #000 !important;
}

/* pojistka: i odkazy �ern� */
.benefitBanner a,
.benefitBanner a:visited,
.benefitBanner a:hover,
.benefitBanner a:active,
.benefitBanner a:focus{
  color: #000 !important;
  text-decoration: none !important;
}

@media (max-width: 480px){
  #content p,
  p{
    text-align: left !important;
  }
}

.products-block .p .name{
  text-align: center !important;
}

@media (min-width: 768px){
  .p-image-wrapper .flags-extra .flag.flag-discount{
    padding: 3px 7px !important;
  }
}

@media (max-width: 991px){

  /* MAL� tla��tko � nebude blokovat colorbox */
  body.type-detail .ug-prod-arrow{
    pointer-events: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

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

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

    padding: 0 !important;
    margin: 0 !important;

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

    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;

    z-index: 60 !important;
  }

  body.type-detail .ug-prod-arrow--left  { left:  var(--arrow-gutter) !important; }
  body.type-detail .ug-prod-arrow--right { right: var(--arrow-gutter) !important; }

  /* Ikona v krou�ku 36�36 jako Colorbox */
  body.type-detail .ug-prod-arrow::before{
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;

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

    border: 2px solid var(--arrow-color) !important;
    border-radius: 999px !important;

    font-family: shoptet !important;
    font-size: 19px !important;
    color: var(--arrow-color) !important;

    content: "" !important;
  }

  body.type-detail .ug-prod-arrow--left::before  { content: "\e90f" !important; }
  body.type-detail .ug-prod-arrow--right::before { content: "\e910" !important; }

  /* schovat p�vodn� svg �ipku */
  body.type-detail .ug-prod-arrow svg{
    display: none !important;
  }
}

/* === COLORBOX: vypnout zelen� focus ring / klik highlight (jen uvnit� #colorbox) === */
#colorbox *{
  -webkit-tap-highlight-color: transparent !important;
}

#colorbox *:focus,
#colorbox *:focus-visible,
#colorbox *:active,
#colorbox *:focus-within{
  outline: none !important;
  box-shadow: none !important;
}

/* pro jistotu i p��mo na kontejnery */
#colorbox,
#cboxOverlay,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent,
#cboxNext,
#cboxPrevious,
#cboxClose{
  outline: none !important;
  box-shadow: none !important;
}

/* jen uvnit� colorboxu � vypnout focus ring (zelen�) */
#colorbox button:focus,
#colorbox button:focus-visible,
#colorbox a:focus,
#colorbox a:focus-visible,
#colorbox [tabindex]:focus,
#colorbox [tabindex]:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

#colorbox,
#colorbox *{
  -webkit-tap-highlight-color: transparent !important;
}

/* DO KO��KU � zelen� default */
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]{
  background:#47b972 !important;
  border:2px solid #47b972 !important;
  color:#fff !important;
}

/* DO KO��KU � b�l� na hover */
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:hover{
  background:#fff !important;
  border-color:#47b972 !important;
  color:#47b972 !important;
}

/* pojistka proti .btn-conversion:hover * */
body #content button.btn.btn-conversion.add-to-cart-button[data-testid="buttonAddToCart"]:hover *{
  color:#47b972 !important;
}

body.type-detail #content .p-to-cart-block{
  background-color:#fff !important;
}

body{
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #2e2a27;
}

/* NADPIS NAD BENEFIT BANNER � desktop */
.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;
}

/* �prava carousel textu � mobil (bylo chybn� uvnit� bloku v��e) */
@media (max-width: 767px){
  #carousel .extended-banner-text{
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #343537 !important;
  }
}

.benefitBanner,
.benefitBanner *{
  color: #2e2a27 !important;
}

.benefitBanner.position--benefitHomepage::before,
.benefitBanner.position--benefitProduct::before,
.benefitBanner.position--benefitCategory::before{
  color: #2e2a27 !important;
}

.products-block .p-in-in a{
  color: #2e2a27;
}

.h1, .h2, .h3, .h4, .h5, .h6,
body, h1, h2, h3, h4, h5, h6{
  color: #2e2a27 !important;
}

.p-detail-inner,
.p-detail-inner *{
  text-align: left !important;
}

.products-block .p > a{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1;
  overflow: hidden !important;
}

.products-block .p > a img,
.products-block .p > a img.swap-image{
  width: 100% !important;
  height: 90% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
}

/* ... d�l u� m��e pokra�ovat zbytek tv�ho CSS ... */

/* Polo�ky v dropdownu � pozad� po��d b�l�, hover jen zelen� text */
.listSorting__control{
  background-color: #fff !important;
  color: #000;
}

.listSorting__control:hover,
.listSorting__control:focus{
  background-color: #fff !important;
  color: var(--color-primary) !important;
}