/*   tech ↓   */
:root{
  --main-color: #E3B673;
  --pre-black: #555;
  --gray: #999;
  --gray-2: #DFDAD6;
  --bg-1: #F9F4EE;
  --bg-2: #F5F3F1;
  --shadow: 0px 4px 40px 0px #00000017;  
  --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 25' width='40' height='20'%3E%3Cpath d='M32.842 0.956C37.258 8.4 45.617 11.804 49.244 12.575m0 0c-3.505 0.788-11.692 4.11-16.402 11.092m16.402-11.092H0.285' stroke='%23E3B673' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  --angle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 0 L5 5 L1 10' stroke='%23E3B673' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
}

.mc{
	color: var(--main-color);
}
.mb{
	background: var(--main-color);
}
.black{
	color: #000;
}
.pre-black{
	color: var(--pre-black);
}
.gray{
	color: var(--gray);
}
.b-w{
	background: #fff
}
.bg-2{
	background-color: var(--bg-2)!important
}
.d-none {
	display: none
}
.d-block{
	display: block
}
.d-flex, .d-none.d-flex{
	display: flex
}
.d-i-flex{
	display: inline-flex
}
.wrap{
	flex-wrap: wrap
}
.flex-column{
	display: flex;
	flex-direction: column
}
.flex-center{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}
.flex-v-center{
	display: flex;
	align-items: center
}
.flex-sb{
	display: flex;
	justify-content: space-between;
}
.relative{
	position: relative
}
.big{
	font-size: 1.5em
}
.text-center{
	text-align: center
}
.bold{
	font-weight: 600;
}
.w-100{
	width: 100%
}
.w-50{
	width: 50%
}
.h-100{
	height: 100%
}
.r-0{
	right: 0
}
.l-0{
	left: 0
}
.pad-0{
	padding: 0
}
.mar-a{
	margin: auto
}
.mar-0{
	margin: 0
}
.pad-5{
	padding: 5px
}
.mar-5{
	margin: 5px
}
.pad-10{
	padding: 10px
}
.mar-10{
	margin: 10px
}
.pad-v-10{
	padding: 10px 0
}
.pad-v-20{
	padding: 20px 0
}
.pad-v-40{
	padding: 40px 0
}
.mar-v-10{
	margin: 10px 0
}
.mar-v-20{
	margin: 20px 0
}
.mar-v-40{
	margin: 40px 0
}
.gap-5{
	gap: 5px
}
.gap-10{
	gap: 10px
}
.gap-20{
	gap: 20px
}
.gap-30{
	gap: 20px
}
.cp, [role="button"]{
	cursor: pointer
}
.anim{
    transition: all .25s ease-out
}
.no-scrollbar {
	scrollbar-width: none
}
.no-scrollbar::-webkit-scrollbar {
	display: none
}
.transparent{
	opacity: 0
}
.r180 {
	transform: rotate(180deg)
}
div, .border-box, a, ::after, ::before, section, nav, main {
	box-sizing: border-box
}

@media (min-width: 30em){
	.row_{ width: 100%; display: table; table-layout: fixed; }
	.col_{ display: table-cell; }
}
/*   tech ↑   */


/*   new   */

@font-face {
	font-family: 'Cormorant Unicase';
	src: local(''), url('/catalog/view/theme/new3/fonts/CormorantUnicase.woff2') format('woff2');
	font-display: swap;
	text-rendering: optimizeSpeed;
}

@font-face {
	font-family: 'Montserrat';
    font-weight: 400;
	src: local(''), url('/catalog/view/theme/new3/fonts/Montserrat-400.woff2') format('woff2');
	font-display: swap;
	text-rendering: optimizeSpeed;
}
@font-face {
	font-family: 'Montserrat';
    font-weight: 500;
	src: local(''), url('/catalog/view/theme/new3/fonts/Montserrat-500.woff2') format('woff2');
	font-display: swap;
	text-rendering: optimizeSpeed;
}
@font-face {
	font-family: 'Montserrat';
    font-weight: 600;
	src: local(''), url('/catalog/view/theme/new3/fonts/Montserrat-600.woff2') format('woff2');
	font-display: swap;
	text-rendering: optimizeSpeed;
}


