@charset "UTF-8";

:root {
	--grey: #C2C2C2;
	--grey-10: #F9F9F9;
	--grey-25: #F0F0F0;
	--grey-50: #C2C2C2;
	--grey-100: #989898;
	--grey-150: #737373;
	--grey-200: #505050; 
	--off-white: #F4F2ED;
	--blue: #7FC4FF;
	--white: #FFF;
	--black: #000;
	--red: #FF2B00;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

html {scroll-behavior: auto; position: relative; min-width: 100%; min-height: 100%; scrollbar-gutter: stable;}

body {position: relative; padding: 0; min-width: 100%; min-height: 100%; font-family: 'Antonym','Arial', sans-serif; color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; overflow: auto; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; text-size-adjust:none; -ms-text-size-adjust:none; box-sizing: border-box;}
 
button,
input,
select,
textarea {font-family: 'Antonym','Arial', sans-serif; font-size: 16px; color: var(--black); font-weight: 500;}

button,
input,
select,
textarea,
button:focus,
input:focus,
select:focus,
textarea:focus {-webkit-appearance: none; -moz-appearance: none; box-shadow: none; outline: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;} 
 
::-webkit-input-placeholder {color: #adacac;}
:-ms-input-placeholder      {color: #adacac;}
:-moz-placeholder 			{color: #adacac;}
::-moz-placeholder 			{color: #adacac;} 

ul, 
ol, 
li {list-style-type:none; padding: 0; margin: 0; line-height: normal;}

a, 
a:focus, 
a:hover {text-decoration: none; outline: none; box-shadow: none; text-underline-offset: 3px;}

::selection {background: var(--black); color: var(--white);}
::-moz-selection {background: var(--black); color: var(--white);} 

h1, 
h2 {font-size: 32px; line-height: 115%; color: var(--black); margin: 0 0 20px;}

video {position: relative; z-index: 2; object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; left: 50%; transform: translateX(-50%);}

.rich_edit h2 {padding-top: 20px;}
 
.back_img {position: absolute; left: 0; top: 0; width: 100%; bottom: 0; z-index: 1; display: block; transition: transform 0.2s;}
.back_img img,
.back_img source {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1;}
 
.back_img__relative {position: relative; left: auto; top: auto; bottom: auto; width: 100%;} 
.back_img__relative img,
.back_img__relative source {position: relative; display: block; left: auto; top: auto; width: 100%; height: auto; object-fit: initial; object-position: 0 0;}

.breadcrumbs {position: relative; display: flex; padding: 20px 0 32px; font-size: 14px; line-height: 100%; color: var(--grey-200);}
.breadcrumbs a {color: var(--grey-200);}
.breadcrumbs em {margin: 0 6px;}

.button {background: transparent; color: var(--black); height: 32px; text-decoration: none; padding: 0 16px; font-size: 16px; border-radius: 2px; display: inline-block; vertical-align: top; position: relative; text-align: center; margin: 0; transition: 0.2s; cursor: pointer; box-sizing: border-box;}
.button span {position: relative; z-index: 2; cursor: pointer;}
.button a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; cursor: pointer;}
.button:hover {cursor: pointer;}
 
.button_black {border: 0; background: var(--black); color: var(--white);}
.button_black:hover {background: var(--black); color: var(--white);}

.button_black_tr {border: 0.75px solid var(--black); color: var(--black);}
.button_black_tr:hover {background: var(--black); color: var(--white);}

.button_grey_tr {border: 0.75px solid var(--grey-200); color: var(--grey-200);}
.button_grey_tr:hover {background: var(--black); color: var(--white); border-color: var(--black);}

.button_white_tr {border: 0.75px solid var(--white); color: var(--white);}
.button_white_tr:hover {background: var(--black); color: var(--white); border-color: var(--black);}

.block {width: auto; margin: 0 20px; position: relative; box-sizing: border-box; z-index: 2;}
 
.button_wrap {text-align: center;}
  
.go_back {font-size: 14px; line-height: 100%; text-decoration: underline; text-decoration-thickness: 0.5px; color: var(--grey-200); margin: 0 0 20px; display: inline-block;}

.main_layout {overflow: hidden; padding-top: 70px; position: relative; min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column;}
.main_layout > .footer_container {margin-top: auto; flex-shrink: 0;}

.wcwl_notice_dismiss {display: none !important;}



/* ОБЩЕЕ ДЛЯ СТРАНИЦ */

.page_container {}
.page_container .page_block {padding: 40px 0 88px;}
.page_container .fixbox {position: relative; padding: 0 0 0 472px;}

.page_container.with_nav .page_content {position: relative; width: 770px;}
.page_container.with_nav .page_content h1 {font-size: 24px;}

.page_container .page_nav {width: 456px; position: absolute; left: 0; top: 0;}
.page_container .page_nav__mob {display: none;}

.page_container .page_nav li {line-height: 100%; display: block; margin: 0 0 16px;}
.page_container .page_nav li:last-of-type {margin: 0;}
.page_container .page_nav a {font-size: 16px; line-height: 100%; color: var(--grey-150); text-decoration: none;}
.page_container .page_nav a:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}

.page_container .page_nav a.active, 
.page_container .page_nav a.active:hover {color: var(--black); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}


.rich_edit {font-size: 16px; line-height: 130%; color: var(--grey-200); position: relative;}
.rich_edit p {margin: 0; margin: 0 0 24px;}

.rich_edit a {color: var(--black); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}
.rich_edit a:hover {text-decoration: none;}

.rich_edit :last-child {margin-bottom: 0;}



/* SLICK */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;} 
.slick-slide:focus {box-shadow: none; outline: none; border: 0;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-dots {position: absolute; left: 50%; transform: translateX(-50%); bottom: 13px; display: flex; justify-content: center; text-align: center; z-index: 6;}
.slick-dots li {margin: 0 3px; cursor: pointer; position: relative;}
.slick-dots button {background: transparent; width: 24px; height: 24px; display: block; font-size: 0; border: 0; padding: 0; transition: 0.2s; cursor: pointer; position: relative;}
.slick-dots button:before {content:""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: rgba(255, 255, 255, 0.4); transition: 0.2s; transform: translateY(-50%);}
.slick-dots .slick-active button:before {background: var(--white);}
 
.custom_arrow {position: absolute; z-index: 8; top: 50%; transform: translateY(-50%); cursor: pointer;}

 

/* ШАПКА */

.header_container {top: 0; position: fixed; left: 0; width: 100%; z-index: 8; transition: none; z-index: 90;}
body.header_transition_enabled .header_container {transition: top 0.2s, padding-right 0s;}
.header_container .header_block {height: 70px; margin: 0 auto; font-size: 16px; line-height: 100%;} 

.header_container .header_menu {position: absolute; left: 20px; top: 27px; display: flex;}
.header_container .header_menu ul {display: flex;}
.header_container .header_menu li {margin: 0 24px 0 0; line-height: 100%; display: block;}
.header_container .header_menu a {color: var(--black);}
.header_container .header_menu a:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}

.header_container .header_logo {display: block; z-index: 3; position: absolute; left: 50%; top: 20px; transform: translateX(-50%);}

.header_container .header_account {position: absolute; right: 140px; top: 27px; color: var(--black);}
.header_container .header_account:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}


.header_container .header_cart {position: absolute; right: 20px; top: 27px;}
.header_container .header_cart:hover .wc-block-mini-cart__button:before {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}

.header_container.scrolling {top: -70px;}

body.scroll_up .header_container.scrolling {top: 0;}

body.cart .header_cart, 
body.checkout .header_cart {display: none !important;}

body.cart .header_account, 
body.checkout .header_account {right: 20px;}



/* ВИДЖЕТ МИНИ КОРЗИНЫ */

body .wc-block-components-drawer__screen-overlay {background: transparent !important;}
body .wc-block-components-drawer__screen-overlay:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; background: var(--black);}

