@media (max-width: 1423px){
    header div.header-search > form{
        width: 225px !important;
    }
}


@media (max-width: 1199px){
    div.header-contacts{
        display: none !important;
    }
}

@media (max-width: 991px){
    .main-menu .header-shops,.main-menu .header-wishlist,.main-menu .header-account,.main-menu .header-cart{
        font-size: 0px;
    }
}

@media (max-width: 575px) {
    
    html {
        overscroll-behavior-x: none;
    }
    footer .newsletter
    {
        border-radius: 10px 10px 0px 0px;
    }
    
    footer .newsletter .w-75{
        width: 100% !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    
    footer .branches{
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    
    footer .branches .branches-list{
        grid-auto-flow: initial !important; 
    }
    
    .homepage-claims-claim{
        white-space: nowrap;
    }
    
    .homepage-claims{
        overflow: auto;
    }
    
    .homepage-categories-category > div{
        width: 100% !important;
        font-size: 12px !important;
    }
    
    .background-filter-shadow{
        background-image: none !important;
    }
    
    .bread.container > div{
        justify-content: start !important;
        overflow: auto;
        padding: 0px 15px;
    }
    
    section.bread{
        white-space: nowrap !important;
    }
    
    .page-item.border-none i{
        display: none;
    }
    
    .product-wraper .product .product-top-image .img-wrap-2 img{
        max-height: 188px;
        
    }
    .product-wraper .product .product-top-image .img-wrap-2{
        max-height: 188px;
        min-height: 188px;
    }
    .product-wraper .product .product-top-image .img-wrap{
        max-height: 188px;
        min-height: 188px;
    }
    
    .product-wraper .product .product-top-image{
        max-height: 188px;
        min-height: 188px;
    }
    
    .dot-color{
        margin-top:  5px;
        aspect-ratio: 1 / 1;
    }
    
    .nabidka .detail-picker-color .color{
        width: 35px;
        height: 35px;
    }
    
    .error .error-info h1{
        font-size: 40px !important;
    }
    
    .product-detail-side{
        z-index: 1000;
    }
    
    .product-detail-side{
        top: 0px; !important
        left: 0px !important;
        width: 100% !important;
    }
    
    .product-detail-side-wrap{
        width: 100% !important;
        height: 100%;
        left: 100%  !important;
        border-radius: 0px; 
        margin-top: 0px;
    }
    .nabidka-detail .nav-link{
        
    }

    .product-detail-side.open .product-detail-side-wrap{ 
        left: 0% !important;
        padding-bottom: 190px !important;
    }
    
    .product-detail-side.open .product-detail-side-wrap div.close{ 
        position: fixed;
        bottom: 0px;
        background-color: white;
        padding: 5px;
        width: 100%;
        border-top: 1px solid #ddd;
}
    
    .objednavka-kosik-produkt-nazev{
        font-size: 18px !important;
    }
    
    .objednavka-kosik-buttons .btn-green{
        width: 100% !important;
    }
    
    .rekapitulace-cena-celkem{
        white-space: nowrap;
    }
    
    .objednavka-menu ul{
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }
    
    .nabidka-detail ul{
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-bottom: 5px;
        justify-content: left !important;
    }
    
    .dekujeme h1{
        font-size: 40px;
        font-weight: bold;
    }
    
    header div.header-search > form{
        width: auto !important;
    }
    
    .nabidka-description.clipped{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }   
    
    .homepage-banner-wraper-banners{
        height: auto !important;
        max-height: none !important;
    }
    
    .gallery-barva-wraper{
        font-size: 12px;
        width: 100px;
        height: 100px;
    }
    .gallery-barva-wraper:before{
        width: 90px;
        padding-right: 5px;
        font-size: 12px;
    }
    
    .detail-gallery .detail-gallery-main.gallery-wraper img{
        max-width: 100%;
    }
    
    .product .tags-top, .product .tags-bottom{
        padding: 5px !important;
        gap: 3px !important;
    }
    
    .whisper-content{
        width: 100%;
        min-width: 0;
        left: 0;
        transform: none;
        top: 100%;
    
        /* scroll i výšku řídí tenhle prvek, ne vnitřní .whisper */
        max-height: calc(90dvh - var(--whisper-offset, 150px) - env(safe-area-inset-bottom, 0px));
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    
    .whisper{
        max-height: none;
        overflow: visible;
        padding: 12px;
        padding-bottom: 0;
    }
    
    .whisper .bottom-button{
        position: sticky;
        bottom: 0;
        left: auto;
        width: calc(100% + 24px) !important;
        height: auto;
        margin: 0 -12px;
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    }
    
    .objednavka-kosik-slevovy-kupon .objednavka-kosik-slevovy-kupon-form{
        width: 100% !important;
    }
    
    .text_upozorneni{
        padding-left: 15px;
        padding-right: 15px; 
        text-align: center;
    }
    
    .header-contacts-mobile i{
        font-size: 15px;
    }
    .header-contacts-mobile{
        font-size: 11px;
        white-space: nowrap;
    }
    .header-contacts-mobile strong{
        font-size: 15px;
    }
    
    .header-contacts-mobile .line-0{
        line-height: 11px;
    }
    
    
    .sleva-20 span{
        font-size: 18px;
    }
    
    
    section.nabidka-info {
        position: relative;
    }
    
    section.nabidka-info div.detail-tags{
        position: absolute;
        top: 5px;
        height: 30px;
        left: 25px;
    }
    
    
    
    section.nabidka-info div.detail-description:not(.detail-description-mobile){
        display: none;
    }
    
    section.nabidka-info .detail-gallery .detail-gallery-main.gallery-wraper img
    {
        min-height: auto !important;
        aspect-ratio: 1 / 1;
        
    }
    
    section.nabidka-info{
        padding-top: 0px !important;
    }
    
    section.nabidka-info h1{
        font-size: 28px;
    }

    section.nabidka-info .detail-picker-variant-radio-input{
        padding: 5px 22px;
    }
    
    
    
    .nabidka-detail-info-block{
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15);
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100vw;
        background-color: white;
        border-top:1px solid #ddd;
        padding: 15px;
        padding-bottom: 20px !important;
        margin-bottom: 0px !important;
        z-index: 500;
    }
    
    @supports (-webkit-hyphens: none) {
      .nabidka-detail-info-block{
        padding-bottom: 0 !important;
      }
    }
    
    .dot-color.dot-success{
        margin-top: 0px;
    }
    
    .nabidka-detail-info-block .nabidka-detail-info-block-button form{
        display: flex;
        
        
    }
    .nabidka-detail-info-block .nabidka-detail-info-block-button button{
        display: flex;
        margin: 0 0 0 8px;
        padding: 5px 15px;
        border-radius: 10px;
        background-color: #34b62d;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border: none;
        min-height: 50px;
    }
    
    .nabidka-detail-info-block-cena .price-value{
        font-weight: bold;
        font-size: 19px;
    }
    
    .nabidka-detail-info-block-cena .price-before{
        color: #877d7d;
        white-space: nowrap;
        text-decoration: line-through;
        font-weight: bold;
    }
    .d-mobile-none{
        display: none !important;
    }
    
    
    .muj-prvek {
      margin-bottom: 20px;
    }
    
    /* Safari (desktop i iOS, včetně Chrome na iOS) */
    
}


.product .wishlist{
    bottom: auto !important;
    top: 0px !important;
}