body, a {
	font-family: 'Montserrat', sans-serif, Helvetica, Arial;
	font-size: 1rem;
	line-height: 1.25;
	color: #000;
}

h1, h2, h3, h4, h5, h6, .h-2, .h-3, .h-4, .ff, .cat_menu_lvl-1, .cat_menu_lvl-2, .cat_menu_body:has(.cat_menu_lvl-3) .cat_menu_lvl-2-block a, .main-under-h1>div {
	font-family: 'Cormorant Unicase';
	line-height: 1;
}

h1 {
    font-size: 56px;
	line-height: 1;
}
h2, .h-2 {
    font-size: 2.2rem;
}

h3, .h-3 {
    font-size: 2rem;
}

h4, .h-4 {
    font-size: 1.5rem;
}

.f-14 {
	font-size: 14px
}

.container_ {
    margin-left: auto;
    margin-right: auto;
	width: calc(100vw - 30px);
    max-width: 1660px
}

header .container_, .nav-container_ .container_{
    max-width: 1860px;
    width: calc(100vw - 10px);
}

header{
	z-index: 3;
	background: #fff
}

.under-header{
	height: 25px;
}

.text-input {
    border: 1px solid #ddd;
	border-radius: 5px;
    padding: 8px 10px;
}

.input-modern {
	border: 1px solid #ccc;
	padding: 14px 12px 10px;
	position: relative;
	border-radius: 7px;
	width: 100%;
	display: flex;
    margin-top: .5em;
}
.input-modern sup{
	position: absolute;
	top: -.4rem;
	font-size: .8rem;
	line-height: .8rem;
	left: 15px;
	padding: 0 5px;
    background-color: #fff;
	color: var(--pre-black);
}

.input-modern:has(.has-error) {
	border-color: red
}
.input-modern:has(.has-error) sup {
	color: red
}

.input-modern>input, .input-modern>textarea, .border-off{
	border: none;
	outline: none
}

.checkbox-item input[type="checkbox"], .radio-item input[type="radio"] {
	display: none;
}
.checkbox-item label, .radio-item label { 
	display: flex;
    align-items: center; 
}
.custom-checkbox, .custom-radio {
    width: 20px;
    max-width: 20px;
    height: 20px;
    border: 1px solid var(--gray-2);
    border-radius: 5px;
    display: inline-flex;
    position: relative;
    background: #fff;
	margin-right: 12px;
    flex: 1 0 auto;
}
.custom-checkbox.has-error {
	border-color: red
}
.custom-radio {
    border-radius: 12px;
    border: none;
    outline: 1px solid var(--gray-2);
    margin: 1px 13px 1px 1px;
    flex: none;
}
.custom-checkbox::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
	width: 12px;
	height: 12px;
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"%3E%3Cpath d="M6 11l5 5L19 8" stroke="white" stroke-width="2" fill="none" /%3E%3C/svg%3E') no-repeat center;
  
}
.checkbox-item:has(input:checked) .custom-checkbox { 
	background: var(--main-color);
	border-color: var(--main-color);
}
.radio-item:has(input:checked) .custom-radio {
	width: 12px;
    height: 12px;
    border: 4px solid #fff;
    background: var(--pre-black);
}

.btn_ {
    display: inline-flex;
    background: var(--main-color);
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 60px;
    border: none;
    border-radius: 30px;
	padding: 4px 12px;
    box-sizing: border-box;
}


nav li {list-style: none; cursor: pointer}

#top{
	border: none;
    background: var(--bg-1);
	z-index: 5;
    margin-bottom: 25px;
}
#top .top-nav{
    overflow: hidden;
}

#top a, #top span {
	color: var(--pre-black);
	padding: 10px 5px;
	display: inline-flex;
	font-size: 11px;
	margin: 0 5px;
}

#top .top-right span {
	font-size: 13px;
	font-weight: 500
}

#top .li_top>a, .li_top>span, .ul_top>li>a, .ul_top>li>span, .footer_link>a, .footer_link>span{
	font-size: .75rem;
	text-transform: uppercase;
	padding: 5px 15px;
	white-space: nowrap;
	cursor: pointer;
}
#top a:hover, .li_top>span:hover, .ul_top>li>a:hover, .ul_top>li>span:hover, .footer_link>a:hover, .footer_link>span:hover{
	color: var(--main-color);
	background: none;
}
#top .li_top, .ul_top>li{
	margin: 0;
}