body .wc-block-mini-cart__button {font-size: 16px; padding: 0; line-height: 100%; gap: 0 !important; color: var(--black);}
body .wc-block-mini-cart__button:before {content:"Корзина"; margin: 0 5px 0 0;}
body .wc-block-mini-cart__quantity-badge svg {display: none;}
body .wc-block-mini-cart__badge {font-size: 16px; background: transparent !important; padding: 0; min-width: 0 !important; border-radius: 0 !important; height: auto; font-weight: 500; line-height: 100%; color: var(--black); left: auto; margin: 0; position: relative; transform: none;}

body .wc-block-mini-cart__badge:before {content:"(";}
body .wc-block-mini-cart__badge:after {content:")";}
body .wc-block-mini-cart__badge:empty {opacity: 1;}
body .wc-block-mini-cart__badge:empty:before {content:"(0";}

body h2.wc-block-mini-cart__title {margin: 0; padding: 0; width: 100%; font-size: 20px !important;}

body .wc-block-components-drawer__close {width: 60px !important; height: 72px !important; opacity: 1 !important; top: 0 !important; right: 0 !important; margin: 0 !important; outline: none !important; box-shadow: none !important;}
body .wc-block-components-drawer__close:before {content:""; position: absolute; width: 24px; height: 24px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url('/img/close.svg') 0 0 no-repeat; background-size: 100% 100%; cursor: pointer;}

