.btn{text-transform: none;}
.site-msg .close{left: 0; right: unset;}
.site-msg .container{margin-left: 0; padding-left: 30px !important;}
#content-wrapper{max-width: 2000px; margin-left: auto; margin-right: auto;}
#header{border-bottom: 6px solid #C8C89F;}
.in-index #header{border: 0;}
#navigation{margin-left: 20px;}
.navigation-in ul li a{/*padding-left: 0; padding-right: 0; margin-left: 25px; margin-right: 25px;*/}
.navigation-in>ul>li>a:before{transition: all .2s; content: ""; display: block; height: 6px; background: transparent; position: absolute; top: 0; left: 20px; right: 20px;}
.navigation-in>ul>li>a:hover:before{background: #C8C89F;}
.navigation-in>ul>li>a.active:hover:before, .navigation-in>ul>li>a.active:before{background: #818021;}
.navigation-in ul li a b{font-weight: normal;}
.navigation-in>ul>li>a.active b{font-weight: bold;}
.menu-helper>span{font-weight: normal;}
.navigation-buttons a{width: 50px; font-size: 30px; color: #45572D;}
.navigation-buttons a:before{transition: all .2s;color: #45572D;}
.navigation-buttons a:hover:before{color: #ECBE27;}
.navigation-buttons a[data-target="search"]{display: none;}
.navigation-buttons>a[data-target=cart] i{background: #ECBE27; color: #fff; outline: 2px solid #fff; font-size: 12px; width: 18px; height: 18px; left: 60%;}
/*
Přírodní péče pro celou rodinu
Univerzální balzám s více než 10 účinky. Zklidňuje, regeneruje a chrání!
Čistá síla přírody v každém kelímku.
*/
.breadcrumbs{display: none;}
#carousel{}
#carousel .carousel-inner{height: calc(100vh - 80px); max-height: 1200px; min-height: 500px !important;}
#carousel .carousel-inner a{pointer-events: none;}
#carousel .carousel-inner .item{height: 100%;}
#carousel .extended-banner-texts{background: rgba(0,0,0,.52);}
#carousel .extended-banner-text{top: 0;left: 0;right: 0; bottom: 0; text-align: center;max-width: 100%; background: transparent; border: none; color: #fff; box-shadow: none; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#carousel .extended-banner-text .buttons{margin-top: 25px;}
#carousel .extended-banner-text .btn{display: inline-block; pointer-events: auto; border: 2px solid #E4AE00; background: transparent; color: #fff; min-width: 180px; text-transform: none; margin: 0 5px;}
#carousel .extended-banner-text .btn-primary{background: #E4AE00;}
#carousel .extended-banner-text .btn:hover{border-color: #fff;}
#carousel .extended-banner-text .btn-primary:hover{background: #fff; color: #000;}
#carousel .extended-banner-text h1{color: #fff; font-size: 50px; font-weight: normal;}
#carousel .extended-banner-text p{font-size: 18px; line-height: 28px;}
#carousel .carousel-inner>.item>a>img, #carousel .carousel-inner>.item>img{height: 100%; object-fit: cover;}
.next-to-carousel-banners{display: flex; margin: 0; max-width: unset; flex-direction: column;}
.next-to-carousel-banners .banner-wrapper{margin: 0;}
.next-to-carousel-banners .banner-wrapper a{display: flex; pointer-events: none;}
.next-to-carousel-banners .banner-wrapper:nth-child(odd) a{flex-direction: row-reverse;}
.next-to-carousel-banners .banner-wrapper a img{position: static; transform: none; width: 61.8%; max-height: 700px; object-fit: cover;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-texts{position: static; width: 38.2%; background: #fff; color: #000; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; padding: 70px;}
.next-to-carousel-banners .banner-wrapper:nth-child(even) .extended-banner-texts{background: url('assets/leaves-grey-right.svg') no-repeat right center #fff;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-title{position: static; box-shadow: none; padding: 0; border: 0; font-size: 32px; color: #45572D; line-height: 50px; margin-block: 41px; position: relative; padding-left: 20px; background: none; margin-top: 0;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-title:before{content:""; display: block; width: 6px; background: #C8C89F; float: left; margin-top: 10px; height: 100%; height: calc(100% - 20px); position: absolute; top: 0; bottom: 0; margin-left: -20px;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-text{position: static; color: #000; text-align: left; padding: 0; font-size: 16px; line-height: 28px; max-width: 100%; box-shadow: none;}
.index-content-wrapper{max-width: unset;}
#content{/*padding-left: 0; padding-right: 0;*/}
.homepage-texts-wrapper{background: url('assets/leaves-green-2.svg') no-repeat right center #45572D; margin-left: -20px; margin-right: -20px;}
.homepage-texts-wrapper:before{content:""; display: block; background: red;}
.homepage-texts-wrapper .top-products-wrapper{display: none;}
.homepage-texts-wrapper .welcome-wrapper{width: 100%; max-width: 100%; min-width: 100%; margin: 0; background: url('assets/leaves-green.svg') no-repeat left center;}
.homepage-texts-wrapper .welcome{color: #fff; max-width: 900px; margin: 0 auto; padding: 90px 0;}
.homepage-texts-wrapper .welcome h1{color: #fff; text-align: center; display: block; font-size: 31px; line-height: 41px; margin-bottom: 30px;}
.homepage-texts-wrapper .welcome p{margin-bottom: 20px; font-size: 16px; line-height: 26px;}
.homepage-texts-wrapper .welcome .btn{border: 2px solid #E4AE00; color: #fff; margin: 0 5px; min-width: 180px; text-transform: none; font-size: 16px; margin-top: 30px;}
.homepage-texts-wrapper .welcome .btn-primary{background: #E4AE00;}
.homepage-texts-wrapper .welcome .btn:hover{border-color: #fff;}
.homepage-tabs-wrapper .shp-tabs-row.responsive-nav{display: none;}
.homepage-group-title{display: block; font-size: 37px; text-align: center; margin: 75px 0 40px 0;}
#homepageProducts1{max-width: 1418px; margin-left: auto; margin-right: auto; padding-bottom: 90px;}
.products-block{justify-content: center;}
.products-block .p{border: 0; background: #F0F0F0; padding: 30px;}
.columns-3 .products-block>div, .columns-4 .products-block>div{padding: 20px;}
.products-block>div .p .p-code{display: none;}
.products-block>div .p .p-bottom>div .p-tools .btn, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart{height: 50px;}
.products-block>div .p .name{font-size: 25px; line-height: 30px; height: 60px; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.products-block>div .p .availability{font-size: 16px; font-weight: bold;}
.products-block .p-bottom .prices{font-size: 25px;}
.product .p .flags{left: -30px;}
.product .p .flag{padding: 15px; font-size: 15px; text-transform: none;}
.product .p .flag:before, .product .p .flag:after{display: none;}
.flag.flag-discount{background: #000; position: absolute; right:10px; bottom: 10px;}
.p:hover .flag{opacity: .8;}
.flags-extra .flag .price-save, .flags-extra .flag .price-standard{white-space: nowrap;}
.custom-footer__banner12{display: none; float: none; background: #45572D; margin-left: -20px; width: calc(100% + 40px); padding: 60px 0;}
.type-product .custom-footer__banner12{display:block; width: calc(100% + 20px); background: #E1E1D3;}
.in-index .custom-footer__banner12{display: block;}
.type-product .custom-footer__banner12 .banner h2{color: #000; padding-left: 20px; padding-right: 20px;}
.custom-footer__banner12 .banner{}
.custom-footer__banner12 .banner-wrapper{margin: 0;}
.custom-footer__banner12 .banner h2{color: #fff; font-size: 37px; text-align: center; padding-left: 15px; padding-right:15px;}
.custom-footer__banner12 .banner div p{background: #fff; position: relative; font-style: italic; font-size: 15px; line-height: 24px; padding: 25px 35px 25px 60px; margin: 20px; background: url('assets/quotes.svg') no-repeat 10px 10px #fff; /*min-width: 300px;*/}
.custom-footer__banner12 .banner div p:first-child:after{content: ""; display: block; bottom: 100%; left: 50%; border: solid transparent; height: 0; width: 0; border-top-color: #fff; border-left-color: #fff; border-width: 10px; position: absolute; bottom: -20px; left: 0;}
.custom-footer__banner12 .banner div p+p{background: url('assets/user.svg') no-repeat left center transparent; padding: 5px 0 5px 37px; font-size: 16px; color: #fff; font-weight: bold; font-style: normal; margin: -10px 0 0 37px;}
.custom-footer__banner12 .banner .slick-slide{transition: opacity .3s; opacity:.25;}
.custom-footer__banner12 .banner .slick-slide.slick-active{opacity:1;}
.custom-footer__banner12 .banner .slick-slide.slick-active+.slick-active+.slick-active{opacity:.25;}
/*.custom-footer__banner12 .banner .slick-slide[data-slick-index="-1"],
.custom-footer__banner12 .banner .slick-slide[data-slick-index="0"]{opacity:1;}*/
.custom-footer__banner12 .banner .slick-track{/*margin-left: 50%;*/}
.custom-footer__banner12 .banner .slick-dots{display: flex !important; justify-content: center; padding-inline-start:0;}
.custom-footer__banner12 .banner .slick-dots button{display: none;}
.custom-footer__banner12 .banner .slick-dots li{transition: opacity .3s; width: 28px; margin: 1px 3px; height: 4px; list-style-type: none; background: #fff; opacity: .3; cursor: pointer;}
.custom-footer__banner12 .banner .slick-dots li.slick-active{opacity: 1; height: 6px; margin: 0 3px;}
.custom-footer__banner12 .banner .slick-dots li:hover{opacity: .8;}
.custom-footer__banner12 .slick-arrow{width: 42px; height: 42px; border: 0; color: transparent; font-size: 0; position: absolute; z-index: 1; top: 50%; margin-top: -30px;}
.custom-footer__banner12 .slick-arrow.slick-prev{background: url('assets/prev.svg') no-repeat center center; left: 40px;}
.custom-footer__banner12 .slick-arrow.slick-next{background: url('assets/next.svg') no-repeat center center; right: 40px;}
.custom-footer__banner12 .slick-arrow.slick-disabled{opacity: .1;}
.homepage-blog-wrapper{display:flex; max-width: 1418px; margin: 0 auto; padding-bottom: 60px; }
.homepage-blog-wrapper .h4{font-size: 37px;}
.blog-wrapper .news-item{flex-basis: 50%; max-width: 50%; padding: 0;}
.blog-wrapper .news-item:nth-child(odd){padding: 10px 0 50px 30px;}
.blog-wrapper .news-item:nth-child(even){padding: 10px 30px 50px 0;}
.blog-wrapper .news-item a{display: flex;}
.blog-wrapper .news-item .image{width: 38.2%;}
.blog-wrapper .news-item .image img{aspect-ratio: 1 / 1; object-fit: cover;}
.blog-wrapper .news-item .text{width: 61.8%;}
.blog-wrapper .news-item .title{font-weight: bold; font-size: 20px; line-height: 28px; color: #45572D; margin-top: 0;}
.blog-wrapper .news-item .description{font-size: 15px; line-height: 26px; color: #747474;}
.blog-wrapper .news-item .read-article{font-size: 15px; font-weight: bold; text-decoration: underline; display: block; margin-top: 20px;}
.bloglink{width: 100%; text-align: center;}
.blog-wrapper .btn{background: #45572D; color: #fff; text-transform: none; min-width: 180px;}
.blog-wrapper .btn:hover{background: #000;}
.type-product{}
.p-detail-tabs-wrapper .responsive-nav{display: none;}
.type-product .tab-content{padding: 0;}
.p-detail-tabs-wrapper{max-width: 100%;}
.p-detail-tabs-wrapper .col-sm-12{padding: 0;}
.basic-description>p, .basic-description>table, .basic-description>ul, .basic-description>ol,
.basic-description>h1, .basic-description>h2, .basic-description>h3, .basic-description>h4{max-width: 980px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}
.detail-big-image{position: relative;}
.detail-big-image:before{ border: solid transparent; content: ""; height: 0; width: 0; left: 0; right: 0; margin: auto; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 45px; transform: scaleX(2);}
.detail-big-image img{max-height: 550px; width: 100%; object-fit: cover;}
.detail-big-image h1, .basic-description .detail-big-image h2{font-size: 38px; line-height: 50px; color: #fff; position: absolute; padding: 50px; text-align: center; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 50%, rgba(0, 0, 0, 0.64) 100%); position: absolute; bottom: 0; left: 0; right: 0; margin: 0;}
table.detail-image-right, table.detail-image-left{margin-top: 80px; margin-bottom: 80px;}
table.detail-image-right tr, table.detail-image-left tr{display: flex; gap: 50px; align-items: center;}
table.detail-image-right h2, table.detail-image-left h2{font-size: 30px; line-height: 44px; color: #45572D; font-weight: normal;}
table.detail-image-right h3, table.detail-image-left h3{font-size: 18px; line-height: 24px; font-weight: bold; margin: 0 0 10px 0;}
table.detail-image-right p, table.detail-image-left p{font-size: 14px; line-height: 24px;}
table.detail-image-right li, table.detail-image-left li{margin: 30px 0; list-style: none;}
table.detail-image-right li:before, table.detail-image-left li:before{content: ""; display: block; width: 13px; height: 13px; background: #C8C89F; position:absolute; margin-left: -25px; margin-top: 6px;}
table.detail-image-right img, table.detail-image-left img{width: 380px; max-width: unset;}
.basic-description>ul.detail-benefits{background: #F6F6F6; padding: 80px 0; max-width: 100%; display: flex; justify-content: center;}
ul.detail-benefits li{display: flex; flex-direction: column; flex: 1; text-align: center; padding: 0 40px; max-width: 350px;}
ul.detail-benefits li img{display: block; margin: 0 auto 30px auto;}
.detail-faq{background: url('assets/leaves-lgreen.svg') no-repeat left bottom #45572D; padding: 70px 0;}
.detail-faq h2{color: #fff; font-size: 30px; line-height: 44px; max-width: 980px; padding: 0 20px; text-align: center; margin: 0 auto 20px auto;}
.detail-faq table{max-width: 980px; padding: 20px; margin: 0 auto;}
.detail-faq tr{display: flex; flex-direction: column; margin: 14px; padding: 20px 20px 20px 60px; background: url('assets/question-grey.svg') no-repeat 20px 23px #fff; }
.detail-faq tr.open{background: url('assets/question-green.svg') no-repeat 20px 23px #fff; }
.detail-faq tr td:nth-child(1){font-size: 18px; line-height: 24px; font-weight: bold; cursor: pointer;}
.detail-faq tr td:nth-child(1):after{transition: opacity .2s; content: ""; display:block; width: 13px; height: 24px; float: right; background: url('assets/faq-down.svg') no-repeat right center; opacity: .35;}
.detail-faq tr td:nth-child(1):hover:after{opacity: 1; }
.detail-faq tr.open td:nth-child(1):after{opacity: 1; background: url('assets/faq-up.svg') no-repeat right center;}
.detail-faq tr td:nth-child(1):hover{text-decoration: underline;}
.detail-faq tr td:nth-child(2){transition: all .3s;font-size: 14px; line-height: 24px; height: 0; overflow: hidden; padding: 0; margin: 0; border-top: 0px solid #fff;}
.detail-faq tr.open td:nth-child(2){/*display: block;*/ border-top: 1px solid #ECECDE; margin-top: 19px; padding-top: 17px; height: auto;}
.detail-faq tr td p:last-child{margin-bottom: 0;}
.benefitBanner{padding: 20px 0; gap: 20px; flex-wrap: nowrap;}
.benefitBanner__item{justify-content: center; margin-bottom: 0; gap: 10px; flex: auto;}
.benefitBanner__picture{max-width: 100px; flex: 0 0 100px; justify-content: flex-end;}
#detail-cta{background: #45572D; color: #fff; }
#detail-cta div{max-width: 980px; text-align: center; margin-left: auto; margin-right: auto; padding: 50px 20px;}
#detail-cta h2{ color:#fff; font-size: 38px; line-height: 50px; margin-bottom: 20px;}
#detail-cta p{font-size: 16px; margin-bottom: 20px;}
#detail-cta .btn{background: #E4AE00; color: #fff; min-width: 180px;}
#detail-cta .btn:hover{background: #fff; color: #000;}
.type-product #articles{background: #fff; padding-left: 20px; padding-right: 20px;}
.p-detail-inner{padding-top: 60px;}
.p-detail-inner .p-data-wrapper{padding-left: 50px;}
.p-param-block{display: none;}
.p-to-cart-block{flex-direction: column; border: 0; padding: 0; align-content: flex-start; align-items: flex-start;}
.wide .p-final-price-wrapper{width: 100%;}
.p-to-cart-block .p-add-to-cart-wrapper{margin-left: 0;}
.btn.add-to-cart-button{padding: 20px 60px; font-size: 18px;}
.p-to-cart-block .add-to-cart-button.btn-conversion:before{font-size: 24px;}
.quantity input{height: 100%; font-size: 18px;}
.quantity .decrease, .quantity .increase{border: 0; height: 100%;}
.quantity .decrease:before, .quantity .increase:before{height: 100%; font-size: 10px; display: flex; align-items: center; justify-content: center;}
.quantity .decrease:hover:before, .quantity .increase:hover:before{background: #E6E6E6;}
.p-basic-info-block{display: none;}
[data-testid="productCardBrandName"]{text-transform: uppercase; color: #000; pointer-events: none; font-size: 16px; font-weight: bold;}
.p-detail-inner-header{padding-top: 20px;}
.p-detail-inner-header h1{font-size: 42px; color: #45572D; margin-top: 0; margin-bottom: 12px;}
.p-short-description p{font-size: 16px; display: inline-block;}
.p-short-description a{text-decoration: underline; color: #818021;}
.price-final-holder{font-size: 55px; font-weight: bold;}
.availability-label{font-weight: bold; font-size: 18px;}
.type-product .custom-footer__banner12 .banner div p+p{color: #000; background-image: url('assets/user-green.svg');}
.type-product .custom-footer__banner12 .banner .slick-dots li{background: #939C80; }
.type-product .custom-footer__banner12 .banner .slick-dots li.slick-active{background: #45572D;}
.type-product .custom-footer__banner12 .slick-arrow.slick-next{ background-image: url('assets/next-green.svg'); background-size: contain;}
.type-product .custom-footer__banner12 .slick-arrow.slick-prev{ background-image: url('assets/prev-green.svg'); background-size: contain;}
.p-thumbnails a{margin-right: 10px;}
.p-thumbnails a img{transition: all .2s; opacity: .3; border: 2px solid transparent; }
.p-thumbnails .p-thumbnail.highlighted img, .p-thumbnails .p-thumbnail:hover img{opacity: 1;}
.p-thumbnails .p-thumbnail.highlighted img{ border-color: #818021;}
.p-thumbnail.highlighted:before, .p-thumbnail:hover:before, .show360image.highlighted:before, .show360image:hover:before{display: none;}
.wide .image360:after, .wide .p-image:after{display: none;}
.my-variants{margin-bottom: 20px;}
.my-variants label{display: block; font-size: 16px; font-weight: bold; margin: 15px 0 2px 0;}
.my-variants .variant{display: inline-block; margin-right: 15px; width: 100px;}
.my-variants .variant .title{font-size: 12px; line-height: 15px; padding-top: 4px; text-align: center; display: block;}
.my-variants .variant img{transition: all .2s; border: 2px solid #E3E3E3; width: 100px; height: 100px; object-fit: cover; aspect-ratio: 1 / 1;}
.my-variants .variant:hover img, .my-variants .variant.selected img{border: 2px solid #818021;}
.type-category{}
.type-category #content{padding-top: 30px;}
.category-header input[type=radio]+label{border: 0; padding: 15px 30px;}
.type-posts-listing{}
.type-posts-listing #content, .type-post #content, .type-page #content{max-width: 980px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px;}
.type-posts-listing .news-item .text .title{font-weight: bold;}
.type-post .next-prev{display: none;}
.news-item-detail .text{line-height: 1.6;}
.news-item-detail h1{line-height: 1.4;}
.news-item-detail h2, .news-item-detail h3{margin-top: 35px; color: #45572D;}
.type-page .detail-image-left:first-child, .type-page .detail-image-right:first-child{margin-top: 0;}
.bubbles{ margin-left:20px; }
.bubbles tr{display: flex; flex-direction: column; position: relative; background: #F1F1E7; margin-bottom: 35px; padding: 15px; margin-top: 20px;}
.bubbles tr:before{content: ""; display: block; border: solid transparent; height: 0; width: 0; border-top-color: #F1F1E7; border-right-color: #F1F1E7; border-width: 10px; position: absolute; left: -20px; top: 0;}
ol.cart-header li a span, ol.cart-header li strong span{border: 0;}
.cart-table .quantity{height: 60px;}
.pagination-count{display: none;}
#footer{background: #222C17; color: #fff; position: relative; margin: 0; border: 0; padding-top: 70px; padding-bottom: 0; font-size: 16px; line-height: 26px;}
#footer .container{padding: 0;}
#footer a{color: #fff;}
#footer .custom-footer{padding-top: 0; margin-left: 0; margin-right: 0;}
#footer .custom-footer>div{width: 29%;}
#footer .custom-footer>div+div{width: 29%;}
#footer .custom-footer>div+div+div{width: 42%;}
#footer .custom-footer h4{font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 25px;}
#footer .custom-footer__banner4{ padding-left:0; }
#footer .custom-footer__banner4 .banner-wrapper{margin-left: 0;}
#footer .custom-footer__banner4 img{ height:40px; display: block; margin-bottom: 20px; margin-left: -2px;}
#footer .custom-footer__articles ul{ padding-left:0; columns:2; }
#footer .custom-footer__articles ul li{}
#footer .custom-footer__articles ul li:before{display: none;}
#footer .footer-links-icons{display: none;}
#footer #footer-bottom{background: #000; width: 100%; padding: 20px 0;}
#footer .footer-bottom{ border: 0;}
#signature{margin-bottom: 0;}
.contact-box ul li>span:before{font-size: 26px; color: #e4ae00;}
.contact-box ul li>span a{padding-left: 7px;}
/*#footer .footer-bottom:before{content: ""; display: block; width: 100%; background: #000; position: absolute; left: 0; right: 0; bottom: 0; height: 60px;}*/
@media (max-width: 1300px) {
.products-block>div .p .name{font-size: 22px;}
}
@media (max-width: 1199px) {
.container{width: calc(100% - 40px);}
.next-to-carousel-banners .banner-wrapper a .extended-banner-texts{padding: 50px;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-title{line-height: 44px;}
#footer .custom-footer{display: flex;}
ul.detail-benefits li{padding: 0 20px;}
.p-detail-tabs-wrapper{margin-top: 60px;}
.detail-big-image h1, .basic-description .detail-big-image h2{font-size: 32px;}
}
@media (max-width: 991px) {
.navigation-in>ul>li>a.active:hover:before, .navigation-in>ul>li>a.active:before{display: none;}
.overall-wrapper{padding-top: 0;}
.navigation-buttons a[data-target=navigation]:before{font-size: 28px;}
.navigation-window-visible .navigation-buttons a[data-target=navigation]:before{font-size: 22px;}
.navigation-buttons>a[data-target=cart] i{top: 20%;}
.homepage-texts-wrapper{background-image: none;}
.homepage-texts-wrapper .welcome{padding-left: 20px; padding-right: 20px;}
.homepage-texts-wrapper .welcome h1{font-size: 26px; line-height: 38px;}
/*.custom-footer__banner12 .banner .slick-slide.slick-active+.slick-active{opacity:.25;}*/
.custom-footer__banner12 .banner .slick-dots{margin-top: 40px;}
.custom-footer__banner12 .banner .slick-dots li{width: 12px; height: 12px; transform: scale(1); margin-top: 0;}
.custom-footer__banner12 .banner .slick-dots li.slick-active{width: 12px; height: 12px; transform: scale(1.2); margin-top: 0;}
.custom-footer__banner12 .slick-arrow{bottom: -14px; top: auto;}
.basic-description>ul.detail-benefits{flex-wrap: wrap; justify-content: space-evenly; gap: 30px; padding-left: 20px; padding-right: 20px;}
ul.detail-benefits li{flex: auto; width: 40%; max-width: 40%;}
table.detail-image-right tr, table.detail-image-left tr{padding-left: 20px; padding-right: 20px;}
.wide .image360 img, .wide .p-image img{margin-left: 0;}
.p-detail-inner .p-data-wrapper{padding-left: 20px;}
.custom-footer__banner12{width: 100% !important; margin-left: 0;}
.container--bannersBenefit{margin-left: 0; margin-right: 0; width: 100%; }
.benefitBanner{flex-wrap: wrap; justify-content: center;}
.benefitBanner__item{flex: 0 0 48%; justify-content: center;}
#footer .custom-footer__articles ul{columns: 1;}
}
@media (max-width: 860px) {
.next-to-carousel-banners .banner-wrapper:nth-child(odd) a,
.next-to-carousel-banners .banner-wrapper:nth-child(even) a{flex-direction: column-reverse;}
.next-to-carousel-banners .banner-wrapper a img{width: 100%; max-height: 500px;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-texts{width: 100%;}
.homepage-blog-wrapper{flex-direction: column;}
.homepage-blog-wrapper div{width: 100%;}
.blog-wrapper .news-item{flex-basis: 100%; width: 100%; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important;}
.blog-wrapper .news-item a{align-items: center;}
#carousel .extended-banner-text h1{font-size: 38px;}
#carousel .extended-banner-text{padding-left: 20px; padding-right: 20px; padding-top: 60px;}
.columns-3 .products-block>div, .columns-4 .products-block>div{padding: 14px;}
.homepage-group-title{font-size: 30px; margin-top: 50px;}
.custom-footer__banner12 .banner h2{font-size: 30px;}
.homepage-blog-wrapper .h4{font-size: 30px;}
.products-block .p{padding: 15px;}
.product .p .flags{left: -15px;}
table.detail-image-right tr, table.detail-image-left tr{flex-direction: column;}
table.detail-image-right img, table.detail-image-left img{object-fit: cover; max-height: 450px; max-width: 100%;}
#footer{padding-top: 40px;}
#footer .custom-footer{ flex-direction: column; align-items: center; text-align: center;}
#footer .custom-footer>div{width: 100%; padding: 0;}
#footer .custom-footer>div+div{width: 100%; padding: 0;}
#footer .custom-footer>div+div+div{width: 100%; padding: 0;}
#footer .custom-footer__banner4 img{margin-left: auto; margin-right: auto;}
#footer .banner{margin-bottom: 10px;}
#footer .contact-box{min-height: unset; margin-bottom: 40px;}
.custom-footer__articles{margin-bottom: 40px;}
}
@media (max-width: 767px) {
#content{padding-top: 25px;}
.next-to-carousel-banners{padding-left: 0; padding-right: 0;}
.products-block>div .p .name{font-size: 18px;}
#header .site-name{padding-left: 0;}
.p-detail-inner .p-data-wrapper{padding-left: 0;}
.p-detail-inner-header h1{font-size: 34px;}
.detail-big-image h1, .basic-description .detail-big-image h2{padding-bottom: 24px; font-size: 26px; line-height: 32px;}
.detail-big-image img{min-height: 300px;}
.columns-mobile-2 .products-block>div .flags-extra{left: unset;}
.columns-mobile-2 .products-block>div .flags-extra .flag{min-width: unset; height: 60px; width: 60px; border-radius: 50%;}
.type-category #content{padding-top: 70px;}
}
@media (max-width: 639px) {
#carousel .extended-banner-text img{max-width: 70%;}
#carousel .extended-banner-text h1{font-size: 32px; line-height: 1.3;}
#carousel .extended-banner-text p{font-size: 17px;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-title:before{height: calc(100% - 15px);}
.products-block .p-bottom .prices{font-size: 22px;}
.products-block>div .p .availability{font-size: 14px;}
.products-block>div .p .name{font-size: 16px; line-height: 20px;}
.homepage-texts-wrapper .welcome{padding-top: 50px; padding-bottom: 50px;}
.benefitBanner__item{flex: 0 0 100%; justify-content: flex-start;}
.basic-description>ul.detail-benefits{ gap:30px 0; font-size: 13px;}
.basic-description>ul.detail-benefits h3{font-size: 18px;}
table.detail-image-right, table.detail-image-left{margin-top: 50px; margin-bottom: 50px;}
.category-header{overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
}
@media (max-width: 479px) {
.navigation-in ul{ margin-top:40px; }
.columns-mobile-2 .homepage-texts-wrapper>div{margin: 0;}
#carousel .extended-banner-text .buttons button{min-width: 160px; margin-bottom: 15px;}
.homepage-texts-wrapper .welcome .btn{margin-top: 15px;}
.product .p .flag{padding: 11px;}
.custom-footer__banner12 .slick-arrow.slick-next{right: 20px; bottom: -17px;}
.custom-footer__banner12 .slick-arrow.slick-prev{left: 20px; bottom: -17px;}
.custom-footer__banner12 .banner .slick-dots li{height: 6px; width: 6px; margin-left: 1px; margin-right: 1px;}
.custom-footer__banner12 .banner .slick-dots li.slick-active{height: 6px; width: 6px;}
.navigation-buttons a{font-size: 22px;}
.navigation-buttons a[data-target=navigation]:before{font-size: 22px;}
#header .container{height: 44px;}
.blog-wrapper .news-item a{gap: 20px;}
ul.detail-benefits li{max-width: unset;}
.type-category .content{padding-left: 5px; padding-right: 5px;}
}
@media (max-width: 420px) {
.next-to-carousel-banners .banner-wrapper a .extended-banner-texts{padding: 40px;}
.next-to-carousel-banners .banner-wrapper a .extended-banner-title{font-size: 28px; line-height: 40px;}
.custom-footer__banner12 .banner h2, .detail-faq h2, #detail-cta h2{font-size: 23px; line-height: 34px;}
.homepage-texts-wrapper .welcome h1{font-size: 23px; line-height: 34px;}
.blog-wrapper .news-item a{flex-direction: column;}
.blog-wrapper .news-item .image{width: 100%; }
.blog-wrapper .news-item .image img{aspect-ratio: 1.5 / 1;}
.blog-wrapper .news-item .text{width: 100%;}
table.detail-image-right h2, table.detail-image-left h2{font-size: 24px; line-height: 36px;}
.detail-big-image h1, .basic-description .detail-big-image h2{font-size: 22px; line-height: 28px;}
.btn.add-to-cart-button{padding-left: 40px; padding-right: 40px;}
.quantity{padding-left: 32px; padding-right: 32px; }
.quantity .decrease, .quantity .increase{width: 32px;}
#carousel .extended-banner-text .buttons button{padding-top: 10px; padding-bottom: 10px;}
.products-block>div .p .name{ font-size: 14px; line-height: 17px;}
}