#top u{
	text-decoration: none;
	border-bottom: 1px solid var(--main-color);
}
#top .lk-icon{
	text-transform: none;
	font-weight: 500;
}

.container-top{
    justify-content: space-between;
}

.drop-container, .drop-header{
	position: relative;
}
.drop-header-sub{
	content: '';
	display: inline-block;
	height: .55em;
	width: .55em;
	border-top: 2px solid;
	border-right: 2px solid;
	rotate: 135deg;
}
.drop-header::after, #cat_menu .cat_menu_lvl-1::after, .ocf-option-name-dropdown::after {
	content: '';
	position: relative;
	display: inline-block;
	height: .5em;
	aspect-ratio: 1;
	border-top: 1px solid;
	border-right: 1px solid;
	rotate: 135deg;
	bottom: .15em;
	margin: .5em .5em 0;
}
.drop-block{
	display: none;
	position: absolute;
	top: 100%;
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #ccc;
	z-index: 3;
}
.drop-container:hover .drop-block, .drop-container:active .drop-block, .drop-container .drop-block:has(input:-webkit-autofill), .drop-container .drop-block:has(input:autofill), .drop-container .drop-block:has(input:focus), .drop-container .drop-block:has(input:active) {
  display: block;
}

.lines-button-block{
	width: 1.5rem;
	aspect-ratio: 1.25;
}
.lines-button-block:active{
	align-items: center;
}
.lines-button-block>div{
	width: 100%;
	height: 0;
	border: 1px solid;
	transition: all .5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.lines-button-block>div:nth-child(2){
	width: 75%;
}
.lines-button-block:active>div:nth-child(2){
	width: 100%;
}
.lines-button-block:active>div:nth-child(odd){
	width: 75%;
}
header {
	position: sticky;
	top: -60px
}
.header-middle{
	justify-content: space-between;
	align-items: center;
    margin-top: 10px;
	position: relative;
}
.header-icons	{
	padding: 0 5px
}
.header-icons>div{
	padding: 34px 10px 18px;
	cursor: pointer
}
.header-icons>.phone-icon_{
	padding-bottom: 0;
}
.header-icons sup.count{
    position: absolute;
    top: -10px;
    right: -12px;
    display: inline-flex;
    justify-content: center;
    background: var(--main-color);
    padding: 0 4px;
    height: 16px;
    min-width: 8px;
    align-items: center;
    border-radius: 0.7em;
    color: #fff;
}


.header-icons .wish-icon_ sup.count{
    left: 17px;
    right: unset;
}

.header-icons sup.count:empty{
	display: none;
}
.phone-icon_ span{
    display: flex;
    color: var(--main-color);
    font-size: 10px;
	line-height: 10px;
    margin-top: 8px;
}
.phone-icon_ .drop-header::after{
    color: var(--main-color);
    bottom: .25em;
}
.cart-icon_ #header-cart{
    font-size: 14px;
    text-align: left;
    background: #fff;
	width: 100vw;
	max-width: 380px;
	overflow-x: hidden;
	z-index: 3;
	padding: 40px 15px 30px;
	top: calc(100% - 15px);
    right: -10px;
}
.cart-icon_>.relative>img{
    padding-left: 55px
}
.wish-icon_ img{
    padding-right: 55px
}
.header-contacts.popup-block{
	top: calc(100% - 15px);
}

div#basket{
	display: none;
}
.drop-container:hover div#basket{
  display: flex;
}

.lines-top{
	display: none;
	padding: 0 15px
}
.lines-top:has(li) {
	display: flex
}

.popup-block{
	width: 100vw;
	max-width: 400px;
    max-height: 100vh;
	padding: 25px;
	border-radius: 30px;
	z-index: 100;
	background: #fff;
    flex-direction: column;
	border: none
}

.header-contacts, #header-cart{
	max-width: 250px;
	box-shadow: var(--shadow);
}
.header-contacts .callback-button{
	padding: 15px 5px;
	border-radius: 30px;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
    font-size: 13px;
}
.header-contact-icons{
	padding: 0 10px
}
/* ------------------------------------------- */