body .wp-block-woocommerce-filled-mini-cart-contents-block {align-content: flex-start; align-items: flex-start;}

body .wp-block-woocommerce-mini-cart-title-label-block {font-size: 0; display: flex; width: 100%; box-sizing: border-box; padding: 0 20px; margin: 0 0 40px !important; height: 72px; align-items: center; align-content: center; border-bottom: 1px solid #efefef;}
body .wp-block-woocommerce-mini-cart-title-label-block:before {font-size: 20px; font-weight: 500; content:"Корзина";}

body .wc-block-mini-cart__template-part .wc-block-cart-items__row {padding: 0 0 24px !important; display: flex !important; flex-flow: row wrap;}

body .wc-block-mini-cart__template-part .wc-block-cart-item__image {padding: 0 20px 0 0; width: 116px;}
body .wc-block-mini-cart__template-part .wc-block-cart-item__image img {width: 116px; height: 116px; object-fit: cover; object-position: 50% 50%;}

body .wc-block-mini-cart__template-part .wc-block-cart-item__wrap {display: flex; flex-flow: row wrap;}

body .wc-block-mini-cart__template-part .wc-block-cart-item__product {width: calc(100% - 116px - 20px); box-sizing: border-box; position: relative; font-size: 16px; line-height: 140%; color: var(--grey-200); padding: 0 20px 0 0 !important;}
body .wc-block-mini-cart__template-part .wc-block-cart-item__product a {color: var(--grey-200);}

body .wc-block-mini-cart__template-part .wc-block-components-product-name {margin: 0; display: inline-block; order: 1; margin: 0 !important;}

body .wc-block-mini-cart__template-part .wc-block-components-product-metadata {order: 2; margin: 0 !important;}
body .wc-block-mini-cart__template-part .wc-block-components-product-details {margin: 0 !important;}
body .wc-block-mini-cart__template-part .wc-block-components-product-details li {display: inline; margin: 0 8px 0 0;}
body .wc-block-mini-cart__template-part .wc-block-components-product-details__:nth-child(2) .wc-block-components-product-details__name {display: none;}
body .wc-block-mini-cart__template-part .wc-block-components-product-details__:nth-child(2) .wc-block-components-product-details__value:before {content:"от: ";}

body .wc-block-mini-cart__template-part .wc-block-cart-item__prices {font-size: 16px; order: 3; width: 100%; padding: 6px 0 0 0; margin: 0 0 8px !important; line-height: 140%; color: var(--grey-200);}

body .wc-block-mini-cart__template-part .wc-block-components-product-low-stock-badge {font-size: 12px; order: 4; font-weight: 500 !important; border: 1px solid #e3e7bb; border-radius: 2px; padding: 7px 8px 9px 8px; margin: 0 0 16px; background: #fbffcd; line-height: 100%; color: var(--grey-200);}

body .wc-block-mini-cart__template-part .wc-block-cart-item__quantity {position: static !important; order: 5;}
body .wc-block-mini-cart__template-part .wc-block-cart-item__quantity button:disabled,
body .wc-block-mini-cart__template-part .wc-block-cart-item__quantity button[disabled] {visibility: visible !important; opacity: 0.6;}
body .wc-block-mini-cart__template-part .wc-block-cart-item__remove-link {position: absolute; right: 0; font-size: 0 !important; display: block; top: 2px; width: 20px; height: 20px; background: url('/img/trash.svg') 0 0 no-repeat !important; background-size: 100% 100% !important;}

body .wc-block-mini-cart__template-part .add_to_cart_inline {border: 0 !important; padding: 0 !important; font-size: 0;}
body .wc-block-mini-cart__template-part .add_to_cart_inline a {padding: 3px 0 0 0; cursor: pointer; text-transform: lowercase; min-height: 0 !important; margin: 0 !important; background: transparent; border: 1px solid var(--black); color: var(--black); height: 32px !important; display: block; font-size: 0; width: 192px; box-sizing: border-box; border-radius: 2px !important; box-shadow: none !important; text-transform: none;}
body .wc-block-mini-cart__template-part .add_to_cart_inline a:before {content:"Добавить в корзину"; font-size: 16px;}

body .wc-block-components-product-price__value.is-discounted {margin: 0 !important;}

body .wc-block-components-quantity-selector {width: 91px !important; height: 32px; margin: 0  !important; background: var(--white); border: 1px solid var(--grey-100); border-radius: 1px !important; overflow: hidden; position: relative;}
body .wc-block-components-quantity-selector__button--minus {position: absolute; opacity: 1 !important; width: 38px; font-weight: 600 !important; color: var(--black) !important; height: 100%; left: 0; top: 0; cursor: pointer; box-shadow: none !important; outline: none !important;}
body .wc-block-components-quantity-selector__button--plus {position: absolute; opacity: 1 !important; width: 38px; font-weight: 600 !important; color: var(--black) !important; height: 100%; right: 0; top: 0; cursor: pointer; box-shadow: none !important; outline: none !important;}
body .wc-block-components-quantity-selector__input {position: absolute; left: 50%; transform: translateX(-50%); top: 0; padding: 0 0 1px !important; width: 28px !important; height: 100% !important; border: 0 !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: lowercase; text-align: center; color: var(--black); outline: none !important; box-shadow: none !important;}

body .wc-block-mini-cart__footer {padding: 48px 20px; border-top: 1px solid #efefef;} 
body .wc-block-mini-cart__footer .wc-block-components-totals-item {line-height: 140%; font-size: 18px; font-weight: 500; color: var(--black); display: flex; flex-flow: row wrap; justify-content: space-between; line-height: 100%;}
body .wc-block-mini-cart__footer .wc-block-components-totals-item__label {font-size: 0; width: 50%; line-height: 100%;}
body .wc-block-mini-cart__footer .wc-block-components-totals-item__label:before {content:"Подытог"; font-size: 18px; font-weight: 500; line-height: 100%;}
body .wc-block-mini-cart__footer .wc-block-formatted-money-amount {width: 50%; text-align: right; font-weight: 500; line-height: 100%;}
body .wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {margin: 0 0 20px !important;}

/* Лоадер подытога после +/- количества в мини-корзине */
body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal.acurate-subtotal-updating {position: relative;}
body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal.acurate-subtotal-updating .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value,
body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal.acurate-subtotal-updating .wc-block-components-totals-item__value.wc-block-formatted-money-amount {
  visibility: hidden !important;
}
body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal.acurate-subtotal-updating::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: url('/img/loader_black.svg') no-repeat center;
  background-size: contain;
  pointer-events: none;
}

body .wc-block-mini-cart__footer-actions {gap: 0 !important; flex-flow: row wrap; justify-content: center; display: flex; align-items: flex-start; align-content: flex-start;}  
body .wc-block-mini-cart__footer-actions:after {content:"Стоимость доставки, налога и скидок рассчитывается при оформлении заказа"; padding: 8px 0 0 0; width: 100%; position: relative; display: block; text-align: center; font-size: 12px; line-height: 140%; color: var(--grey-150);}
body .wc-block-mini-cart__footer-checkout {padding: 0 20px 3px; text-transform: lowercase; min-height: 0 !important; margin: 0 !important; background: var(--black); color: var(--white); height: 48px !important; font-size: 0; width: 100%; box-sizing: border-box; border-radius: 2px !important; box-shadow: none !important; text-transform: none;}
body .wc-block-mini-cart__footer-checkout:before {content:"Перейти к оформлению заказа"; font-size: 16px !important;}

body .wc-block-mini-cart__items {padding: 0 24px; width: 100%; box-sizing: border-box;}

/* Пока Woo грузит строки (drawer.is-loading): не показывать скелетон, один лоадер по центру списка */
body .wc-block-mini-cart__drawer.is-loading .wc-block-mini-cart__items {position: relative; min-height: 220px;}
body .wc-block-mini-cart__drawer.is-loading .wc-block-mini-cart__items .wc-block-mini-cart__products-table,
body .wc-block-mini-cart__drawer.is-loading .wc-block-mini-cart__items table.wc-block-cart-items {visibility: hidden !important;}
body .wc-block-mini-cart__drawer.is-loading .wc-block-mini-cart__items::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  background: #fff url('/img/loader_black.svg') no-repeat center 35%;
  background-size: 48px 48px;
  pointer-events: none;
}

body .wc-block-mini-cart__empty-cart-wrapper {padding: 2px 20px 0 !important; text-align: center; position: relative; z-index: 5;}
body .wc-block-mini-cart__empty-cart-wrapper .wp-block-button__link {width: 100% !important; box-shadow: none !important; border-radius: 100px; box-sizing: border-box; text-transform: lowercase; outline:none !important; border: 0 !important; height: 48px !important; font-size: 16px !important; letter-spacing: 0 !important; padding: 0px 24px 3px !important; background: var(--grey-100); color: var(--white);}
body .wc-block-mini-cart__empty-cart-wrapper strong {font-size: 0; line-height: 120%; color: var(--grey-200);}
body .wc-block-mini-cart__empty-cart-wrapper strong:before {content:"Ваша корзина пуста"; font-size: 24px;}
body .wc-block-mini-cart__empty-cart-wrapper p {margin: 0; padding: 0 0 20px;}

body .wp-block-woocommerce-empty-mini-cart-contents-block {height: 158px; padding: 72px 0 0 0; position: relative; text-align: center; display: flex; width: 100%; align-items: center; align-content: center; justify-content: center;}
body .wp-block-woocommerce-empty-mini-cart-contents-block:after {content:"Корзина (0)"; position: absolute; left: 20px; top: 24px; font-size: 18px; font-size: 20px; line-height: 115%; color: #454444;}
body .wp-block-woocommerce-empty-mini-cart-contents-block:before {content:""; position: absolute; left: 0; top: 72px; bottom: 0; right: 0; background: var(--grey-10);}

body .wp-block-woocommerce-empty-mini-cart-contents-block .wp-element-button {padding: 0 0 3px; text-transform: none; min-height: 0 !important; margin: 0 auto !important; background: var(--black); color: var(--white); height: 48px; width: 213px; box-sizing: border-box; border-radius: 2px !important; box-shadow: none !important;}
body .wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-components-button__text {font-size: 0;}
body .wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-components-button__text:before {content:"Продолжить шоппинг"; font-size: 16px;}

/* Не скрываем .wc-block-components-notices — иначе не видно ошибок Store API при смене количества */
body .wc-block-components-notices__snackbar,
body .wc-block-mini-cart__template-part .wc-block-cart-items .wc-block-cart-item__prices del,
body .wc-block-mini-cart__template-part .wc-block-cart-items .woocommerce-Price-amount,
body .wc-block-cart-items .screen-reader-text,
body .wc-block-cart-item__product .wc-block-components-sale-badge, 
body .wc-block-components-drawer:after,
body .wp-block-woocommerce-mini-cart-title-items-counter-block,
body .wc-block-components-drawer__close svg,
body .wc-block-components-quantity-selector:after,
body .wc-block-mini-cart__footer-cart,
body .wc-block-mini-cart__footer:after,
body .wc-block-mini-cart__drawer .wc-block-cart-item__total,
body .wc-block-mini-cart__footer .wp-block-woocommerce-mini-cart-title-items-counter-block,
body .wc-block-mini-cart__footer .wc-block-components-totals-item__description {display: none !important}



/* МЕНЮ */

.header_container {box-sizing: border-box;}

.menu_close {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; cursor: pointer; z-index: 80; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.45s; background: #d9d9d9, linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);}
.menu_close:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6;}
.menu_close__content {position: absolute; bottom: 0; height: calc(100vh - 70px - 600px); left: 0; right: 0;}
.menu_close__item {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 0 0 32px; pointer-events: none;}
.menu_close svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.menu_close span {font-size: 16px; line-height: 100%; color: var(--white); position: relative;}


.menu_container {top: 0; height: 600px; transform: translate3d(0, calc(-100% - 70px), 0); backface-visibility: hidden; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); position: fixed; left: 0; width: 100%; z-index: 81; pointer-events: none;}
.menu_container .menu_block {width: auto; margin: 0 20px;}
.menu_container .menu_catalog {position: relative;}
.menu_container .menu_info {position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}

.menu_container .menu_flex {position: relative; height: 600px; padding: 32px 0 48px; display: flex; flex-flow: row wrap; justify-content: space-between; box-sizing: border-box;}
.menu_container .menu_left {position: relative; width: calc((100% - 16px)/2); min-height: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start;}
.menu_container .menu_left a {color: var(--black);}
.menu_container .menu_left a:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}

