body{position: relative; font: 16px/140% 'RobotoRegular'; height: 100%; min-width: 340px; color: #1f2524;}
#container{min-height: 100%; padding-bottom: 150px; position: relative;}
body:has(#shop-promo-banner) #container{padding-bottom: calc(150px + 56px);}
#content{padding: 20px}
#footer{background: #254940; color: #fff; font-size: 14px; line-height: 120%; padding-top: 50px; position: absolute; left: 0;
bottom: 0; width: 100%; height: 150px;}
body:has(.footer-address) #footer{height: auto; min-height: 150px; padding-bottom: 40px;}
body:has(.footer-address) #container{padding-bottom: 190px;}
#overlay{background: #333; opacity: 0.7; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%;
display: none;}
div.inner{max-width: 1600px; margin: 0 auto; width: 100%;}
div.default-center{max-width: 790px; margin: 0 auto;}

/* Mobile menu */
#mobile-menu-button{background: url(../images/menu.svg) center no-repeat; width: 30px; height: 30px; cursor: pointer;
margin: 0; display: none;}
#mobile-menu{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;
padding: 60px 0 20px 0; background: #eef2f1 url(../images/logo-menu.svg) bottom 30px right 30px no-repeat;}
#mobile-menu > ul > li{margin-bottom: 17px;}
#mobile-menu > ul > li > a{font-family: 'RobotoMedium'; text-transform: uppercase; color: #254940; margin: 0 40px;}
#mobile-menu > ul > li.parent > a{padding-right: 18px; background: url(../images/assets.svg) right center no-repeat;}
#mobile-menu > ul > li.promos a{color: #de633c; padding-left: 14px; background: url(../images/percents.svg) left center no-repeat;}
#mobile-menu ul ul{padding: 20px 40px; background: #254940; margin-top: 17px; display: none;}
#mobile-menu ul ul li{margin-bottom: 20px;}
#mobile-menu ul ul li:last-child{margin: 0;}
#mobile-menu ul ul li a{color: #fff;}

span.mobile-menu-close{width: 18px; height: 18px; position: absolute; right: 20px; top: 15px; cursor: pointer;
background: url(../images/close.svg) center no-repeat; background-size: contain;}

/* Header */
#header div.top{background: #254940; color: #fff; display: flex; justify-content: center; font-size: 14px;
line-height: 120%; height: 30px; align-items: center;}
#header div.top a{color: #fff; text-decoration: underline;}
#header div.inner{display: flex; justify-content: space-between; align-items: center; height: 80px;
gap: 5%;}
#header div.top div.inner{height: 30px; position: relative; width: 100% !important;}
#header a.logo img{display: block; max-width: 100%;}
#header ul.main-menu{display: flex;}
#header ul.main-menu > li{margin: 0 20px; text-transform: uppercase; padding: 10px 0;}
#header ul.main-menu > li > a{color: #1f2524; font-family: 'RobotoMedium'; transition: all ease 0.5s;}
#header ul.main-menu > li.parent{padding-right: 18px; background: url(../images/assets.svg) right center no-repeat;
position: relative;}
#header ul.main-menu > li.parent:hover ul{display: block; opacity: 1;}
#header ul.main-menu > li.promos{padding-left: 14px; background: url(../images/percents.svg) left center no-repeat;
transition: all ease 0.5s;}
#header ul.main-menu > li.promos a{color: #de633c;}
#header ul.main-menu li ul{display: none; position: absolute; padding: 20px 0; left: -30px; top: 35px;
background: #254940; z-index: 100;}
#header ul.main-menu li ul li{text-transform: none; margin-bottom: 0; white-space: nowrap;}
#header ul.main-menu li ul li:last-child{margin: 0;}
#header ul.main-menu li ul li a{color: #fff; font-family: 'RobotoMedium'; display: flex; align-items: center; padding: 10px 30px;}
#header ul.main-menu li ul li a:hover{background: #22423a;}
#header ul.main-menu > li:hover > a{color: #3ea289;}
#header ul.main-menu > li.promos:hover{background-position-y: 9px;}
#header ul.main-menu > li.promos:hover a{color: #de633c;}
#header div.icons{height: 24px; display: flex; position: relative;}
#header div.icons > *{position: relative; overflow: visible;}
#header div.icons span.search{width: 24px; height: 24px; cursor: pointer; background: url(../images/search.svg) center no-repeat;
margin-right: 30px;}
#header div.icons a.cart{height: 24px; background: url(../images/cart.svg) left center no-repeat; min-width: 120px;
padding-left: 37px; display: flex; align-items: center; font-family: 'RobotoSlab'; font-weight: 700; 
color: #1f2524; white-space: nowrap;}
#header div.icons a.account{height: 24px; width: 24px; display: inline-flex; align-items: center; justify-content: center; margin-right: 30px;}
#header div.icons a.account svg{display: block;}
#header div.icons a.cart span.quantity{color: #fff; background: #de633c; padding: 0 6px 0 6px; border-radius: 8px; 
font: 10px 'RobotoRegular'; display: flex; align-items: center; justify-content: center; position: absolute; height: 16px;
min-width: 16px; z-index: 3;}
#header div.icons a.cart span.quantity{left: 14px; top: -3px;}
#search-form{position: absolute !important; background: #fff; z-index: 10; right: 180px; bottom: -7px; display: none;}
#search-form.visible{display: block !important;}
#search-form input{border: 1px solid #989e9d; padding: 3px 10px; width: 250px; height: 36px;}
#search-form span.clear{width: 16px; height: 16px; cursor: pointer; position: absolute; display: inline-block; z-index: 11;
background: url(../images/close.svg) center no-repeat; top: 9px; right: 9px;}