/* SEARCH ↓ */
	
header #search_ {
	width: 100%;
    justify-content: flex-start;
	padding-right: 10px
}
.header-middle:has(.s-c.d-flex) .search-icon_{
	opacity: .5;
	z-index: 4
}
.header-middle .s-c {
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
	height: 100%;
	align-items: center;
	z-index: 1;
	transition: all .5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	padding: 9px 10px 0 0;
}
#search_ input{
	background: var(--bg-2);
	border: 0;
	border-radius: 25px;
	font-size: 1em;
	padding: 15px 15px 15px 45px;
	width: 100%;
	box-sizing: border-box;
}
#search_ .search-button{
	background: var(--main-color);
	display: inline-flex;
	border-radius: 2em;
	margin-left: -3em;
	padding: .5em;
}

/* SEARCH ↑ */

/* ------------------------------------------- */



/* FOOTER ↓ */


footer {
    background: var(--bg-2);
	margin-top: 50px
}

.footer-links {
    padding: 50px 0 70px
}
.footer-middle{

	gap: 30px;
	margin-bottom: 2%
}
.footer-bottom {
    padding-top: 2em;
    padding-bottom: 2em;
    justify-content: space-between;
}
.footer-middle-text, .footer-tel a+a{
	margin: 15px 0 20px
}

.footer-tel a{
	font-size: 20px;
	font-weight: 500;
}

.footer-tel .big {
	font-size: 29px;
	font-weight: 600;
}

/* FOOTER ↑ */

/* ------------------------------------------- */


/* POPUPS */

.modals-container, #overlay_{
    position: fixed;
    top: 0;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background: #00000099;
	z-index: 4;
}
.popup-loader::after {
	content: '---  ---';
	color: #fff;
	animation: spin .3s ease-in-out infinite;
	display: block;
    position: relative;
    z-index: -1;
}
@keyframes spin {
	to { transform: rotate(360deg); }
}


.overlay_close, .modal_close{
    position: fixed;
    right: 25px;
    top: 25px;
    color: #fff;
	cursor: pointer;
	font-size: 2em
}


/* POPUPS */




/* ------------------------------------------- */



/* menu */
#cat_menu{
	justify-content: center;
    position: relative;
    z-index: 2;
}
.under-cat_menu {
    border-bottom: 1px solid var(--bg-1);
	height: 15px;
    position: sticky;
    z-index: 1;
    top: 120px;
}
.cat_menu_header{
	display: none
}
.nav-container_ {
    position: sticky;
    top: 85px;
    z-index: 2;
}
.cat_menu_line {
	position: relative;
    display: flex;
    z-index: 1;
    min-height: 42px;
	padding: 0 4vw;
    min-width: min(100%, 820px);
    justify-content: center;
}

.cat_menu_line > li > a{
    padding: 10px .66vw;
    display: flex;
    font-size: 21px;
	font-weight: 500;
    white-space: nowrap;
    line-height: 29px;
}

.cat_menu_line .point {
	padding-right: 11px;
    cursor: auto
}

.cat_menu_line .point::after {
	content: '';
	background: var(--main-color);
	width: 6px;
	height: 6px;
	border-radius: 5px;
	margin: 0 1.8vw;
}

.cat_menu_line > li:has(.cat_menu_body.r-0) {
    position: relative
}
.cat_menu_line > li:has(.cat_menu_body.r-0 .cat_menu_lvl-3) {
    position: unset
}

.cat_menu_body {
    display: none;
    position: absolute;
    background: #fff;
    padding: 0;
	box-shadow: var(--shadow);
	border-radius: 17px
}

#cat_menu .cat_menu_lvl-1::after {
	color: var(--main-color);
	height: .4em;
	margin: .5em;
}

.cat_menu_body:has(.cat_menu_lvl-3) {
    left: 0;
    width: 100%;
    padding-right: 0;
	border-radius: 0
}

.cat_menu_line > li:hover .cat_menu_body {
    display: flex;
}

.cat_menu_lvl-2-block a {
    position: relative;
    padding: 9px 25px 8px;
    display: flex;
    font-size: 20px;
}