.menu_container .menu_col {width: 220px; margin: 0 16px 0 0; padding-bottom: 20px; box-sizing: border-box; position: relative; min-height: 100%;}
.menu_container .menu_col:last-of-type {margin-right: 0;}
.menu_container .menu_col__title {font-size: 16px; line-height: 100%; color: var(--grey-150); margin: 0 0 24px;}
.menu_container .menu_col li {margin: 0 0 18px; display: block; line-height: normal;} 

.menu_container .menu_all {position: absolute; left: 0; bottom: 0; padding: 0 20px 0 0;}
.menu_container .menu_all svg {position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 1px;}

.menu_container .menu_right {position: relative; width: calc((100% - 16px)/2); display: none; flex-flow: row wrap; justify-content: flex-end;}
.menu_container .menu_right.menu_right__first {display: flex;}

.menu_container .menu_catalog .pr_item {width: 337px; margin: 0 0 0 16px;}
.menu_container .menu_catalog .pr_item__img {padding: 0; height: 465px;}

.menu_container .menu_right__item {display: block; position: relative; width: 690px;}
.menu_container .menu_right__img {width: 100%; position: relative; height: 487px;}
.menu_container .menu_right__text {position: relative; padding: 10px 0 0 0; font-size: 16px; line-height: 100%; color: var(--black);}

