.flag.flag-freeshipping {
    background-color: #035218 !important;
}
.flag.flag-new {
    color: #000;
}
.flag-zaruka-5-let {
  background: url('/user/documents/upload/record_power_design/5year.svg') no-repeat left center !important;
  background-size: contain !important;
  background-color: transparent !important;
  display: block !important;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 0 0 !important;
}
#dd\[\]1287,
label[for="dd\[\]1287"] {
  display: none !important;
}
/* Přepne layout na sloupec – musí být na <a> */
.benefitBanner__item > .benefitBanner__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0px;
}

/* Zruší 50% šířky / flex-basis, které dává šablona */
.benefitBanner__item .benefitBanner__picture,
.benefitBanner__item .benefitBanner__content {
  flex: 0 0 auto !important;
  width: 100% !important;
}
.benefitBanner__picture {
    max-width: 70px;
    height: 70px;
}
/* === Hover efekt pro horní banner === */
/* Jen dva top bannery vedle karuselu */
.next-to-carousel-banners [data-testid="bannerTop"] img {
  transition: transform 0.6s ease-in-out;
}

.next-to-carousel-banners [data-testid="bannerTop"]:hover img {
  transform: scale(1.05);
}

/* ZÁKLAD: vnitřek karty je ten, co se zvedá a zoomuje */
.products-block .product .p{
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}

.products-block .product:hover .p{
  transform: scale(1.02) translateY(-2px);
  z-index: 2;
}

.products-block .product .image img{
  transform: scale(1);
  transition: transform .45s ease;
  will-change: transform;
}

.products-block .product:hover .image img{
  transform: scale(1.05);
}
/* Body bannery: vždy pod sebou a přes celou šířku */
.row.banners-content.body-banners{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row.banners-content.body-banners > .col-sm-4,
.row.banners-content.body-banners > .col-sm-8{
  flex: 0 0 100% !important;   /* full width */
  max-width: 100% !important;  /* full width */
  width: 100% !important;
  padding-left: 0 !important;  /* bez vnitřních okrajů sloupců */
  padding-right: 0 !important;
  margin-bottom: 16px;         /* mezera mezi bannery (volitelné) */
}

/* Banner uvnitř: roztáhni na 100 % */
.row.banners-content.body-banners .banner-wrapper{
  width: 100% !important;
}

.row.banners-content.body-banners .banner-wrapper img{
  display: block;
  width: 100%;
  height: auto;
}
.welcome-wrapper {
  display: block !important;
}
.welcome-wrapper .welcome {
    padding: 0px;
box-shadow: none;
background-color: transparent;
}



#footer {
    background-image: url(/user/documents/upload/record_power_design/paticka_desktop.png)!important;
    background-position: center bottom;
    background-repeat: no-repeat;
}
/* === Mobilní verze – jisté přepnutí pozadí === */
@media (max-width: 820px) {
  #footer {
    background-image: url("/user/documents/upload/record_power_design/paticka_mobil4.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: initial !important;

    background-color: rgba(0,0,0,0.65) !important;
    background-blend-mode: multiply !important;

    position: relative !important;
    overflow: hidden !important;
  }

  #footer .custom-footer,
  #footer .container.footer-rows,
  #footer .container.footer-bottom {
    background: transparent !important;
  }
}
  @media (min-width: 768px) {
    .custom-footer__banner9.col-sm-6.col-lg-3 {
      width: 20% !important;
      flex: 0 0 20% !important;
      max-width: 20% !important;
    }
  }
    @media (min-width: 768px) {
    .footer-rows .custom-footer {
    padding-top: 64px;
    padding-bottom: 10px;
}
  }
  @media screen and (max-width: 1024px) {
    .custom-footer > div {
        max-height: 1300px!important;
    }
}
@media screen and (max-width: 991px) {
    .footer-rows .custom-footer {
        padding-top: 54px !important;
    }
    .custom-footer > div {
        border-top: 0px;
    }
        .footer-rows h4::after {
display:none;
    }
}
.btn {
    border-radius: 0px!important;
}
.quantity {
    border-radius: 0px;
}
.p-final-price-wrapper .price-final-holder {
    font-size: 24px;
}
.content .category-top {
        padding-top: 5px !important;
    }

/* 1) Full-width pozadí za navigací */
@media (min-width: 768px) {
  .submenu-arrow {
    display: none;
}
    .navigation-in {
        background-color: #2D3F50;
    }
#navigation .navigation-in ul li>a>b {
    color: #ffffff !important;
}
  .navigation-in > ul > li > a {
    position: relative;
  }

  .navigation-in > ul > li > a::after {
    content: "";
    position: absolute;
    top: 10px;            /* mezera shora */
    bottom: 10px;         /* mezera zdola */
    right: 0;             /* umístění čáry */
    width: 1px;           /* tloušťka čáry */
    background-color: #fff;
    pointer-events: none; /* zabrání, aby čára chytala hover/klik */
  }

  /* zruší původní border */
  .navigation-in > ul > li > a {
    border-right: none !important;
  }
  .header-bottom {
    position: relative;
  }
  .header-bottom::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #2D3F50;
    z-index: 0;
  }
  .top-navigation-bar a {
    color: #ffffff;
}
.top-navigation-bar {
    background-color: #2D3F50;
}
/* --- Bílá barva, když dropdown není aktivní --- */
#topNavigationDropdown {
  color: #fff !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

#topNavigationDropdown::before {
  color: #fff;
}

/* Bílá šipka */
#topNavigationDropdown .caret {
  border-top-color: #fff !important;
}

/* --- Černá barva při otevření dropdownu --- */
#topNavigationDropdown[aria-expanded="true"],
#topNavigationDropdown[aria-expanded="true"]::before,
#topNavigationDropdown[aria-expanded="true"] .caret {
  color: #000 !important;
  border-top-color: #000 !important;
}
}
@media (max-width: 767px) {
  /* Pozadí jen pro ty dvě položky */
  #header #navigation .navigation-in ul li.menu-item-3600.ext,
  #header #navigation .navigation-in ul li.menu-item-3798.ext {
    background-color: #2D3F50 !important;
  }

  /* Bílý text odkazu i <b> – pouze u těch dvou položek */
  #header #navigation .navigation-in ul li.menu-item-3600.ext > a,
  #header #navigation .navigation-in ul li.menu-item-3798.ext > a,
  #header #navigation .navigation-in ul li.menu-item-3600.ext > a > b,
  #header #navigation .navigation-in ul li.menu-item-3798.ext > a > b {
    color: #ffffff !important;
    border-bottom-color: transparent !important; /* kdyby šablona tahala spodní linku */
  }

  /* Bílá šipka submenu jen u těch dvou položek */
  #header #navigation .navigation-in ul li.menu-item-3600.ext .submenu-arrow::after,
  #header #navigation .navigation-in ul li.menu-item-3798.ext .submenu-arrow::after {
    color: #ffffff !important;
  }
}