.cat_menu_lvl-2-block>hr {
	border: none;
	height: 30px
}


.cat_menu_lvl-2-block .has-child::after {
    content: var(--angle);
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    width: .5em;
}

.cat_menu_body:has(.cat_menu_lvl-3) .cat_menu_lvl-2-block>a:hover::after/*, .cat_menu_lvl-2-block a.active::after*/ {
    content: var(--arrow);
    zoom: .8;
    top: calc(50% - 16px);
    padding: 5px 15px 0;
    margin-bottom: -10px;
}

.cat_menu_lvl-2-block {
	padding: 1.5vw 20px;
	flex: 1;
    min-width: 299px
}

.cat_menu_body:has(.cat_menu_lvl-3) .cat_menu_lvl-2-block {
	padding-right: 0;
}

.cat_menu_body:not(:has(.cat_menu_lvl-3)) .cat_menu_lvl-2-block.double {
	display: flex;
    flex-wrap: wrap;
    max-width: 480px;
    width: 100vw;
}
.cat_menu_body:not(:has(.cat_menu_lvl-3)) .cat_menu_lvl-2-block a {
	font-size: 1rem;
}
.cat_menu_body:not(:has(.cat_menu_lvl-3)) .cat_menu_lvl-2-block.double a{
    width: 50%;
}
.cat_menu_lvl-3-block {
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	flex: 2.5;
    background-color: #fafafa;
}

.cat_menu_body:has(.cat_menu_lvl-3) .cat_menu_lvl-3-block {
	display: flex;
}

.cat_menu_lvl-3 {
	display: none;
	flex-wrap: wrap;
    align-content: flex-start;
}
.cat_menu_lvl-3 a{
	display: inline-flex;
    min-width: 295px;
    padding: 6px 15px;
    align-items: center;
    justify-content: center;
    line-height: 2;
	font-size: 15px;
}

.cat_menu_body a:hover, .cat_menu_body a.active, .cat_menu_lvl-3 a:hover {
	color: var(--main-color);
}

.cat_menu_lvl-3 a:hover, .cat_menu_body a:not(.has-child):hover, .policies a {
    text-decoration: underline;
}

.cat_menu_body:has(.cat_menu_lvl-3) .cat_menu_lvl-2-block>a.active {
    background-color: #fafafa;
    text-decoration: none;
}

.menu-open-parent {
    color: var(--main-color);
    font-weight: 600;
    min-width: 295px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin-top: 10px
}
.menu-open-parent+hr {
    width: 100%;
	border: none
}

/* ------------------------------------------- */



/* Главная + города */

.main-h1_container{
	max-width: 1660px;
    margin: auto;
}

.main-under-h1>div{
	align-items: center;
	display: flex;
	gap: 20px;
	padding-bottom: 25px;
	padding-left: 0;
	margin-right: calc(10px + 5%);
	font-size: 19px;
	font-weight: 500;
}

.common-home .main-h1_container h1 {
	text-align: left;
	padding: 0 0 25px;
	font-size: 51px
}

.city-info {
	gap: max(5vw, 40px);
	align-items: flex-start;
	margin-top: 40px
}

.from-2-h {
	font-family: Cormorant Unicase;
	font-size: 20px;
	padding: 40px 30px;
    border: 1px solid var(--main-color);
    border-radius: 25px;
	white-space: nowrap;
}
.from-2-h .big{
	font-family: Montserrat;
	font-size: 46px;
    padding: 0 10px;
}
.main-under-h1 {
	white-space: nowrap;
}
/* ------------------------------------------- */