body.show_menu {overflow: hidden;}

/* Каталог по умолчанию при открытом меню; «инфо» только с .show_menu__info — без промежуточного кадра при смене вкладки */
body.show_menu:not(.show_menu__info) .menu_container .menu_info {display: none;}
body.show_menu:not(.show_menu__info) .menu_container .menu_catalog {display: block;}

body.show_menu.show_menu__info .menu_container .menu_catalog {display: none;}
body.show_menu.show_menu__info .menu_container .menu_info {display: block;}



@media screen and (max-height: 720px) { 

.menu_close__content {height: 100px;}

.menu_container {height: calc(100vh - 70px - 100px);}
.menu_container .menu_flex {height: calc(100vh - 70px - 100px); padding: 20px 0 35px;}
.menu_container .menu_col__title {margin: 0 0 20px;}
.menu_container .menu_col li {margin: 0 0 15px;}

.menu_container .menu_catalog .pr_item__img {height: calc(100vh - 70px - 100px - 110px);}
.menu_container .menu_right__img {height: calc(100vh - 70px - 100px - 80px);}

}

 
body.show_menu .menu_close {visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;}
body.show_menu .menu_container {transform: translate3d(0, 70px, 0); pointer-events: auto;}

body.show_menu .header_container,
body.show_menu .header_container.scrolling {top: 0; transition: none;}