#main-city{padding-left: 22px; background: url(../images/pin-orange.svg) left center no-repeat; cursor: pointer;}
.main-city-static{padding-left: 22px; background: url(../images/pin-orange.svg) left center no-repeat; cursor: default;}
#main-city-choice{position: absolute; top: 30px; left: 0; background: #fff; padding: 30px; width: 370px;
box-shadow: 0 1px 3px #0000004D; color: #1f2524; z-index: 100; font-size: 16px; display: none;}
#main-city-choice > div{justify-content: space-between; display: flex; flex-wrap: wrap;}
#main-city-choice p{margin-bottom: 20px; padding-left: 22px; width: 100%;
background: url(../images/pin-orange.svg) left center no-repeat;}
#main-city-choice button{color: #fff; height: 50px; display: inline-block; background: #254940; font-size: 16px;
padding: 0 30px; border: none; cursor: pointer;}
#main-city-choice button:last-child{color: #3ea289; background: #fff;padding: 0 20px;}

#container.fixed-header{padding-top: 110px;}
#container.fixed-header #header{position: fixed; top: 0; left: 0; z-index: 30; width: 100%; background: #fff;}
#container.fixed-header #header div.top{height: 0px;}
#container.fixed-header #main-city{display: none;}
#container.fixed-header .main-city-static{display: none;}
#container.fixed-header #main-city-choice{top: 0;}


/* Breadcrumbs */
div.breadcrumbs{padding: 20px 0; font-size: 12px; color: #989e9d; line-height: 140%; width: 100%;}
div.breadcrumbs a{color: #989e9d;}
div.breadcrumbs a::after{content: '/'; margin: 0 6px 0 6px;}

/* Main banner */
#index-banner{margin-bottom: 100px;}
#index-banner .swiper-slide{background: #eef2f1; display: flex; align-items: flex-start;}
#index-banner .swiper-slide > *{width: 50%;}
#index-banner .swiper-slide > div{padding: 140px 7% 0 7%;}
#index-banner .swiper-slide div.content p{margin-bottom: 20px; max-width: 540px;}
#index-banner .swiper-slide div.content p:first-child{text-transform: uppercase; font: 16px/22px 'RobotoMedium';}
#index-banner .swiper-slide div.content p:nth-child(2){font: 60px/60px 'RobotoSlab'; margin-bottom: 40px; color: #254940;
font-weight: 700; max-width: 640px;}

#index-banner .swiper-slide div.content a.link{color: #1f2524; height: 50px; display: inline-flex; align-items: center;
text-transform: uppercase; padding: 0 30px; font-family: 'RobotoMedium'; border: 2px solid #254940; margin-top: 25px;}
#index-banner .swiper-slide div.content a.link:hover{color: #fff;}
#index-banner .swiper-slide div.content a.link.hvr-bounce-to-right::before{background: #254940;}
#index-banner div.controls{position: absolute; left: 57%; bottom: 84px; display: flex; justify-content: space-between;
width: 130px; height: 30px; align-items: center; z-index: 5;}
#index-banner div.controls .swiper-pagination-fraction{text-align: left; width: auto; position: static;
font-family: 'RobotoSlab'; color: #989e9d; font-weight: 700;}
#index-banner div.controls div.arrows{display: flex; justify-content: space-between; height: 30px;}
#index-banner div.controls div.arrows > div{position: static; width: 30px; height: 30px; margin: 0;}
#index-banner div.controls div.arrows > div.swiper-button-prev{background: url(../images/prev-black.svg) no-repeat center;
margin-right: 20px;}
#index-banner div.controls div.arrows > div.swiper-button-next{background: url(../images/next-black.svg) no-repeat center;}
#index-banner div.controls div.arrows > div::after{display: none;}

/* Index page */
#index-content{max-width: 1200px; margin: 0 auto 100px auto;}
#index-content h1{font: 60px/60px 'RobotoSlab'; margin-bottom: 60px; font-weight: 700;}
#index-content p{margin-bottom: 13px; margin-left: 24%; font: 24px/33px 'RobotoRegular';}
#index-content p:first-child{margin: 0 0 18px 0;}
#index-content p:first-child strong{font-size: 16px;}