.loading-block {
    background: linear-gradient(90deg, #eee, #fff);
    background-size: 500% 500%;
    animation: colorShift 1s ease-out infinite;
}

@keyframes colorShift {
    0% {
        background-position: 100% 1000%;
    }
    50% {
        background-position: 50% 50%;
    }
    100% {
        background-position: 100% 1000%;
    }
}


/* ------------------------------------------- */

.common-home section, .common-home article {
	margin: 90px auto 50px;
}

section.carousel-products, .carousel-items {
    margin: 90px 0 50px max(2vw, calc((100% - 1660px) / 2));
	padding-top: 40px;
	max-width: 1800px;
}

.common-home section.carousel-products:first-child {
	padding-top: 0;
}

section.grid-products {
	padding-top: 40px;
}
section.main-h1_container + .ocfilter-section {
    margin-top: 55px;
}

.carousel-head, .category-grid-head {
	font-size: 45px;
	margin-bottom: 15px;
}
.carousel-products-sub {
    max-width: 1660px;
	margin-bottom: 20px;
}

.carousel-products-list, .carousel-reviews-list {
	gap: 20px;
	overflow-x: auto;
	overflow-y: hidden;
    margin-top: 50px;
}

.item_box {
	display: flex;
	flex-direction: column;
    flex: 1 0 calc(25% - 20px);
	gap: 5px;
    max-width: 400px;
	min-width: calc(100px + 7vw);
	min-width: min(300px, 85%);
	position: relative;
    justify-content: space-between;
}
.item_box img{
	width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
	border-radius: 3px
}
.item_box .item-name{
	color: #000;
	font-weight: 500;
	margin: 15px 0;
    font-size: 15px;
}
.item_box .price{
	color: #000;
	font-size: 20px;
	margin-right: 15px;
	font-weight: 600;
	white-space: nowrap
}
.item_box .price:has(s){
	color: #F53116
}
.item_box .price s{
	color: #ccc;
	font-size: .8em;
}
.item_box .btn_.cart-add, .fo-outside{
	margin-right: 5px;
	min-width: 40px;
	height: 40px;
	min-height: 0;
	font-size: 22px;
	padding: 0 14px;
}

.inactive .cart-add {
	background: var(--gray-2);
	pointer-events: none;
	cursor: not-allowed;
}
.inactive a img {
	filter: grayscale(75%);
}
.item_box .d-hover{
	display: inline-flex;
	max-width: 0;
	overflow: hidden;
	font-size: 14px;
	color: var(--pre-black);
	white-space: nowrap;
	transition: all .25s ease-out;
}

.link_all {
	font-size: 12px;
    font-weight: 500;
}

.subheading {
	font-weight: 400;
	color: #999;
    font-size: 13px;
}
.plus-drop:hover .d-hover{
	max-width: 100px;
	padding-left: 5px
}
i.close-icon::after {
    content: '+';
	transform: rotate(45deg);
	font-size: 2rem;
	display: inline-flex
}
i.arrow::after {
	content: var(--arrow);
    zoom: .55;
    padding: 0 5px;
}
i.star {
    height: 0.9rem;
    width: 0.9rem;
    background: url('/image/icons/star.svg');
}
	
i.fast-order-icon, i.star, .wish-add {
    display: inline-block;
    background-size: 100% 100%;
}
i.fast-order-icon {
    height: 18px;
    width: 18px;
    background: url('/image/icons/phone-fast-order.svg');
    transition: all 0.5s ease-out;
}
.item_box i.fast-order-icon {
    opacity: 0;
}
.plus-drop:hover .fast-order-icon {
	opacity: 1;
}
.wish-add {
    position: absolute;
    right: 14px;
    top: 13px;
    height: 35px;
    width: 35px;
    border-radius: 20px;
    background: #fff url('/image/icons/wishlist.svg') center/20px 100% no-repeat;
}
.wish-add.active {
    background: #fff url('/image/icons/wish-fill.svg') center/20px 100% no-repeat;
}

.product-rating{
	position: absolute;
	right: 10px
}

.wave {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8"><path d="M0 5q3-4 6 0t6 0" stroke="%23ccc" fill="none"/></svg>') repeat-x;
	height: 10px;
	border: 0;
	margin: 20px 0;
}




/* --------------------breadcrumbs_---------------------- */

.breadcrumbs_ {
	margin: 42px 0 10px
}

.breadcrumbs_ a, .breadcrumbs_ span {
	color: var(--gray);
	font-size: 13px;
	white-space: nowrap;
}

.breadcrumbs_ a::after {
	content: '—';
	color: var(--main-color);
	padding: 0 20px
}

.breadcrumbs_ li {
    margin-bottom: 10px;
}


/* --------------------breadcrumbs_--------------------- */





/* --------------------catalog--------------------- */

.catalog_ {
	gap: 65px 20px;
	margin: 50px 0 99px;
	transition: opacity .5s ease;
}
.catalog_ .item_box{
	max-width: 100%;
}
.catalog_sub a{
    display: flex;
    padding: 11px 15px;
    border-radius: 2em;
    white-space: nowrap;
    margin: 4px;
    color: #000;
    font-weight: 500;
	background: var(--bg-2);
}
.catalog_sub a:hover {
	color: var(--main-color);
}

.catalog_h1+.ocfilter-section{
	margin-top: 30px
}

.pagination-block {
    gap: 15px;
    justify-content: center;
	max-width: 400px;
	padding-top: 0
}

.pagination_ a, .pagination_ span {
	min-width: min(45px, calc(25px + 2vw));
	height: min(45px, calc(25px + 2vw));
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px;
    font-size: 14px;
    font-weight: 500;
	background: var(--bg-2);
}
.pagination_ .current_page {
	background: var(--pre-black);
	color: #fff
}
.pagination_ a:has(i) {
	background: #fff;
}
.pagination_ a>i::after {
    content: var(--angle);
    display: inline-block;
    width: 18px;
    margin: 4px 0 0 8px;
}


.showmore_ {
	min-height: 46px;
	font-size: 20px;
	width: min(100%, 328px)
}

/* -------------------- ↑↑↑ catalog ↑↑↑ --------------------- */



/* --------------------product--------------------- */


.product-product .breadcrumbs_ {
	justify-content: flex-start;
	margin: 36px 0 26px;
}

#product .product-images {
	flex: 1 1 60%;
}

