@media (max-width: 767px) {
    .flags .flag {
        font-size: .6em;
    }
}

button.btn.btn-cart.add-to-cart-button {
    background-color: #608124 !important;
    color: #fff !important;
}

.products-block.products .product .btn, .products-block.products .product button.add-to-cart-button {
    width: 140px!important;
    min-width: 115px;
    letter-spacing: .5px;
    font-size: 1em;
    display: flex!important;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    height: 34px!important;
    opacity: 1;
    color: #ffffff!important;
    line-height: 1.1em;
    margin: 5px auto 0;
    font-family: var(--template-font)!important;
    background: #6da305 !important;
    z-index: 1;
    }

    .benefitBanner {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between; /* rovnoměrné rozložení */
        margin: 30px 0;
        width: 100%;
    }
    
    .benefitBanner > * {
        flex: 0 0 24%; /* každá položka zabere cca 1/4 šířky s mezerou */
        box-sizing: border-box;
    }
    
    /* Responsivní úprava pro menší zařízení */
    @media (max-width: 1024px) {
        .benefitBanner > * {
            flex: 0 0 48%; /* 2 v řádku */
            margin-bottom: 20px;
        }
    }
    
    @media (max-width: 600px) {
        .benefitBanner > * {
            flex: 0 0 100%; /* 1 v řádku */
        }
    }

    
    @media (min-width: 768px) {
        .subcategories li a {
            height:200px!important;
            justify-content: center
        }
    }
    
    
    .homepage-blog-wrapper .news-item .image img {
        border-radius: 20px
    }

    
    @media only screen and (max-width: 767px) {
        #carousel .item img:hover {
            transform:scale(1)!important
        }
    
        .products-block.products .product .p .name {
            font-size: 16px!important
        }
    
        .products-block.products .product .category-appendix {
            font-size: 10px!important;
            line-height: 10px
        }
    }
    
    @media only screen and (max-width: 767px) {
        .p-in-in .category-appendix {
            display:block
        }
    }
    
    @media only screen and (max-width: 767px) {
        .breadcrumbs-wrapper .breadcrumbs {
            text-align:center
        }
    }
    
    
    .products-block.products .product .image img {
        border-radius: 14px
    }
  
    
    
    .carousel:hover .carousel-control {
        opacity: .7
    }
    

    .cart-content .discount-coupon form input {
        border-radius: 15px;
        text-align: center
    }
    
    .cart-content .extras-wrapper .extras-col form .btn,.cart-content .extras-wrapper .extras-col form button {
        border-radius: 15px
    }
    
    
    
    .welcome-image img {
        transition: transform .3s ease-in-out
    }
    
    .welcome-image:hover img {
        transform: scale(1.1)
    }
    
   
    #newsWrapper .news-item .image img {
        transition: transform .3s ease-in-out
    }
    
    #newsWrapper .news-item .image img:hover {
        transform: scale(1.1)
    }
    
    .p-tools .btn-cart:hover span {
        font-size: 1.1em;
        transition: font-size .1s ease-in-out
    }
    
    
    .position--benefitProduct.benefitBanner {
        margin: 0!important
    }
    
    .benefit-banner {
        transition: all .3s ease-in-out
    }
    
    .benefit-banner:hover {
        transform: scale(1.1)
    }
    
    .type-detail .basic-description img {
        border-radius: 100px;
        transition: transform .3s ease
    }
    
    .type-detail .basic-description img:hover {
        transform: scale(1.05)
    }
    
    .p-detail .p-image-wrapper img {
        border-radius: 20px
    }
    
    .product-top .p-thumbnails-wrapper .p-thumbnails-inner a img {
        border-radius: 28px
    }
    

    .flags .flag {
        border-radius: 20px
    }

    
    .next-to-carousel-banners .banner-wrapper {
        overflow: hidden;
        border-radius: 15px;
        position: relative;
        z-index: 1
    }
    
    .next-to-carousel-banners .banner-wrapper img {
        max-width: 100%;
        min-width: 100%;
        height: auto;
        min-height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 1;
        border-radius: 15px;
        transition: transform .3s ease,border-radius 0s ease .3s
    }
    
    .next-to-carousel-banners .banner-wrapper img:hover {
        transform: scale(1.03)!important
    }
    
    #carousel .carousel-inner .item {
        overflow: hidden;
        border-radius: 15px
    }
    
    #carousel .carousel-inner .item img {
        border-radius: 15px;
        transition: all .3s ease
    }
    
    #carousel .carousel-inner .item img:hover {
        transform: scale(1.03)
    }
    
    .form-group>input.form-control,.form-group>select.form-control {
        border-style: solid
    }

    .flag {
        max-width: 20em !important;
    }

    .product-top .social-buttons-wrapper .link-icons {
        display: none !important;
        flex-wrap: wrap;
    }

    .flags-extra .flag.flag.flag-discount, .p-image-wrapper .flags-extra .flag.flag.flag-discount {
        background: #a70711!important;
    }


    .homepage-box.welcome-wrapper {
        background: linear-gradient(180deg, #F8F7F4 0%, #EEF0ED 100%);
        text-align: center;
        color: #222;
        padding: 80px 15px 100px;
    }

    .stars span.star:before {
        color: #6da305 !important;
    }

    .dklabZakoupenoFlag {
        background: #61177c !important; /* jemně béžová */
        border-radius: 6px;
        padding: 4px 10px;
      }


      .p-detail .p-info-wrapper .p-short-description {
        margin-top: 10px;
        margin-bottom: 20px !important;
        font-size: 1.1em;
        line-height: 1.6em;
        }
    

    .calculated-price {
       color: #6da305 !important;
        }
    

   .price-final-holder {
            color: #6da305 !important;
             }


footer .custom-footer .site-name .inner-box:before {
position: absolute;
left: 0;
border-radius: 10px;
top: 0;
width: 100%;
height: 100%;
content: "";
background: #ffffff !important;
border: 1px solid var(--color-primary) !important;
opacity: .08;
z-index: -1;
}

.flags-extra .flag.flag.flag-freeshipping, .p-image-wrapper .flags-extra .flag.flag.flag-freeshipping {
    color: #ffffff !important;
    background-color: #3da253 !important;
    font-weight: 500;
    }

    .flag-freeshipping .icon-van {
        color: #ffffff !important;
        } 


        .type-category .products-top .product .image img {
            border-radius: 50% !important;
        }

        @media only screen and (max-width: 767px) {
            .site-msg.information {
                display: none !important;
            }
        }        


        
        p[data-testid="productCardDescr"] {
            display: none !important;
          }

          @media only screen and (max-width:1500px) {
#carousel .banner-caption .extended-banner-text, #carousel .banner-caption p {
font-size: 1.2em !important;
line-height: 1.2em;
font-weight: 400;
}
}


#carousel .banner-caption {
    position: absolute;
    padding: 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1.4em;
    height: 100%;
    z-index: 2;
    color: #fff;
    transition: .3s;
    background: rgba(0,0,0,.4);
    }


    @media (max-width: 767px) {
        #carousel .banner-caption {
          position: absolute;
          padding: 20px;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-start;
          text-align: center;
          top: 0;
          left: 0;
          width: 100%;
          line-height: 1.4em;
          height: 100%;
          z-index: 2;
          color: #fff;
          transition: .3s;
          background: rgba(0, 0, 0, .6);
        }
      }
         

      @media (max-width: 767px) {
        .normal-banners-line .banner-wrapper {
          height: auto;
        }
      
        .normal-banners-line .banner-wrapper img {
          width: 100%;
          height: auto;
          min-height: 280px; /* zvýší výšku banneru */
          object-fit: cover;
          background: rgba(0, 0, 0, .6);
        }

        .normal-banners-line .extended-banner-text {
            font-weight: 500;
            font-size: 1.1em !important;
          }
      
      }