/* Products list */
#index-products-wrapper{background: #eef2f1; padding: 100px 0 60px 0;}
#index-products-wrapper div.title{font: 36px/40px 'RobotoSlab'; margin: 0 0 40px 8.5%; font-weight: 700;}
div.products-list{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;}
div.products-list div.product{width: 385px; height: 670px; margin-bottom: 40px; position: relative; padding: 5px 0 0 0;}
div.products-list div.product:hover a.name{color: #de633c;}
div.products-list div.product.empty{height: 0; margin: 0 !important;}
div.products-list div.product div.top{height: 24px; justify-content: space-between; position: absolute; width: 100%;
z-index: 5; left: 0; top: 0; display: flex;}
div.products-list div.product div.flags{display: flex; height: 100%;}
div.products-list div.product div.flags span{margin-left: 10px; height: 100%;}
div.products-list div.product div.flags span.new{background: url(../images/flag-new.svg) no-repeat center; width: 65px;}
div.products-list div.product div.flags span.hit{background: url(../images/flag-hit.svg) no-repeat center; width: 35px;}
div.products-list div.product div.flags span.discount{background: url(../images/flag-discount.svg) no-repeat center; width: 35px;}
div.products-list div.product span.favorite{width: 24px; height: 24px; background: url(../images/heart-empty.svg) no-repeat center;
cursor: pointer; position: relative; right: 10px; top: 10px;}
div.products-list div.product a.image{display: block; margin-bottom: 10px;}
div.products-list div.product a.image img{display: block; max-width: 100%;}
div.products-list div.product div.in-stock{font-size: 12px; line-height: 17px; color: #3ea289; padding-left: 10px;
background: url(../images/bullet.svg) no-repeat left 0 top 6px; margin: 0 10px 10px 10px; text-transform: lowercase;}
div.products-list div.product div.in-stock.out{background: none; color: #de633c; padding-left: 0;}
div.products-list div.product a.name{color: #1f2524; line-height: 22px; font-family: 'RobotoMedium'; margin: 0 10px;
max-width: 320px; display: inline-block;}
div.products-list div.product div.bottom{position: absolute; bottom: 0; left: 0; height: 46px; padding: 0 10px 10px 10px;
display: flex; justify-content: space-between; align-items: center; width: 100%;}
div.products-list div.product div.bottom div.price{font: 20px/28px 'RobotoSlab'; font-weight: 700;}
div.products-list div.product div.bottom div.price span.new{color: #de633c;}
div.products-list div.product div.bottom div.price span.old{text-decoration: line-through; font-size: 14px; line-height: 140%;
margin-left: 11px;}
div.products-list div.product div.bottom div.cart{background: #de633c url(../images/cart-white.svg) no-repeat center;
width: 46px; height: 46px; cursor: pointer; transition: all ease 0.5s;}
div.products-list div.product div.bottom div.cart:hover{background-color: #cc481e;}
div.products-list div.product div.bottom div.cart.in-cart{background: url(../images/cart-in.svg) no-repeat center}
.show-all-products{height: 50px; width: 180px; display: flex; justify-content: center; align-items: center;
background: #fff; font-family: 'RobotoMedium'; color: #1f2524; margin: 0 auto; cursor: pointer;
transition: all ease 0.5s;}
.show-all-products:hover{background: #fff; box-shadow: 0px 0px 11.7px 0px rgba(37, 73, 64, 0.20);
color: #3ea289;}

/* Catalog */
h1{font-size: 36px; line-height: 40px; font-weight: 700; color: #254940; font-family: 'RobotoSlab'; margin-bottom: 20px;}
div.inner.catalog{display: flex; flex-wrap: wrap; justify-content: space-between;}
div.left-column{width: 300px;}
div.right-column{width: calc(100% - 300px - 100px);}

div.left-column .filters{position: relative;}
div.left-column .filters > div{margin-bottom: 30px;}
div.left-column .filters div.title{font-family: 'RobotoMedium'; margin-bottom: 15px;}
div.left-column .filters ul.categories li{margin-bottom: 12px; padding-left: 34px;
background: url(../images/radio.svg) no-repeat center left;}
div.left-column .filters ul.categories li.active{background: url(../images/radio-checked.svg) no-repeat center left;}
div.left-column .filters ul.categories li a{color: #1f2524;}
div.left-column .filters div.range{display: flex; position: relative;}
div.left-column .filters div.range input{width:140px; height: 34px; border: none; border-bottom: 1px solid #989e9d; padding: 0 7px;}
div.left-column .filters div.range input:focus{outline: none;}
div.left-column .filters div.range input:first-child{margin-right: 20px;}
div.left-column .filters div.buttons{display: flex; height: 50px; justify-content: space-between;}
div.left-column .filters div.buttons > *{width: 140px; display: flex; justify-content: center; align-items: center;
border: none; font-family: 'RobotoMedium'; font-size: 15px; cursor: pointer;}
div.left-column .filters div.buttons button{background: #254940; color: #fff;}
div.left-column .filters div.buttons button.hvr-bounce-to-right::before{background: #22423a;}
div.left-column .filters div.buttons a{color: #3ea289; transition: all ease 0.5s;}
div.left-column .filters div.buttons a:hover{background: #fff; box-shadow: 0px 0px 11.7px 0px rgba(37, 73, 64, 0.20);}
ul.colors-filters li{margin-bottom: 12px; display: flex; align-items: center; cursor: pointer; padding-left: 35px;
background: url(../images/checkbox.svg) no-repeat center left; position: relative;}
ul.colors-filters li:last-child{margin: 0;}
ul.colors-filters li.active{background-image: url(../images/checkbox-checked.svg);}
ul.colors-filters li span{width: 20px; height: 20px; border-radius: 10px; margin: 0 10px 0 0;}
div.left-column .filters #filters-flag{width: 220px; height: 50px; cursor: pointer; background: #eef2f1;
color: #3ea289; justify-content: center; align-items: center; position: absolute; left: 300px; 
z-index: 10; display: none; transition: all ease 0.5s;}
div.left-column .filters #filters-flag:hover{background: #fff; box-shadow: 0px 0px 11.7px 0px rgba(37, 73, 64, 0.20);}
div.left-column.open{display: block !important; position: fixed; width: 100%; height: 100%; top: 0; left: 0;
background: #fff; z-index: 50; padding: 20px 15px 50px 15px; overflow-y: auto;}
div.left-column .filters #close-filters{display: none; width: 18px; height: 18px; cursor: pointer; margin: 0;
background: url(../images/close.svg) no-repeat center; top: 15px; right: 20px; position: absolute;}
div.left-column .filters div.mobile-name{font: 20px/28px 'RobotoSlab'; font-weight: 700; margin-bottom: 20px;
display: none;}
div.left-column.open .filters{position: static;}
div.left-column.open .filters div.buttons{position: fixed; z-index: 60; width: 100%; left: 0; bottom: 0; background: #fff;
margin: 0;}
div.left-column.open .filters div.buttons > *{width: 50%;}
div.left-column.open .filters #filters-flag{position: fixed; bottom: 50px; left: 0; width: 100%; z-index: 60;}

div.catalog-top-bar{display: flex; justify-content: space-between; margin-bottom: 25px; align-items: center;}
div.catalog-top-bar h1{margin: 0;}
div.catalog-top-bar h1 span{font-size: 16px; color: #989e90; margin-left: 20px; font-family: 'RobotoRegular';
font-weight: normal;}
div.catalog-top-bar select{height: 50px; padding: 0 50px 0 20px; border: none; font-family: 'RobotoMedium';
appearance: none; background: #eef2f1 url(../images/down-grey.svg) no-repeat center right 20px; cursor: pointer;}
div.catalog-top-bar select option{padding: 5px 0;}
div.catalog-top-bar #filters-toggle{color: #3ea289; padding-left: 30px; cursor: pointer; font-family: 'RobotoMedium';
background: url(../images//filters.svg) no-repeat left center; display: none;}

/* Product page */
#product-name{width: 100%; margin-bottom: 20px;}
#product-name h1{margin-bottom: 10px; max-width: 1000px; display: flex;}
#product-name h1 span.back{width: 30px; height: 30px; cursor: pointer; flex-shrink: 0; margin: 5px 0 0 0;
background: url(../images/prev-black.svg) center no-repeat;}
#product-name span.articul{font-size: 14px; color: #989e90; margin-right: 30px;}
#product-name span.in-stock{background: url(../images/bullet.svg) no-repeat left 0 top 5px; font-size: 12px;
color: #3ea289; padding-left: 10px;}
#product-images{width: 650px; display: flex; justify-content: space-between; align-items: flex-start;
margin-bottom: 50px; overflow-x: hidden;}
#product-images div.main{width: 520px;}
#product-images div.main a{display: block;}
#product-images div.main img{display: block; max-width: 100%;}
#product-images div.extra{width: 80px; height: 400px; visibility: hidden;}
#product-images div.extra img{border: 2px solid #fff; cursor: pointer; margin-bottom: 10px; height: auto;}
#product-images div.extra img:hover, #product-images div.extra img.active{border-color: #254940;}
#product-images div.extra div.swiper-extra-prev, #product-images div.extra div.swiper-extra-next{width: 24px; height: 24px;
cursor: pointer; margin: 0 auto;}
#product-images div.extra div.swiper-extra-prev{background: url(../images/up-grey.svg) no-repeat center; margin-bottom: 10px;}
#product-images div.extra div.swiper-extra-next{background: url(../images/down-grey.svg) no-repeat center; margin-top: 10px;}

#product-images div.mobile{display: flex; flex-direction: column;}
#product-images div.mobile div.swiper-pagination{z-index: 10; display: flex; height: 4px; gap: 5px; justify-content: center;
position: static; margin-top: 20px;}
#product-images div.mobile div.swiper-pagination > span{height: 4px; width: 20px; background: #eef2f1;
border-radius: 0; opacity: 1; margin: 0;}
#product-images div.mobile div.swiper-pagination > span.swiper-pagination-bullet-active{background: #254940;}

#product-navigation{width: calc(100% - 650px - 100px); margin-bottom: 50px;}
#product-navigation div.markets{display: flex; margin-bottom: 30px;}
#product-navigation div.markets a{padding-left: 25px; font-size: 14px; display: flex; align-items: center;}
#product-navigation div.markets a.wildberries{background: url(../images/wildberries.png) no-repeat left; margin-right: 20px;
color: #ca31b1;}
#product-navigation div.markets a.ozon{background: url(../images/ozon.png) no-repeat left; color: #005bff;}
#product-navigation div.section-title{font-family: 'RobotoMedium'; margin-bottom: 15px;}
#product-navigation div.section-title span{font-family: 'RobotoRegular';}
#product-navigation div.section-title.delivery{padding-left: 35px; background: url(../images/delivery.svg) no-repeat center left;}
#product-navigation div.section-title.delivery + p{margin-bottom: 21px; max-width: 575px;}
#product-navigation div.section-title.return{padding-left: 35px; background: url(../images/return.svg) no-repeat center left;
margin-bottom: 0;}
#product-navigation div.buttons-wrapper{padding: 40px; background: #eef2f1; margin-bottom: 30px; max-width: 575px;}
#product-navigation div.buttons-wrapper div.price{font: 24px/33px 'RobotoSlab'; font-weight: 700; margin-bottom: 20px;}
#product-navigation div.buttons-wrapper div.price span.new{color: #de633c;}
#product-navigation div.buttons-wrapper div.price span.old{text-decoration: line-through; font-size: 14px; line-height: 140%;
margin-left: 8px;}
#product-navigation div.buttons{display: flex; align-items: center; margin: 0 0 20px 0;}
#product-navigation div.buttons div.quantity{height: 40px; width: 130px; display: flex; justify-content: space-between;
align-items: center; margin-right: 25px;}
#product-navigation div.buttons span.plus, #product-navigation div.buttons span.minus{width: 40px; height: 40px; cursor: pointer;
background: url(../images/plus-white.svg) no-repeat center}
#product-navigation div.buttons span.number{font: 16px 'RobotoSlab'; height: 40px; display: flex; justify-content: center;
align-items: center; width: 50px;}
#product-navigation div.buttons span.minus{background-image: url(../images/minus-white.svg)}
#product-navigation div.buttons div.cart{width: 170px; height: 56px; cursor: pointer; color: #fff; text-transform: uppercase;
background: #de633c url(../images/cart-white.svg) no-repeat left 16px center; display: flex; align-items: center;
font-family: 'RobotoMedium'; padding:  0 0 0 50px; transition: all ease 0.5s;}
#product-navigation div.buttons div.cart:hover{background-color: #cc481e;}
#product-navigation div.buttons div.cart.in-cart{background-image: url(../images/cart-in-raw.svg); background-color: #f0dfd9;
color: #1f2524;}
#product-navigation div.buttons-wrapper div.notice{color: #de633c;}
#product-navigation div.product-available{font-weight: 500; margin-bottom: 12px;}
#product-navigation div.product-available.red{color: #d63c1d;}
#product-navigation div.product-colors{margin-bottom: 30px; width: 460px; display: flex; visibility: hidden;}
#product-navigation div.product-colors div.swiper-slide{border: 2px solid transparent; cursor: pointer; width: 60px; height: 80px;}
#product-navigation div.product-colors div.swiper-slide.active, #product-navigation div.product-colors div.swiper-slide:hover{border-color: #254940;}
#product-navigation div.product-colors div.swiper-color-prev, #product-navigation div.product-colors div.swiper-color-next{
width: 14px; cursor: pointer; flex-shrink: 0;}
#product-navigation div.product-colors div.swiper-color-prev{background: url(../images/prev-black.svg) no-repeat center;
margin-right: 10px;}
#product-navigation div.product-colors div.swiper-color-next{background: url(../images/next-black.svg) no-repeat center;
margin-left: 10px;}
#product-navigation div.product-colors .swiper{margin: 0;}