#product .product-top {
	gap: max(8%, 30px);
    position: relative;
    align-items: flex-start;
    padding-right: 4%;
}

#product .wish-add {
    zoom: 1.75;
    right: 21px;
    top: 23px;
}

#product .stickers>span, #product .percents {
	padding: 7px 12px;
}

#product .pre-black {
	font-size: 15px
}

.product-right-side	{
	flex: 1 1 33%;
	max-width: 360px;
}

.product-h1 {
	margin: 18px 0 15px;
	font-size: 38px
}

.product-right-side:not(:has(.product-first-line)) .product-h1 {
	margin-top: 0
}

.size-icon::before {
    content: url('data:image/svg+xml,<svg width="8" height="16" viewBox="0 0 8 16" xmlns="http://www.w3.org/2000/svg" stroke="%23888" stroke-width="1" stroke-linecap="round"><line x1=".5" y1="4.5" x2="3.9" y2="1.25"></line><line x1="7.5" y1="4.5" x2="4.1" y2="1.25"></line><line x1="4" y1="2" x2="4" y2="14"></line><line x1=".5" y1="11.5" x2="3.9" y2="15"></line><line x1="7.5" y1="11.5" x2="4.1" y2="15"></line></svg>');
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.r-90::before {
	transform: rotate(90deg);
    justify-content: center;
}

.product-spoiler .drop {
	max-height: 0;
	overflow-y: hidden;
	padding: 20px 0 30px;
}
.product-spoiler[open] .drop {
	max-height: 100vh;
	overflow-y: unset;
    overflow-wrap: break-word;
}
.product-spoiler i::after {
    transition: all .25s ease-out;
}
.product-spoiler[open] i::after {
	transform: rotate(-180deg);
    transition: all .25s ease-out;
}
.product-spoiler a {
	display: contents;
    color: var(--main-color);
}
.spoiler-heading {
	padding: 17px 0;
	border-top: 1px solid #EBE8E6;
}

#product-reviews h2 {
	font-size: 45px;
}
#product-reviews .item_box {
	border: 1px solid #E6E3DD;
	padding: 30px 29px 25px;
	border-radius: 8px;
	max-width: 400px;
	margin-top: 8px;
	gap: 15px;
}
#product-reviews .stars {
	zoom: 1.2;
}
#product-reviews .review-date {
	font-size: 11px;
	margin-top: 5px;
}
#product-reviews .review-author {
	margin-top: 18px;
	font-weight: 600;
	font-size: 18px
}
#product-reviews p {
	font-size: 14px;
	line-height: 23px;
}
#product-reviews .review-show_more {
	text-decoration: underline
}