@media (prefers-reduced-motion: reduce) {
  .menu_container {transition-duration: 0.12s; transition-timing-function: ease-out;}
  .menu_close {transition: opacity 0.12s ease-out, visibility 0s linear 0.12s;}
  body.show_menu .menu_close {transition: opacity 0.12s ease-out, visibility 0s;}
}


/* ГЛАВНАЯ */
 
.hometop_container {margin: 0 0 88px; height: 900px; overflow: hidden;} 
.hometop_container .hometop_block {width: 100%; margin: 0;}

.hometop_container .hometop_sliderwrap {position: relative;}

.hometop_container .slide {height: 900px; display: block; width: 100%; position: relative; overflow: hidden;}
.hometop_container .slide:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); z-index: 2;}
.hometop_container .slide:after {content:""; position: absolute; left: 0; top: 60%; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); z-index: 3;}

.hometop_container .slick-dots {bottom: 10px;}

.hometop_container .custom_arrow__prev {left: 20px;}
.hometop_container .custom_arrow__next {right: 20px; transform: scaleX(-1) translateY(-50%);}

.hometop_container .hometop_content {position: absolute; left: 20px; right: 20px; bottom: 74px; z-index: 4; color: var(--white);}
.hometop_container .hometop_title {position: relative; font-size: 42px; line-height: 100%;}
.hometop_container .hometop_text {position: relative; padding: 16px 0 0 0; line-height: 120%;}
.hometop_container .hometop_button {margin: 30px 0 0 0;}


 