#product-navigation div.product-colors > div img{display: block; max-width: 100%;}
#product-navigation ul.quantity-list{margin-bottom: 30px; display: flex;}
#product-navigation ul.quantity-list li{width: 40px; height: 40px; margin-right: 10px; background: #eef2f1;
border: 2px solid #eef2f1; color: #254940; font: 16px 'RobotoSlab'; display: flex; justify-content: center;
align-items: center; font-weight: 600; cursor: pointer;}
#product-navigation ul.quantity-list li.active, #product-navigation ul.quantity-list li:hover{border-color: #254940;}
#product-navigation #product-delivery-cost span{cursor: pointer; color: #de633c; display: inline-block;
border-bottom: 1px solid #de633c; margin-left: 2px;}
#product-delivery-cities{background: #fff; position: fixed; width: 800px; top: 10%; z-index: 1000;
left: calc((100% - 800px) / 2); padding: 40px;}
#product-delivery-cities span.close{background: url(../images/close.svg) no-repeat center; width: 20px; height: 20px;
position: absolute; top: 20px; right: 20px; background-size: contain; cursor: pointer;}
#product-delivery-cities div.title{font: 20px 'RobotoSlab'; margin-bottom: 30px; color: #254940; font-weight: 600;}
#product-delivery-cities #search-city{width: 100%; padding: 10px 10px; border: 1px solid #989e9d; margin-bottom: 33px;
font-size: 16px;}
#product-delivery-cities div.cities{font-size: 16px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%; grid-row-gap: 22px;}
#product-delivery-cities div.cities > *{color: #3ea289; cursor: pointer;}
#detect-city-by-location{color: #de633c; cursor: pointer; font-size: 16px; margin-bottom: 30px;}

