/* ===== Fixed header mobile ===== */
@media (max-width: 468px) {
    .plugin-fixed-header__img,
    .plugin-fixed-header__image,
    .plugin-fixed-header__price {
        display: block;
    }
    
    .plugin-fixed-header__basket {
        width: 200px;
        text-align: right;
        z-index: 99;
        margin-right: 112px;
    }
    
    .plugin-fixed-header__container {
        display: flex;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .plugin-fixed-header.active {
        height: 59px;
    }
    
    .plugin-fixed-header {
        bottom: -226px;
    }
}

.plugin-fixed-header.active {
    z-index: 50;
}

.plugin-fixed-header__basket {
    width: 200px;
    text-align: right;
    padding-left: 20px;
    z-index: 99;
}

.lista {
    padding: 0 10px;
}

/* ===== Homepage carousel background ===== */
.homepage-box.before-carousel,
.homepage-box.before-carousel > .content-wrapper,
.homepage-box.before-carousel > .content-wrapper > .content-wrapper-in,
.swiper-container,
.swiper,
.swiper-slide {
    background-color: white !important;
}

/* ===== Carousel hotfix ===== */
.swiper, 
.swiper-wrapper, 
.swiper-slide,
.swiper-container,
.carousel-inner { 
    height: auto !important;
    min-height: 0 !important;
}

.swiper, 
.swiper-container { 
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.swiper .swiper-pagination,
.swiper-container .swiper-pagination {
    position: static !important;
    margin-top: 8px !important;
}

.swiper img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
}

/* Carousel navigation arrows - hover effect */
.swiper-button-next, 
.swiper-button-prev {
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
    opacity: 1;
}

/* ===== MERTU.CZ: nekonečný pás značek ===== */
.mertu-brands {
    overflow: hidden;
    padding: 28px 0;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 32px 0;
}

.mertu-brands__track {
    display: flex;
    align-items: center;
    gap: clamp(32px, 7vw, 96px);
    width: max-content;
    animation: mertu-brands-scroll 46s linear infinite;
}

.mertu-brands:hover .mertu-brands__track { 
    animation-play-state: paused; 
}

.mertu-brands__item img {
    height: clamp(32px, 6vw, 80px);
    width: auto;
    display: block;
    filter: grayscale(100%) opacity(0.7);
    transition: filter 0.2s, opacity 0.2s, transform 0.2s;
}

.mertu-brands__item:hover img { 
    filter: none;
    opacity: 1;
    transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) { 
    .mertu-brands__track { 
        animation: none; 
    } 
}

@keyframes mertu-brands-scroll { 
    from { transform: translateX(0); } 
    to { transform: translateX(-50%); } 
}

.sliderFooter { 
    display: none !important; 
}

.swiper-slide img {
    border-radius: 0px !important;
}

/* Slider: ořez kontejneru*/
.custom-banner-wrapper .swiper-slide a{
  display: block;
  overflow: hidden;
}

/* Výchozí stav obrázku */
.custom-banner-wrapper .swiper-slide a img{
  display: block;
  transition: transform 250ms ease;
  transform: scale(1);
  will-change: transform;
}

/* Hover zvětši jen obrázek */
.custom-banner-wrapper .swiper-slide a:hover img{
  transform: scale(1.02) !important;
}

/* MERTU: hlavicka 768-991 px (prohlizec Tesla) - kosik nesmi spadnout pod vyhledavani */
@media (min-width:768px) and (max-width:991px){#header .header-top{flex-wrap:nowrap}#header .header-top .search{flex:1 1 0;min-width:0;margin:0 12px}#header .header-top .navigation-buttons{flex:0 0 auto}}