@media screen and (min-width: 2540px) {

.block,
.hometop_container .hometop_block {width: 2520px; margin: 0 auto;}

.header_container .header_menu {left: 0;}
.header_container .header_cart {right: 0;}
.header_container .header_account {right: 120px;}

.hometop_container .slide {height: 1024px;}

}


@media screen and (max-width: 1500px) {

.menu_container .menu_catalog .pr_item {width: calc((100% - 16px)/2); margin: 0;}
.menu_container .menu_catalog .pr_item:nth-child(2) {margin: 0 0 0 16px;}

.menu_container .menu_right__item {width: 100%;}

.hometop_container,
.hometop_container .slide {height: 760px;} 

}


@media screen and (max-width: 1400px) {

.page_container .fixbox {padding: 0 0 0 400px;}
.page_container.with_nav .page_content {width: auto;}
.page_container .page_nav {width: 360px;}

}


@media screen and (max-width: 1250px) {

.header_container .header_account {right: 96px;}
.header_container .header_cart {top: 22px;}

body .wc-block-mini-cart__button:before {content:""; position: relative; bottom: -2px; margin: 0 5px 0 0; width: 24px; height: 24px; background: url('/img/cart.svg') 0 0 no-repeat; background-size: 100% auto;}

.hometop_container {height: 600px; margin: 0 0 64px;} 
.hometop_container .slide {height: 600px;} 

.page_container .fixbox {padding: 0 0 0 300px;}
.page_container .page_nav {width: 280px;}

} 