.carousel-reviews-list {
	gap: 20px;
}

.star-rating {
  direction: rtl;
  display: inline-flex;
  gap: 5px;
  padding: 10px 0;
}
.star-rating input[type="radio"] {
	display: none;
}
.star-rating label {
	filter: grayscale(50);
	cursor: pointer;
	zoom: 200%;
}
.star-rating input[type="radio"]:checked ~ label, .star-rating label:hover, .star-rating label:hover ~ label {
	filter: grayscale(0);
}

.product-qty button {
    border: none;
    height: 45px;
    width: 45px;
    font-size: 1.5em;
    border-radius: 25px;
    color: var(--main-color);
}

.input-qty {border: none; font-size: 20px}

.product-prices {
	font-size: 32px;
	font-weight: 600;
}
.product-prices s{
	font-size: .5em;
	color: var(--gray);
	font-weight: 400;
}

.product-sostav {
    margin: 10px 0 15px;
}

.sostav-name {
	padding: 0 20px;
	text-align: center;
	font-size: 20px
}
.sostav-pcs {
	white-space: normal;
    text-wrap: nowrap;
	font-size: 13px
}

#product .cart-add {
	margin-top: 30px;
    gap: 10px;
}

.advantages>div {
	display: flex;
	gap: 15px;
	margin-bottom: 10px;
    align-items: center;
}

#product .btn_, .new-review .btn_ {
	font-weight: 600;
	min-width: min(240px, 100%);
}

.new-review {
	padding-bottom: 30px
}

.product-first-line {
    flex-direction: row-reverse;
}

.product_container:not(:has(#product-reviews)) {
	margin-bottom: 50px
}

#product .oos-sticker {
	position: unset;
    border-radius: 7px;
    display: inline-block;
    width: fit-content;
    margin: -10px 0 15px;
}

/* -------------------↑↑↑-product--------------------- */



/* -------------------stickers--------------------- */
.stickers, .percents {
	position: absolute;
	top: 15px;
	left: 10px;
}
.stickers>span, .percents {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background: #E36823;
	padding: 4px 10px;
	margin: 2px;
	border-radius: 15px
}
.oos-sticker {
	position: absolute;
	color: #fff;
    bottom: 0;
    right: 0;
    padding: 12px 15px;
    background: #777;
    border-radius: 12px 0 0;
}
.stickers .xdsticker_novelty {
	background: #51A94F
}
.percents, .stickers .percents {
	top: unset;
	bottom: 15px;
	background: #F53116
}
#product .stickers, #product .percents {
	position: static;
}
/* -------------------stickers--------------------- */

.product-spoilers summary::marker, .product-spoilers summary::before, .product-spoilers summary::after {position:absolute; content: ''; opacity: 0}
.product-spoilers ::-webkit-details-marker {display: none}

.more_ {    
	font-size: 17px;
    padding: 19px;
    border: 1px solid var(--gray-2);
    border-radius: 32px;
    font-weight: 600;
    width: 100%;
    max-width: 280px;
    display: inline-block;
    text-align: center;
}

.scrolling *{
    user-select: none;
}
.scrolling *:hover{
    cursor: e-resize;
}




/* new 11 2024 ↓ */	

	.carousel-products .more_ {
		border-color: var(--main-color);
		font-size: 14px
	}

	.carousel-products-list.catalog_ {
		margin-bottom: 25px;
	}


/* new 11 2024 ↑ */	

#cookie-warning {
	position: fixed;
    bottom: 0;
    background: #1C1C1ED2;
    color: #fff;
    gap: 30px;
    padding: 10px;
	z-index: 9
}
#cookie-warning a{
    color: #fff;
	text-decoration: underline
}
#cookie-warning.d-none {
	display: none
}
.cookie_accept {
	min-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 5px 25px
}

/*  ---  */

.description-text h2, .description-text .h-2 {
    margin-top: 50px;
}
.description-text p {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 20px
}

.cart-float {
	position: fixed;
    bottom: 15px;
    z-index: 2;
    left: calc(50% - 30px);
    width: 60px;
    box-shadow: var(--shadow);
}
.cart-float .big {
	font-size: 2em
}