div.product-bottom-wrapper{display: flex; justify-content: space-between; margin-bottom: 50px; padding-top: 50px;
border-top: 1px solid #eef2f1;}
div.product-bottom-wrapper div.properties{width: 650px;}
div.product-bottom-wrapper div.description{width: calc(100% - 650px - 100px);}
div.product-bottom-wrapper div.title{margin-bottom: 30px; font: 24px/30px 'RobotoSlab'; font-weight: 700;}
div.product-bottom-wrapper div.properties-table{max-width: 540px;}
div.product-bottom-wrapper div.properties-table > div{margin-bottom: 10px; display: flex; justify-content: space-between;
padding-bottom: 10px; border-bottom: 1px solid #eef2f1;}
div.product-bottom-wrapper div.properties-table span:first-child{font-family: 'RobotoMedium'; font-weight: 500;}

/* Visited products */
div.visited-products{background: #eef2f1; padding: 50px 0 60px 0;}
div.category-subdomain-text{margin: 30px 0 40px 0; font: 16px/24px 'Roboto'; color: #383838;}
div.category-subdomain-text p{margin-bottom: 12px;}
div.visited-products.in-catalog{background: none;}
div.visited-products div.title{display: flex; justify-content: space-between; margin-bottom: 25px;}
div.visited-products div.title span{font: 36px/40px 'RobotoSlab'; color: #383838; font-weight: 700;}
div.visited-products div.title div.swiper-arrows{width: 65px; height: 25px; display: flex; justify-content: space-between;}
div.visited-products div.title div.swiper-arrows > div{height: 25px; width: 25px; cursor: pointer;}
div.swiper-arrows div.swiper-visited-prev{background: url(../images/prev-black.svg) no-repeat center;}
div.swiper-arrows div.swiper-visited-next{background: url(../images/next-black.svg) no-repeat center;}
div.visited-products div.container{display: flex;}
div.visited-products a.visited-item{width: 182px; height: 312px; color: #383838;
display: flex; flex-direction: column; justify-content: flex-end;}
div.visited-products a.visited-item:first-child{margin: 0;}
div.visited-products a.visited-item img{margin-bottom: 6px; display: block; max-width: 100%;}
div.visited-products a.visited-item div.name{font: 14px/19px 'RobotoMedium'; margin-bottom: 3px;}
div.visited-products a.visited-item div.price{font: 16px/22px 'RobotoSlab'; font-weight: 700;}
div.visited-products div.swiper{margin: 0;}

/* Cart */
div.inner.cart:has(.cart-products) div.form-message.errors{max-width: 950px; margin-bottom: 25px;}
div.cart-wrapper{display: flex; justify-content: space-between; align-items: flex-start; width: 100%;
margin-bottom: 50px;}
div.cart-products{width: 950px;}
div.cart-products > div{display: flex; margin-bottom: 10px; align-items: center; padding-bottom: 10px;
border-bottom: 1px solid #eef2f1;}
div.cart-products > div > div{margin-right: 20px;}
div.cart-products div.image{width: 90px; flex-shrink: 0; align-self: flex-start;}
div.cart-products div.image img{display: block; max-width: 100%;}
div.cart-products div.data{padding: 0; width: calc(100% - 415px); align-self: flex-start;}
div.cart-products div.name{font-family: 'RobotoMedium'; margin-bottom: 4px; max-width: 80%;}
div.cart-products div.name a{text-decoration: none; color: #1f2524;}
div.cart-products div.params{color: #989e9d; margin-bottom: 4px;}
div.cart-products div.price{font-family: 'RobotoSlab'; font-weight: 700; display: flex; align-items: center;
white-space: nowrap; margin-bottom: 8px;}
div.cart-products div.stocks{background: #eef2f1; border-radius: 6px; padding: 5px 10px 4px 10px; font: 14px 'RobotoMedium';
display: inline-block;}
div.cart-products div.stocks ul{margin-top: 3px; display: flex; flex-direction: column; gap: 2px;}
div.cart-products div.stocks ul li{list-style: disc; list-style-position: inside;}
div.cart-products div.total{width: 110px; flex-direction: column;}
div.cart-products div.total span.new{color: #de633c;}
div.cart-products div.total span.old{text-decoration: line-through; font-size: 14px;}
div.cart-products div.delete{margin: 0;}
div.cart-products div.delete span{width: 14px; height: 14px; background: url(../images/close.svg) no-repeat;
cursor: pointer; display: flex; margin-right: 12px;}
div.cart-products div.quantity{height: 40px; width: 140px; display: flex; justify-content: space-between;
align-items: center; position: relative;}
div.cart-products span.plus, div.cart-products span.minus{width: 40px; height: 40px; cursor: pointer;
background: url(../images/plus.svg) no-repeat center}
div.cart-products span.number{font: 16px 'RobotoSlab'; height: 40px; display: flex; justify-content: center;
align-items: center; width: 60px; font-weight: 700;}
div.cart-products span.number.red{color: #d63c1d;}
div.cart-products span.minus{background-image: url(../images/minus.svg)}
div.cart-products div.quantity div.limit{position: absolute; font-size: 14px; color: #d63c1d; bottom: -24px; left: 0;
width: 100%; text-align: center;}

div.cart-products > div.remove-only{background: #eee; padding: 0;}
div.cart-products > div.remove-only *{color: #aaa !important;}
div.cart-products > div.remove-only div.data{padding-top: 10px;}

div.cart-totals{width: 400px; padding: 40px; background: #eef2f1; margin-left: 30px; flex-shrink: 0;}
div.cart-totals div.delivery{padding-left: 40px; background: url(../images/delivery.svg) no-repeat left top;
padding-bottom: 30px; border-bottom: 1px solid #e0e7e5; margin-bottom: 20px;}
div.cart-totals div.delivery p{line-height: 20px; font-size: 14px;}
div.cart-totals div.delivery strong{font-family: 'RobotoMedium'; display: inline-block; margin-bottom: 3px;}
div.cart-totals div.values{margin-bottom: 30px;}
div.cart-totals div.values > div{margin-bottom: 12px; display: flex; justify-content: space-between;}
div.cart-totals div.values > div span:first-child{font-family: 'RobotoMedium'}
div.cart-totals div.values > div span:last-child{font-family: 'RobotoSlab'; font-weight: 700; text-align: left;
width: 120px;}
div.cart-totals div.values > div span small{font: 14px 'RobotoRegular'; color: #606060; display: block;}
div.cart-totals div.values > div.warehouse span{font: 14px/130% 'RobotoRegular' !important; color: #606060;}
div.cart-totals div.values > div.warehouse + div.products{margin-top: 18px; padding-top: 16px; border-top: 1px solid #e0e7e5;}
div.cart-totals div.values div.discount{color: #de633c;}
div.cart-totals div.values div.final > span{font: 20px/28px 'RobotoSlab'; font-weight: 700}
div.cart-totals .button, .orange-button{display: flex; width: 100%; color: #fff; font: 16px 'RobotoMedium'; transition: all ease 0.5s;
align-items: center; height: 50px; background: #de633c url(../images/next-arrow.svg) no-repeat right 14% center;
justify-content: center; border: none; cursor: pointer;}
div.cart-totals .button:hover, .orange-button:hover{background-color: #cc481e;}
div.cart-totals button.button{background-image: none;}

/* Checkout */
div.checkout-form-block{width: 630px;}
div.checkout-form-block div.section{font: 20px/28px 'RobotoSlab'; font-weight: 700; margin-bottom: 20px;}
div.checkout-form-block form > div.field{margin-bottom: 20px; font-family: 'RobotoMedium'}
div.checkout-form-block form > div.field label{margin-bottom: 8px; display: block;}
div.checkout-form-block form > div.field.required-field label::after{content: '*'; margin-left: 2px; color: #de633c;}
div.checkout-form-block form > div.field input[type='text'], div.checkout-form-block form > div.field textarea,
div.checkout-form-block form > div.field input[type='email'], div.checkout-form-block form > div.field input[type='tel'],
div.checkout-form-block form > div.field input[type='password']{
border: 1px solid #989e9d; width: 100%; padding: 12px 10px;}
div.checkout-form-block form > div.field select{width: 100%; padding: 12px 10px; appearance: none; cursor: pointer;
border: 1px solid #989e9d; background: #fff url(../images/assets.svg) right 12px center no-repeat;
background-size: 17px 17px;}
div.checkout-form-block .required-hint span{color: #de633c;}
div.checkout-form-block div.radio-field{margin-bottom: 20px;}
div.checkout-form-block div.radio-field > div{display: flex; justify-content: space-between; align-items: flex-start;}
div.checkout-form-block div.radio-field input{display: none;}
div.checkout-form-block div.radio-field label{width: 48%; height: 100px; padding: 15px 18px 15px 45px;
font-family: 'RobotoMedium'; border: 2px solid #eef2f1; background: #eef2f1 url(../images/radio.svg) no-repeat left 17px top 14px;}
div.checkout-form-block div.radio-field label span{color: #989e9d; display: block; font-family: 'RobotoRegular';}
#select-delivery-point{margin-bottom: 23px; color: #3ea289; padding-left: 33px; cursor: pointer;
background: url(../images/pin.svg) left center no-repeat;}
div.checkout-form-block div.radio-field input:checked + label{border-color: #3ea289; background-image: url(../images/radio-checked.svg);}

div.cart-totals.checkout{padding: 0;}
div.cart-totals.checkout div.inside{padding: 40px 40px 20px 40px;}
div.cart-totals.checkout div.title{margin-bottom: 12px; font: 20px/28px 'RobotoSlab'; font-weight: 700;}
div.cart-totals.checkout div.inside.dark{padding: 20px 40px 40px 40px; background: #e2e8e6;}
div.cart-totals.checkout div.values{margin: 0;}
div.cart-totals.checkout div.values > div:last-child{margin: 0;}
div.cart-totals.checkout div.values div.final{margin-bottom: 0px;}
div.cart-totals.checkout div.hint-weight{margin-bottom: 18px !important; font-size: 14px; color: #606060;}
div.cart-totals.checkout #place-order{margin-bottom: 20px;}
div.cart-totals.checkout div.agree{display: flex; align-items: flex-start; font-size: 14px;}
div.cart-totals.checkout div.agree p{margin-left: 5px; line-height: 19px;}
div.cart-totals.checkout div.agree input{position: relative; bottom: -2px;}

/* Sdek points map */
#select-point-button{width: 224px; height: 50px; display: inline-flex; align-items: center; padding-left: 30px;
background: #eef2f1 url(../images/pin.svg) right 30px center no-repeat; margin-top: 20px; cursor: pointer;}
div.checkout-modal{background: #fff; position: fixed; top: 3vh; display: none; z-index: 100000; padding: 40px 10px 10px 40px;}
div.checkout-modal span.close{position: absolute; right: 20px; top: 20px; cursor: pointer;
background: url(../images/close.svg) no-repeat; background-size: 18px 18px; display: inline-block;
width: 18px; height: 18px;}
div.checkout-modal div.title{font: 20px/140% 'RobotoSlab'; font-weight: 700; margin-bottom: 18px; display: flex; align-items: center;}
div.checkout-modal div.title span.back{background: url(../images/prev-black.svg) no-repeat center; cursor: pointer;
margin-right: 3px; width: 25px; height: 25px; display: inline-block;}

div.checkout-modal div.columns{display: flex; justify-content: space-between;}
div.checkout-modal div.columns div.map{height: 60vh;}
div.checkout-modal *{scrollbar-width: thin; scrollbar-color: #c0d4e7 #e6ebef;}
div.checkout-modal::-webkit-scrollbar {width: 12px;}
div.checkout-modal::-webkit-scrollbar-track{background: #e6ebef; border-radius: 20px;}
div.checkout-modal::-webkit-scrollbar-thumb{background-color: #c0d4e7; border-radius: 20px; border: 2px solid #eef2f1;}

#modal-select-sdek-point{width: 1200px; left: 50%; margin-left: -600px;}
#modal-select-sdek-point div.columns div.left{width: 340px;}
#modal-select-sdek-point div.columns div.right{background: #eee; width: 780px;}
#modal-select-sdek-point div.shops-list div.city{font: 16px/140% 'RobotoMedium'; margin-bottom: 12px;}
div.checkout-modal div.shops-list ul{height: calc(60vh - 34px); overflow-y: auto; width: 100%;}
div.checkout-modal div.shops-list ul li{display: flex; flex-direction: column; gap: 10px;
padding: 20px 10px; border-bottom: 1px solid #eef2f1; align-items: flex-start;}
div.checkout-modal div.shops-list ul li span.name{font-family: 'RobotoSlab'; cursor: pointer;}
div.checkout-modal div.shops-list ul li span.button{cursor: pointer; font: 14px 'RobotoRegular'; font-weight: 700;
color: #3ea289; display: inline-block; padding: 7px 12px; background: #eef2f1; flex-grow: 0;}
div.checkout-modal div.shops-list ul li span.work-time{font-size: 13px; margin-top: -8px;
line-height: 17px;}
div.checkout-modal div.shops-list ul li.active, div.checkout-modal div.shops-list ul li.selected{
border: 2px solid #eef2f1; margin-right: 8px; padding: 17px 7px 10px 7px; margin-bottom: 8px;}
div.checkout-modal div.shops-list ul li:first-child.active{padding: 18px 7px 10px 7px;}

/* Modal window */
div.modal-window{width: 600px; left: 50%; margin-left: -300px; padding: 40px 30px 30px 30px; background: #fff; position: fixed; 
top: 10%; z-index: 1000; background: #eef2f1; display: none;}
div.modal-window span.close{background: url(../images/close.svg) no-repeat center; width: 20px; height: 20px;
position: absolute; top: 14px; right: 14px; background-size: contain; cursor: pointer;}
div.modal-window div.buttons{display: flex; gap: 12px; padding-top: 20px;}
div.modal-window div.buttons button{display: flex; color: #fff; font: 16px 'RobotoMedium'; transition: all ease 0.5s;
align-items: center; height: 50px; background: #3ea289; justify-content: center; border: none; cursor: pointer;
padding: 0 12px;}

/* Forms */
div.form-message{margin-bottom: 20px; padding: 12px 25px; font-size: 15px;}
div.form-message li{margin-bottom: 1px;}
div.form-message li:last-child{margin: 0;}
div.form-message.errors{background: #f9f3d7; color: #d63c1d;}

/* Account */
div.checkout-form-block.account-auth{width: 420px; margin: 0 auto;}
div.checkout-form-block.account-auth form{margin-top: 20px;}
div.checkout-form-block.account-auth .account-links{margin-top: 16px; display: flex; justify-content: space-between; gap: 12px;}
div.checkout-form-block.account-auth .account-actions{margin-bottom: 12px;}
div.checkout-form-block.account-auth .orange-button{width: 100%;}

/* Order */
div.order-complete a.orange-button{margin-bottom: 15px; width: 300px; background-position: right 10% center;}
div.order-complete ul.details{margin-bottom: 25px;}
div.order-complete ul.details li{margin-bottom: 3px;}
div.order-complete div.order-cart{width: 800px;}
div.order-complete div.order-cart > div{display: flex; margin-bottom: 20px; padding: 10px 0;}
div.order-complete div.order-cart > div > div{padding-right: 15px; padding-left: 15px;}
div.order-complete div.order-cart > div:first-child{font-family: 'RobotoSlab'; font-weight: 600; color: #254940;
padding: 15px 0;}
div.order-complete div.order-cart > div:nth-child(2n - 1){background: #eef2f1;}
div.order-complete div.order-cart div.name{width: 50%;}
div.order-complete div.order-cart div.price{width: 12%; white-space: nowrap;}
div.order-complete div.order-cart div.quantity{width: 20%;}
div.order-complete div.order-cart div.total{width: 12%; white-space: nowrap;}

.autocomplete-suggestions{border: 1px solid #989e9d; background: #fff; overflow: auto;}
.autocomplete-suggestion{padding: 3px 5px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected{background: #eef2f1;}
.autocomplete-suggestions strong{font-weight: normal; color: #de633c;}
.autocomplete-group{padding: 2px 5px;}
.autocomplete-group strong{display: block; border-bottom: 1px solid #000;}

div.order-success{text-align: center; margin-bottom: 30px; padding-top: 100px; 
background: url(../images/success.svg) top center no-repeat}
div.order-success.fail{background: none; padding: 0;}
div.order-success h1{margin-bottom: 40px;}
div.order-success p{margin-bottom: 15px;}
div.order-success a.button-simple{display: inline-block; padding: 11px 30px 10px 30px; text-transform: uppercase;
border: 2px solid #254940; color: #1f2524; margin-top: 25px;}

/* Contacts */
div.contacts-page{display: flex; justify-content: space-between; align-items: flex-start;}
div.contacts-page div.data{width: 650px; margin-right: 20px;}
div.contacts-page div.data ul.contacts-items{margin-bottom: 35px;}
div.contacts-page div.data ul.contacts-items li{margin-bottom: 16px; padding-left: 35px; list-style: none;}
div.contacts-page div.data ul.contacts-items li.address{background: url(../images/pin.svg) left center no-repeat;}
div.contacts-page div.data ul.contacts-items li.phone{background: url(../images/phone.svg) left center no-repeat;}
div.contacts-page div.data ul.contacts-items li.phone a{color: #1f2524;}
div.contacts-page div.data ul.contacts-items li.whatsapp{background: url(../images/max-black.svg) left center no-repeat;}
div.contacts-page div.data ul.contacts-items li.email{background: url(../images/email.svg) left center no-repeat;}
div.contacts-page div.data div.bank-details{padding-left: 35px;}
div.contacts-page div.comply{width: 350px; padding: 30px; border: 2px dashed #3ea289; text-align: center; flex-shrink: 0;
margin-right: -190px;}
div.contacts-page div.comply div.title{font-family: 'RobotoSlab'; font-weight: 700; margin-bottom: 40px;}
div.contacts-page div.comply a{font-family: 'RobotoMedium'; color: #1f2524; height: 50px; display: flex;
align-items: center; padding: 0 30px; background: #eef2f1 url(../images/max-black.svg) right 20px center no-repeat;
transition: all ease 0.5s; background-size: 24px}
div.contacts-page div.comply a:hover{background-color: #fff; box-shadow: 0px 0px 11.7px 0px rgba(37, 73, 64, 0.20);
text-decoration: none; color: #3ea289;}
#map{height: 600px; background: #ccc;}

/* Pagination */
div.pagination{margin-bottom: 50px; display: flex; justify-content: center;}
div.pagination div.pages{display: flex;}
div.pagination div.pages a{font-family: 'RobotoSlab'; font-weight: 700; width: 35px; height: 35px; display: flex;
justify-content: center; align-items: center; color: #1f2524; transition: all ease 0.5s;}
div.pagination div.pages a.active, div.pagination div.pages a:hover{background: #3ea289; color: #fff;}
div.pagination div.pages a.prev{background: url(../images/prev-black.svg) no-repeat center;}
div.pagination div.pages a.next{background: url(../images/next-black.svg) no-repeat center;}
div.pagination div.pages a.prev:hover, div.pagination div.pages a.next:hover{background-color: #eef2f1;}

/* Footer */
#footer div.inner{display: flex; justify-content: space-between;}
#footer div.inner > div > p{margin-bottom: 14px;}
#footer div.inner > div > p.footer-address{padding-left: 28px; background: url(../images/pin.svg) left center no-repeat; background-size: 20px 20px;}
#footer div.inner > div > p > a:first-child{margin-right: 40px;}
#footer a{color: #3ea289;}

#shop-promo-banner{position: fixed; left: 0; right: 0; bottom: 0; width: 100%; max-width: none; transform: none;
box-sizing: border-box; background: #254940; color: #fff; border: none; border-top: 1px solid #3ea289; border-radius: 0;
z-index: 6; padding: 14px 40px; display: flex; justify-content: space-between; align-items: center; gap: 16px;
box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.18); font-size: 14px; line-height: 120%;}
#shop-promo-banner p{margin: 0; flex: 1; padding-right: 8px; color: #fff; font-size: 14px; line-height: 120%;}
#shop-promo-banner .shop-promo-close{flex-shrink: 0; cursor: pointer; border: none; background: transparent; color: #fff;
font-size: 26px; line-height: 1; width: 40px; height: 40px; padding: 0; border-radius: 6px; transition: background ease 0.2s;
opacity: 0.9;}
#shop-promo-banner .shop-promo-close:hover{background: rgba(255, 255, 255, 0.12); opacity: 1;}
body:has(#shop-promo-banner) #cookie-alert{bottom: 58px;}
#cookie-alert{position: fixed; width: 750px; background: #eef2f1; border: 1px solid #254940; z-index: 5;
border-radius: 10px; padding: 20px 40px; bottom: 30px; left: calc((100% - 750px) / 2); display: flex;
justify-content: space-between; align-items: center;}
#cookie-alert p{margin-right: 30px;}
#cookie-alert span.agree{cursor: pointer; padding: 10px 20px; color: #fff; border-radius: 6px;
background: #254940; transition: all ease 0.5s;}
#cookie-alert span.agree:hover{background: #22423a;}