@media screen and (max-width: 1000px) {

.breadcrumbs {display: block; line-height: 140%; padding: 16px 0 20px;}

.main_layout {padding-top: 64px;}

.page_container .fixbox {padding: 0 0 0 220px;}

.page_container .page_nav {width: 200px;}
.page_container .page_nav ul {display: none;}
.page_container .page_nav__mob {display: block;}
.page_container .page_nav__arrow {position: absolute; right: 10px; top: 8px; pointer-events: none;}
.page_container .page_nav__select {height: 32px; padding: 0 10px; font-size: 14px; line-height: 100%; color: var(--black); background: #FFF; width: 100%; border: 1px solid var(--grey-50); border-radius: 1px;}
.page_container .page_nav {width: 100%; margin: 0 0 48px; position: relative; left: 0; top: 0;}
.page_container .page_content {width: 100%;}
.page_container .fixbox {padding: 0;}

.header_container .header_block {height: 64px;}
.header_container .header_logo {height: 24px; top: 19px;}
.header_container .header_menu,
.header_container .header_account {display: none;}
.header_container .header_cart {top: 19px;}

.header_container.scrolling {top: -64px;}

body.mobmenu_show .header_container.scrolling {top: 0;}

.mobmenu_in {display: block; position: absolute; left: 23px; top: 50%; transform: translateY(-50%); width: 18px; height: 13px; cursor: pointer;}
.mobmenu_in .line {position: absolute; left: 0; width: 100%; height: 1.5px; background: #000; transition: 0.2s; border-radius: 10px;}
.mobmenu_in .line1 {top: 0;}
.mobmenu_in .line2 {top: 6px;}
.mobmenu_in .line3 {top: 12px;}

body.mobmenu_show .mobmenu_in .line1 {display: none;}
body.mobmenu_show .mobmenu_in .line2 {top: 6px; left: 1px; width: 15px; transform: rotate(45deg);}
body.mobmenu_show .mobmenu_in .line3 {top: 6px; left: 1px; width: 15px; transform: rotate(-45deg);}

.menu_close,
.menu_container,
body.show_menu .menu_close,
body.show_menu .menu_container {display: none;}
 

.mobmenu {position: absolute; left: -100vw; top: 64px; width: 100%; border-top: 0.50px solid var(--grey-150); background: var(--white); transition: left 0.2s; z-index: 81; display: block;}
.mobmenu_content {position: relative; padding: 0 16px 110px;}
.mobmenu a {color: var(--black); position: relative;}

.mobmenu .menu .menu-item {position: relative;}
.mobmenu .menu .menu-item a {font-size: 16px; line-height: 100%;}

.mobmenu .menu > .menu-item {border-bottom: 0.50px solid var(--grey-150); padding: 24px 0;}
.mobmenu .menu > .menu-item > a {display: block;}
.mobmenu .menu > .menu-item > a:after {content:""; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: rotate(-90deg); margin-top: -8px; background: url('/img/arrow1.svg') 0 0 no-repeat; background-size: 100% auto; transition: 0.2s;}
  
.mobmenu .sub-menu {position: relative; display: none; padding: 24px 0 0 0;}
.mobmenu .sub-menu .menu-item {margin-bottom: 20px;}
.mobmenu .sub-menu .menu-item:last-of-type {margin-bottom: 0;}
 
.mobmenu .menu > .menu-item-has-children > a:after {transform: none;}

.mobmenu .menu > .menu-item-has-children.active .sub-menu {display: block;}
.mobmenu .menu > .menu-item-has-children.active > a:after {transform: scaleY(-1);}

.mobmenu .mobmenu_all {padding: 0 20px 0 0; position: relative; display: inline-block;}
.mobmenu .mobmenu_all svg {position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 1px;}

.mobmenu_bottom {position: absolute; left: 0; bottom: 0; height: 110px; padding: 0 16px; display: flex; width: 100%; box-sizing: border-box; font-size: 14px; line-height: 100%; align-content: center; align-items: center; justify-content: space-between;}
.mobmenu_bottom .mobmenu_email {margin: 0 24px 0 auto;}

body.mobmenu_show .mobmenu {left: 0;}

}


@media screen and (max-width: 750px) {

h1, 
h2 {font-size: 24px; line-height: 115%;}

.block {margin: 0 16px;}

.page_container .page_block {padding: 24px 0 64px;}
.page_container.with_nav .page_block {padding: 16px 0 64px;}

.page_container .page_nav {margin: 0 0 24px;}

.mobmenu_in {left: 19px;}

.header_container .header_cart {right: 16px;}

.mobmenu_content {padding: 0 16px;}
.mobmenu_bottom {position: relative; height: auto; padding: 48px 0; display: block;}
.mobmenu_bottom li,
.mobmenu_bottom .mobmenu_email {margin: 0 0 20px;}
.mobmenu_bottom li:last-of-type {margin: 0;}

body .wc-block-components-drawer__close {width: 50px !important; height: 56px !important;} 
body .wp-block-woocommerce-mini-cart-title-label-block {padding: 0 16px; margin: 0 0 16px !important; height: 56px;}
body .wp-block-woocommerce-mini-cart-title-label-block:before {font-size: 16px;}
body .wc-block-mini-cart__items {padding: 0 16px;}
body .wc-block-cart-items .wc-block-cart-items__row {padding: 0 0 32px !important;}
body .wc-block-cart-items .wc-block-cart-item__image {padding: 0 16px 0 0; width: 104px;}
body .wc-block-cart-items .wc-block-cart-item__image img {width: 104px; height: 104px;}
body .wc-block-cart-items .wc-block-cart-item__product {width: calc(100% - 104px - 16px);}
body .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name {margin: 0 0 7px;}
body .wc-block-cart-items .wc-block-cart-item__prices {margin: 0 0 16px;}   
body .wc-block-mini-cart__footer {padding: 40px 16px;}
body .wc-block-mini-cart__empty-cart-wrapper {padding: 0 16px !important;}

.hometop_container {height: 667px; margin: 0 0 40px;} 
.hometop_container .slide {height: 667px;} 
.hometop_container .custom_arrow__prev {left: 16px;}
.hometop_container .custom_arrow__next {right: 16px;}
.hometop_container .hometop_content {left: 16px; right: 16px;}
.hometop_container .hometop_content br {display: none;}
.hometop_container .hometop_title {font-size: 32px;}
.hometop_container .hometop_button {width: 100%; padding: 0;}

}