.footer-banners.row.banner-wrapper::before{content:"Kategorie";display:block;grid-column:1/-1;order:-10;text-align:center;font-size:28px;font-weight:700;color:#1b263b;margin:0 0 40px;line-height:1.2}
.footer-banners.row.banner-wrapper::after{display:none!important}
.footer-banners.row.banner-wrapper{display:grid!important;grid-template-columns:repeat(6,1fr);gap:20px!important;margin:40px 0 60px}
.footer-banners>.footer-banner{flex:none!important;width:auto!important;max-width:none!important;padding:0!important;grid-column:span 2}
.footer-banners>.footer-banner:has(>a[data-ec-promo-id="68"]),.footer-banners>.footer-banner:has(>a[data-ec-promo-id="71"]){grid-column:span 3}
.footer-banners>.footer-banner:has(>a[data-ec-promo-id="68"]){order:-2}
.footer-banners>.footer-banner:has(>a[data-ec-promo-id="71"]){order:-1}

.footer-banner>a{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;height:80px!important;padding:10px 40px 10px 14px!important;background-color:#f5f7f8!important;border-radius:10px!important;position:relative;text-decoration:none!important;gap:14px;transition:background-color .2s ease!important}
.footer-banner img{width:56px!important;height:56px!important;flex-shrink:0!important;max-height:none!important;max-width:none!important;object-fit:contain;order:-1!important;mix-blend-mode:normal!important}
.footer-banner .extended-banner-texts{flex:1;text-align:left;order:0!important}
.footer-banner>a::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;color:#50b8ba;font-weight:400;line-height:1}

.footer-banner>a[data-ec-promo-id="68"],.footer-banner>a[data-ec-promo-id="71"]{justify-content:flex-start;height:130px!important;padding:20px 60px 20px 170px!important;border-radius:12px!important;overflow:hidden;font-size:22px;font-weight:700;line-height:1.2;gap:0}
.footer-banner>a[data-ec-promo-id="68"]{background-color:#ecf7f7!important;color:#1b263b!important}
.footer-banner>a[data-ec-promo-id="71"]{background-color:#1b263b!important;color:#fff!important}
.footer-banner>a[data-ec-promo-id="68"] img,.footer-banner>a[data-ec-promo-id="71"] img{position:absolute!important;left:16px;top:50%;transform:translateY(-50%);max-height:110px!important;max-width:140px!important;width:auto!important;height:auto!important}
.footer-banner>a[data-ec-promo-id="68"]::after,.footer-banner>a[data-ec-promo-id="71"]::after{display:none}
.footer-banner>a[data-ec-promo-id="68"]::before,.footer-banner>a[data-ec-promo-id="71"]::before{content:"›";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:32px;font-weight:400;line-height:1;transition:all .3s ease}

.extended-banner-texts:empty::before{display:block;font-size:14px;font-weight:500;color:#1b263b;text-align:left;line-height:1.3}
.footer-banner>a[data-ec-promo-id="68"] .extended-banner-texts::before,.footer-banner>a[data-ec-promo-id="71"] .extended-banner-texts::before{text-align:left;font-size:22px;font-weight:700;line-height:1.2;color:inherit}

.footer-banner>a[data-ec-promo-id="68"] .extended-banner-texts::before{content:"Kurzy první pomoci"}
.footer-banner>a[data-ec-promo-id="71"] .extended-banner-texts::before{content:"Náhradní náplně"}
.footer-banner>a[data-ec-promo-id="80"] .extended-banner-texts::before{content:"Lékárničky do firmy a kanceláře"}
.footer-banner>a[data-ec-promo-id="83"] .extended-banner-texts::before{content:"Lékárničky pro školy a školky"}
.footer-banner>a[data-ec-promo-id="86"] .extended-banner-texts::before{content:"Lékárnička pro kadeřnictví a salóny"}
.footer-banner>a[data-ec-promo-id="89"] .extended-banner-texts::before{content:"Lékárničky pro kuchyně a restaurace"}
.footer-banner>a[data-ec-promo-id="92"] .extended-banner-texts::before{content:"Lékárnička pro sportoviště a fitness"}
.footer-banner>a[data-ec-promo-id="95"] .extended-banner-texts::before{content:"Cestovní lékárnička"}

.footer-banner>a:hover{background-color:#eaecee!important;opacity:1!important}
.footer-banner>a[data-ec-promo-id="68"]:hover{background:linear-gradient(to bottom right,transparent 50%,#50b8ba 50%) bottom right/80px 80px no-repeat,#d8efee!important}
.footer-banner>a[data-ec-promo-id="71"]:hover{background:linear-gradient(to bottom right,transparent 50%,#50b8ba 50%) bottom right/80px 80px no-repeat,#283450!important}
.footer-banner>a[data-ec-promo-id="68"]:hover::before,.footer-banner>a[data-ec-promo-id="71"]:hover::before{color:#fff!important;top:auto!important;bottom:18px!important;right:18px!important;transform:none!important;font-size:26px}

@media (max-width:1023px){
.footer-banners.row.banner-wrapper{grid-template-columns:repeat(2,1fr)}
.footer-banners>.footer-banner{grid-column:span 1}
.footer-banners>.footer-banner:has(>a[data-ec-promo-id="68"]),.footer-banners>.footer-banner:has(>a[data-ec-promo-id="71"]){grid-column:span 2}
}
@media (max-width:600px){
.footer-banners.row.banner-wrapper{grid-template-columns:1fr;gap:12px}
.footer-banners>.footer-banner,.footer-banners>.footer-banner:has(>a[data-ec-promo-id="68"]),.footer-banners>.footer-banner:has(>a[data-ec-promo-id="71"]){grid-column:span 1}
.footer-banner>a[data-ec-promo-id="68"],.footer-banner>a[data-ec-promo-id="71"]{height:110px!important;padding:16px 40px 16px 130px!important;font-size:18px}
.footer-banner>a[data-ec-promo-id="68"] img,.footer-banner>a[data-ec-promo-id="71"] img{max-height:80px!important;max-width:100px!important}
}
@media (max-width: 768px) {
  .custom-footer__banner16,
  .custom-footer__banner16 .banner,
  .custom-footer__banner16 .banner-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .custom-footer__banner16 img {
    max-width: 180px !important;
    max-height: 180px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
}
.custom-footer__search,
.custom-footer__search h3,
.custom-footer__search h4,
.custom-footer__search .footer-heading,
.custom-footer__search .toggle-heading,
.custom-footer__search > * {
  text-align: left !important;
}

@media (max-width: 768px) {
  .custom-footer__search,
  .custom-footer__search button,
  .custom-footer__search > a,
  .custom-footer__search .accordion-header,
  .custom-footer__search .toggle-button {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}