html {background: #0A0A0A url(../images/top-bg.png) no-repeat top center; background-size: contain;}
body {font-size: 16px; font-family: 'Inter', sans-serif; font-weight: normal; color: rgba(255, 255, 255, 0.9); min-height: 100%; position: relative; min-width: 1360px;
  overflow-x: hidden;
  -webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease; font-weight: 400;
}

body {position: relative; min-height: 100vh; padding-top: 0px; overflow-x: hidden; background: url(../images/bottom-bg.png) no-repeat bottom center; background-size: contain;}

/*.cont {padding: 0 47px; margin: 0 auto;}*/

.cont {max-width: 1360px; margin: 0 auto; padding: 0 20px; position: relative;}

.mobile {display: none!important;}
.desktop {display: block;}

.clear {clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}

a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
    text-decoration: none; color: #060606;
    -webkit-appearance: none;
}
a:hover {text-decoration: none; color: #B6965F;}

b, strong {font-family: 'Inter', sans-serif; font-weight: 500;}

body img {max-width: 100%;}

.pull-left {float: left;}
.pull-right {float: right;}


input,
textarea,
select {font-family: 'Inter', sans-serif; -webkit-appearance: none; -webkit-appearance: none; border-radius: 0;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; font-weight: 500;
}

.btn {text-decoration: none; display: inline-block; font-weight: 400; padding: 13px 17px; border: 1px solid transparent; border-radius: 15px;
  -webkit-appearance: none; -webkit-appearance: none; position: relative; background: #FFD304; color: #000; text-align: center; font-size: 16px;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; position: relative;
}
.btn:hover {background: #fff; color: #000;}

.btn-big {font-size: 24px; border-radius: 20px; padding: 17px 17px;}

.btn-black {background: #000; color: #fff;}
.btn-black:hover {color: #000;}

.btn-green {background: #18EB68; color: #000;}
.btn-green:hover {color: #18EB68; background: #000;}

.btn-dark {background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px); color: #fff;}
.btn-dark:hover {color: #fff; background: #000;}

.btn-gray {color: #fff; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(15px);}
.btn-gray:hover {color: #000; background: rgba(255, 255, 255, 1);}

.btn-gray-light {color: #fff; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px);}
.btn-gray-light:hover {color: #000; background: rgba(255, 255, 255, 1);}

.btn-light {background: rgba(255, 255, 255, 0.8); color: #000;}
.btn-light:hover {background: rgba(255, 255, 255, 0.2); color: #fff;}


.flex {display: flex;}
.flex-justify {justify-content: space-between;}
.flex-center {align-items: center;}
.flex-wrap {flex-wrap: wrap;}

header {padding: 19px 0 21px 0;}
header .top {}
header .top .logo {width: 163px; height: 35px; background: url(../images/logo.png) no-repeat; background-size: contain; margin: 0 24px 0 0;}
header .top .menu-btn-cont {}
header .top .menu-btn {display: inline-block; padding: 0px 18px 0px 50px; height: 44px; background: #FFD304; border-radius: 14px; position: relative; font-size: 16px; line-height: 44px; color: #000000;}
header .top .menu-btn:before {content: ""; position: absolute; margin: auto; left: 16px; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #000;
  -webkit-mask-image: url(../images/menu.svg);
  mask-image: url(../images/menu.svg);
}
header .top .btn-visual {color: #FFFFFF; position: relative; padding: 0 40px 0 16px; width: 116px; height: 44px; background: rgba(35, 166, 94, 0.82); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 14px; margin: 0 0 0 4px;}
header .top .btn-visual span {display: block; font-weight: 500; font-size: 11px; line-height: 16px; padding: 5px 0 0 0;}
header .top .btn-visual b {display: block; font-weight: 500; font-size: 16px; line-height: 16px;}
header .top .btn-visual:before {content: ""; position: absolute; right: -1px; bottom: -1px; width: 60px; height: 44px; background: url(../images/constructor.png) no-repeat right bottom; background-size: contain; border-radius: 0 0 13px 0;}
header .top form {}
header .top form input[type="text"] {padding: 0; border: 0; font-size: 16px; padding: 0px 16px; margin: 0 2px 0 0; width: 358px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 14px 6px 6px 14px;}
header .top form .search-btn-cont {position: relative;}
header .top form .search-btn-cont:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 24px; height: 24px;
  background-color: #FFD304; z-index: 1;
  -webkit-mask-image: url(../images/search.svg);
  mask-image: url(../images/search.svg);
}
header .top form input[type="submit"] {border: 0; padding: 10px 16px; width: 56px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 6px 14px 14px 6px;}
header .top .theme {width: 88px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px); border-radius: 15px; margin: 0 0px 0 0px;}
header .top .theme span {width: 44px; height: 44px; border-radius: 15px; position: relative; display: block;}
header .top .theme span.active {background: rgba(255, 255, 255, 0.07); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);}
header .top .theme span.day {}
header .top .theme span.day:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 20px; height: 20px;
  background-color: #fff;
  -webkit-mask-image: url(../images/day.svg);
  mask-image: url(../images/day.svg);
}
header .top .theme span.night {}
header .top .theme span.night:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 20px; height: 20px;
  background-color: #fff;
  -webkit-mask-image: url(../images/night.svg);
  mask-image: url(../images/night.svg);
}
header .top .icons {}
header .top .icons a {text-align: center; position: relative; height: 44px; margin: 0 0 0 21px;}
header .top .icons a span {display: block; font-weight: 400; font-size: 12px; line-height: 15px; color: rgba(255, 255, 255, 0.7); padding: 30px 0 0 0;}
header .top .icons a:before {content: ""; position: absolute; margin: auto; top: 0; left: 0; right: 0; width: 24px; height: 24px;}
header .top .icons .cart:before {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/cart-icon.svg);
  mask-image: url(../images/cart-icon.svg);
}
header .top .icons .fav {}
header .top .icons .fav:before {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/fav-icon.svg);
  mask-image: url(../images/fav-icon.svg);
}
header .top .icons .compare {}
header .top .icons .compare:before {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/compare-icon.svg);
  mask-image: url(../images/compare-icon.svg);
}
header .top .icons .login {}
header .top .icons .login:before {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/user-icon.svg);
  mask-image: url(../images/user-icon.svg);
}
header .bottom {padding: 20px 0 0 0;}
header .bottom ul {}
header .bottom ul li {margin: 0 86px 0 0;}
header .bottom ul li:last-child {margin-right: 0;}
header .bottom ul li a {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7);}
header .bottom .phone {font-weight: 600; font-size: 16px; line-height: 19px; color: #FFD304; position: relative; padding: 0 0 0 30px;}
header .bottom .phone:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 20px; height: 20px; 
  background-color: #FFD304;
  -webkit-mask-image: url(../images/phone-icon.svg);
  mask-image: url(../images/phone-icon.svg);
}

.main-page-slider {margin: 0 0 37px 0;}
.main-page-slider-cont {padding: 20px 20px 20px 58px; background: #000000 url(../images/slider-image.jpg) no-repeat center; background-size: cover; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; margin: 0 -23px 0 -17px;}
.main-page-slider .cont-text {padding: 48px 0 0 0; width: 40.6%;}
.main-page-slider .cont-text h1 {font-family: 'Bounded'; font-weight: 700; font-size: 46px; line-height: 58px; color: rgba(255, 255, 255, 0.9); margin: 0 0 25px 0;}
.main-page-slider .cont-text .short {font-weight: 300; font-size: 20px; line-height: 24px; color: rgba(255, 255, 255, 0.9); margin: 0 0 35px 0;}
.main-page-slider .cont-text .btn {}
.main-page-slider .column-cont {width: 50.3%;}
.main-page-slider .column-cont .item-cont {margin: 0 0 30px 0;}
.main-page-slider .column-cont .item-cont:last-child {margin-bottom: 0;}
.main-page-slider .column-cont .play-btn {width: 88px; height: 88px; background: url(../images/play-btn.png) no-repeat; background-size: contain;}
.main-page-slider .column-cont .cont-bg {width: 297px; height: 207px; padding: 20px 0 0 20px; position: relative; overflow: hidden; background: #FFD304; border-radius: 24px;}
.main-page-slider .column-cont .cont-bg-disk {background: #FFD304 url(../images/bg-disk.png) no-repeat right center; background-size: contain;}
.main-page-slider .column-cont .cont-bg-car {background: #FFD304 url(../images/bg-car.png) no-repeat right center; background-size: contain;}
.main-page-slider .column-cont .cont-bg-shina {background: #FFD304 url(../images/bg-shina.png) no-repeat right center; background-size: auto 90%;}
.main-page-slider .column-cont .cont-bg span {display: block; font-family: 'Bounded'; font-weight: 700; font-size: 24px; line-height: 30px; color: rgba(0, 0, 0, 0.9); width: 50%; margin: 0 0 13px 0;}
.main-page-slider .column-cont .cont-bg span i {font-style: normal;}
.main-page-slider .column-cont .cont-bg .select-cont {margin: 0 0 17px 0;}
.main-page-slider .column-cont .cont-bg .select-cont .select {font-weight: 500; font-size: 15px; line-height: 42px; padding: 0 58px 0 18px; color: #000000; height: 42px; background: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 10px 0 0;}
.main-page-slider .column-cont .cont-bg .select-cont .select-auto {padding-right: 0; width: 84px;}
.main-page-slider .column-cont .cont-bg .select-cont .select:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; right: 3px; width: 36px; height: 36px; background: #0A0A0A; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.main-page-slider .column-cont .cont-bg .select-cont .select:after {content: ""; position: absolute; margin: auto; top: -3px; bottom: 0; right: 11px; width: 20px; height: 20px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.main-page-slider .column-cont .cont-bg .btn {}

.product-line {margin: 0 0 40px 0; flex-wrap: wrap;}
.product-line .title-cont {margin: 0 0 27px 0;}
.title-cont .title {font-family: 'Bounded'; font-weight: 700; font-size: 48px; line-height: 62px; color: rgba(255, 255, 255, 0.9);}
.title-cont .tabs {}
.title-cont .tabs a {font-family: 'Bounded'; font-weight: 400; font-size: 30px; line-height: 62px; color: rgba(255, 255, 255, 0.3); border-bottom: 2px solid transparent; margin: 0 0 0 22px;}
.title-cont .tabs a.active,
.title-cont .tabs a:hover {color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.9);}
.title-cont .filter {}
.title-cont .filter .select {font-weight: 500; font-size: 15px; line-height: 42px; padding: 0 58px 0 18px; color: #fff; height: 42px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 10px 0 0;}
.title-cont .filter .select:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; right: 3px; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.14); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.title-cont .filter .select:after {content: ""; position: absolute; margin: auto; top: -3px; bottom: 0; right: 11px; width: 20px; height: 20px;
  background-color: #fff;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.title-cont .filter .btn {}
.product-line-cont {}
.product-line-cont .product-item {margin: 0 28px 0 0;}
.product-line-cont .product-item:nth-child(5n) {margin-right: 0;}
.product-item {width: 248px;}
.product-item .image {width: 248px; height: 260px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; display: block; overflow: hidden; margin: 0 0 14px 0;}
.product-item .image img {position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
.product-item .price {margin: 0 0 5px 0;}
.product-item .price b {font-weight: 600; font-size: 20px; line-height: 26px; color: #00DE73; margin: 0 7px 0 0;}
.product-item .price i {font-weight: 400; font-size: 14px; line-height: 17px; text-decoration-line: line-through; color: rgba(255, 255, 255, 0.6); font-style: normal; margin: 0 7px 0 0;}
.product-item .price span {font-weight: 600; font-size: 14px; line-height: 17px; color: #00DE73;}
.product-item .name {font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8); display: block; margin: 0 0 8px 0;}
.product-item .tags {}
.product-item .tags span {padding: 4px 7px; display: inline-block; background: rgba(255, 255, 255, 0.1); border-radius: 8px; font-weight: 400; font-size: 12px; line-height: 15px; color: rgba(255, 255, 255, 0.8);}
.product-line-cont.line {border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0 0 8px 0;}
.product-item-big {width: 318px;}
.product-item-big .image {width: 318px; height: 320px;}
.product-line-cont .product-item-big:nth-child(5n) {margin-right: 28px;}
.product-line-cont .product-item-big:nth-child(4n) {margin-right: 0;}
.product-line-cont .product-item-big {margin-bottom: 40px;}
.product-line-margin {margin-bottom: 0;}
.product-line .btn-more {display: block; margin: 0 0 40px 0;}

.seo-text {padding: 0 0 41px 0;}
.seo-text h2 {font-family: 'Bounded'; font-weight: 700; font-size: 63px; line-height: 66px; margin: 0 0 23px 0;}
.seo-text .text-cont-bg {margin: 0 0 68px 0;}
.seo-text .text-cont-bg-last {margin-bottom: 50px;}
.seo-text .text-cont-bg-image {background: url(../images/seo-text-bg.png) center bottom no-repeat; background-size: contain; padding-bottom: 170px;}
.seo-text .text-cont-bg .text {font-weight: 400; font-size: 24px; line-height: 34px; color: rgba(255, 255, 255, 0.7); width: 47%;}
.seo-text .text-cont-bg .text p {margin: 0 0 33px 0;}
.seo-text .text-cont-bg-image .text {width: 77%;}
.seo-text .text-cont-bg .image {}
.seo-text .text-cont-bg .image-cont {width: 49%;}
.seo-text .text-cont-bg .btns {margin: 250px 0 0 0;}
.seo-text .text-cont-bg .btns .btn {display: block; width: 43%;}
.seo-text .text-car {margin: 0 0 50px 0;}
.seo-text .text-car .car-image {display: block; margin: -420px 0 0 0;}
.seo-text .text-car .car-image img {display: block;}
.seo-text .text-car .text-car-btns {margin: -104px 0 0 0; position: relative;}
.seo-text .text-car .text-car-btns .btn {width: 49%; padding: 17px 0; font-size: 24px;}
.seo-text .icons {flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0 0 16px 0;}
.seo-text .icons .icon {width: 50px; height: 50px; margin: 20px 0 0 20px;}
.seo-text .icons .icon-1 {background: url(../images/seo-icon-1.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-2 {background: url(../images/seo-icon-2.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-3 {background: url(../images/seo-icon-3.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-4 {background: url(../images/seo-icon-4.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-5 {background: url(../images/seo-icon-5.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-6 {background: url(../images/seo-icon-6.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-7 {background: url(../images/seo-icon-7.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-8 {background: url(../images/seo-icon-8.png) no-repeat; background-size: contain;}
.seo-text .icons .icon-item {width: 315px; height: 182px; margin: 0 30px 30px 0; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 26px;}
.seo-text .icons .icon-item:nth-child(4n) {margin-right: 0;}
.seo-text .icons .icon-item .icon-text {position: absolute; left: 20px; bottom: 20px;}
.seo-text .icons .icon-item .icon-text b {display: block; font-family: 'Bounded'; font-weight: 566; font-size: 18px; line-height: 26px; color: rgba(255, 255, 255, 0.9); width: 92%;}
.seo-text .icons .icon-item .icon-text span {display: block; font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.6);}

.reviews {margin: 0 0 42px 0;}
.reviews .title-cont {margin-bottom: 12px;}
.reviews-columns {position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0 0 50px 0;}
.reviews-column {width: 32%;}
.reviews-item {padding: 20px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; margin: 0 0 30px 0;}
.reviews-item .top {margin: 0 0 10px 0;}
.reviews-item .top .user-icon {width: 44px; height: 44px; position: relative; margin: 0 20px 0 0;}
.reviews-item .top .user-icon img {display: block; position: relative; overflow: hidden; border-radius: 44px;}
.reviews-item .top .user-icon:before {content: ""; position: absolute; right: 0; bottom: 0; width: 26px; height: 26px; background: url(../images/review-icon.png) no-repeat; background-size: contain; z-index: 1;}
.reviews-item .top .name-cont {}
.reviews-item .top .name-cont b {display: block; font-weight: 600; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8); margin: 0 0 -2px 0;}
.reviews-item .top .name-cont span {display: block; font-weight: 400; font-size: 14px; line-height: 26px; color: rgba(255, 255, 255, 0.8);}
.reviews-item .text {font-weight: 400; font-size: 16px; line-height: 26px;}
.reviews-columns .full {position: absolute; left: 0; bottom: 0; width: 100%; height: 234px; background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.79) 56.25%, #0A0A0A 96.15%);}
.reviews-columns .full .btn {display: block; position: absolute; left: 0; bottom: 48px; width: calc(100% - 34px);}

footer {padding: 17px 0 31px 0;}
footer .top {padding: 0 0 39px 0;}
footer .top .logo {width: 163px; height: 20px; background: url(../images/logo-footer.png) no-repeat; background-size: contain; margin: 0 24px 0 0;}
footer .top .menu-btn-cont {}
footer .top .menu-btn {display: inline-block; padding: 0px 18px 0px 50px; height: 44px; background: #FFD304; border-radius: 14px; position: relative; font-size: 16px; line-height: 44px; color: #000000;}
footer .top .menu-btn:before {content: ""; position: absolute; margin: auto; left: 16px; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #000;
  -webkit-mask-image: url(../images/menu.svg);
  mask-image: url(../images/menu.svg);
}
footer .top .btn-visual {color: #FFFFFF; position: relative; padding: 0 40px 0 16px; width: 116px; height: 44px; background: rgba(35, 166, 94, 0.82); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 14px; margin: 0 0 0 4px;}
footer .top .btn-visual span {display: block; font-weight: 500; font-size: 11px; line-height: 16px; padding: 5px 0 0 0;}
footer .top .btn-visual b {display: block; font-weight: 500; font-size: 16px; line-height: 16px;}
footer .top .btn-visual:before {content: ""; position: absolute; right: -1px; bottom: -1px; width: 60px; height: 44px; background: url(../images/constructor.png) no-repeat right bottom; background-size: contain; border-radius: 0 0 13px 0;}
footer .top .subscribe {}
footer .top .subscribe input[type="text"] {padding: 0; border: 0; font-size: 16px; padding: 0px 16px; margin: 0 2px 0 0; width: 558px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 14px 6px 6px 14px;}
footer .top .subscribe .search-btn-cont {position: relative;}
footer .top .subscribe .search-btn-cont:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 24px; height: 24px;
  background-color: #FFD304; z-index: 1;
  -webkit-mask-image: url(../images/send-icon.svg);
  mask-image: url(../images/send-icon.svg);
}
footer .top .subscribe input[type="submit"] {border: 0; padding: 10px 16px; width: 56px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 6px 14px 14px 6px;}
footer .top .soc {}
footer .top .soc a {display: inline-block; margin: 0 0 0 15px;}
footer .top .soc .tg {width: 24px; height: 20px; background: url(../images/tg-icon.png) no-repeat; background-size: contain;}
footer .top .soc .vk {width: 29px; height: 18px; background: url(../images/vk-icon.png) no-repeat; background-size: contain;}
footer .top .soc .yb {width: 29px; height: 20px; background: url(../images/yb-icon.png) no-repeat; background-size: contain;}
footer .bottom {padding: 0 0 27px 0;}
footer .bottom ul {}
footer .bottom ul li {margin: 0 0 15px 0;}
footer .bottom ul li a {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7);}
footer .bottom ul li .phone {font-weight: 400; font-size: 16px; line-height: 19px; color: #FFD000; position: relative; display: inline-block; padding-left: 30px; margin: 0 0 7px 0;}
footer .bottom ul li .phone:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 20px; height: 20px; 
  background-color: #FFD000;
  -webkit-mask-image: url(../images/phone-icon.svg);
  mask-image: url(../images/phone-icon.svg);
}
footer .bottom ul li .email {font-weight: 400; font-size: 16px; line-height: 19px; color: #FFD000; position: relative; display: inline-block; padding-left: 30px; margin: 0 0 7px 0;}
footer .bottom ul li .email:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 20px; height: 20px; 
  background-color: #FFD000;
  -webkit-mask-image: url(../images/mail-icon.svg);
  mask-image: url(../images/mail-icon.svg);
}
footer .bottom ul li .geo {font-weight: 400; font-size: 16px; line-height: 19px; color: #FFD000; position: relative; display: inline-block; padding-left: 30px; margin: 0 0 7px 0;}
footer .bottom ul li .geo:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 20px; height: 20px; 
  background-color: #FFD000;
  -webkit-mask-image: url(../images/geo-icon.svg);
  mask-image: url(../images/geo-icon.svg);
}
footer .under-bottom {}
footer .under-bottom .copy {}
footer .under-bottom .copy span {margin: 0 22px 0 0;}
footer .under-bottom .copy a {color: rgba(255, 255, 255, 0.7);}
footer .under-bottom .mozg {}
footer .under-bottom .mozg a {color: rgba(255, 255, 255, 0.7); text-decoration: underline;}
footer .under-bottom .mozg a:hover {text-decoration: none;}
footer .under-bottom .mozg span {margin: 0 0 0 20px;}

.catalog-page {padding: 30px 0 0 0;}
.catalog-page h1 {font-family: 'Bounded'; font-weight: 700; font-size: 46px; line-height: 57px; margin: 0 0 9px 0;}
.catalog-page .bread {font-weight: 400; font-size: 16px; line-height: 19px; margin: 0 0 40px 0;}
.catalog-page .bread a {color: rgba(255, 255, 255, 0.7); margin: 0 20px 0 0;}
.catalog-page .bread span {margin: 0 20px 0 0;}

.catalog-page-cont {padding: 30px 20px; background: rgba(255, 255, 255, 0.04); border-radius: 30px; margin: 0 -20px 0 -20px;}
.catalog-page-top {margin: 0 0 28px 0;}
.catalog-page-top .selects {}
.catalog-page-top .selects .select {font-weight: 500; font-size: 15px; line-height: 40px; padding: 0 56px 0 14px; color: #fff; height: 40px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 10px 0 0;}
.catalog-page-top .selects .select:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; right: 3px; width: 36px; height: 36px; background: #000; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.catalog-page-top .selects .select:after {content: ""; position: absolute; margin: auto; top: -3px; bottom: 0; right: 11px; width: 20px; height: 20px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.catalog-page-top .views {width: 80px; height: 40px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px;}
.catalog-page-top .views .view {display: block; width: 36px; height: 36px; border-radius: 14px; position: relative;}
.catalog-page-top .views .view.active {background: #0A0A0A; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);}
.catalog-page-top .views .view-1 {}
.catalog-page-top .views .view-1:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 18px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-mask-image: url(../images/view-1.svg);
  mask-image: url(../images/view-1.svg);
}
.catalog-page-top .views .view-2 {}
.catalog-page-top .views .view-2:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 18px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-mask-image: url(../images/view-2.svg);
  mask-image: url(../images/view-2.svg);
}
.catalog-page-top .views .view-1.active:before {background-color: #FFD304;}

.catalog-page-canter {}
.catalog-page-canter .filter {width: 261px;}
.catalog-page-canter .filter-top-btn {position: relative; font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF; padding: 3px 0; margin: 0 0 22px 0;}
.catalog-page-canter .filter-top-btn:before {content: ""; position: absolute; margin: auto; right: 0; bottom: 0; top: 0; width: 24px; height: 24px;
  background-color: #FFD000;
  -webkit-mask-image: url(../images/filter-top-btn.svg);
  mask-image: url(../images/filter-top-btn.svg);
}
.catalog-page-canter .filter-item {margin: 0 0 23px 0;}
.catalog-page-canter .filter-item span {display: block; font-size: 14px; margin: 0 0 10px 0;}
.catalog-page-canter .filter-item .select {font-weight: 500; font-size: 15px; line-height: 40px; padding: 0 56px 0 14px; color: #fff; height: 40px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 0px 0 0;}
.catalog-page-canter .filter-item .select:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; right: 3px; width: 36px; height: 36px; background: #000; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.catalog-page-canter .filter-item .select:after {content: ""; position: absolute; margin: auto; top: -3px; bottom: 0; right: 11px; width: 20px; height: 20px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.catalog-page-canter .filter-title {margin: 0 0 23px 0;}
.catalog-page-canter .filter-item input[type="checkbox"] {display: none;}
.catalog-page-canter .filter-item input[type="checkbox"]+label {display: block; font-weight: 400; font-size: 15px; line-height: 18px; color: #FFFFFF; position: relative; padding: 3px 0 0 34px; margin: 0 0 27px 0;}
.catalog-page-canter .filter-item input[type="checkbox"]+label:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; width: 22px; height: 22px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px;}
.catalog-page-canter .filter-item input[type="checkbox"]:checked+label:after {content: ""; position: absolute; margin: auto; left: 6px; top: 8px; width: 12px; height: 10px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/checkbox.svg);
  mask-image: url(../images/checkbox.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.catalog-page-canter .filter-item .inputs {}
.catalog-page-canter .filter-item .inputs .input {height: 40px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px 6px 6px 6px; width: 48%;}
.catalog-page-canter .filter-item .inputs .input:first-child {border-radius: 16px 6px 6px 16px;}
.catalog-page-canter .filter-item .inputs .input:last-child {border-radius: 6px 16px 16px 6px;}
.catalog-page-canter .filter-item .inputs .input input[type="text"] {background: transparent; border: 0; font-weight: 500; font-size: 15px; line-height: 18px; color: #FFFFFF; field-sizing: content; margin: 0 0 0 11px; min-width: 66%;}
.catalog-page-canter .filter-item .inputs .input i {font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.5); margin: 0 14px 0 0;}
.catalog-page-canter .btn {display: block;}
.catalog-page-canter .btn-more {width: 100%;}

.catalog-page-list {width: calc(100% - 290px); flex-wrap: wrap;}
.catalog-page-list .product-item {margin: 0 0 40px 0;}


.product-page {padding: 20px 0 0 0;}
.bread-cont {margin: 0 0 20px 0;}
.product-page .bread {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7);}
.product-page .bread a {color: rgba(255, 255, 255, 0.7); margin: 0 10px 0 0;}
.product-page .bread span {margin: 0 10px 0 0;}
.product-page .articul {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.4);}
.product-page .name-cont {margin: 0 0 32px 0;}
.product-page h1 {font-family: 'Bounded'; font-weight: 400; font-size: 24px; line-height: 30px; color: rgba(255, 255, 255, 0.9);}
.product-page .icons {}
.product-page .icons a {width: 24px; height: 24px; margin: 0 0 0 20px;}
.product-page .icons a.compare {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/compare-icon.svg);
  mask-image: url(../images/compare-icon.svg);
}
.product-page .icons a.fav {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/fav-icon.svg);
  mask-image: url(../images/fav-icon.svg);
}
.product-page .icons a.share {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/share-icon.svg);
  mask-image: url(../images/share-icon.svg);
}
.product-page-cont {margin: 0 -20px -6px 0;}
.product-page .small-images {}
.product-page .small-images .image {display: block; width: 65px; height: 65px; border: 3px solid #000000; border-radius: 14px; position: relative; overflow: hidden; margin: 0 0 8px 0;}
.product-page .small-images .image img {display: block;}
.product-page .small-images .image.active {box-shadow: 0px 0px 0px 2px #FFFFFF;}
.product-page .full-image {width: 370px; height: 370px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; overflow: hidden;}
.product-page .full-image img {display: block;}
.product-page .harakt {width: 460px;}
.product-page .harakt .title {font-weight: 700; font-size: 16px; line-height: 19px; color: #FFD304; margin: 0 0 18px 0;}
.product-page .harakt .list {margin: 0 0 34px 0;}
.product-page .harakt .list .line {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); width: 100%; margin: 0 0 13px 0; position: relative;}
.product-page .harakt .list .line span {border-bottom: 1px solid #000; margin-bottom: 0px; z-index: 1; padding-right: 10px;}
.product-page .harakt .list .line b {font-weight: 400; border-bottom: 1px solid #000; margin-bottom: 0px; z-index: 1; padding-left: 10px;}
.product-page .harakt .list .line:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.4);}
.product-page .harakt .all-harakts {font-size: 16px; line-height: 19px; text-decoration-line: underline; color: rgba(255, 255, 255, 0.7);}
.product-page .more-products {}
.product-page .more-products .title {font-weight: 500; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.9); margin-bottom: 16px;}
.product-page .more-products-line {width: calc(310px * 2);}
.product-page .more-products-line-cont {position: relative; overflow: hidden;}
.product-page .product-item {width: 280px; margin: 0 30px 0 0;}
.product-page .product-item .image {width: 80px; height: 80px; margin-right: 10px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; overflow: hidden;}
.product-page .product-item .image img {display: block; display: block;}
.product-page .product-item .product-text {width: calc(100% - 90px);}
.product-page .product-item .product-text .price {align-items: flex-end;}
.product-page .product-item .product-text .price b {font-weight: 600; font-size: 16px; line-height: 26px; color: #FFD304;}
.product-page .product-item .product-text .price i {font-weight: 400; font-size: 12px; line-height: 15px; text-decoration-line: line-through; color: rgba(255, 255, 255, 0.6);}
.product-page .product-item .product-text .price span {font-weight: 600; font-size: 12px; line-height: 15px; color: #FFD304;}
.product-page .product-item .product-text a {font-weight: 400; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.8);}
.product-page .product-price {width: 414px;}
.product-page .product-price .top {padding: 25px 20px 1px 20px; background: rgba(255, 255, 255, 0.1); border-radius: 30px 30px 10px 10px; margin: 0 0 10px 0;}
.product-page .product-price .top .price {align-items: flex-end; margin: 0 0 20px 0;}
.product-page .product-price .top .price b {font-family: 'Bounded'; font-weight: 400; font-size: 34px; line-height: 42px;}
.product-page .product-price .top .price i {font-weight: 400; font-size: 16px; line-height: 19px; text-decoration-line: line-through; color: rgba(255, 255, 255, 0.6); font-style: normal; margin: 0 0 5px 10px;}
.product-page .product-price .top .price span {font-weight: 600; font-size: 16px; line-height: 19px; color: #FFD304; margin: 0 0 5px 13px;}
.product-page .product-price .top .btns {margin: 0 0 22px 0;}
.product-page .product-price .top .btns .btn {font-size: 18px; padding: 16px 0; width: 48%; border-radius: 15px;}
.product-page .product-price .top .price-icons {}
.product-page .product-price .top .price-icons span {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); position: relative; display: block; padding: 0 0 0 36px; margin: 0 0 25px 0;}
.product-page .product-price .top .price-icons span:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 24px; height: 24px;}
.product-page .product-price .top .price-icon-1:before {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/price-icon-1.svg);
  mask-image: url(../images/price-icon-1.svg);
}
.product-page .product-price .top .price-icon-2:before {
  background-color: #FFD304;
  -webkit-mask-image: url(../images/price-icon-2.svg);
  mask-image: url(../images/price-icon-2.svg);
}
.product-page .product-price .recalls {padding: 18px 20px 20px 20px; background: rgba(255, 255, 255, 0.1); border-radius: 10px 10px 10px 10px; margin: 0 0 9px 0;}
.product-page .product-price .recalls .counts {}
.product-page .product-price .recalls .counts b {font-weight: 500; font-size: 20px; line-height: 24px; color: #FFBF00; padding: 0 0 0 36px; position: relative; margin: 0 14px 0 0;}
.product-page .product-price .recalls .counts span {font-weight: 400; font-size: 20px; line-height: 24px; color: rgba(255, 255, 255, 0.7);}
.product-page .product-price .recalls .counts b:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/star-icon.svg);
  mask-image: url(../images/star-icon.svg);
}
.product-page .product-price .recalls .link {width: 24px; height: 24px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/link-icon.svg);
  mask-image: url(../images/link-icon.svg);
}
.product-page .product-price .brand {padding: 20px 20px 20px 20px; background: rgba(255, 255, 255, 0.1); border-radius: 10px 10px 30px 30px;}
.product-page .product-price .brand img {height: 47px;}
.product-page .product-price .brand .link {position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); padding: 0 38px 0 0;}
.product-page .product-price .brand .link:before {content: ""; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; width: 24px; height: 24px; width: 24px; height: 24px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/link-icon.svg);
  mask-image: url(../images/link-icon.svg);
}
.product-page .product-description {margin: 0 0 31px 0;}
.product-page .product-description h2 {font-family: 'Bounded'; font-weight: 700; font-size: 24px; line-height: 30px; color: #FFD304; margin: 0 0 16px 0;}
.product-page .product-description p {font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px;}
.product-page .product-harakts {margin: 0 0 54px 0;}
.product-page .product-harakts .tabs {margin: 0 0 26px 0;}
.product-page .product-harakts .tabs a {font-weight: 400; font-size: 20px; line-height: 24px; color: rgba(255, 255, 255, 0.6); border-bottom: 2px solid transparent; padding: 0 0 10px 0; margin: 0 20px 0 0;}
.product-page .product-harakts .tabs a.active {color: rgba(255, 255, 255, 0.9); border-color: #fff;}
.product-page .product-harakts .columns {}
.product-page .product-harakts .column {width: 49%;}
.product-page .product-harakts .line {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); margin: 0 0 11px 0; position: relative;}
.product-page .product-harakts .line b {font-weight: 400; border-bottom: 1px solid #000; margin-bottom: 0px; z-index: 1; padding-right: 10px;}
.product-page .product-harakts .line span {border-bottom: 1px solid #000; margin-bottom: 0px; z-index: 1; padding-left: 10px;}
.product-page .product-harakts .line:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.4);}

.product-line-product-page {}
.product-line-product-page .product-line {margin-bottom: 10px;}
.product-line-product-page .title {font-family: 'Bounded'; font-weight: 700; font-size: 26px; line-height: 30px; color: #FFD304;}
.product-line-product-page .title-cont {margin-bottom: 34px;}
.product-line-product-page .product-item {width: 317px; margin-right: 28px; margin-bottom: 35px;}
.product-line-product-page .product-item .image {width: 317px; height: 260px;}
.product-line-product-page .product-item:nth-child(4n) {margin-right: 0;}
.product-line-product-page .product-item:nth-child(5n) {margin-right: 28px;}


.cart-page {padding: 22px 0 0 0;}
.cart-page .title {font-family: 'Bounded'; font-weight: 700; font-size: 32px; line-height: 40px; margin: 0 0 22px 0;}
.cart-page-cont {margin: 0 -20px 18px -20px; align-items: flex-start;}
.cart-body {padding: 22px 20px 0px 20px; background: rgba(255, 255, 255, 0.04); border-radius: 30px; width: calc(100% - 473px);}
.cart-body .top {border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 0 0 22px 0; margin: 0 0 10px 0;}
.cart-body .top input[type="checkbox"] {display: none;}
.cart-body .top input[type="checkbox"]+label {display: inline-block; font-weight: 400; font-size: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.6); position: relative; padding: 0 0 0 35px; margin: 0 20px 0 0;}
.cart-body .top input[type="checkbox"]+label:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 22px; height: 22px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px;}
.cart-body .top input[type="checkbox"]+label:after {content: ""; position: absolute; margin: auto; left: 6px; top: 0; bottom: 0; width: 12px; height: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/checkbox.svg);
  mask-image: url(../images/checkbox.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-body .top .remove-link {display: inline-block; font-weight: 400; font-size: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.6); position: relative; padding: 0 0 0 33px;}
.cart-body .top .remove-link:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/remove.svg);
  mask-image: url(../images/remove.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-body-item {margin: 0 0 21px 0;}
.cart-body-item input[type="checkbox"] {display: none;}
.cart-body-item input[type="checkbox"]+label {display: inline-block; font-weight: 400; font-size: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.6); position: relative; padding: 0 0 0 0; margin: 0 12px 0 0; width: 22px; height: 22px;}
.cart-body-item input[type="checkbox"]+label:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 22px; height: 22px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px;}
.cart-body-item input[type="checkbox"]+label:after {content: ""; position: absolute; margin: auto; left: 6px; top: 0; bottom: 0; width: 12px; height: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/checkbox.svg);
  mask-image: url(../images/checkbox.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-body-item .image {width: 90px; height: 90px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; overflow: hidden; margin: 0 14px 0 0;}
.cart-body-item .image img {display: block;}
.cart-body-item .name-cont-price {width: calc(100% - 140px); border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 16px 0 16px 0;}
.cart-body-item:last-child .name-cont-price {border-bottom: 0; margin-bottom: 0;}
.cart-body-item .name-cont {}
.cart-body-item .name-cont .price {font-weight: 600; font-size: 14px; line-height: 17px; color: #00DE73; margin: 0 0 5px 0; align-items: flex-end;}
.cart-body-item .name-cont .price b {font-weight: 600; font-size: 20px; line-height: 19px;}
.cart-body-item .name-cont .price i {font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.6); margin: 0 10px 0 14px;}
.cart-body-item .name-cont a {font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8); width: 90%; display: block;}
.cart-body-item .counts-cont .counts {padding: 3px; width: 112px; height: 36px; background: rgba(255, 255, 255, 0.14); border-radius: 16px;}
.cart-body-item .counts .prev {width: 36px; height: 36px; background: rgba(255, 255, 255, 0.14); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); border-radius: 14px; position: relative; cursor: pointer;}
.cart-body-item .counts .prev:before {content: ""; position: absolute; margin: auto; left: 6px; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #fff;
  -webkit-mask-image: url(../images/minus.svg);
  mask-image: url(../images/minus.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-body-item .counts input[type="text"] {background: transparent; width: 30px; text-align: center; border: 0; padding: 0; font-weight: 500; font-size: 15px; line-height: 18px; color: #FFFFFF;}
.cart-body-item .counts .next {width: 36px; height: 36px; background: rgba(255, 255, 255, 0.14); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); border-radius: 14px; position: relative; cursor: pointer;}
.cart-body-item .counts .next:before {content: ""; position: absolute; margin: auto; left: 6px; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #fff;
  -webkit-mask-image: url(../images/plus.svg);
  mask-image: url(../images/plus.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-body-item .remove {display: inline-block; width: 24px; height: 24px; margin: 0 0 0 20px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/remove.svg);
  mask-image: url(../images/remove.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-body-item .fav {display: inline-block; width: 24px; height: 24px; margin: 0 0 0 20px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/fav-icon.svg);
  mask-image: url(../images/fav-icon.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}

.cart-itog {padding: 22px 20px 20px 20px; background: rgba(255, 255, 255, 0.04); border-radius: 30px; width: 373px;}
.cart-itog .price {font-family: 'Bounded'; font-weight: 400; font-size: 34px; line-height: 42px; margin: 0 0 20px 0;}
.cart-itog .promocode {margin: 0 0 20px 0;}
.cart-itog .promocode input[type="text"] {padding: 0; border: 0; font-size: 16px; padding: 0px 16px; margin: 0 2px 0 0; width: 358px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 14px 6px 6px 14px;}
.cart-itog .promocode .search-btn-cont {position: relative;}
.cart-itog .promocode .search-btn-cont:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 24px; height: 24px;
  background-color: #FFD304; z-index: 1;
  -webkit-mask-image: url(../images/checkbox.svg);
  mask-image: url(../images/checkbox.svg);
  mask-size: 12px 10px;
  -webkit-mask-size: 12px 10px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.cart-itog .promocode input[type="submit"] {border: 0; padding: 10px 16px; width: 56px; height: 44px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px); border-radius: 6px 14px 14px 6px;}
.cart-itog .btn {display: block;}
.cart-itog .itog-line {padding: 5px 0;}
.cart-itog .itog-line span {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7);}
.cart-itog .itog-line b {font-family: 'Bounded'; font-weight: 400; font-size: 24px; line-height: 30px; color: rgba(255, 255, 255, 0.9);}
.cart-itog .itog-line.last-child {padding-bottom: 22px;}

.product-line-cart-page {padding: 30px 20px 20px 20px; background: rgba(255, 255, 255, 0.04); border-radius: 30px; margin: 0 -20px 40px -20px;}
.product-line-cart-page .title {font-size: 25px; line-height: 38px;}
.product-line-cart-page .title-cont {margin: 0 0 7px 0;}
.product-line-cart-page .product-item-big {margin-bottom: 0;}
.product-line-cart-page .product-line {margin-bottom: 0;}

.cart-form {padding: 20px; background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(25px); border-radius: 30px; width: calc(100% - 473px); margin: 0 0 20px 0;}
.cart-form .title-small {font-weight: 500; font-size: 20px; line-height: 24px; color: #FFFFFF; margin: 0 0 20px 0;}
.cart-form .title-small-x {font-weight: 500; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); margin: 0 0 10px 0;}
.form-item {margin: 0 0 20px 0;}
.form-item .label {font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.7); width: 208px;}
.form-item input[type="text"],
.form-item input[type="password"] {padding: 0px 10px; height: 40px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF; width: calc(100% - 232px);}
.form-item .input-tabs {height: 38px; background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 15px; width: calc(100% - 212px);}
.form-item .input-tabs-2 {}
.form-item .input-tabs-3 {}
.form-item .input-tabs a {padding: 0px 0px; text-align: center; height: 38px; font-weight: 400; font-size: 16px; line-height: 38px; color: rgba(255, 255, 255, 0.6); background: transparent; border: 1px solid transparent; border-radius: 15px;}
.form-item .input-tabs a.active,
.form-item .input-tabs a:hover {color: #000; background: #FFD000; border-color: rgba(255, 255, 255, 0.1);}
.form-item .input-tabs-2 a {width: 50%;}
.form-item .input-tabs-3 a {width: 33%;}
.form-item .inputs {width: calc(100% - 212px);}
.form-item .inputs input[type="text"] {width: calc(50% - 27px);}
.form-item select {font-weight: 500; width: calc(100% - 220px); font-size: 15px; line-height: 42px; padding: 0 58px 0 18px; color: #fff; height: 42px; background: rgba(255, 255, 255, 0.14) url(../images/select.png) no-repeat right -6px top -5px; background-size: 54px; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 10px 0 0;}
.checkbox-radio {display: none;}
.checkbox-radio+label {display: block; width: calc(100% - 70px); padding-right: 70px; position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7); margin: 0 0 20px 0;}
.checkbox-radio+label:before {content: ""; position: absolute; right: 0; top: -11px; width: 56px; height: 32px; background: rgba(255, 255, 255, 0.7); border-radius: 50px;}
.checkbox-radio+label:after {content: ""; position: absolute; right: 28px; top: -7px; width: 24px; height: 24px; background: #000000; border-radius: 50px;}
.checkbox-radio:checked+label:before {background: #FFD000;}
.checkbox-radio:checked+label:after {right: 4px;}
.checkbox-small {display: none;}
.checkbox-small+label {display: block; position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); padding: 0 0 0 34px; margin: 0 0 25px 0;}
.checkbox-small+label:before {content: ""; position: absolute; top: -2px; left: 0; width: 22px; height: 22px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px;}
.checkbox-small:checked+label:after {content: ""; position: absolute; margin: auto; left: 6px; top: 5px; width: 12px; height: 10px;
  background-color: #fff;
  -webkit-mask-image: url(../images/checkbox.svg);
  mask-image: url(../images/checkbox.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.form-item .input-cont {position: relative; width: calc(100% - 210px);}
.form-item .input-cont input[type="text"],
.form-item .input-cont input[type="password"] {width: calc(100% - 20px);}
.form-item .input-cont .view {position: absolute; right: 10px; top: 10px; width: 24px; height: 24px;
  background-color: #fff;
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.cart-product-list {}
.cart-product {margin: 0 0 9px 0;}
.cart-product .image {display: block; position: relative; overflow: hidden; width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px;}
.cart-product .image img {display: block;}
.cart-product .name-cont {border-bottom: 1px solid rgba(255, 255, 255, 0.08); width: calc(100% - 70px); padding: 12px 0;}
.cart-product .price {margin: 0 0 3px 0;}
.cart-product .price b {font-weight: 600; font-size: 16px; line-height: 16px; color: #00DE73;}
.cart-product .price span {font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.5);}
.cart-product .name {font-weight: 400; font-size: 14px; line-height: 14px; color: rgba(255, 255, 255, 0.8);}
.cart-product:last-child {margin-bottom: 0;}
.cart-product:last-child .name-cont {border-bottom: 0;}

.good-order {padding: 20px 0 0 0;}
.good-order-cont {align-items: flex-start;}
.good-order .info {width: 432px; padding: 50px 0 0 0;}
.good-order .info img {height: 74px; display: block; margin: 0 0 24px 0;}
.good-order .info b {display: block; font-family: 'Bounded'; font-weight: 400; font-size: 34px; line-height: 42px; color: rgba(255, 255, 255, 0.9); margin: 0 0 22px 0;}
.good-order .info p {font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8); margin: 0 0 29px 0;}
.good-order .info .btn {}
.good-order .product-line-cart-page {width: calc(100% - 412px); padding: 0; background: transparent; position: relative; overflow-x: hidden; border-radius: 0;}
.good-order .product-line-cart-page:after {content: ""; position: absolute; right: 0; top: 0; width: 212px; height: 100%; background: linear-gradient(270deg, #121212 2.88%, rgba(18, 18, 18, 0.85) 24.52%, rgba(18, 18, 18, 0) 100%);}
.good-order .product-line-cont .product-item {width: 260px; margin-right: 30px;}
.good-order .product-line-cont .product-item-big .image {width: 260px; height: 260px;}
.good-order .product-line-cont {width: calc(290px * 4);}

.compare-page,
.fav-page {padding: 33px 0 0 0;}
.compare-page .title-cont,
.fav-page .title-cont {margin: 0 0 30px 0;}
.compare-page .title-cont .title,
.fav-page .title-cont .title {font-family: 'Bounded'; font-weight: 700; font-size: 32px; line-height: 40px;}
.compare-page .title-cont .small-tabs-cont,
.fav-page .title-cont .small-tabs-cont {}
.compare-page .title-cont .small-tabs,
.fav-page .title-cont .small-tabs {}
.compare-page .title-cont .small-tabs a,
.fav-page .title-cont .small-tabs a {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.5); padding: 16px 0px 9px 0px; border-bottom: 2px solid transparent; margin: 0 0 0 17px;}
.compare-page .title-cont .small-tabs a.active,
.fav-page .title-cont .small-tabs a.active,
.compare-page .title-cont .small-tabs a:hover,
.fav-page .title-cont .small-tabs a:hover {color: rgba(255, 255, 255, 0.9); border-color: #FFFFFF;}
.compare-page .title-cont .small-tabs-cont .remove,
.fav-page .title-cont .small-tabs-cont .remove {font-weight: 400; font-size: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.6); position: relative; padding: 0 0 0 35px; margin: 0 0 0 20px;}
.compare-page .title-cont .small-tabs-cont .remove:before,
.fav-page .title-cont .small-tabs-cont .remove:before {content: ""; position: absolute; margin: auto; left: 0; bottom: 0; top: 0; width: 24px; height: 24px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/remove.svg);
  mask-image: url(../images/remove.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.compare-page .title-cont .small-tabs-cont .select,
 .fav-page .title-cont .small-tabs-cont .select {font-weight: 500; font-size: 15px; line-height: 42px; padding: 0 58px 0 18px; color: #fff; height: 42px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 0px 0 10px;}
.compare-page .title-cont .small-tabs-cont .select:before,
.fav-page .title-cont .small-tabs-cont .select:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; right: 3px; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.14); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.compare-page .title-cont .small-tabs-cont .select:after,
.fav-page .title-cont .small-tabs-cont .select:after {content: ""; position: absolute; margin: auto; top: -3px; bottom: 0; right: 11px; width: 20px; height: 20px;
  background-color: #fff;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.compare-line {margin-bottom: 20px;}
.compare-line .compare-item {width: 227px}
.compare-line .compare-item .image {display: block; width: 210px; height: 213px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; overflow: hidden; margin: 0 0 14px 0;}
.compare-line .compare-item .image img {display: block;}
.compare-line .compare-item .price {margin: 0 0 5px 0;}
.compare-line .compare-item .price b {font-weight: 600; font-size: 20px; line-height: 26px; color: #FFD000;}
.compare-line .compare-item .price i {font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-decoration: line-through; color: rgba(255, 255, 255, 0.6); margin: 0 9px;}
.compare-line .compare-item .price span {font-weight: 600; font-size: 14px; line-height: 17px; color: #FFD000;}
.compare-line .compare-item .name {font-weight: 400; font-size: 14px; line-height: 26px; color: rgba(255, 255, 255, 0.8); display: block; width: 80%; margin: 0 0 10px 0; height: 78px;}
.compare-line .compare-item .icons {margin: 0 0 32px 0;}
.compare-line .compare-item .icons a {width: 24px; height: 24px; margin: 0 19px 0 0;}
.compare-line .compare-item .icons .cart-icon {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/cart-icon.svg);
  mask-image: url(../images/cart-icon.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.compare-line .compare-item .icons .fav-icon {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/fav-icon.svg);
  mask-image: url(../images/fav-icon.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.compare-line .compare-item .icons .remove-icon {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-mask-image: url(../images/remove.svg);
  mask-image: url(../images/remove.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.compare-line .compare-param {font-weight: 500; font-size: 14px; line-height: 17px; color: #FFFFFF; margin: 0 0 20px 0;}
.compare-line .compare-title {padding: 6px 20px; background: rgba(255, 255, 255, 0.1); border-radius: 10px 10px 0px 0px; opacity: 0; margin-bottom: 1px; display: inline-block; white-space: nowrap;}
.compare-line .compare-name {display: block; width: 100%; background: rgba(255, 255, 255, 0.1); padding: 12px 0; text-indent: 20px;}
.compare-line .compare-item:first-child .compare-title {opacity: 1;}
.compare-line .compare-item:first-child .compare-param {margin-left: -20px;}
.compare-line .compare-item:first-child .compare-name {border-radius: 0 0 0 10px;}
.compare-line .compare-item:last-child .compare-param {margin-right: -20px;}
.compare-line .compare-item:last-child .compare-name {border-radius: 0 10px 10px 0;}

.fav-page .product-line-fav-page {padding: 0; background: transparent; margin: 0 0 0 0;}
.fav-page .product-line-fav-page .product-item {position: relative; margin-bottom: 60px;}
.fav-page .product-line-fav-page .product-item .fav {position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; z-index: 1;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/fav-icon.svg);
  mask-image: url(../images/fav-icon.svg);
}
.fav-page .product-line-fav-page .product-item .btn {display: block;}
.fav-page .product-line-fav-page .product-item .btn span {position: relative; display: inline-block; padding-left: 30px;}
.fav-page .product-line-fav-page .product-item .btn span:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #000;
  -webkit-mask-image: url(../images/cart-icon.svg);
  mask-image: url(../images/cart-icon.svg);
}

.podbor {padding: 42px 0 0 0;}
.podbor h1 {font-family: 'Bounded'; font-weight: 700; font-size: 34px; line-height: 40px; margin: 0 0 16px 0;}
.podbor .filters {margin: 0 0 41px 0;}
.podbor .form-item {width: 19%;}
.podbor .form-item .label {display: block; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFFFF; opacity: 0.5; margin: 0 0 8px 0;}
.podbor .form-item select {font-weight: 500; width: calc(100% - 0px); font-size: 15px; line-height: 44px; padding: 0 58px 0 18px; color: #fff; height: 44px; background: rgba(255, 255, 255, 0.14) url(../images/select.png) no-repeat right -6px top -5px; background-size: 54px; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; position: relative; margin: 0 10px 0 0;}
.podbor .filter-result {}
.podbor .filter-result .title {font-family: 'Bounded'; font-weight: 700; font-size: 25px; line-height: 45px; color: #FFD304;}
.podbor .filter-result input[type="checkbox"] {display: none;}
.podbor .filter-result input[type="checkbox"]+label {position: relative; font-weight: 500; font-size: 15px; line-height: 18px; color: #FFFFFF; padding: 0 80px 0 0;}
.podbor .filter-result input[type="checkbox"]+label:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; width: 36px; height: 36px; background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px;}
.podbor .filter-result input[type="checkbox"]:checked+label:after {content: ""; position: absolute; margin: auto; right: 12px; top: 13px; width: 12px; height: 10px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/checkbox.svg);
  mask-image: url(../images/checkbox.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .car-block {margin: 0 0 25px 0;}
.podbor .car-block .prev {cursor: pointer; position: relative; width: 57px; height: 57px; background: #232323; box-shadow: 0px 3.16667px 12.6667px rgba(0, 0, 0, 0.12); border-radius: 23.75px;}
.podbor .car-block .prev:before {content: ""; position: absolute; margin: auto; left: -2px; top: 4px; right: 0; bottom: 0; width: 38px; height: 38px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/nav.svg);
  mask-image: url(../images/nav.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .car-block .prev:hover {background-color: #FFD304;}
.podbor .car-block .prev:hover:before {background-color: #000;}
.podbor .car-block .image {width: 1030px; height: 340px; background: url(../images/car.png) no-repeat center; background-size: 100% auto;}
.podbor .car-block .next {cursor: pointer; position: relative; width: 57px; height: 57px; background: #232323; box-shadow: 0px 3.16667px 12.6667px rgba(0, 0, 0, 0.12); border-radius: 23.75px;}
.podbor .car-block .next:before {content: ""; position: absolute; margin: auto; left: 0; top: -4px; right: -2px; bottom: 0; width: 38px; height: 38px;
  background-color: #FFD304; transform: rotate(180deg);
  -webkit-mask-image: url(../images/nav.svg);
  mask-image: url(../images/nav.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .car-block .next:hover {background-color: #FFD304;}
.podbor .car-block .next:hover:before {background-color: #000;}
.podbor .product-info-podbor {background: #232323; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 15px; padding: 17px 23px 25px 23px; align-items: flex-start; margin: 0 0 50px 0;}
.podbor .product-info-podbor-cont {}
.podbor .product-info-podbor .label {display: inline-block; font-weight: 400; font-size: 12px; line-height: 12px; color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 7px 4px; margin: 0 0 1px 0;}
.podbor .product-info-podbor .name {font-family: 'Bounded'; font-weight: 700; font-size: 21px; line-height: 25px; width: 560px; margin: 0 0 9px 0;}
.podbor .product-info-podbor .icons {margin: 0 0 0 7px;}
.podbor .product-info-podbor .icons div {display: inline-block; position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.7);}
.podbor .product-info-podbor .icons .icon-1 {padding-left: 26px; margin: 0 10px 0 0;}
.podbor .product-info-podbor .icons .icon-1:before {content: ""; position: absolute; width: 16px; height: 20px; margin: auto; left: 0; top: 0; bottom: 0;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/icon-podbor-1.svg);
  mask-image: url(../images/icon-podbor-1.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .product-info-podbor .icons .icon-2 {padding-left: 34px; margin: 0 16px 0 0;}
.podbor .product-info-podbor .icons .icon-2:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; left: 0; top: 0; bottom: 0;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/icon-podbor-2.svg);
  mask-image: url(../images/icon-podbor-2.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .product-info-podbor .recalls {position: relative; padding: 0 0 0 34px;}
.podbor .product-info-podbor .recalls:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; left: 0; top: 0; bottom: 0;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/icon-recalls.svg);
  mask-image: url(../images/icon-recalls.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .product-info-podbor .recalls b {font-weight: 500; font-size: 20px; line-height: 24px; color: #FFBF00; margin: 0 15px 0 0;}
.podbor .product-info-podbor .recalls span {font-size: 20px; line-height: 24px; color: rgba(255, 255, 255, 0.7);}
.podbor .product-info-price {text-align: right;}
.podbor .product-info-price .price {margin: 0 0 14px 0; justify-content: end;}
.podbor .product-info-price .price b {font-family: 'Bounded'; font-weight: 700; font-size: 35px; line-height: 43px;}
.podbor .product-info-price .price i {font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-decoration-line: line-through; color: rgba(255, 255, 255, 0.6); margin: 0 0 0 12px;}
.podbor .product-info-price .price span {font-weight: 600; font-size: 16px; line-height: 19px; color: #FFD304; margin: 0 0 0 10px;}
.podbor .product-info-price .btns {justify-content: end;}
.podbor .product-info-price .btns .btn {font-size: 20px; border-radius: 15px; padding: 15px 19px; margin: 0 0 0 10px; min-width: 130px;}
.podbor .product-list-podbor {margin: 0 -16px; margin-bottom: 75px;}
.podbor .product-list-podbor-cont {margin: 0 0 36px 0;}
.podbor .product-list-podbor .product-item {border: 2px solid transparent; border-radius: 30px; padding: 13px 11px; width: 322px; opacity: 0.25;}
.podbor .product-list-podbor .product-item.active {border-color: #FFD304; opacity: 1;}
.podbor .product-list-podbor .product-item .image {}
.podbor .product-list-podbor .product-item .image img {}
.podbor .product-list-podbor .product-item .price {}
.podbor .product-list-podbor .product-item .price b {}
.podbor .product-list-podbor .product-item .price i {}
.podbor .product-list-podbor .product-item .price span {}
.podbor .product-list-podbor .product-item .name {}
.podbor .product-list-podbor .product-item .tabs {}
.podbor .product-list-podbor .product-item .tabs span {}
.podbor .product-list-nav {margin: 0 16px;}
.podbor .product-list-nav .prev {cursor: pointer; position: relative; width: 57px; height: 57px; background: #232323; box-shadow: 0px 3.16667px 12.6667px rgba(0, 0, 0, 0.12); border-radius: 23.75px;}
.podbor .product-list-nav .prev:before {content: ""; position: absolute; margin: auto; left: -2px; top: 4px; right: 0; bottom: 0; width: 38px; height: 38px;
  background-color: #FFD304;
  -webkit-mask-image: url(../images/nav.svg);
  mask-image: url(../images/nav.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .product-list-nav .prev:hover {background-color: #FFD304;}
.podbor .product-list-nav .prev:hover:before {background-color: #000;}
.podbor .product-list-nav .nav {}
.podbor .product-list-nav .nav span {width: 17px; height: 17px; background: #D9D9D9; opacity: 0.2; border-radius: 17px; cursor: pointer; margin: 0 7px;}
.podbor .product-list-nav .nav span.active,
.podbor .product-list-nav .nav span:hover {opacity: 1; background: #FFD000;}
.podbor .product-list-nav .next {cursor: pointer; position: relative; width: 57px; height: 57px; background: #232323; box-shadow: 0px 3.16667px 12.6667px rgba(0, 0, 0, 0.12); border-radius: 23.75px;}
.podbor .product-list-nav .next:before {content: ""; position: absolute; margin: auto; left: 0; top: -4px; right: -2px; bottom: 0; width: 38px; height: 38px;
  background-color: #FFD304; transform: rotate(180deg);
  -webkit-mask-image: url(../images/nav.svg);
  mask-image: url(../images/nav.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.podbor .product-list-nav .next:hover {background-color: #FFD304;}
.podbor .product-list-nav .next:hover:before {background-color: #000;}

.profile-page {padding: 21px 0 75px 0;}
.profile-page-cont {align-items: flex-start;}
.profile-menu {padding: 21px 20px 20px 20px; width: 220px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px;}
.profile-menu ul {}
.profile-menu ul li {margin: 0 0 25px 0;}
.profile-menu ul li:last-child {margin-bottom: 0;}
.profile-menu ul li a {position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); padding: 0 0 0 43px;}
.profile-menu ul li a:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #fff; opacity: 0.6;
}
.profile-menu ul li .icon-1:before {
  -webkit-mask-image: url(../images/profile-menu-1.svg);
  mask-image: url(../images/profile-menu-1.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.profile-menu ul li .icon-2:before {
  -webkit-mask-image: url(../images/profile-menu-2.svg);
  mask-image: url(../images/profile-menu-2.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.profile-menu ul li .icon-3:before {
  -webkit-mask-image: url(../images/profile-menu-3.svg);
  mask-image: url(../images/profile-menu-3.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.profile-menu ul li a.active {font-weight: 600; color: #FFFFFF;}
.profile-menu ul li a.active:before {opacity: 1;}
.profile-cont {padding: 40px; width: calc(100% - 364px); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px;}
.profile-cont-block {align-items: flex-start;}
.profile-orders {width: calc(100% - 302px);}
.profile-orders h1 {font-family: 'Bounded'; font-weight: 700; font-size: 33px; line-height: 23px; margin: 0 0 35px 0;}
.profile-orders .name-cont-block {margin: 0 0 25px 0;}
.profile-orders .name-item {}
.profile-orders .name-item b {display: block; font-weight: 600; font-size: 24px; line-height: 26px; margin: 0 0 13px 0;}
.profile-orders .name-item span {display: block; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6);}
.profile-orders .name-item.green {text-align: right;}
.profile-orders .name-item.green b {color: #00DE73;}
.profile-orders .name-item-2 {justify-content: end;}
.profile-orders .name-item-2 .name-item {text-align: right; margin: 0 0 0 40px;}
.profile-orders .product-item {width: 100%; margin: 0 0 10px 0;}
.profile-orders .product-item .image {width: 77px; height: 77px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; overflow: hidden;}
.profile-orders .product-item .image img {display: block;}
.profile-orders .product-item .name-cont {border-bottom: 1px solid rgba(255, 255, 255, 0.08); width: calc(100% - 100px); padding: 0 0 17px 0;}
.profile-orders .product-item .name-cont a {font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8); display: inline-block;}
.profile-orders .product-item .name-cont .count {font-weight: 400; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8);}
.profile-orders .product-item .name-cont .count b {font-weight: 600; font-size: 16px; line-height: 26px; color: #00DE73;}
.profile-orders .btn {display: block;}
.profile-orders .btns {}
.profile-orders .btns .btn {width: 45%;}
.profile-orders-full {width: 100%;}
.order-item {border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 0 0 39px 0; margin: 0 0 35px 0;}
.order-item:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.profile-help {padding: 20px 20px 20px 20px; width: 221px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px;}
.profile-help ul {}
.profile-help ul li {margin: 0 0 25px 0;}
.profile-help ul li:last-child {margin-bottom: 0;}
.profile-help ul li a {position: relative; font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); padding: 0 0 0 43px;}
.profile-help ul li a:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 24px; height: 24px;
  background-color: #fff; opacity: 0.6;
}
.profile-help ul li .icon-1:before {
  -webkit-mask-image: url(../images/profile-help-1.svg);
  mask-image: url(../images/profile-help-1.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.profile-help ul li .icon-2:before {
  -webkit-mask-image: url(../images/profile-help-2.svg);
  mask-image: url(../images/profile-help-2.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.profile-help ul li a.active {font-weight: 600; color: #FFFFFF;}
.profile-help ul li a.active:before {opacity: 1;}

.setting-form {border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 40px 0 20px 0;}
.setting-form .title-small {font-weight: 500; font-size: 20px; line-height: 24px; color: #FFFFFF; margin: 0 0 20px 0;}
.setting-form:last-child {padding-bottom: 0;}

.alerts-block {position: fixed; right: 20px; top: 20px; width: 400px; z-index: 11;}
.alert-item {padding: 18px; width: calc(100% - 38px); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 30px; margin: 0 0 10px 0;}
.alert-item-top {margin: 0 0 18px 0;}
.alert-item-top .icon {width: 24px; height: 24px;}
.alert-item-top .icon-1 {background: url(../images/alert-icon-1.svg) no-repeat; background-size: contain;}
.alert-item-top .icon-2 {background: url(../images/alert-icon-2.svg) no-repeat; background-size: contain;}
.alert-item-top .icon-3 {background: url(../images/alert-icon-3.svg) no-repeat; background-size: contain;}
.alert-item-top .title {font-weight: 600; font-size: 15px; line-height: 18px; color: #FFFFFF;}
.alert-item-top .close {width: 24px; height: 24px; background-color: #fff;
  -webkit-mask-image: url(../images/close.svg);
  mask-image: url(../images/close.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.alert-item .product-list {}
.alert-item .product-item {width: 100%;}
.alert-item .product-item .image {position: relative; width: 80px; height: 80px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px;}
.alert-item .product-item .image img {display: block;}
.alert-item .product-item .name-cont {width: calc(100% - 93px);}
.alert-item .product-item .price {margin-bottom: 2px;}
.alert-item .product-item .price b {font-weight: 600; font-size: 16px; line-height: 26px; color: #00DE73;}
.alert-item .product-item .price i {font-style: normal; font-size: 12px; line-height: 15px; text-decoration-line: line-through; color: rgba(255, 255, 255, 0.6);}
.alert-item .product-item .price span {font-weight: 600; font-size: 12px; line-height: 15px; color: #00DE73;}
.alert-item .product-item .name {font-weight: 400; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.8);}
.alert-item .btn {display: block;}
.alert-item p {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.6); margin-bottom: 20px;}
.blur {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: #0A0A0A; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(7px);}


.modal-hidden {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.modal {position: fixed; z-index: 11; margin: auto; left: 0; top: 40px; bottom: 0; right: 0; width: 400px; height: 550px; border-radius: 40px; background: #000 url(../images/modal-bg.png) no-repeat; background-size: contain;}
.modal-reg {height: 670px;}
.modal:before {content: ""; position: absolute; margin: auto; left: 0; top: -160px; right: 0; width: 386px; height: 254px; background: url(../images/modal.png) no-repeat; background-size: contain;}
.modal-cont {padding: 37px 20px 0 20px; position: relative;}
.modal .title-cont {margin: 0 0 25px 0;}
.modal .title {font-family: 'Bounded'; font-weight: 700; font-size: 33px; line-height: 40px;}
.modal .close {width: 14px; height: 14px; background-color: #FFD000; cursor: pointer;
  -webkit-mask-image: url(../images/close-new.svg);
  mask-image: url(../images/close-new.svg);
  mask-size: contain;
  -webkit-mask-size: contain;  
}
.modal .form-item {}
.modal .form-item .label {margin: 0 0 10px 0;}
.modal .form-item input[type="text"], 
.modal .form-item input[type="password"] {width: calc(100% - 20px);}
.modal .form-item .input-cont {width: calc(100% - 0px);}
.modal .btn {display: block; margin: 0 0 24px 0;}
.mobal-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 21px 0 0 0; padding: 19px 0 0 0;}
.mobal-bottom .title {font-family: 'Bounded'; font-weight: 700; font-size: 22px; line-height: 27px; margin: 0 0 15px 0;}
.mobal-bottom .btn {margin: 0 0 24px 0;}


.mobile-bottom-menu {position: fixed; left: 0; bottom: 0; width: 100%; display: none;}
.mobile-bottom-menu-cont {padding: 12px 20px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); border-radius: 30px; margin: 0 10px 15px 10px;}
.mobile-bottom-menu a {text-align: center;}
.mobile-bottom-menu a i {display: block; margin: 0 auto; width: 24px; height: 24px; margin-bottom: 5px;
  background-color: #FFD304;
}
.mobile-bottom-menu .icon-1 i {
  -webkit-mask-image: url(../images/mobile-bottom-menu-1.svg);
  mask-image: url(../images/mobile-bottom-menu-1.svg);
  mask-size: contain;
  -webkit-mask-size: contain; 
}
.mobile-bottom-menu .icon-2 i {
  -webkit-mask-image: url(../images/mobile-bottom-menu-2.svg);
  mask-image: url(../images/mobile-bottom-menu-2.svg);
  mask-size: contain;
  -webkit-mask-size: contain; 
}
.mobile-bottom-menu .icon-3 i {
  -webkit-mask-image: url(../images/mobile-bottom-menu-3.svg);
  mask-image: url(../images/mobile-bottom-menu-3.svg);
  mask-size: contain;
  -webkit-mask-size: contain; 
}
.mobile-bottom-menu .icon-4 i {
  -webkit-mask-image: url(../images/mobile-bottom-menu-4.svg);
  mask-image: url(../images/mobile-bottom-menu-4.svg);
  mask-size: contain;
  -webkit-mask-size: contain; 
}
.mobile-bottom-menu .icon-5 i {
  -webkit-mask-image: url(../images/mobile-bottom-menu-5.svg);
  mask-image: url(../images/mobile-bottom-menu-5.svg);
  mask-size: contain;
  -webkit-mask-size: contain; 
}
.mobile-bottom-menu a span {display: block; text-align: center; font-weight: 400; font-size: 12px; line-height: 15px; color: rgba(255, 255, 255, 0.7);}