@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "ABChanel PB SemiBold M";
    src: url("../font/5a2dd538f909ec5cf2f4129b228e6080.eot");
    src: url("../font/5a2dd538f909ec5cf2f4129b228e6080.eot?#iefix")format("embedded-opentype"),
        url("../font/5a2dd538f909ec5cf2f4129b228e6080.woff")format("woff"),
        url("../font/5a2dd538f909ec5cf2f4129b228e6080.woff2")format("woff2"),
        url("../font/5a2dd538f909ec5cf2f4129b228e6080.ttf")format("truetype"),
        url("../font/5a2dd538f909ec5cf2f4129b228e6080.svg#ABChanel PB SemiBold M")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

* {font-family: "Montserrat", sans-serif; box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0; resize: none; text-decoration: none; color: #262626; font-size: 12px; touch-action: manipulation;}
/* input {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0;} */
input[type="submit"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
pre {font-size: 12px; font-family: monospace; background: #eee; padding: 15px; margin: 15px;}
body {background: #fff; touch-action: manipulation;}

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

::-webkit-input-placeholder {color: #262626;}
:-moz-placeholder {color: #262626; opacity:  1;}
::-moz-placeholder {color: #262626; opacity:  1;}
:-ms-input-placeholder {color: #262626;}

.anim {
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.warning {text-align: center; background: #F5F1EC; width: 100%; height: 50px; display: flex ; align-items: center; justify-content: center; overflow: hidden;}
.warning > div {font-size: 12px; padding: 0 15px;}

header {padding: 20px 100px 0; width: 100%; background: rgb(255 255 255 / 50%); position: relative; border-bottom: 1px solid #cacaca;}
header:before {backdrop-filter: blur(5px); content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -9;}

header nav {display: flex; justify-content: center;}
header nav > ul {list-style: none; display: flex; justify-content: center; gap: 30px;}
header nav > ul > li {padding: 20px 0;}
header nav > ul > li > a {text-transform: uppercase; font-weight: 500; white-space: nowrap;}
header nav > ul > li > span {text-transform: uppercase; font-weight: 500; white-space: nowrap;}
header:hover {background: rgb(255 255 255 / 100%);}
header nav > ul > li:hover .innermenu {opacity: 1; visibility: visible;}
header .innermenu {border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; display: flex ; justify-content: center; align-items: start; gap: 60px; background: #fff; padding: 30px 0;}
header .innermenu ul {list-style: none; display: flex ; flex-direction: column; gap: 15px; min-width: 260px;}
header .innermenu ul li {}
header .innermenu ul li a {text-transform: uppercase; font-weight: 500; white-space: nowrap;}
header .innermenu ul li a:hover {}
header .innermenu .link {display: flex; flex-direction: column;}
header .innermenu .link .img {width: 200px; height: 260px; overflow: hidden; position: relative;}
header .innermenu .link .img img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
header .innermenu .link .txt {text-transform: uppercase; font-weight: 500; white-space: nowrap; margin-top: 8px;}

.headerFavs {}
.headerFavs img {}
.headerFavs img:nth-child(1) {display: block;}
.headerFavs img:nth-child(2) {display: none;}
.headerFavs.added img:nth-child(1) {display: none;}
.headerFavs.added img:nth-child(2) {display: block;}

.wrheader {position: fixed; top: 0; width: 100%; z-index: 999999;}
.wrheader.bgw {background: rgb(255 255 255 / 100%);}
.wrheader.scroll {}
.wrheader.scroll header {background: rgb(255 255 255 / 100%);}
.wrheader.scroll .warning {height: 0;}
.wrheader.scroll .header {height: 0;}
.wrheader.scroll .header .mid {height: 0; top: -20px; opacity: 0;}
.wrheader.scroll .header .left {top: 6px;}
.wrheader.scroll .header .right {top: 6px;}
.wrheader.scroll header nav {margin-top: 0;}
.wrheader.scroll header nav > ul > li {padding-top: 0;}
.wrheader.scroll header nav > ul > li > ul:before {background: rgb(255 255 255 / 100%);}
.wrheader.scroll.down {top: -73px; height: 0;}
.wrheader.scroll.up {top: 0;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: none !important;
}

.header {display: flex; align-items: center;}
.header .col {}
.header .left {flex: 1; position: relative; top: 0; display: flex; justify-content: start; align-items: center; gap: 10px;}
.header .right {flex: 1; position: relative; top: 0; display: flex; justify-content: start; align-items: center; gap: 10px;}
.header .mid {flex: 2; position: relative; top: 0; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.header .right {display: flex; justify-content: end; gap: 15px;}
.header .right .void {width: 50px;}
.header .logo {}
.header .logo img {display: block; height: 80px;}
.header .icoLink {display: flex; align-items: center;}
.header .icoLink img {width: 24px; height: 24px;}
.header .icoLink > span {margin-left: 6px; font-weight: 500;}

.icoLinkBasket svg path {animation: colors 5s ease infinite;}
@keyframes colors {
    0% {
        fill: black;
    }
	20% {
        fill: green;
    }
	50% {
        fill: red;
    }
	75% {
        fill: orange;
    }
	100% {
        fill: #9b2d30;
    }
}

.fSearch {display: flex;}
.fSearch label {display: flex; align-items: center;}
.fSearch label img {width: 24px; height: 24px; margin-right: 6px;}
.fSearch label input {font-weight: 500; background: none; border-bottom: 1px solid transparent; width: 100%;}
.fSearch label input:focus {border-bottom: 1px solid #262626;}
.fSearch input[type="submit"] {display: none;}
.fSearch label img:hover {cursor: pointer;}

.banner {height: 100vh; height: calc(var(--vh, 1vh) * 100); position: relative; overflow: hidden;}
.banner .img {display: block; width: 100%; height: 100%; object-fit: cover;}
.banner .imgmobile {display: none; width: 100%; height: 100%; object-fit: cover;}
.banner .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.banner .videomobile {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.banner .link {font-size: 13px; position: absolute; bottom: 100px; left: 100px; font-weight: 500; background: rgb(255 255 255 / 50%); backdrop-filter: blur(3px); padding: 18px 24px; border-radius: 10px; display: flex; align-items: center;}
.banner .link:after {content: ''; width: 24px; height: 24px; background: url(../img/ico/square_arrow_right_up.svg) no-repeat center / 100%; margin-left: 10px;}
.banner .link:hover {background: rgb(255 255 255 / 100%);}

.wrb {margin-top: 50px; overflow: hidden;}
.wrb .title {padding: 0 100px; display: flex; justify-content: space-between; align-items: end;}
.wrb .title h2 {font-family: "Montserrat", sans-serif; text-transform: uppercase;}
.wrb .title .linkall {text-decoration: underline; position: relative; bottom: 2px;}
.wrb .title .linkall:hover {text-decoration: none;}

.wrScrollItemsObjectrs {margin-top: 20px; padding: 0 100px; overflow: hidden; position: relative;}
.wrScrollItemsObjectrs .owl-carousel .owl-stage-outer {overflow: visible;}
.wrScrollItemsObjectrs .owl-nav {display: flex; justify-content: center; gap: 60px; margin-top: 20px;}
.wrScrollItemsObjectrs .owl-nav button {}
.wrScrollItemsObjectrs .owl-nav button img {display: block; width: 24px; opacity: 0.8;}
.wrScrollItemsObjectrs .numbers {display: none; font-weight: 500; text-align: center; position: absolute; bottom: 5px; left: 0; width: 100%;}
.wrScrollItemsObjectrs .numbers.show {display: block;}

.wrScrollItemsObjectrs .owl-prev {}
.wrScrollItemsObjectrs .owl-prev img {transform: rotate(180deg);}

.wrScrollItemsObjectrs .owl-prev2 {background: #fff!important; position: absolute; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.wrScrollItemsObjectrs .owl-prev2 {top: calc(50% - 56px - 20px); left: -28px;}

.wrScrollItemsObjectrs .owl-next2 {background: #fff!important; position: absolute; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.wrScrollItemsObjectrs .owl-next2 {top: calc(50% - 56px - 20px); right: -28px;}

.wrScrollItemsCollection {margin-top: 20px; padding: 0 100px; overflow: hidden; position: relative;}
.wrScrollItemsCollection .owl-carousel .owl-stage-outer {overflow: visible;}
.wrScrollItemsCollection .owl-carousel .owl-stage {display: flex;}
.wrScrollItemsCollection .owl-carousel .owl-stage .owl-item {
	flex-shrink: 0; display: flex; flex-direction: column;
	
	-webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.wrScrollItemsCollection .owl-nav {}
.wrScrollItemsCollection .owl-nav button {background: #fff!important; position: absolute; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.wrScrollItemsCollection .owl-prev {top: calc(50% - 56px); left: -28px;}
.wrScrollItemsCollection .owl-next {top: calc(50% - 56px); left: calc(50% - 38px);}

.itemObject {position: relative;}
.itemObject a {display: block;}
.itemObject a .img {display: block; width: 100%; position: relative;}
.itemObject a .img:before {content: ''; display: block; padding-top: 70%; background: #f9f9f9;}
.itemObject a .img img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.itemObject a .img img:nth-child(1) {}
.itemObject a .img img:nth-child(2) {opacity: 0;}
.itemObject a .img:hover img:nth-child(2) {opacity: 1;}

.itemObject a .name {display: block; text-transform: uppercase; font-weight: 500; margin-top: 14px; font-size: 11px;}
.itemObject a .price {display: block; font-weight: 500; color: #959595; margin-top: 6px; font-size: 11px;}
.itemObject a .price .new {display: inline-block; margin-right: 25px; color: #DE5031;}
.itemObject .butFav {position: absolute; top: 20px; right: 20px;}
.itemObject .butFav img {cursor: pointer; width: 18px;}
.itemObject .butFav img:nth-child(1) {display: block;}
.itemObject .butFav img:nth-child(2) {display: none;}
.itemObject .butFav.added {}
.itemObject .butFav.added img:nth-child(1) {display: none;}
.itemObject .butFav.added img:nth-child(2) {display: block;}

.itemCollection {flex: 1; display: flex; flex-direction: column;}
.itemCollection a {flex: 1; display: flex; flex-direction: column;}
.itemCollection a .img {flex: 1; display: block; width: 100%; position: relative; overflow: hidden;}
.itemCollection a .img:before {content: ''; display: block; padding-top: 120%; background: #f9f9f9;}
.itemCollection a .img img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.itemCollection a .img:hover img {transform: scale(1.04);}
.itemCollection a .name {display: block; text-transform: uppercase; font-family: "Montserrat", sans-serif; margin-top: 20px; font-weight: 600;}
.itemCollection a .more {display: block; margin-top: 10px; text-decoration: underline;}
.itemCollection a .more:hover {}

.bgblock {padding: 0 100px;}
.bgblock > div {background: #F5F1EC; display: flex;}
.bgblock .cont {width: 40%; padding: 135px 50px; display: flex; align-items: center;}
.bgblock .cont > div {}
.bgblock .cont h2 {font-family: "Montserrat", sans-serif; text-transform: uppercase;}
.bgblock .cont h2 span {font-size: 24px;}
.bgblock .cont p {margin: 30px 0; font-size: 13px; text-align: justify;}
.bgblock .cont p a {text-decoration: underline;}
.bgblock .cont p a:hover {text-decoration: none;}
.bgblock .cont p:last-of-type {margin-bottom: 0;}
.bgblock .cont .but {margin-top: 30px; display: flex;}
.bgblock .cont .but a {display: block; font-weight: 500; background: rgba(255,255,255,0.5); padding: 18px 24px; border-radius: 10px; display: flex; align-items: center;}
.bgblock .cont .but a:after {content: ''; width: 24px; height: 24px; background: url(../img/ico/square_arrow_right_up.svg) no-repeat center 100%; margin-left: 10px;}
.bgblock .cont .but a:hover {background: rgba(255,255,255,1);}
.bgblock .img {width: 60%; position: relative;}
.bgblock .img img {position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: calc(100% + 100px); height: calc(100% - 120px); object-fit: cover;}

.jornal {padding: 0 100px; margin-top: 20px;}
.jornal > div {display: grid; grid-template-columns: 1.5fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px;}
.jornal > div > div:nth-child(1) { grid-area: 1 / 1 / 3 / 2;}
.jornal > div > div:nth-child(2) { grid-area: 1 / 2 / 2 / 3;}
.jornal > div > div:nth-child(3) { grid-area: 2 / 2 / 3 / 3;}

.jornal > div > div:nth-child(1) a {position: relative; display: block; width: 100%; height: 100%;}
.jornal > div > div:nth-child(1) a .img {position: relative; display: block; height: 100%;}
.jornal > div > div:nth-child(1) a .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.jornal > div > div:nth-child(1) a .name {font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase; position: absolute; left: 25px; bottom: 25px; max-width: 320px;}
.jornal > div > div:nth-child(1) a .cont {position: absolute; bottom: 0; left: 0; width: 100%;}
.jornal > div > div:nth-child(1) a .cont:before {content: ''; position: absolute; bottom: 0; left: -1px; width: calc(100% + 2px); height: 200px; background: linear-gradient(180deg, transparent, white);}
.jornal > div > div:nth-child(1) a .text {display: none;}
.jornal > div > div:nth-child(1) a .more {position: absolute; right: 25px; bottom: 25px; text-decoration: underline;}
.jornal > div > div:nth-child(1) a .more:hover {text-decoration: none;}

.jornal > div > div:nth-child(n+2) a {display: flex; gap: 25px; background: #F5F5F5; padding: 25px;}
.jornal > div > div:nth-child(n+2) a .img {position: relative; width: 160px; height: 160px; flex-shrink: 0;}
.jornal > div > div:nth-child(n+2) a .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.jornal > div > div:nth-child(n+2) a .cont {display: flex; flex-direction: column; justify-content: space-between;}
.jornal > div > div:nth-child(n+2) a .name {display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase;}
.jornal > div > div:nth-child(n+2) a .text {display: block; margin: 10px 0; text-align: justify;}
.jornal > div > div:nth-child(n+2) a .more {display: block; color: #959595; text-decoration: underline;}
.jornal > div > div:nth-child(n+2) a .more:hover {text-decoration: none;}

footer {background: #F5F1EC; padding: 0 100px; margin-top: 100px;}

footer > div {display: flex; justify-content: space-between; align-items: start; padding: 60px 0; gap: 60px;}
footer > div > div {flex: 1;}
footer .void {flex: 1;}
footer .comp {display: flex ; flex-direction: column; align-items: center; text-align: center; margin-top: 5px;}
footer .comp .logo {}
footer .comp .logo img {display: block; height: 80px;}
footer .comp .info {margin-top: 25px;}
footer .comp .info div {margin-top: 5px; white-space: nowrap;}
footer .subs {margin-bottom: 40px; position: relative;}
footer .subs .title {font-size: 14px; font-weight: 500; margin-bottom: 5px; white-space: nowrap;}
footer .subs label {}
footer .subs label input {display: block; width: 100%; background: none; font-size: 12px; border-bottom: 1px solid #262626; padding: 10px 0; min-width: 250px;}
footer .subs input[type="submit"] {position: absolute; top: 26px; right: 0; width: 24px; height: 24px; background: url(../img/subs_but.svg) no-repeat center / 100%; opacity: 0.8;}
footer .subs input[type="submit"]:hover {}
footer .subs .sendok {position: absolute; bottom: 0; padding: 12px 0; font-weight: 700; background: #f5f1ec; width: 100%; z-index: 999; font-size: 14px;}
footer .subs.send {}
footer .subs.send .sendok {}
footer .menu {display: flex ; gap: 50px; justify-content: end;}
footer .menu > div {}
footer .menu .title {font-size: 14px; font-weight: 500; margin-bottom: 15px; white-space: nowrap;}
footer .menu .list {display: flex ; flex-direction: column; align-items: start; gap: 10px;}
footer .menu .list a {font-size: 13px; white-space: nowrap;}
footer .mag {display: flex;}
footer .mag .adr {font-size: 13px;}
footer .mag .tel {margin-top: 20px;}
footer .mag .tel a {font-size: 14px;}
footer .soc {display: flex; gap: 10px; margin-top: 20px;}
footer .soc a {}
footer .soc a img {display: block; width: 32px; height: 32px;}
footer .soc a:hover {}

.breadcrumbs {margin-top: 210px;}
.breadcrumbs > div {padding: 10px 100px; display: flex; gap: 4px;}
.breadcrumbs .item {}
.breadcrumbs .item:after {content: '-'; font-size: 12px;}
.breadcrumbs .item:last-of-type:after {display: none;}
.breadcrumbs .item a {font-size: 12px;}
.breadcrumbs .item a:hover {}
.breadcrumbs .item.active {}
.breadcrumbs .item.active a {color: #959595;}

.mh500 {min-height: 500px;}

.block_text {}
.block_text:after {content: ''; display: block; clear: both; visibility: hidden;}

.block_text > div {padding: 0 100px;}
.block_text h1 {font-family: "Montserrat", sans-serif; font-size: 14px;}
.block_text h2 {margin: 15px 0; text-transform: uppercase;}
.block_text h3 {margin: 15px 0; font-weight: 500; text-transform: uppercase;}
.block_text p {margin: 15px 0; text-align: justify;}

.block_text.margin {margin-top: 50px;}
.block_text.center h1 {text-align: center; text-transform: uppercase;}
.block_text.center h2 {text-align: center;}
.block_text.center h3 {text-align: center; font-size: 14px;}
.block_text.center p {text-align: center; font-size: 13px;}

.basketPage {display: flex; margin-top: -25px;}
.basketPage .left {flex: 1; width: 50%; padding: 40px 50px 100px 100px;}
.basketPage .right {flex: 1; width: 50%; padding: 40px 100px 100px 50px;  background: #f5f5f5;}
.basketPage h1 {font-family: "Montserrat", sans-serif; font-size: 14px; margin-bottom: 30px;}
.basketPage h2 {font-family: "Montserrat", sans-serif; font-size: 14px; margin-bottom: 30px;}
.basketPage .allPriceBasket {text-transform: uppercase; font-weight: 500;}
.basketPage .allPriceBasket span {font-weight: 600;}

.bpItemsBasket {}
.bpItemsBasket .item {display: flex; gap: 20px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #959595;}
.bpItemsBasket .item .img {width: 40%; background: #eee; position: relative;}
.bpItemsBasket .item .img:before {content: ''; display: block; padding-top: 70%;}
.bpItemsBasket .item .img img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.bpItemsBasket .item .cont {flex: 1; display: flex; flex-direction: column; gap: 10px;}
.bpItemsBasket .item .cont .title {font-weight: 500; text-transform: uppercase;}
.bpItemsBasket .item .cont .price {font-weight: 500; color: #959595;}
.bpItemsBasket .item .cont .price .new {display: inline-block; margin-right: 25px; color: #DE5031;}
.bpItemsBasket .item .cont .priceall {font-weight: 500;}
.bpItemsBasket .item .cont .priceall span {font-weight: 600;}
.bpItemsBasket .item .cont .characteristic {font-weight: 500;}
.bpItemsBasket .item .cont .characteristic span {text-transform: uppercase;}
.bpItemsBasket > .item:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}

.categoryList {background: #F5F1EC; margin-top: 30px;}
.categoryList > div {padding: 20px 100px; display: flex; justify-content: center; gap: 20px; mix-blend-mode: multiply;}
.categoryList a {display: flex; flex-direction: column; justify-content: start; align-items: center;}
.categoryList a .img {display: flex; width: 100px; height: 100px; align-items: center; justify-content: center;}
.categoryList a .img img {display: block; max-width: 100%; max-height: 100px; mix-blend-mode: multiply;}
.categoryList a .name {display: block; text-align: center; font-size: 13px; font-weight: 500;}
.categoryList a:hover {}

.linePreItems {margin-top: 20px;}
.linePreItems > div {padding: 0 100px; display: flex; justify-content: space-between;}
.linePreItems .item {display: flex; align-items: center;}
.linePreItems .item img {width: 24px; height: 24px; margin-right: 8px;}
.linePreItems .item span {font-size: 13px; font-weight: 500;}
.linePreItems .item:hover {cursor: pointer;}

.categoryItems {margin-top: 20px; padding: 0 100px; min-height: 400px;}
.categoryItems .items {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px;}
.categoryItems .items .item {}

.pagination {margin-top: 35px;}
.pagination .counter {text-align: center; font-weight: 500;}
.pagination .more {display: flex; justify-content: center; margin-top: 15px; position: relative;}
.pagination .more span {background: #262626; color: #fff; border-radius: 12px; font-weight: 500; padding: 15px 22px;}
.pagination .more span:hover {cursor: pointer;}
.pagination .load {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background: url(../img/loading.gif) no-repeat center; background-size: 32px;}
.pagination .more.loading {}
.pagination .more.loading span {opacity: 0;}
.pagination .more.loading .load {display: block;}

.pageItemObject {margin-top: 20px; padding: 0 100px; display: flex; align-items: start; gap: 20px;}
.pageItemObject .left {width: 65%; position: relative;}
.pageItemObject .right {width: 35%;}
.pageItemObject .imgs {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.pageItemObject .imgs .img {}
.pageItemObject .imgs .img:nth-of-type(3n + 1) {grid-column: 1 / 3;}
.pageItemObject .imgs .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.pageItemObject h1 {font-family: "Montserrat", sans-serif; font-size: 14px;}
.pageItemObject .price {display: block; font-weight: 500; color: #959595; margin-top: 15px;}
.pageItemObject .price .new {display: inline-block; margin-right: 25px; color: #DE5031;}

.pageContacts {margin-top: 20px; padding: 0 100px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;}
.pageContacts .item {flex: 1;}
.pageContacts .item h2 {font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600;}
.pageContacts .item p {font-weight: 500; margin: 20px 0;}
.pageContacts .item .but {display: flex; margin-top: 30px;}
.pageContacts .item .but a {font-weight: 500; background: #fff; padding: 18px 24px; border-radius: 10px; display: flex; align-items: center; border: 1px solid #262626;}
.pageContacts .item .but a:after {content: ''; width: 24px; height: 24px; background: url(../img/ico/square_arrow_right_up.svg) no-repeat center 100%; margin-left: 10px;}
.pageContacts .item iframe {margin-top: 45px;}

.pageBlog {}
.pageBlog .items {margin-top: 20px; padding: 0 100px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px;}

.pageBlog .itemFirst {display: flex; gap: 20px; grid-column: 1 / 4;}
.pageBlog .itemFirst .left {width: 60%; position: relative; overflow: hidden;}
.pageBlog .itemFirst .left .img {position: relative; display: block; height: 100%; min-height: 120px;}
.pageBlog .itemFirst .left .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.pageBlog .itemFirst .left .name2 {font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; position: absolute; left: 25px; bottom: 25px; max-width: 320px;}
.pageBlog .itemFirst .left .cont {position: absolute; bottom: 0; left: 0; width: 100%;}
.pageBlog .itemFirst .left .cont:before {content: ''; position: absolute; bottom: 0; left: -1px; width: calc(100% + 2px); height: 200px; background: linear-gradient(180deg, transparent, white);}
.pageBlog .itemFirst .right {width: 40%; display: flex; flex-direction: column;}
.pageBlog .itemFirst .right .date {color: #959595; font-weight: 500;}
.pageBlog .itemFirst .right .text {flex: 1; padding-bottom: 30px;}
.pageBlog .itemFirst .right .text p {margin: 20px 0;}
.pageBlog .itemFirst .right .more {}
.pageBlog .itemFirst .right .more a {text-decoration: underline;}
.pageBlog .itemFirst .right .more a:hover {text-decoration: none;}
.pageBlog .itemFirst .left .date {display: none; margin-top: 10px; color: #959595; font-weight: 500;}
.pageBlog .itemFirst .left .name {display: none; margin-top: 8px; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase;}

.pageBlog .item {}
.pageBlog .item a {display: block;}
.pageBlog .item a .img {display: block; width: 100%; position: relative;}
.pageBlog .item a .img:before {content: ''; display: block; padding-top: 70%; background: #f9f9f9;}
.pageBlog .item a .img img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.pageBlog .item a .date {display: block; margin-top: 10px; color: #959595; font-weight: 500;}
.pageBlog .item a .name {display: block; margin-top: 8px; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase;}

.itemsCollection {}
.itemsCollection {}

.selectSize {margin-top: 25px;}

.customSelect {position: relative; z-index: 9;}
.customSelect .line {display: flex ; align-items: center; justify-content: space-between; border: 1px solid #262626; border-radius: 12px; padding: 10px 15px; height: 47px;}
.customSelect .line .title {font-weight: 500;}
.customSelect .line .arrow {width: 24px; height: 24px; border: 1px solid #262626; border-radius: 5px; background: url(../img/ico/arrow_down.svg) no-repeat center 8px / 12px;}
.customSelect .values {display: none; border: 1px solid #262626; border-radius: 0 0 12px 12px; position: absolute; top: 100%; left: 0; width: 100%; background: #fff;}
.customSelect .values .value {padding: 18px 22px; border-top: 1px solid #262626;}
.customSelect .values .value:hover {cursor: pointer;} 
.customSelect .line:hover {cursor: pointer;}
.customSelect.error {}
.customSelect.error .line .title {color: red;}

.customSelect.open {z-index: 99;}
.customSelect.open .line {border-radius: 12px 12px 0 0;}
.customSelect.open .values {display: block;}

.addItemInBasket {position: relative; overflow: hidden; margin-top: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #262626; background: #262626; color: #fff; border-radius: 12px; padding: 15px 22px;}
.addItemInBasket:hover {cursor: pointer;}
.addItemInBasket.added {border-color: #F5F1EC;}
.addItemInBasket.added:after {content: 'Товар добавлен'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F5F1EC; color: #000; font-weight: 500;}

.itemButs {margin-top: 30px; display: grid; grid-template-columns: 2fr 2fr; gap: 20px;}
.itemButs .but {display: flex; align-items: center;}
.itemButs .but img {margin-right: 8px; width: 24px;}
.itemButs .but span {font-weight: 500;}
.itemButs .but:hover {cursor: pointer;}

.itemButs .butFav {}
.itemButs .butFav img {}
.itemButs .butFav span {}
.itemButs .butFav > img:nth-of-type(1) {}
.itemButs .butFav > img:nth-of-type(2) {display: none;}
.itemButs .butFav > span:nth-of-type(1) {}
.itemButs .butFav > span:nth-of-type(2) {display: none;}
.itemButs .butFav.added > img:nth-of-type(1) {display: none;}
.itemButs .butFav.added > img:nth-of-type(2) {display: block;}
.itemButs .butFav.added > span:nth-of-type(1) {display: none;}
.itemButs .butFav.added > span:nth-of-type(2) {display: block;}

.fw500 {font-weight: 500;}

.areatext {margin-top: 25px;}
.areatext p {margin: 10px 0; text-align: justify;}
.areatext p strong {font-weight: 500;}
.areatext p b {font-weight: 500;}
.areatext p a {text-decoration: underline;}
.areatext p a:hover {text-decoration: none;}
.characteristics {margin: 10px 0;}
.characteristics p {margin: 0;}

.no-active {opacity: 0.5;}

.wr_count {display: flex; align-items: center; font-weight: 500;}
.wr_count .title {margin-right: 20px;}
.wr_count .counter {flex-basis: 25px; text-align: center; margin: 0 5px;}
.wr_count img {width: 24px;}
.wr_count img:hover {cursor: pointer;}
.wr_count img.remove {margin-left: 20px;}
.wr_count .butItemEventRemove {margin-left: 20px; width: 20px; height: 20px; display: flex ; align-items: center; justify-content: center; border: 1px solid #444; border-radius: 100px; opacity: 0.8;}
.wr_count .butItemEventRemove img {display: block; width: 11px;}
.wr_count .butItemEventRemove:hover {cursor: pointer; opacity: 1;}

.page_emarket_cart {}
.page_emarket_cart footer {margin-top: 0;}

.orderinfo {}
.orderinfo > div {margin-top: 30px; display: flex; flex-direction: column; gap: 10px;}
.orderinfo h3 {font-weight: 500; text-transform: uppercase;}
.orderinfo .line {display: flex; gap: 10px;}
.orderinfo .line label {flex: 1;}
.orderinfo .line label input {display: block; width: 100%; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500;}
.orderinfo textarea {display: block; width: 100%; overflow: hidden; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500;}
.orderinfo input[type="submit"] {display: block; width: 100%; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff; margin-top: 30px;}
.orderinfo input[type="submit"]:hover {}

.wrRightBlock {position: fixed; top: 0; right: -100%; height: 100%; width: 100%; z-index: 999999; display: flex; backdrop-filter: blur(5px);}
.wrRightBlock > div {width: 50%;}
.wrRightBlock > form {width: 50%;}
.wrRightBlock .l {background: #000; opacity: 0.3; position: relative;}
.wrRightBlock .r {background: #fff; padding: 20px 100px; position: relative; overflow: auto;}
.wrRightBlock.show {right: 0;}
.wrRightBlock .title {font-size: 14px; font-weight: 600; text-transform: uppercase;}
.wrRightBlock .clear {display: flex ; align-items: center; position: absolute; top: 20px; right: 100px; text-decoration: underline;}
.wrRightBlock .clear .ico {border: 1px solid #262626; border-radius: 100%; padding: 2px; margin-left: 5px;}
.wrRightBlock .clear .ico img {display: block; width: 9px;}
.wrRightBlock .clear:hover {cursor: pointer; text-decoration: none;}

.wrrbCont {}
.wrrbCont p {margin: 15px 0;}
.wrrbCont table {margin: 15px 0; width: 100%!important; border-collapse: collapse;}
.wrrbCont table tr {}
.wrrbCont table tr td {padding: 10px 15px; text-align: left !important; width: auto !important;}
.wrrbCont table tr td p {margin: 0;}
.wrrbCont table tr:nth-child(odd) td {background: #F5F1EC;}

.wrForm {}
.wrForm form {}
.wrForm form .af-form {display: flex ; flex-direction: column; gap: 15px; margin: 15px 0;}
.wrForm form label {position: relative;}
.wrForm form label:before {content: ''; width: 24px; height: 24px; background: url(../img/icoedit.svg) no-repeat center; position: absolute; top: 30px; right: 15px; opacity: 0.5;}
.wrForm form label .ititle {display: block; padding-left: 20px; font-weight: 500; padding-bottom: 4px;}
.wrForm form label .icobut {width: 24px; height: 24px; position: absolute; top: 30px; right: 15px; cursor: pointer;}
.wrForm form label input[type="text"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label input[type="password"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label input[type="phone"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label input[type="email"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label textarea {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form .submit {display: flex; justify-content: end; margin-top: 15px;}
.wrForm form .submit input {display: block; min-width: 180px; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.wrForm form .submit input:hover {}

.af-form {}
.af-send {display: none;}
.af-send p {margin: 10px 0;}
form.sended .af-form {display: none;}
form.sended .af-send {display: block;}

.wrFilters .line {margin-top: 15px; border-top: 1px solid #959595; padding-top: 15px;}
.wrFilters .line.first {border-top: 0;}
.wrFilters .line .name {display: flex ; align-items: center; justify-content: space-between;}
.wrFilters .line .name .txt {font-size: 12px; font-weight: 500; text-transform: uppercase;}
.wrFilters .line .name .ico {border: 1px solid #262626; border-radius: 100%; padding: 2px;}
.wrFilters .line .name .ico img {width: 9px;}
.wrFilters .line .name .ico img:nth-child(1) {display: block;}
.wrFilters .line .name .ico img:nth-child(2) {display: none;}
.wrFilters .line .name .txt:hover {cursor: pointer;}
.wrFilters .line .name .ico:hover {cursor: pointer;}
.wrFilters .submit {display: flex; justify-content: end; margin-top: 30px;}
.wrFilters .submit input {display: block; min-width: 180px; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.wrFilters .submit input:hover {}
.wrFilters .checkboxs {}
.wrFilters .checkboxs.grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 10px 0 5px;}
.wrFilters .checkboxs.flex {display: flex; gap: 10px 20px; margin: 10px 0 5px; flex-wrap: wrap;}

.accardion {}
.accardion .bhide {max-height: 0; overflow: hidden;}
.accardion.show {}
.accardion.show .bhide {max-height: 100px;}
.accardion.show .ico img:nth-child(1) {display: none!important;}
.accardion.show .ico img:nth-child(2) {display: block!important;}

.checkbox {display: flex; align-items: center; position: relative;}
.checkbox label {display: flex ; align-items: center;}
.checkbox input {position: absolute; top: 0; left: 0; opacity: 0;}
.checkbox .mark {margin-right: 5px; display: flex; justify-content: center; align-items: center; position: relative;}
.checkbox .mark:before {content: ''; width: 10px; height: 10px; display: block; border: 1px solid #262626; border-radius: 100%;}
.checkbox .mark:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #262626; border-radius: 100%; width: 6px; height: 6px; margin: auto; opacity: 0;}
.checkbox .mark img {display: none!important;}
.checkbox .mark img:nth-child(1) {display: block;}
.checkbox .mark img:nth-child(2) {display: none;}
.checkbox input:checked ~ .mark {}
.checkbox input:checked ~ .mark:after {opacity: 1;}
.checkbox input:checked ~ .mark img {}
.checkbox input:checked ~ .mark img:nth-child(1) {display: none;}
.checkbox input:checked ~ .mark img:nth-child(2) {display: block;}
.checkbox .value {font-weight: 500;}
.checkbox .value .hidetext {display: none;}
.checkbox.hide {opacity: 0.5; pointer-events: none;}
.checkbox.hide .hidetext {display: inline-block;}

.mmenu {display: none;}
.mmenu img {height: 24px;}
.mmenu img:nth-child(1) {display: block;}
.mmenu img:nth-child(2) {display: none;}

.not_available {text-align: center; background: #eee; padding: 20px 0; font-weight: 500; border-radius: 12px; margin-top: 20px;}

.butInnerMenu {display: none;}
.butInnerMenu img {display: block; height: 14px;}

.innerMenuTitle {display: none; align-items: center; padding: 5px 10px; gap: 5px;}
.innerMenuTitle img {height: 14px; transform: rotate(180deg);}
.innerMenuTitle span {text-transform: uppercase; font-weight: 600; white-space: nowrap;}

.overflow_hidden {overflow: hidden;}

.catalog_no_items {text-align: center; margin: 15px 0; min-height: 150px;}

.wrForm form.formPoshiv {display: grid ; grid-template-columns: repeat(2, 1fr); gap: 25px 20px; max-width: 700px; margin: 40px auto;}
.wrForm form.formPoshiv .type_text {}
.wrForm form.formPoshiv .type_select {}
.wrForm form.formPoshiv .type_select:before {display: none;}
.wrForm form.formPoshiv .type_textarea {grid-column: 1 / 3;}
.wrForm form.formPoshiv .submit {grid-column: 1 / 3; justify-content: center; margin-top: 5px;}
.wrForm form.formPoshiv .botFormTxt {grid-column: 1 / 3;}
.wrForm form.formPoshiv .botFormTxt p {text-align: center; margin: 5px 0;}

.wrForm form.formUserInfo {display: grid ; grid-template-columns: repeat(3, 1fr); gap: 25px 20px; margin: 40px auto;}
.wrForm form.formUserInfo .submit {}
.wrForm form.formUserInfo .submit input {width: 100%;}

.innerItemSlider {display: none; position: relative; margin-top: 25px;}
.innerItemSlider .owl-nav button {position: absolute; top: calc(50% - 24px); width: 24px; height: 24px; border: 1px solid #262626 !important; border-radius: 5px; background: url(../img/ico/arrow_down.svg) no-repeat center 8px / 12px !important;}
.innerItemSlider .owl-nav button.owl-prev {left: 15px; transform: rotate(90deg); opacity: 0.8;}
.innerItemSlider .owl-nav button.owl-next {right: 15px; transform: rotate(-90deg); opacity: 0.8;}

.uform {max-width: 420px; margin: 40px auto!important;}
.uform .submit input {min-width: 100%!important;}
.uform-auth {display: flex ; flex-direction: column; gap: 15px;}

.formlink {display: flex ; justify-content: space-between; margin-top: 30px;}
.formlink a {font-size: 14px; font-weight: 500; text-decoration: underline;}
.formlink a:hover {text-decoration: none;}

.form-error {margin-bottom: 10px;}
.form-error p {color: red; margin: 0;}

.wrForm form.uformreg {max-width: 1000px; margin: 40px auto!important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px 20px;}
.wrForm form.uformreg .submit {margin-top: 18px;}
.wrForm form.uformreg .submit input {min-width: 100%;}
.wrForm form.uformreg .form-error {grid-column: 1 / 4; margin-bottom: 0;}

.wrForm form label.type_password:before {background: url(../img/password1.svg) no-repeat center; opacity: 1;}
.wrForm form label.type_password.show:before {background: url(../img/password2.svg) no-repeat center; opacity: 1;}

.float_left {float: left; margin: 5px 30px 5px 0;}
.float_right {float: right; margin: 5px 0 5px 30px;}
.width_100 {width: 100%; height: auto; margin: 5px 0;}

.form-after-text {grid-column: 1 / 4;}
.form-after-text p {}

.title-link {}
.title-link h2 {}
.title-link a {display: none;}

.form_promocodes {display: flex; width: 100%; border: 1px solid #262626; border-radius: 10px; margin-top: 20px; overflow: hidden;}
.form_promocodes input[type="text"] {flex: 1; padding: 16px 22px; font-weight: 500;}
.form_promocodes input[type="submit"] {flex: 1; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.form_promocodes input[type="submit"]:hover {}

.basketLineInfo {margin-top: 20px; display: flex; flex-direction: column; gap: 10px;}
.basketLineInfo p {}
.basketLineInfo p b {}
.basketRadios {display: flex; flex-direction: column; gap: 10px;}

.promocoderesult {margin-top: 10px; display: flex; flex-direction: column; gap: 10px;}
.promocoderesult p {}
.promocoderesult p b {}
.promocoderesult p.error {color: red;}

.page404 {text-align: center; min-height: 200px;}
.page404 h1 {font-size: 24px;}
.page404 p {margin: 15px 0;}

.elem-labels {position: absolute; top: 10px; left: 10px; z-index: 9; display: flex ; flex-direction: column; gap: 5px;}
.elem-labels .elem {display: flex ; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; line-height: 10px; border-radius: 100%;}
.elem-labels .elem .text1 {color: inherit; font-size: 10px; font-weight: 600;}
.elem-labels .elem .text2 {color: inherit; font-size: 10px;}

.user_line {border-bottom: 1px solid #cacaca; padding-bottom: 25px;}
.user_line > div {display: flex; align-items: center; gap: 100px;}
.user_line .title {display: flex ; flex-direction: column; gap: 3px;}
.user_line .title h1 {text-transform: uppercase;}
.user_line .title .umail {white-space: nowrap;}
.user_line .menu {flex: 1; display: flex; align-items: center; gap: 20px;}
.user_line .menu a {font-size: 13px; font-weight: 500; padding: 12px 20px; border-radius: 10px; display: flex ; align-items: center; border: 1px solid #222;}
.user_line .menu a:after {content: ''; width: 24px; height: 24px; background: url(../img/ico/square_arrow_right_up.svg) no-repeat center / 100%; margin-left: 10px;}
.user_line .menu a.active {background: #222; color: #fff;}
.user_line .menu a.active:after {filter: invert(1);}
.user_line .menu a:hover {}
.user_line .menu a:hover {}
.user_line .exit {}
.user_line .exit:hover {color: #000;}

.wrapper_ordersList {display: flex; flex-direction: column; gap: 50px; padding: 40px 0 0;}

.ordersList {position: relative;}
.ordersList .wrScrollItemsObjectrs {margin-top: 0;}
.ordersList .infoOrder {position: absolute; top: 0; left: 100px; background: #fff; z-index: 9; height: 100%; text-transform: uppercase; font-weight: 500; display: flex ; flex-direction: column; gap: 5px;}
.ordersList .infoOrder .number {}
.ordersList .infoOrder .date {color: #959595;}
.ordersList .infoOrder .summa {}

.text_form {font-size: 13px; background: #e8f7f0; padding: 20px; font-weight: 500;}
.wrForm form.formPoshiv .text_form {text-align: center; grid-column: 1 / 3;}
.formItemModel .text_form {margin-top: 25px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    box-shadow: 0 0 0 30px white inset !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:is(:-webkit-autofill, :autofill) {
	box-shadow: 0 0 0 30px white inset !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.bonuscardPage {display: flex; gap: 50px; margin-top: 40px;}
.bonuscardPage .left {}
.bonuscardPage .right {flex: 1;}
.bonuscardPage .card {width: 580px; height: 320px; background: #eee; border-radius: 15px; padding: 40px; display: flex ; flex-direction: column; gap: 5px; position: relative; overflow: hidden;}
.bonuscardPage .card:before {content: ''; position: absolute; top: 0; right: -100px; width: 280px; height: 100%; background: #000000; transform: skew(-20deg, 0deg); opacity: 0.05;}
.bonuscardPage .card .title1 {font-size: 26px; font-weight: 600;}
.bonuscardPage .card .title2 {font-size: 20px; font-weight: 500;}
.bonuscardPage .card .proc {font-size: 20px; font-weight: 500;}
.bonuscardPage .card .price {font-size: 34px; font-weight: 500;}
.bonuscardPage .card .date {font-size: 18px; position: absolute; bottom: 30px; right: 30px;}
.bonuscardPage .void {flex: 1;}
.bonuscardPage table {width: 100%; border-collapse: collapse;}
.bonuscardPage table tr {}
.bonuscardPage table tr td {border: 1px solid #eee; padding: 10px 15px;}
.bonuscardPage table tr td.date {}
.bonuscardPage table tr td.comment {width: 100%;}
.bonuscardPage table tr td.price {white-space: nowrap; font-weight: 600;}
.bonuscardPage table tr td.price .plus {color: green;}
.bonuscardPage table tr td.price .minus {color: red;}

.mt {margin-top: 30px;}
.flex1 {flex: 1;}

.purchasing {display: flex ; flex-direction: column; gap: 8px;}
.deliveries {display: flex ; flex-direction: column; gap: 8px;}

.deliveryAddress {display: none!important;}
.deliveryAddress.show {display: flex!important;}
.deliveryAddress .lines {display: flex; flex-direction: column; gap: 10px;}

#apiShipWidget {display: none; min-height: auto!important;}
#apiShipWidget .d_tab_panel {min-height: auto!important; height: auto!important;}
#apiShipWidget div.d_tp_wrapper {display: flex!important; width: 100%!important;}
#apiShipWidget div.d_tp_wrapper .map {width: calc(100% - 210px)!important;}
#apiShipWidget div.d_tp_wrapper .list {left: auto!important; right: 0;}
#apiShipWidget div.accordion:after {filter: brightness(0);}

.buttonCulcDeliveryApiShip {flex: 1; border: 1px solid #262626; border-radius: 10px; padding: 16px 0; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.buttonCulcDeliveryApiShip:hover {cursor: pointer;}

.wrApiShip .btn {display: inline-block; border: 1px solid #262626; border-radius: 5px; padding: 4px 12px 5px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.wrApiShip .btn:hover {cursor: pointer;}

.accordion-panel p {display: flex; justify-content: start; margin: 2px 0;}
.accordion-panel label {display: flex; position: relative;}
.accordion-panel label .mark {margin-right: 5px; display: flex; justify-content: center; align-items: center; position: relative;}
.accordion-panel label .mark:before {content: ''; width: 10px; height: 10px; display: block; border: 1px solid #262626; border-radius: 100%;}
.accordion-panel label .mark:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #262626; border-radius: 100%; width: 6px; height: 6px; margin: auto; opacity: 0;}
.accordion-panel label .mark img {display: none!important;}
.accordion-panel label .mark img:nth-child(1) {display: block;}
.accordion-panel label .mark img:nth-child(2) {display: none;}
.accordion-panel label input {position: absolute; top: 0; left: 0; opacity: 0;}
.accordion-panel label input:checked ~ .mark {}
.accordion-panel label input:checked ~ .mark:after {opacity: 1;}
.accordion-panel label input:checked ~ .mark img {}
.accordion-panel label input:checked ~ .mark img:nth-child(1) {display: none;}
.accordion-panel label input:checked ~ .mark img:nth-child(2) {display: block;}

.wrApiShip {position: relative; margin-top: 20px!important;}
.wrApiShip .loading {}

#apiShipWidget .d_tab {display: none;}
.d_tab_panel {display: none;}


.delivery-toPoint {}
.delivery-toPoint .lines {position: relative;}
.delivery-toPoint .line1 {}
.delivery-toPoint .line2 {display: none;}
.delivery-toPoint .line3 {}
.delivery-toPoint .buttonCulcDeliveryApiShip {position: absolute; top: 0; right: 0; width: calc(50% - 5px);}

.filtersDeliveryTypes {display: flex; flex-direction: column; gap: 5px;}

#apiShipWidget .filters input[type="checkbox"] + label span {width: 10px!important; height: 10px!important; border: 1px solid #262626!important; border-radius: 100%!important; position: relative;}
#apiShipWidget .filters input[type="checkbox"]:checked + label span {background: none!important;}
#apiShipWidget .filters input[type="checkbox"]:checked + label span:after {content: ''!important; position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; background: #262626!important; border-radius: 100%!important; width: 6px!important; height: 6px!important; margin: auto!important;}

#order_delivery_apiship {display: none!important;}
.adressMapPointRightList {display: none!important;}




.text_form_agree {display: flex ; justify-content: start; align-items: start; position: relative;}
.text_form_agree input {display: block; -webkit-appearance: auto; position: absolute; opacity: 0; width: auto !important; min-width: auto !important;}
.text_form_agree p {}
.text_form_agree p a {text-decoration: underline;}
.text_form_agree p a:hover {text-decoration: none;}
.text_form_agree label:before {display: none!important;}

.formPoshiv .text_form_agree {grid-column: 1 / 3;}
.subs .text_form_agree {margin-top: 5px;}





.agree_cookie {position: fixed; bottom: 20px; left: 20px; background: #fff; padding: 15px; border-radius: 5px; border: 1px solid #cacaca; z-index: 999999; display: flex; gap: 10px; max-width: 260px;}
.agree_cookie .ico {font-size: 24px;}
.agree_cookie .text {display: flex; flex-direction: column; align-items: start; gap: 8px;}
.agree_cookie .text .but {width: 100%; border-radius: 5px; padding: 5px 5px; font-weight: 500; text-align: center; background: #262626; color: #ffffff;}
.agree_cookie .text .but:hover {cursor: pointer;}
.agree_cookie .text a {text-decoration: underline;}
.agree_cookie .text a:hover {text-decoration: none;}




@media screen and (orientation: portrait) {
	.banner .img {display: none;}
	.banner .imgmobile {display: block;}
}

@media (max-width: 1440px) {
	header {padding: 20px 55px 0;}
	.wrRightBlock .r {padding: 20px 55px 0;}
	.wrFilters .r {padding: 20px 55px 0;}
	.wrb .title {padding: 0 55px;}
	.wrScrollItemsObjectrs {padding: 0 55px;}
	.wrScrollItemsCollection {padding: 0 55px;}
	.bgblock {padding: 0 55px;}
	.jornal {padding: 0 55px;}
	footer {padding: 0 55px;}
	.breadcrumbs > div {padding: 10px 55px;}
	.block_text > div {padding: 0 55px;}
	.categoryList > div {padding: 20px 55px;}
	.linePreItems > div {padding: 0 55px;}
	.categoryItems {padding: 0 55px;}
	.pageItemObject {padding: 0 55px;}
	.pageBlog .items {padding: 0 55px;}
	.pageContacts {padding: 0 55px;}
	
	.wrFilters .clear {right: 55px;}
	.wrRightBlock .clear {right: 55px;}
	.banner .link {bottom: 55px; left: 55px;}
	.wrScrollItemsObjectrs .owl-prev2 {top: calc(50% - 56px - 30px);}
	.wrScrollItemsObjectrs .owl-next2 {top: calc(50% - 56px - 30px);}
	
	.ordersList .infoOrder {left: 55px;}
	.basketPage .left {padding: 40px 50px 100px 50px;}
	.basketPage .right {padding: 40px 50px 100px 50px;}
}

@media (max-width: 1300px) {
	.bgblock .cont h2 span {font-size: 14px;}
	.header .right .void {display: none;}
	.jornal > div {grid-template-columns: 1.25fr 1fr;}
	.bonuscardPage .card {width: 500px; height: 280px; padding: 30px;}
}

@media (max-width: 1200px) {
	.pageItemObject .left {width: 55%;}
	.pageItemObject .right {width: 45%;}
	
	.bgblock .cont {width: 50%}
	.bgblock .img {width: 50%}
	.jornal > div {grid-template-columns: 1fr 1fr;}

	.block_text img {max-width: 50%; height: auto;}
	
	body.showmenu {overflow: hidden;}
	body.showmenu header nav {left: 0;}
	body.showmenu .mmenu img:nth-child(1) {display: none;}
	body.showmenu .mmenu img:nth-child(2) {display: block;}
	
	header nav {position: fixed; background: #fff; left: -100%; width: 100%; justify-content: start; align-items: start; overflow: auto;}
	header nav > ul {flex-direction: column; gap: 0; width: 100%; padding: 5px 0; overflow: hidden;}
	header nav > ul > li {padding: 0; position: relative;}
	header nav > ul > li > a {display: block; padding: 10px 15px;}
	.butInnerMenu {display: flex ; align-items: center; justify-content: end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 15px;}
	.innerMenuTitle {display: flex;}
	
	header .innermenu {visibility: visible; opacity: 1; background: #fff; padding: 0; display: block; border-top: 0; border-bottom: 0; top: 0; z-index: 9; left: 100%; position: fixed; padding-top: 10px; overflow: auto;}
	header .innermenu.show {left: 0;}
	header .innermenu .link {display: none;}
	header .innermenu > ul {flex-direction: column; gap: 0; width: 100%; padding: 5px 0; overflow: hidden;}
	header .innermenu > ul > li {padding: 0; position: relative;}
	header .innermenu > ul > li > a {display: block; padding: 10px 15px;}
	
	.header .logo img {height: 52px;}
	.banner .link {bottom: 15px; left: 15px;}
	.wrb {margin-top: 30px;}
	.wrScrollItemsObjectrs .owl-nav {width: 100vw; position: relative; left: -15px;}
	.bgblock .cont {padding: 25px 15px;}
	.bgblock > div {gap: 10px;}
	.bgblock .img img {height: calc(100% - 50px);}
	.mmenu {display: block;}
	
	.wrheader.scroll .header {height: auto!important;}
	.wrheader.scroll .header .mid {top: 0!important; opacity: 1!important; height: auto!important;}
	.wrheader.scroll .header .left {top: 0!important;}
	.wrheader.scroll .header .right {top: 0!important;}
	
	header {padding: 10px 15px;}
	.wrb .title {padding: 0 15px;}
	.wrScrollItemsObjectrs {padding: 0 80px 0 15px;}
	.wrScrollItemsCollection {padding: 0 15px;}
	.bgblock {padding: 0 15px;}
	.jornal {padding: 0 15px;}
	footer {padding: 0 15px;}
	.breadcrumbs > div {padding: 10px 15px;}
	.block_text > div {padding: 0 15px;}
	.categoryList > div {padding: 20px 15px;}
	.linePreItems > div {padding: 0 15px;}
	.categoryItems {padding: 0 15px;}
	.pageItemObject {padding: 0 15px;}
	.pageBlog .items {padding: 0 15px;}
	.pageContacts {padding: 0 15px;}
	
	.breadcrumbs {margin-top: 145px; height: 0; overflow: hidden;}
	.categoryList > div {justify-content: space-between; overflow: auto;}
	
	.wrRightBlock .l {width: 40%;}
	.wrRightBlock .r {width: 60%; padding: 20px 15px;}
	.wrFilters .clear {right: 15px;}
	.wrRightBlock .clear {right: 15px;}
	
	.itemObject .butFav {top: 10px; right: 10px;}
	
	.pageItemObject {margin-top: 0;}
	
	.ordersList .infoOrder {left: 15px;}
	
	.basketPage .left {padding: 40px 15px 100px 15px;}
	.basketPage .right {padding: 40px 15px 100px 15px;}
}

@media (max-width: 1100px) {
	.user_line > div {gap: 50px;}
}

@media (max-width: 960px) {
	.wrScrollItemsCollection {padding: 0 80px 0 15px;}
	.wrForm form.uformreg .form-error {grid-column: 1 / 3;}
	.wrForm form.uformreg {grid-template-columns: repeat(2, 1fr);}
	.wrForm form.uformreg .submit {grid-column: 1 / 3; margin-top: 5px;}
	.wrForm form.uformreg .form-after-text {grid-column: 1 / 3;}
	.jornal > div > div:nth-child(1) a .name {max-width: 100%; padding-right: 120px;}
	.bonuscardPage {gap: 30px;}
	.bonuscardPage .card {width: 420px; height: 240px; padding: 25px;}
	.bonuscardPage .card .date {bottom: 25px; right: 25px;}
	.bonuscardPage .card .title1 {font-size: 22px;}
	.bonuscardPage .card .title2 {font-size: 16px;}
	.bonuscardPage .card .proc {font-size: 16px;}
	.bonuscardPage .card .price {font-size: 28px;}
	.bonuscardPage .card .date {font-size: 14px;}
	.agree_cookie {bottom: 10px; left: 10px;}
}

@media (max-width: 920px) {
	footer > div {gap: 30px;}
	.header .left {max-width: 220px; width: 100%; flex: auto;}
	.header .right {max-width: 220px; width: 100%; flex: auto;}
	.wrForm form.formUserInfo {grid-template-columns: repeat(2, 1fr); margin: 30px auto 40px;}
	.user_line > div {gap: 50px;}
	.user_line .menu {gap: 10px;}
	.user_line .menu a {font-size: 12px; padding: 8px 14px;}
	.user_line > div {flex-direction: column; align-items: start; gap: 20px; position: relative;}
	.user_line .exit {position: absolute; top: 0; right: 15px;}
	.bonuscardPage {flex-direction: column;}
	.bonuscardPage .card {width: 100%; max-width: 420px;}
	.bonuscardPage .card:before {right: -180px;}
	.pageContacts {display: flex; flex-direction: column;}
	.basketPage {flex-direction: column;}
	.basketPage .left {width: 100%; padding: 25px 15px 30px;}
	.basketPage .right {width: 100%; padding: 30px 15px 50px 15px;}
}

@media (max-width: 800px) {
	.pageContacts {gap: 20px;}
	.jornal > div {grid-template-columns: 1fr;}
	.jornal > div > div:nth-child(1) {grid-area: 1;}
	.jornal > div > div:nth-child(2) {grid-area: 2;}
	.jornal > div > div:nth-child(3) {grid-area: 3;}
	.jornal > div > div:nth-child(1) a .name {left: 15px; bottom: 15px;}
	.jornal > div > div:nth-child(1) a .more {display: none;}
	.jornal > div > div:nth-child(n+2) a {padding: 15px;}
	.jornal > div > div:nth-child(n+2) a .cont {justify-content: start;}
	.jornal > div > div:nth-child(n+2) a .more {display: none;}
	.categoryList a .name {font-size: 11px;}
	.categoryList a .img {width: 60px; height: 60px;}
	.uform {margin-top: 20px!important;}
	.wrForm form.uformreg {margin-top: 20px!important;}
	.pageBlog .itemFirst .right {display: none;}
	.pageBlog .itemFirst .left {display: block; width: 100%}
	.pageBlog .itemFirst {display: block; grid-column: auto;}
	.pageBlog .itemFirst .left .cont {display: none;}
	.pageBlog .itemFirst .left .date {display: block;}
	.pageBlog .itemFirst .left .name {display: block;}
	.pageBlog .itemFirst .left .img:before {content: ''; display: block; padding-top: 70%; background: #f9f9f9;}
	.pageBlog .items {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 760px) {
	.categoryItems .items {grid-template-columns: repeat(2, 1fr);}
	footer {margin-top: 50px;}
	.elem-labels .elem {gap: 3px;}
	.elem-labels .elem {line-height: 4px; width: 34px; height: 34px;}
	.elem-labels .elem .text1 {font-size: 8px;}
	.elem-labels .elem .text2 {font-size: 8px;}
}

@media (max-width: 720px) {
	.wrRightBlock .l {width: 30%;}
	.wrRightBlock .r {width: 70%;}
	.ordersList .infoOrder {position: static; padding: 0 15px 15px;}
	.wrapper_ordersList {padding: 25px 0 0;}
}

@media (max-width: 680px) {
	footer > div {flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	footer .soc {justify-content: center;}
	footer .menu .list {align-items: center;}
	footer .comp {order: 3;}
	.page_catalog_category .block_text p {display: none;}
	.categoryList {margin-top: 15px;}
}

@media (max-width: 620px) {
	.innerItemSlider {display: block;}
	.header .left {max-width: 160px;}
	.header .right {max-width: 160px;}
	.wrRightBlock .l {width: 0;}
	.wrRightBlock .r {width: 100%;}
	.pageItemObject .left {display: none;}
	.pageItemObject .right {width: 100%;}
}

@media (max-width: 540px) {
	.orderinfo .line {flex-direction: column;}
	.bgblock > div {flex-direction: column; gap: 0;}
	.bgblock .cont {width: 100%;}
	.bgblock .img {width: 100%;}
	.bgblock .img img {width: 100%; height: 100%;}
	.bgblock .img:before {content: ''; display: block; padding-top: 70%;}
	.bgblock .cont p {margin: 15px 0;}
	.wrForm form.formPoshiv {grid-template-columns: repeat(1, 1fr);}
	.wrForm form.formPoshiv .submit {grid-column: 1;}
	.wrForm form.formPoshiv .type_textarea {grid-column: 1;}
	.wrForm form.formPoshiv .text_form_agree {grid-column: 1;}
	.wrForm form.formPoshiv .botFormTxt {grid-column: 1;}
	.wrForm form.uformreg .form-error {grid-column: 1;}
	.wrForm form.uformreg {grid-template-columns: repeat(1, 1fr);}
	.wrForm form.uformreg .submit {grid-column: 1;}
	.wrForm form.uformreg .form-after-text {grid-column: 1;}
	.header .left {max-width: 120px;}
	.header .right {max-width: 120px;}
	.header .logo img {height: 42px;}
	.breadcrumbs {margin-top: 135px;}
	.user_line .menu {gap: 10px; flex-direction: column; align-items: start;}
	.wrForm form.formUserInfo {grid-template-columns: repeat(1, 1fr); margin: 20px auto 40px; gap: 20px;}
	.wrForm form.formUserInfo .submit {margin-top: 10px;}
}

@media (max-width: 480px) {
	.mmenu img {height: 20px;}
	.fSearch label img {height: 20px;}
	.header .icoLink img {height: 20px;}
	.header .left {gap: 10px;}
	.header .right {gap: 10px;}
	.header .icoLink svg {height: 20px;}
	/*footer .subs {max-width: 100%;}*/
	.fSearch label input {font-size: 10px; width: 64px;}
	.linePreItems .item img {width: 20px; height: 20px; margin-right: 4px;}
	.pageBlog .items {grid-template-columns: repeat(1, 1fr);}
	.bonuscardPage .card {height: 220px;}
	.bpItemsBasket .item .img {width: 100%;}
	.bpItemsBasket > .item {flex-direction: column;}
	.form_promocodes input[type="submit"] {flex: 0; padding: 16px 12px;}
	.form_promocodes input[type="text"] {width: 100%;}
}

@media (max-width: 420px) {
	.header .logo img {height: 36px;}
}

@media (max-width: 380px) {
	.fSearch label input {width: 45px;}
	.fSearch label img {margin-right: 0;}
	.jornal > div > div:nth-child(n+2) a .img {width: 120px; height: 120px;}
	.header .mid {overflow: visible;}
	.header .logo {position: absolute; left: -20px;}
	.header .logo img {height: 32px;}
	.fSearch label img {height: 16px;}
	.header .icoLink img {height: 18px;}
	.header .icoLink svg {height: 18px;}
	.header .left {gap: 8px;}
	.header .right {gap: 8px;}
}

@media (max-width: 350px) {
	.header .logo img {height: 28px;}
}

@media (max-width: 330px) {
	.fSearch label input {width: 40px;}
	.header .logo img {height: 26px;}
	.header .logo {left: -25px;}
}