* {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

a {
  color: inherit;
  text-decoration: inherit;
}

button {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
.fslightbox-slide-btn-container {
  display: none;
}
.fslightbox-container {
  background: linear-gradient(rgba(255, 255, 255, 0.71),#fff0 1810%);
}
.fslightbox-toolbar-button:first-child {
  display: none;
}
/**
.fslightbox-absoluted.fslightbox-full-dimension.fslightbox-flex-centered {
  overflow: hidden;
}

.fslightbox-fade-in, .fslightbox-fade-in-strong {
  width: 100%;
  height: 100%;
}
.fslightbox-source {
  width: 100% !important;
  height: auto !important;
}
*/
/**

round(0.1234) => 0.12
round(0.1234, 2) => 0.12
round(1234.5678, -2) => 1200
round(1234.5678, 0) => 1234

*/
/*
	--slide-footer-h is duct tape solution to prevent prev and next buttons from covering 
	p-card footer, which has clickable items;
*/
.p-card__fav-btn, .cart-qty__up, .cart-qty__down, .cart-qty__value, .input-group input {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}

.pf-section__title, .p-slider__title, .p-card__title, .p-card__fav-btn, .breadcrumbs__list, .cart-qty__up, .cart-qty__down, .cart-qty__value, .f-nav__list, .f-mailing__title, .f-nav__header, .h-menu__list, .modal, .sidebar__title, .sidebar, .input-group input {
  margin: 0;
  padding: 0;
}

:root {
  --h1-f-size: 2rem;
  --h1-f-size--mini: 1.8rem;
  --text-f-size--small-du: 1.3rem;
  --text-f-size--small-dd: 1.3rem;
}
@media (max-width: 992px) {
  :root {
    --h1-f-size: 1.8rem;
    --text-f-size--small-du: 1.1rem;
    --text-f-size--small-dd: 1.1rem;
  }
}
@media (max-width: 768px) {
  :root {
    --h1-f-size--mini: 1.6rem;
    --h1-f-size: 1.6rem;
    --text-f-size--small-du: 1.3rem;
    --text-f-size--small-dd: 1rem;
  }
}

body {
  font: normal 1.4rem/1.4 "Euclid Circular A", sans-serif;
}

.h1, .preorder__title, .co-title--h1, .not-found__title, .b-section__title, .b-title__title, .page-title__title, .wysiwyg h1 {
  margin: 0;
  padding: 0;
  font-size: var(--h1-f-size);
  font-weight: 500;
  margin-bottom: 0.8rem;
}

.text-small-du, .p-details, .page-title {
  font-size: var(--text-f-size--small-du);
  letter-spacing: 0.01em;
}

.text-small-dd, .p-details__stickers, .p-details__bnpl {
  font-size: var(--text-f-size--small-dd);
  letter-spacing: 0.02em;
}

a:focus,
a:hover {
  color: var(--c-text--hover);
}

:root {
  --content-pad-w: 3rem;
  --grid-col-gap: 2rem;
  --h-bar-top--menu-open: 0px;
  --h-bar-h: 7rem;
  --header-h: var( --h-bar-h );
  --input-h: 4rem;
  --input-border-r: 2rem;
  --input-border-c: #D6D6D1;
  --input-border-c--focus: #838381;
  --input-border-c--error: #F4502F;
  --input-h--inner: 3.8rem;
  --input-pad-h: 0.5rem;
  --input-toggle-size: 2rem;
  --btn-f-size: 1.2rem;
  --btn-f-weight: 500;
  --icon-btn-size: 2rem;
  --c-text--hover: #838381;
  --text-col-gap: 2rem;
}
@media (max-width: 992px) {
  :root {
    --h-bar-h: 5.5rem;
    --input-h: 3.5rem;
    --input-border-r: 1.75rem;
    --input-h--inner: 3.3rem;
    --btn-f-size: 1rem;
    --icon-btn-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  :root {
    --content-pad-w: 1.7rem;
    --grid-col-gap: 1rem;
    --btn-f-size: 1.3rem;
    --btn-f-weight: 400;
  }
}
@media (max-width: 640px) {
  :root {
    --text-col-gap: 0.8rem;
  }
}

html {
  /* 62.5% of 16px browser font size is 10px */
  font-size: 62.5%;
  height: 100%;
}

body {
  background: #FBFBF6;
  color: #1F1F1E;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}
body.user-is-tabbing *:focus {
  outline: 0.5rem solid rgba(244, 80, 47, 0.7);
}

*::selection {
  background-color: #D6D6D1;
}

.hidden {
  display: none;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("euclidcirculara-medium-webfont.woff2") format("woff2"), url("euclidcirculara-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Euclid Circular A";
  src: url("euclidcirculara-regular-webfont.woff2") format("woff2"), url("euclidcirculara-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.wysiwyg {
  --p-mrgn-b: 1.3em;
  line-height: 1.4;
}
.wysiwyg p {
  margin: 0;
  padding: 0;
  margin-bottom: var(--p-mrgn-b);
}
.wysiwyg section {
  margin-bottom: 3.3rem;
}
.wysiwyg ul, .wysiwyg ol, .wysiwyg dl {
  padding-inline-start: 1.2rem;
  margin-bottom: var(--p-mrgn-b);
}
.wysiwyg ul {
  list-style-type: "-  ";
}
.wysiwyg h1 {
  margin-top: 10.5rem;
  margin-bottom: 3rem;
}
.wysiwyg h2, .wysiwyg h3 {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
}
.wysiwyg h3 {
  color: #A5A5A1;
}
.wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  font-size: 1.2rem;
  font-weight: normal;
  text-transform: uppercase;
}
.wysiwyg img {
  max-width: 100%;
  margin-bottom: 10rem;
  width: 100%;
}
@media (max-width: 768px) {
  .wysiwyg img {
    margin-bottom: 6rem;
  }
}
.wysiwyg hr {
  border: none;
  border-top: 1px solid var(--input-border-c);
}
.img, .img--16x9, .img--4x3, .img--3x2 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
}
.img--3x2 {
  aspect-ratio: 3/2;
}
.img--4x3 {
  aspect-ratio: 4/3;
}
.img--16x9 {
  aspect-ratio: 16/9;
}

.form {
  --text-f-size: 1.3rem;
  --input-f-size: 1.3rem;
  --input-f-weight: normal;
  font-size: var(--text-f-size);
  color: #646462;
}
* + .form__item {
  margin-top: 2.5rem;
}
@media (max-width: 992px) {
  .form {
    --text-f-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .form {
    --text-f-size: 1.3rem;
  }
}

.btn, .preorder__submit-btn, .co-button--checkout-login, .co-client .co-button, .p-paginate__label--active, .co-pagination_button__active, .cart-qty {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  --color: #1F1F1E;
  --b-color: var( --bg-color );
  --bg-color: #EAEAE6;
  --color--hover: var( --color );
  --b-color--hover: var( --bg-color--hover );
  --bg-color--hover: #D6D6D1;
  --pad-w: 2.6rem;
  --pad-w--wide: 6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--input-h);
  padding: 0 var(--pad-w);
  box-sizing: border-box;
  border: 0.1rem solid var(--b-color);
  border-radius: var(--input-h);
  background: var(--bg-color);
  color: var(--color);
  font: inherit;
  font-size: var(--btn-f-size);
  font-weight: var(--btn-f-weight);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
.btn.i::before, .i.preorder__submit-btn::before, .i.co-button--checkout-login::before, .co-client .i.co-button::before, .i.p-paginate__label--active::before, .i.co-pagination_button__active::before, .i.cart-qty::before {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.btn:focus, .preorder__submit-btn:focus, .co-button--checkout-login:focus, .co-client .co-button:focus, .p-paginate__label--active:focus, .co-pagination_button__active:focus, .cart-qty:focus, .btn:hover, .preorder__submit-btn:hover, .co-button--checkout-login:hover, .co-client .co-button:hover, .p-paginate__label--active:hover, .co-pagination_button__active:hover, .cart-qty:hover {
  color: var(--color--hover);
  border-color: var(--b-color--hover);
  background: var(--bg-color--hover);
}
.btn--wide {
  padding-left: var(--pad-w--wide);
  padding-right: var(--pad-w--wide);
}
.btn--mini, .cart-qty {
  --color: #1F1F1E;
  --bg-color: #F7F7F2;
  --bg-color--hover: #EAEAE6;
  --input-h: 2rem;
  padding: 0 1.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
}
.btn--primary, .preorder__submit-btn, .p-paginate__label--active, .co-pagination_button__active {
  --color: #FBFBF6;
  --bg-color: #1F1F1E;
  --bg-color--hover: #484847;
}
.btn--primary:disabled, .preorder__submit-btn:disabled, .p-paginate__label--active:disabled, .co-pagination_button__active:disabled {
  --bg-color: #838381;
  --bg-color--hover: #838381;
}
.btn--secondary, .co-button--checkout-login, .co-client .co-button {
  --color: #1F1F1E;
  --b-color: var( --bg-color );
  --bg-color: #EAEAE6;
  --color--hover: var( --color );
  --b-color--hover: var( --bg-color--hover );
  --bg-color--hover: #D6D6D1;
}
.btn--outline {
  --color: #A5A5A1;
  --b-color: #D6D6D1;
  --bg-color: #FBFBF6;
  --color--hover: #1F1F1E;
  --b-color--hover: #838381;
  --bg-color--hover: transparent;
}
.btn--link, .btn--link:hover, .btn--transparent {
  --color: inherit;
  --b-color: transparent;
  --bg-color: transparent;
  --color--hover: #1F1F1E;
  --bg-color--hover: transparent;
}
.btn--link {
  text-decoration: underline;
}
.btn--link:hover {
  text-decoration: none;
}
@media (max-width: 992px) {
  .btn, .preorder__submit-btn, .co-button--checkout-login, .co-client .co-button, .p-paginate__label--active, .co-pagination_button__active, .cart-qty {
    --pad-w--wide: 3rem;
  }
}
@media (max-width: 768px) {
  .btn, .preorder__submit-btn, .co-button--checkout-login, .co-client .co-button, .p-paginate__label--active, .co-pagination_button__active, .cart-qty {
    --pad-w: 2rem;
  }
}

.f-item {
  --label-f-size: 1.2rem;
  --label-c: #A5A5A1;
  --desc-f-size: 1rem;
}
.f-item__label {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 1rem;
  left: 2rem;
  padding: 0 0.5rem;
  background: #FBFBF6;
  font-size: var(--label-f-size);
  font-weight: 500;
  color: var(--label-c);
}
.f-item__desc {
  font-size: var(--desc-f-size);
  line-height: 1.4;
  margin-top: 2rem;
}
@media (max-width: 992px) {
  .f-item {
    --desc-f-size: 0.8rem;
  }
}
@media (max-width: 992px) {
  .f-item {
    --label-f-size: 1rem;
    --desc-f-size: 0.9rem;
  }
}

.input-group {
  margin: 0;
  padding: 0;
  font-size: var(--input-f-size);
  font-weight: var(--input-f-weight);
  color: #313130;
  height: var(--input-h);
  box-sizing: border-box;
  border: 0.1rem solid var(--input-border-c);
  border-radius: var(--input-border-r);
}
.input-group:focus-within {
  border-color: var(--input-border-c--focus);
}
.input-group {
  display: flex;
  align-items: stretch;
}
.input-group input {
  flex: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1.7rem 0 2.5rem;
  color: inherit;
  font: inherit;
}
.input-group input::-webkit-outer-spin-button, .input-group input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.input-group input::placeholder {
  color: #A5A5A1;
  letter-spacing: 0.05em;
}
.input-group--prefix > span {
  padding-left: 2rem;
  line-height: var(--input-h--inner);
  color: #A5A5A1;
  font-weight: 500;
}
.input-group--prefix > input {
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 0.5rem;
}
.input-group--btn > input {
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group--btn > .btn, .input-group--btn > .preorder__submit-btn, .input-group--btn > .co-button--checkout-login, .co-client .input-group--btn > .co-button, .input-group--btn > .p-paginate__label--active, .input-group--btn > .co-pagination_button__active, .input-group--btn > .cart-qty {
  flex: 0 0 auto;
  --h: calc( var(--input-h--inner) - var(--input-pad-h) * 2 );
  height: var(--h);
  padding: 0 1.7rem;
  margin: var(--input-pad-h);
  margin-left: 0;
  border-radius: var(--h);
  font-size: 1.2rem;
}

.range-input {
  padding: 1rem 0;
  --from-value: 10%;
  --to-value: 40%;
}
.range-input .noUi-horizontal {
  height: 0.1rem;
}
.range-input .noUi-target {
  background: #D6D6D1;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.range-input .noUi-connect {
  background: #1F1F1E;
}
.range-input .noUi-horizontal .noUi-handle {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  position: absolute;
  background: #FBFBF6;
  box-shadow: none;
  top: calc(0px - var(--icon-btn-size) / 2);
  right: calc(0px - var(--icon-btn-size) / 2);
}
.range-input .noUi-horizontal .noUi-handle::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.range-input .noUi-horizontal .noUi-handle:hover {
  color: var(--c-text--hover);
}
.range-input .noUi-horizontal .noUi-handle::before, .range-input .noUi-horizontal .noUi-handle::after {
  display: none;
}
.range-input .noUi-active {
  box-shadow: none;
}
.range-input__slider {
  margin-bottom: 2rem;
  padding: 0 calc(var(--icon-btn-size) / 2);
}
.range-input__gutter {
  height: 0.1rem;
  background: #D6D6D1;
  position: relative;
}
.range-input__gutter::before {
  content: "";
  position: absolute;
  background: #1F1F1E;
  height: 100%;
  left: var(--from-value);
  right: calc(100% - var(--to-value));
}
.range-input__handle {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.range-input__handle::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.range-input__handle:hover {
  color: var(--c-text--hover);
}
.range-input__handle {
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  background: #FBFBF6;
}
.range-input__handle:nth-child(1) {
  left: var(--from-value);
}
.range-input__handle:nth-child(2) {
  left: var(--to-value);
}
.range-input__values {
  display: flex;
  gap: 2rem;
}
.range-input__values > * {
  flex: 1;
}

.check-group .checkbox {
  display: block;
  margin-bottom: 1.3rem;
}

.checkbox input {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
}
.checkbox {
  color: #1F1F1E;
  font-size: 1.6rem;
  line-height: var(--input-toggle-size);
  letter-spacing: 0.05em;
}
.checkbox input {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  width: var(--input-toggle-size);
  height: var(--input-toggle-size);
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--input-toggle-size);
  background: #FBFBF6 none no-repeat center;
}
.checkbox input:checked {
  background-image: url("f-check.svg");
}

.select {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  font-size: var(--input-f-size);
  font-weight: var(--input-f-weight);
  color: #313130;
  height: var(--input-h);
  box-sizing: border-box;
  border: 0.1rem solid var(--input-border-c);
  border-radius: var(--input-border-r);
}
.select:focus-within {
  border-color: var(--input-border-c--focus);
}
.select {
  padding-left: 1.5rem;
  padding-right: 4.6rem;
  background: transparent url("select-tick.svg") no-repeat right center;
  background-position: right 1.5rem center;
  background-size: 1.1rem auto;
}

/*

.sidebar
  .sidebar__content
    .sidebar__header
      .sidebar__close-btn.i.i-x-btn
      .sidebar__title
    .sidebar__body
    .sidebar__footer
*/
.sidebar {
  --max-w: 40rem;
  --title-f-size: 1.8rem;
  --header-mrgn-b: 5.5rem;
  border: none;
  max-width: none;
  max-height: none;
  position: fixed;
  z-index: 200;
  top: 0;
  width: 100%;
  max-width: var(--max-w);
  height: 100%;
  box-sizing: border-box;
  background: #FBFBF6;
  overflow-y: auto;
  transition: transform 300ms;
  font-size: 1.3rem;
}
.sidebar__content {
  padding: 6rem var(--content-pad-w);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-sizing: border-box;
}
.sidebar__header {
  margin-bottom: var(--header-mrgn-b);
  display: flex;
  align-items: center;
  column-gap: var(--text-col-gap);
}
.sidebar__title {
  flex: 1;
  font-size: var(--title-f-size);
  font-weight: 500;
}
.sidebar__close-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.sidebar__close-btn::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.sidebar__close-btn:hover {
  color: var(--c-text--hover);
}
.sidebar__footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sidebar::backdrop, .sidebar + .backdrop {
  background: rgba(0, 0, 0, 0);
  transition: background-color 300ms;
}
.sidebar--left {
  left: 0;
  transform: translate(-100%, 0);
}
.sidebar--left .sidebar__close-btn {
  order: 2;
}
.sidebar--right {
  --max-w: 45rem;
  --header-mrgn-b: 2rem;
  left: auto;
  right: 0;
  transform: translate(100%, 0);
}
.sidebar--right .sidebar__close-btn {
  order: -1;
}
.sidebar--open {
  transform: translate(0, 0);
}
.sidebar--open::backdrop, .sidebar--open + .backdrop {
  background: rgba(0, 0, 0, 0.25);
}
.sidebar__content {
  min-height: 100%;
}
@media (max-width: 992px) {
  .sidebar {
    --title-f-size: 1.6rem;
    --header-mrgn-b: 3rem;
  }
}
.modal {
  border: none;
  max-width: calc(100% - 2 * var(--content-pad-w));
  max-height: none;
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  background: #FBFBF6;
  overflow-y: auto;
  transition: opacity 300ms;
  opacity: 0;
  font-size: 1.3rem;
}
.modal__content {
  padding: 6rem var(--content-pad-w);
}
.modal__close-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.modal__close-btn::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.modal__close-btn:hover {
  color: var(--c-text--hover);
}
.modal::backdrop, .modal + .backdrop {
  background: rgba(0, 0, 0, 0);
  transition: background-color 300ms;
}
.modal--debug, .modal--open {
  opacity: 1;
}
.modal--debug::backdrop, .modal--debug + .backdrop, .modal--open::backdrop, .modal--open + .backdrop {
  background: rgba(0, 0, 0, 0.25);
}
.modal--debug {
  display: block !important;
}
@media (max-width: 768px) {
  .modal {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
  }
  .modal__close-btn {
    right: auto;
    left: 2rem;
  }
}

.page {
  --scrollbar-w: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.page--dialog-open {
  overflow: hidden;
  padding-right: var(--scrollbar-w);
}
@media (max-width: 992px) {
  .page--menu-open {
    overflow: hidden;
    padding-right: var(--scrollbar-w);
  }
}

.page-title {
  --grid-cols: 4fr 8fr;
  line-height: 1.3;
  margin: 3.3rem 0;
}
.page-title__desc {
  display: grid;
  grid-template-columns: 4fr 8fr ;
  gap: 0 var(--grid-col-gap);
  grid-template-columns: var(--grid-cols);
}
@media (max-width: 768px) {
  .page-title {
    --grid-cols: 6fr 6fr;
  }
}
@media (max-width: 640px) {
  .page-title {
    --grid-cols: 12fr;
  }
}

/**

body
    .page_layout
        header
            .linii_header
                .header
            .widget2

*/
.h-menu__logo, .header__logo {
  flex: 0 0 auto;
}
.h-menu__logo img, .header__logo img {
  height: var(--logo-h);
}

.header {
  position: relative;
}
.header::after {
  content: "";
  display: block;
  height: var(--h-bar-h);
}
.header {
  --logo-h: 4.5rem;
  --bar-f-size: 1.2rem;
  --menu-f-size: 1.5rem;
  font-size: var(--bar-f-size);
  line-height: 1;
  letter-spacing: 0.05em;
}
.header::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99;
  opacity: 0;
  transition: opacity 0.3s;
  background: #FBFBF6;
  pointer-events: none;
}
.header__bar a:hover {
  color: var(--c-text--hover);
}
.header__main {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
.header__bar {
  height: var(--h-bar-h);
  box-sizing: border-box;
  padding: 0 var(--content-pad-w);
  position: relative;
  background: #FBFBF6;
}
.header__menu {
  height: 100%;
}
.header__logo {
  order: 2;
  display: none;
}
.header__menu-btn {
  flex: 1;
  order: 1;
  display: none;
  position: relative;
  top: -2px;
}
.header__shopnav {
  display: none;
  order: 3;
  flex: 1;
  justify-content: flex-end;
  column-gap: 3rem;
}
.header--fixed .header__main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.page--dialog-open .header--fixed .header__main, .page--cart-open .header--fixed .header__main {
  padding-right: var(--scrollbar-w);
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .header {
    --logo-h: 3.3rem;
    --bar-f-size: 1rem;
    --menu-f-size: 1.3rem;
  }
  .header__logo {
    display: block;
  }
  .header__bar {
    display: flex;
    align-items: center;
  }
  .header__shopnav {
    display: flex;
    transition: opacity 0.3s;
  }
  .header__shopnav > * {
    display: none;
  }
  .header__shopnav > .header__cart-btn {
    display: block;
  }
  .header__menu {
    --opacity-transition: opacity 0.3s;
    visibility: hidden;
    opacity: 0;
    transition: var(--opacity-transition);
  }
  .header__menu-btn {
    display: block;
  }
  .page--menu-open .header::before {
    opacity: 1;
  }
  .page--menu-open .header__shopnav {
    opacity: 0;
    pointer-events: none;
  }
  .page--menu-open .header__main {
    position: fixed;
    top: var(--h-bar-top--menu-open);
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .page--menu-open .header__menu {
    z-index: 10;
    opacity: 1;
    visibility: visible;
  }
  .page--menu-open .header__menu-btn {
    position: relative;
    z-index: 10;
  }
}
.h-menu {
  font-size: var(--menu-f-size);
  display: flex;
  align-items: center;
}
.h-menu__logo {
  order: 2;
}
.h-menu__list {
  display: flex;
  gap: 3rem;
  list-style: none;
}
.h-menu__list--main {
  order: 1;
  flex: 1;
}
.h-menu__list--system {
  order: 3;
  flex: 1;
  justify-content: flex-end;
}
.h-menu__item {
  text-transform: uppercase;
}
.h-menu__item .i {
  display: none;
}
.h-menu__submenu {
  visibility: hidden;
}
@media (min-width: 993px) {
  .h-menu__list--root > .h-menu__item > *:first-child {
    font-size: var(--bar-f-size);
    line-height: var(--h-bar-h);
  }
  .h-menu__item--promo {
    color: inherit;
  }
  .h-menu__item:focus-within .h-menu__submenu, .h-menu__item:hover .h-menu__submenu, .h-menu__item--active .h-menu__submenu {
    visibility: visible;
  }
}
@media (max-width: 992px) {
  .h-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 5rem var(--content-pad-w) 0;
    box-sizing: border-box;
    transition: left 300ms, var(--opacity-transition);
  }
  .h-menu__logo {
    display: none;
  }
  .h-menu--submenu-open {
    left: -100%;
  }
  .h-menu__list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .h-menu__list--root + .h-menu__list--root {
    margin-top: 8.5rem;
  }
  .h-menu__item {
    display: block;
  }
  .h-menu__submenu {
    display: none;
    visibility: visible;
  }
  .h-menu__item--expanded .h-menu__submenu {
    display: block;
  }
  .h-menu__item .i {
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    width: var(--icon-btn-size);
    height: var(--icon-btn-size);
    box-sizing: border-box;
    border: 0.1rem solid #D6D6D1;
    border-radius: var(--icon-btn-size);
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
  }
  .h-menu__item .i::after {
    content: "";
    position: absolute;
    inset: -1rem;
  }
  .h-menu__item .i:hover {
    color: var(--c-text--hover);
  }
  .h-menu__item .i {
    display: inline-flex;
    margin: 0.7rem 0;
    font-size: 1.1rem;
    transition: transform 0.3s ease-out;
  }
  .h-menu__item > *:first-child {
    display: block;
    line-height: 4rem;
  }
  .h-menu__item .h-menu__submenu-toggle {
    display: flex;
    justify-content: space-between;
  }
  .h-menu__item--all {
    display: block;
    order: -1;
  }
  .h-menu__all-link {
    pointer-events: none;
  }
}

.h-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #FBFBF6;
  padding: 0.9rem var(--content-pad-w) 4rem;
  line-height: 1;
}
.h-submenu__header {
  display: none;
}
.h-submenu a:hover {
  color: var(--c-text--hover);
}
.h-submenu .h-menu__item {
  text-transform: none;
}
@media (min-width: 993px) {
  .h-submenu .h-menu__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 25.6rem);
    grid-auto-flow: column;
    gap: 1.4rem 2rem;
  }
  .h-submenu .h-menu__item:nth-child(1) {
    grid-row-start: 1;
  }
  .h-submenu .h-menu__item:nth-child(2) {
    grid-row-start: 2;
  }
  .h-submenu .h-menu__item:nth-child(3) {
    grid-row-start: 3;
  }
  .h-submenu .h-menu__item:nth-child(4) {
    grid-row-start: 4;
  }
  .h-submenu .h-menu__item:nth-child(5) {
    grid-row-start: 5;
  }
}
@media (max-width: 992px) {
  .h-submenu {
    padding: 5rem var(--content-pad-w) 0;
  }
  .h-submenu__header {
    display: block;
  }
  .h-submenu__header .i {
    margin-right: 1rem;
  }
  .h-menu__item--expanded .h-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
  }
}

html[style*="--is-editor: true"] .header--fixed .header__main {
  position: absolute;
}

.menu-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  --btn-w: 2.6rem;
  --btn-h: 1.6rem;
  width: var(--btn-w);
  height: var(--btn-h);
  position: relative;
  cursor: pointer;
}
.menu-btn:hover {
  color: var(--c-text--hover);
}
.menu-btn i {
  display: block;
  width: 100%;
  height: 0.1rem;
  background: currentColor;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
}
.menu-btn i::before, .menu-btn i::after {
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  position: absolute;
  left: 0;
}
.menu-btn i::before {
  top: calc(0px - var(--btn-h) * 0.5);
}
.menu-btn i::after {
  top: calc(var(--btn-h) * 0.5);
}
.menu-btn i,
.menu-btn i::before,
.menu-btn i::after {
  transition: top 0.1s 0.1s, transform 0.1s;
}
.page--menu-open .menu-btn i,
.page--menu-open .menu-btn i::before,
.page--menu-open .menu-btn i::after {
  transition: top 0.1s, transform 0.1s 0.1s;
}
.page--menu-open .menu-btn i {
  transform: rotate(45deg);
}
.page--menu-open .menu-btn i::before {
  top: 0;
}
.page--menu-open .menu-btn i::after {
  top: 0;
  transform: rotate(-90deg);
}
@media (max-width: 992px) {
  .menu-btn {
    --btn-w: 2rem;
    --btn-h: 1.4rem;
  }
}

.h-search__search-box {
  margin: 2rem 0 0;
}
.h-search__quick-btns {
  margin-top: 3rem;
  display: none;
}
.h-search__quick-btn {
  --color: #484847;
  --b-color: #484847;
  text-transform: none;
}
.h-search__quick-btn:hover {
  border-color: currentColor;
}
@media (max-width: 992px) {
  .h-search__quick-btns {
    display: flex;
    gap: 1rem 0.5rem;
    flex-wrap: wrap;
  }
}

.f-logo {
  --mrgn-t: 12rem;
  --logo-h: 10rem;
  display: flex;
  justify-content: space-between;
  margin-top: var(--mrgn-t);
}
.f-logo img {
  height: var(--logo-h);
}
@media (max-width: 768px) {
  .f-logo {
    --mrgn-t: 6rem;
    --logo-h: 4rem;
  }
}

.footer {
  --mrgn-top: 12rem;
  --copy-pad-t: 9rem;
  --mailing-max-w: 40rem;
  margin-top: var(--mrgn-top);
}
.footer__main {
  display: grid;
  grid-template-columns: 3fr 3fr 3fr 3fr ;
  gap: 0 var(--grid-col-gap);
}
.footer__copyright {
  text-align: center;
  font-size: 1.2rem;
  color: #838381;
  padding: var(--copy-pad-t) 0 1.7rem;
}
.footer__mailing {
  grid-column: 4;
  max-width: var(--mailing-max-w);
}
@media (max-width: 992px) {
  .footer {
    --section-r-gap: 4rem;
  }
  .footer__main {
    display: grid;
    grid-template-columns: 6fr 6fr ;
    gap: 0 var(--grid-col-gap);
    row-gap: var(--section-r-gap);
  }
  .footer__nav {
    grid-column: 1/span 1;
  }
  .footer__mailing {
    grid-column: 2/span 1;
    grid-row: 1/span 4;
  }
}
@media (max-width: 768px) {
  .footer {
    --mrgn-top: 6rem;
    --copy-pad-t: 3rem;
    --section-r-gap: 0.5rem;
  }
}
@media (max-width: 640px) {
  .footer {
    --mailing-max-w: none;
  }
  .footer__main {
    display: flex;
    flex-direction: column;
  }
}

.f-mailing__title, .f-nav__header {
  font-size: 1.2rem;
  font-weight: 400;
  color: #121212;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .f-mailing__title, .f-nav__header {
    font-size: 1.3rem;
  }
}

.f-nav {
  --icon-display: none;
  --row-gap: 0.6rem;
  --item-f-size: 1.3rem;
}
.f-nav__header i {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.f-nav__header i::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.f-nav__header i:hover {
  color: var(--c-text--hover);
}
.f-nav__header i {
  display: var(--icon-display);
  order: 2;
  font-size: 0.6rem;
  transition: transform 0.3s;
}
.f-nav__header i::before {
  position: relative;
  top: 1px;
}
.f-nav__content {
  font-size: var(--item-f-size);
  color: #646462;
}
.f-nav__content p {
  margin-bottom: var(--row-gap);
}
.f-nav__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: var(--row-gap);
}
.f-nav__item {
  &.margin_item {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .f-nav {
    --item-f-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .f-nav {
    --content-h: auto;
    --hover-bg-display: none;
  }
  .f-nav__header {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
  }
  .f-nav__header i {
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    width: var(--icon-btn-size);
    height: var(--icon-btn-size);
    box-sizing: border-box;
    border: 0.1rem solid #D6D6D1;
    border-radius: var(--icon-btn-size);
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
  }
  .f-nav__header i::after {
    content: "";
    position: absolute;
    inset: -1rem;
  }
  .f-nav__header i:hover {
    color: var(--c-text--hover);
  }
  .f-nav__header i {
    order: 2;
    font-size: 0.6rem;
    transition: transform 0.3s;
  }
  .f-nav__header i::before {
    position: relative;
    top: 1px;
  }
  .f-nav__header:hover::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1.2rem;
    left: -2rem;
    right: -2rem;
    bottom: -0.8rem;
    border-radius: 4rem;
    background: #EAEAE6;
    display: var(--hover-bg-display);
  }
  .f-nav__clipper {
    height: 0;
    transition: height 0.3s;
    overflow: hidden;
  }
  .f-nav__content {
    display: none;
    padding-top: 0.5rem;
    padding-bottom: 2em;
    padding-left: 0;
    padding-right: 0;
  }
  .f-nav--expanded .f-nav__header i {
    transform: rotate(180deg);
  }
  .f-nav--expanded .f-nav__clipper {
    height: var(--content-h);
  }
  .f-nav {
    --row-gap: 1.3rem;
    --item-f-size: 1.3rem;
  }
}

.f-mailing__message {
  font-size: 1.3rem;
}
.f-mailing__label {
  font-size: var(--desc-f-size);
  line-height: var(--desc-f-size);
  display: flex;
  gap: 10px;
  align-items: start;
  margin-top: 10px;
  color: #999;
  cursor: pointer;
}
.f-mailing__label a {
  text-decoration: underline;
}
.cart {
  --header-mrgn-b: 3rem;
  --row-gap: 3rem;
}
.cart__list {
  margin-bottom: 3.6rem;
}
.cart__item {
  width: 100%;
  margin-bottom: var(--row-gap);
}
.cart__item:last-child {
  margin-bottom: 0;
}
.cart__empty-msg {
  display: none;
}
.cart--empty .cart__list {
  display: none;
}
.cart--empty .cart__empty-msg {
  display: block;
}
.cart--empty .cart__footer {
  display: none;
}
@media (max-width: 640px) {
  .cart {
    --row-gap: 2rem;
  }
}

.cart-footer__coupon {
  margin-bottom: 2rem;
}
.cart-footer__discount {
  display: none;
}
.devmode .cart-footer__discount {
  display: block;
}
.cart-footer__discount[data-cart-discounts-ajax=true] {
  display: block;
}
.cart-footer__discount .insales-ui-discount-item {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
.cart-footer__discount .insales-ui-discount-description::after {
  content: ":";
}
.cart-footer__total {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  margin-bottom: 2rem;
}
.cart-footer__login-info {
  margin-bottom: 1rem;
}
.cart-footer__login-btn, .cart-footer__place-btn {
  width: 100%;
}

.cart-coupon__title {
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 1rem;
  display: block;
}
.cart-coupon__form {
  display: flex;
  gap: 2rem;
}
.cart-coupon__form > *:first-child {
  flex: 1;
}
.cart-coupon__notice {
  display: none;
  margin-top: 0.5rem;
}
.cart-coupon__notice[data-cart-discounts-error=true] {
  display: block;
}
.cart-coupon__notice .insales-ui-discounts-errors {
  color: #F4502F;
  font-weight: 500;
}
.cart-coupon--error {
  --input-border-c: var( --input-border-c--error );
  --input-border-c--focus: var( --input-border-c--error );
}

.cart-item {
  font-size: 1.3rem;
  line-height: 1.3;
  display: flex;
  column-gap: var(--text-col-gap);
}
.cart-item__thumb {
  flex: 0 0 auto;
  width: 21.2820512821%;
  min-width: 8.4rem;
}
.cart-item__thumb > * {
  width: 100%;
  padding-top: 150.6024096386%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.cart-item__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.cart-item__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart-item__header {
  display: flex;
  column-gap: var(--col-gap);
  justify-content: space-between;
  width: 100%;
}
.cart-item__title {
  margin: 0;
  padding: 0;
  font: inherit;
  font-weight: 500;
  flex: 1;
}
.cart-item__price {
  font-weight: 500;
  text-align: right;
}
.cart-item__price > * {
  display: block;
  white-space: nowrap;
}
.cart-item__price .price__old {
  text-decoration: line-through;
  color: #A5A5A1;
  margin-right: 0;
}
.cart-item__controls {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.cart-item__delete-btn {
  font-size: 1rem;
}
.cart-qty {
  font-weight: 500;
  display: inline-flex;
  padding: 0 0.4rem;
  font-size: 1.1rem;
}
.cart-qty__up, .cart-qty__down {
  width: 1.5rem;
  cursor: pointer;
  text-align: center;
}
.cart-qty__up::before, .cart-qty__down::before {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.cart-qty__down {
  text-align: left;
}
.cart-qty__up {
  text-align: right;
}
.cart-qty__value {
  width: 2rem;
  text-align: center;
  font: inherit;
  font-size: 1.3rem;
}

.cookie-banner {
  position: fixed;
  z-index: 300;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--content-pad-w) 1rem;
}
.cookie-banner__bar {
  border-radius: 2rem;
  width: 420px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  background: #838381;
  color: #FBFBF6;
  font-size: 1.2rem;
  --pad-h: calc( 4rem/2 - 1.2rem*1.4/2 );
  padding: var(--pad-h) 1rem var(--pad-h) 2.6rem;
}
.cookie-banner__text {
  flex: 1;
  text-align: center;
}
.cookie-banner__text a {
  text-decoration: underline;
}
.cookie-banner__text a:hover {
  color: inherit !important;
  text-decoration: none;
}
.cookie-banner__text p {
  margin: 0;
}
.cookie-banner__close-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: 6px;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.cookie-banner__close-btn::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.cookie-banner__close-btn:hover {
  color: var(--c-text--hover);
}
.cookie-banner__close-btn:hover {
  color: inherit;
  border-color: transparent;
}
.cookie-banner--hidden {
  display: none;
  transform: translate(0, 100%);
  transition: transform 300ms;
}

.spoiler, .wysiwyg .spoiler {
  --content-h: auto;
  --hover-bg-display: none;
  --hover-bg-display: block;
  --header-f-size: 1.5rem;
  --hoverbox-mrgn-w: 2rem;
  --mrgn-b: 2.8rem;
  margin: 0 var(--hoverbox-mrgn-w) var(--mrgn-b);
}
.spoiler__header, .wysiwyg .spoiler__header {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.spoiler__header i, .wysiwyg .spoiler__header i {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.spoiler__header i::after, .wysiwyg .spoiler__header i::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.spoiler__header i:hover {
  color: var(--c-text--hover);
}
.spoiler__header i, .wysiwyg .spoiler__header i {
  order: 2;
  font-size: 0.6rem;
  transition: transform 0.3s;
}
.spoiler__header i::before, .wysiwyg .spoiler__header i::before {
  position: relative;
  top: 1px;
}
.spoiler__header:hover::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1.2rem;
  left: -2rem;
  right: -2rem;
  bottom: -0.8rem;
  border-radius: 4rem;
  background: #EAEAE6;
  display: var(--hover-bg-display);
}
.spoiler__clipper {
  height: 0;
  transition: height 0.3s;
  overflow: hidden;
}
.spoiler__content {
  display: none;
  padding-top: 0.5rem;
  padding-bottom: 2em;
  padding-left: 0;
  padding-right: 0;
}
.spoiler--expanded .spoiler__header i {
  transform: rotate(180deg);
}
.spoiler--expanded .spoiler__clipper {
  height: var(--content-h);
}
.spoiler__header, .wysiwyg .spoiler__header {
  font-size: var(--header-f-size);
  font-weight: 500;
  color: inherit;
}
@media (min-width: 769px) {
  .spoiler__header i, .wysiwyg .spoiler__header i {
    border-color: transparent;
  }
}
@media (max-width: 992px) {
  .spoiler, .wysiwyg .spoiler {
    --header-f-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .spoiler, .wysiwyg .spoiler {
    --hoverbox-mrgn-w: 0;
    --hover-bg-display: none;
    --mrgn-b: 0.5rem;
  }
  .spoiler__header:hover {
    color: var(--c-text--hover);
  }
}

.faq-page {
  display: grid;
  grid-template-columns: 4fr 8fr ;
  gap: 0 var(--grid-col-gap);
  --spoiler-max-w: 60rem;
  --f-size: 1.3rem;
  padding: 0 var(--content-pad-w);
  margin-top: 12rem;
}
.faq-page .spoiler {
  max-width: var(--spoiler-max-w);
}
.faq-page__content {
  font-size: var(--f-size);
}
.faq-page__content > .layout {
  padding: 0;
}
@media (max-width: 992px) {
  .faq-page {
    --f-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .faq-page {
    --spoiler-max-w: none;
    --f-size: 1.3rem;
    display: block;
    margin-top: 6rem;
  }
  .faq-page__sidebar {
    margin-bottom: 6rem;
  }
}

.text-page {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr ;
  gap: 0 var(--grid-col-gap);
  font-size: 1.4rem;
}
.text-page > * {
  grid-column: 2;
}
@media (max-width: 1200px) {
  .text-page {
    grid-template-columns: 2fr 8fr 2fr;
  }
}
@media (max-width: 768px) {
  .text-page {
    display: block;
  }
}

.breadcrumbs {
  margin: 0 0 3.5rem;
  font: inherit;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  justify-content: var(--align);
}
.breadcrumbs__item {
  display: inline-block;
  vertical-align: top;
  color: var(--breadcrumb-color, var(--color-text-half-shade));
}
.breadcrumbs__item a {
  text-decoration: none;
  color: var(--breadcrumb-color, var(--color-text-half-shade));
}
.breadcrumbs__item:last-child {
  font-weight: 500;
  color: #1F1F1E;
}
@media (max-width: 992px) {
  .breadcrumbs {
    padding: 1.5rem 0 2rem;
  }
}
@media (max-width: 992px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs ul > *:not(:last-child):after {
  content: "/";
  display: inline-block;
  vertical-align: top;
  opacity: 0.7;
  margin: 0 10px;
}

@media screen and (max-width: 768px) {
  .breadcrumbs ul > *:not(:last-child):after {
    margin: 0 5px;
  }
}
.poster {
  --title-f-size: 2.2rem;
  --subtitle-f-size: 1.5rem;
  --img-h2w: 0.56;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: calc(var(--img-h2w) * 100%);
  padding-top: min(var(--img-h2w) * 100%, 100vh - var(--header-h));
}
.poster__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.poster__footer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--content-pad-w);
  padding-top: max(6rem, 5.9523809524vw);
}
.poster__title {
  font-size: var(--title-f-size);
  font-weight: 500;
  color: #FBFBF6;
  max-width: 47rem;
  margin-top: 40px;
}
.poster__title + .poster__btn {
  margin-top: 3rem;
}
.poster__title + .poster__subtitle {
  margin-top: 0.5em;
}
.poster__subtitle {
  font-size: var(--subtitle-f-size);
  color: #FBFBF6;
  margin-bottom: 3rem;
  max-width: 47rem;
}
.poster__btn {
  --color: #F7F7F2;
  --color--hover: #F7F7F2;
  --bg-color--hover: rgba(131, 131, 129, 0.6);
  background: #838381;
  border: none;
  backdrop-filter: blur(50px);
  transition: backdrop-filter 300ms, background-color 300ms;
}
@media (max-width: 992px) {
  .poster {
    --title-f-size: 1.8rem;
    --subtitle-f-size: 1.3rem;
  }
}
@media (max-width: 640px) {
  .poster {
    --img-h2w: 1.84;
  }
}

.p-gallery__stickers, .p-card__stickers {
  --pad: 1.1rem;
  --sticker-f-size: 1.2rem;
  font-size: var(--sticker-f-size);
  text-transform: uppercase;
  padding: var(--pad);
}
@media (max-width: 992px) {
  .p-gallery__stickers, .p-card__stickers {
    --pad: 0.7rem 1.0rem;
    --sticker-f-size: 1rem;
  }
}
@media (max-width: 768px) {
  .p-gallery__stickers, .p-card__stickers {
    --pad: 0.6rem 0.8rem;
    --sticker-f-size: 0.8rem;
    letter-spacing: 0.02em;
  }
}

.p-card {
  --title-f-size: 1.4rem;
  --fav-size: 2.2rem;
  width: 100%;
  position: relative;
  z-index: 1;
}
.p-card__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
.p-card__link {
  width: 100%;
}
.p-card__fav-btn {
  font-size: var(--fav-size);
  padding: 0.8rem 0.9rem;
  cursor: pointer;
}
.p-card__fav-btn::before {
  content: "\e100";
}
.p-card__fav-btn.favorites-added::before {
  content: "\e101";
}
.p-card__fav-btn:hover {
  color: var(--c-text--hover);
}
.p-card__img {
  width: 100%;
  padding-top: 164.37%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: #EAEAE6;
}
.p-card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-card__title {
  font-size: var(--title-f-size);
  font-weight: 400;
  margin-top: 1rem;
}
.p-card__price {
  font-size: var(--title-f-size);
  font-weight: 400;
}
.p-card .p-color-vars {
  margin: 0;
}
.p-card .p-color-vars__label {
  display: none;
}
.p-card .p-color-vars__color {
  padding: 0;
  border: none !important;
}
.p-card .p-color-vars__color::before {
  width: 1rem;
  height: 1rem;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}
.p-card .p-color-vars, .p-card__colors {
  margin-top: 1rem;
}
.p-card--not-available {
  color: #A5A5A1;
}
@media (max-width: 992px) {
  .p-card {
    --title-f-size: 1.2rem;
    --fav-size: 1.4rem;
  }
}
.price__old {
  text-decoration: line-through;
  margin-right: 0.5em;
  color: #A5A5A1;
}

/*
.p-colors {

    @extend %reset-offsets;

    display: flex;
    gap: 0.5rem;
    list-style: none;

    &__value {
        $size: 1rem;

        border-radius: $size;
        width: $size;
        height: $size;
        display: block;
        background-color: var( --color );

        box-shadow: inset 0 0 2px rgba( #000, 0.25 );
    }

}
*/
.p-slider {
  --slide-gap-w: var( --grid-col-gap );
  --slide-w: calc( 25% - var( --slide-gap-w ) * 0.75 );
  --slide-min-w: calc( 192px - var( --scrollbar-w ) * 0.25 - var( --content-pad-w ) * 0.5 - var( --slide-gap-w ) * 0.75 );
}
.p-slider__slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.p-slider__slides {
  display: flex;
  gap: var(--slide-gap-w);
}
.p-slider__slider.swiper-initialized .p-slider__slides {
  gap: 0;
}
.p-slider__slide {
  flex: 0 0 auto;
  width: var(--slide-w);
  min-width: var(--slide-min-w);
}
.p-slider__prev-btn, .p-slider__next-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  height: calc(100% - var(--slide-footer-h, 0px));
  width: calc(2rem + var(--icon-btn-size));
  background: transparent;
  position: absolute;
  z-index: 1;
  top: 0;
  cursor: pointer;
}
.p-slider__prev-btn i, .p-slider__next-btn i {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.p-slider__prev-btn i::after, .p-slider__next-btn i::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.p-slider__prev-btn i:hover, .p-slider__next-btn i:hover {
  color: var(--c-text--hover);
}
.p-slider__prev-btn i, .p-slider__next-btn i {
  border: none;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.p-slider__prev-btn:hover i, .p-slider__next-btn:hover i {
  color: var(--c-text--hover);
}
.p-slider__prev-btn.swiper-button-lock, .p-slider__prev-btn.swiper-button-disabled, .p-slider__next-btn.swiper-button-lock, .p-slider__next-btn.swiper-button-disabled {
  visibility: hidden;
}
.p-slider__prev-btn {
  left: 0;
}
.p-slider__next-btn {
  right: 0;
}
.p-slider {
  --title-f-size: 2rem;
  --more-f-size: 1.4rem;
  --slide-footer-h: 7rem;
  --mrgn-t: 10rem;
  --mrgn-b: 10rem;
  margin-top: var(--mrgn-t);
  margin-bottom: var(--mrgn-b);
}
.p-slider__header {
  display: flex;
  justify-content: space-between;
  line-height: 2rem;
  margin-bottom: 3.2rem;
}
.p-slider__title {
  font-weight: 500;
  font-size: var(--title-f-size);
}
.p-slider__more-btn {
  font-size: var(--more-f-size);
  position: relative;
  top: 2px;
}
@media (max-width: 992px) {
  .p-slider {
    --title-f-size: 1.8rem;
    --more-f-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .p-slider {
    --title-f-size: 1.6rem;
    --mrgn-t: 6rem;
    --mrgn-b: 6rem;
  }
  .p-slider__more-btn {
    display: none;
  }
}

.p-list {
  margin: 4rem 0 9rem;
  display: grid;
  grid-template-columns: 4fr 4fr 4fr ;
  gap: 0 var(--grid-col-gap);
  row-gap: 4rem;
}
.widget-type_linii_pl_header + .widget-type_linii_p_list .p-list {
  margin-top: 0;
}
@media (max-width: 992px) {
  .p-list .p-card {
    --title-f-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .p-list {
    grid-template-columns: 6fr 6fr;
  }
}

.p-more-btn {
  --f-size: 1.2rem;
  margin: 2rem 0;
  text-align: center;
  font-size: var(--f-size);
  text-transform: uppercase;
}
.p-more-btn__label {
  margin-top: 1rem;
}
.p-more-btn.is-loading .p-more-btn__btn {
  background-image: url(./loader.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10px;
}
.p-more-btn.is-loading .p-more-btn__btn span {
  visibility: hidden;
}
@media (max-width: 992px) {
  .p-more-btn {
    --f-size: 1rem;
  }
}
@media (max-width: 768px) {
  .p-more-btn {
    --f-size: 1.2rem;
  }
}

.p-paginate, .co-pagination {
  --f-size: 1.2rem;
  --bullet-size: 4rem;
  margin: 2rem 0;
  font-size: var(--f-size);
  line-height: var(--bullet-size);
  list-style: none;
  display: flex;
  column-gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.p-paginate__btn, .co-pagination_button_handle {
  padding: 0 1.6rem;
}
.p-paginate__btn--disabled {
  color: #A5A5A1;
  pointer-events: none;
}
.p-paginate__label, .co-pagination_button {
  display: inline-flex;
  width: var(--bullet-size);
  height: var(--bullet-size);
  border-radius: var(--bullet-size);
  justify-content: center;
  align-items: center;
}
.p-paginate__label--active, .co-pagination_button__active {
  padding: 0;
  color: #FBFBF6 !important;
}
@media (max-width: 992px) {
  .p-paginate, .co-pagination {
    --f-size: 1rem;
    --bullet-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .p-paginate, .co-pagination {
    --f-size: 1.2rem;
  }
  .p-paginate__item, .co-pagination_link {
    font-size: 1.3rem;
  }
}

.pl-header {
  margin-top: 4rem;
  margin-bottom: 1rem;
}
.pl-header__bar {
  display: flex;
  justify-content: space-between;
}

.p-sorting {
  position: relative;
  z-index: 50;
  font-size: 1.2rem;
  font-weight: 500;
}
.p-sorting__content {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 1rem;
  display: none;
  border: 0.1rem solid #D6D6D1;
  border-radius: 1rem;
  background: #FBFBF6;
  padding: 1.9rem 1.4rem;
}
.p-sorting__list {
  display: flex;
  flex-direction: column;
}
.p-sorting__option {
  height: 3.5rem;
  display: flex;
  align-items: center;
  padding: 0 5.2rem 0 1.2rem;
  white-space: nowrap;
  cursor: pointer;
}
.p-sorting__option input {
  display: none;
}
.p-sorting__option:has(input[checked]) {
  border-radius: 2rem;
  border: 0.1rem solid #D6D6D1;
}
.p-sorting__option:hover {
  color: var(--c-text--hover);
}
.p-sorting--open .p-sorting__content {
  display: block;
}
@media (max-width: 768px) {
  .p-sorting {
    position: static;
    z-index: auto;
  }
  .p-sorting__content {
    display: block;
    position: fixed;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 1000;
    max-height: 100vh;
    overflow-y: auto;
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
    transition: 0.3s;
    border-radius: 0;
    border-style: solid none none;
  }
  .p-sorting::before {
    content: "";
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background-color 300ms;
    display: none;
  }
  .p-sorting--open::before {
    display: block;
    background: rgba(0, 0, 0, 0.25);
  }
  .p-sorting--open .p-sorting__content {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.p-filter__section {
  margin-bottom: 2rem;
}
.p-filter__apply-btn, .p-filter__clear-btn {
  display: block;
  width: 100%;
  margin-top: 1rem;
}

@keyframes pf-section-hide {
  0% {
    height: var(--clipper-h);
  }
  100% {
    height: 0;
  }
}
@keyframes pf-section-show {
  0% {
    height: 0;
  }
  99% {
    height: var(--clipper-h);
  }
  100% {
    height: auto;
  }
}
.pf-section {
  --icon-btn-size: 2rem;
  --title-f-size: 1.2rem;
  --header-pad-r: 1.6rem;
  border: 0.1rem solid #D6D6D1;
  border-radius: 2rem;
}
.pf-section__header {
  height: var(--input-h--inner);
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--text-col-gap);
  padding: 1rem var(--header-pad-r) 1rem 2rem;
}
.pf-section__title {
  font-size: var(--title-f-size);
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pf-section__toggle-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  order: 2;
}
.pf-section__toggle-btn::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.pf-section__toggle-btn:hover {
  color: var(--c-text--hover);
}
.pf-section__toggle-btn {
  float: right;
}
.pf-section__clipper {
  overflow: hidden;
  animation: pf-section-show 300ms forwards;
}
.pf-section__content {
  padding: 1rem 2rem;
}
.pf-section__header + .pf-section__content {
  padding-top: 1rem;
}
.pf-section--hidden .pf-section__clipper {
  animation: pf-section-hide 300ms forwards;
}
@media (max-width: 992px) {
  .pf-section {
    --header-pad-r: 1rem;
  }
}

@media (max-width: 768px) {
  .widget-type_linii_product {
    padding: 0;
  }
}
.product {
  --widget-mrgn-t: 3.5rem;
  --details-max-w: 35rem;
  margin-top: var(--widget-mrgn-t);
}
.product__shaper {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.2084690554fr 0.4332247557fr 0.3583061889fr;
  column-gap: 11.2rem;
}
.product__gallery {
  grid-column: 1/span 2;
}
.product__details {
  max-width: var(--details-max-w);
}
.product--scrollmagic-no-pad .scrollmagic-pin-spacer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 1200px) {
  .product {
    --details-mrgn-l: calc( 11.2rem - var(--grid-col-gap) );
  }
  .product__shaper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--grid-col-gap);
  }
  .product__gallery {
    grid-column: 1/span 1;
  }
  .product__details {
    margin-left: var(--details-mrgn-l);
  }
}
@media (max-width: 992px) {
  .product {
    --details-mrgn-l: var( --content-pad-w);
  }
  .product__shaper {
    column-gap: var(--grid-col-gap);
  }
}
@media (max-width: 768px) {
  .product {
    --details-mrgn-l: 0;
    --details-max-w: 50rem;
    --widget-mrgn-t: 0;
    padding: 0;
  }
  .product__shaper {
    display: block;
  }
  .product__related {
    margin: 7.6rem 0 3rem;
  }
  .product__details {
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .product {
    --details-max-w: none;
  }
}

.p-gallery {
  --scroll-pad-b: 2rem;
  --border-rad: 1rem;
  display: grid;
  grid-template-columns: 0.3248730964fr 0.6751269036fr;
  column-gap: 11.2rem;
}
.p-gallery__thumbs {
  width: var(--gal-thumb-w);
  justify-self: end;
}
.p-gallery__clipper {
  width: 100%;
  padding-bottom: var(--scroll-pad-b);
  position: relative;
}
.p-gallery__stickers {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.p-gallery__slides {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.p-gallery__slide {
  height: auto;
  background: #EAEAE6;
  border-radius: var(--border-rad);
  overflow: hidden;
}
.p-gallery__slide img {
  width: 100%;
  display: block;
}
.p-gallery__slide a {
  position: relative;
  top: calc(0px - var(--h-bar-h));
  width: 0;
  height: 0;
  display: block;
}
.p-gallery__slide--kinescope::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-gallery__bullets {
  display: none;
}
@media (max-width: 1200px) {
  .p-gallery {
    display: block;
  }
  .p-gallery__thumbs {
    display: none;
  }
}
@media (max-width: 768px) {
  .p-gallery {
    --scroll-pad-b: 0;
    --border-rad: 0;
    position: relative;
  }
  .p-gallery__clipper {
    overflow: hidden;
  }
  .p-gallery__slides {
    flex-direction: row;
  }
  .p-gallery__slide {
    width: 100%;
    padding-top: 149%;
    flex: 0 0 auto;
    position: relative;
  }
  .p-gallery__slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .p-gallery__slide--kinescope > * {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .p-gallery__bullets:not(:has(> :nth-child(2))) {
    display: none;
  }
  .p-gallery__bullets {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    z-index: 10;
    bottom: 2rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2rem;
    display: flex;
    gap: 0.5rem;
  }
  .p-gallery .swiper-pagination-bullet, .p-gallery__bullet {
    flex: 1 1 auto;
    height: 0.2rem;
    background: #FBFBF6;
  }
  .p-gallery .swiper-pagination-bullet-active, .p-gallery__bullet--active {
    background: #000;
  }
}
@media (max-width: 640px) {
  .p-gallery__bullets {
    bottom: 1rem;
  }
}

.p-thumbs {
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 7.2rem;
  margin: 0 0 0 auto;
}
.p-thumbs__thumb {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0.5px solid transparent;
}
.p-thumbs__thumb img {
  width: 100%;
  display: block;
}
.p-thumbs__thumb:hover, .p-thumbs__thumb:active, .p-thumbs__thumb--active {
  border-color: #A5A5A1;
}

.p-details {
  --title-f-size: 1.8rem;
  --display-preorder-sticker: inline-block;
  padding-bottom: 4rem;
}
.p-details__stickers {
  margin-bottom: 1rem;
}
.p-details__stickers .sticker {
  margin-right: 0.5em;
}
.p-details__stickers .sticker:empty {
  display: none;
}
.p-details__stickers .sticker.sticker-preorder {
  display: var(--display-preorder-sticker);
}
.p-details__title {
  margin: 0;
  padding: 0;
  font-size: var(--title-f-size);
  font-weight: 500;
  line-height: 1.3;
}
.p-details__price {
  font-size: var(--title-f-size);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.8rem;
}
.p-details__bnpl {
  color: #A5A5A1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.p-details__bnpl i {
  background: #D6D6D1;
  color: #F7F7F2;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 7px;
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  line-height: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
}
.p-details__vars {
  margin-top: 3rem;
}
.p-details__var + .p-details__var {
  margin-top: 1rem;
}
.p-details__btns {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.p-details__btns > *:first-child {
  flex: 1;
}
.p-details__btns.sold_out {
  [data-add-cart-counter], .p-details__preorder-btn {
    display: none !important;
  }
  .product_sold_out {
    display: block !important;
    width: 100%;
  }
}
.p-details__quick-co-btn, .p-details__cart-btn {
  width: 100%;
}
.product.not-available .p-details__quick-co-btn, .product.not-available .p-details__cart-btn {
  display: none;
}
.product.is-zero-count-shown:not(.is-forbid-order-over-existing) .p-details__quick-co-btn, .product.is-zero-count-shown:not(.is-forbid-order-over-existing) .p-details__cart-btn {
  display: block;
}
.p-details__not-available {
  width: 100%;
  display: none;
}
.product.is-zero-count-shown.is-forbid-order-over-existing .p-details__not-available, .product.is-zero-count-hidden .p-details__not-available {
  display: block;
}
.p-details__preorder-btn {
  width: 100%;
  display: none;
}
.product.not-available.is-zero-count-preorder .p-details__preorder-btn {
  display: block;
}
.p-details__fav-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  font-size: 2rem;
  cursor: pointer;
  height: var(--input-h);
  padding-left: 2rem;
}
.p-details__fav-btn::before {
  position: relative;
  top: -3px;
  vertical-align: middle;
  content: "\e100";
}
.p-details__fav-btn.favorites-added::before {
  content: "\e101";
}
.p-details__fav-btn:hover {
  color: var(--c-text--hover);
}
.p-details__params {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: 0.03em;
}
.p-details__desc {
  letter-spacing: 0.03em;
  margin-top: 1rem;
}
.p-details__fields {
  margin-top: 3rem;
}
.p-details__field + .p-details__field {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .p-details {
    --title-f-size: 1.6rem;
    padding: 2.2rem var(--content-pad-w) 0;
  }
  .p-details__vars, .p-details__fields {
    margin-top: 3rem;
  }
  .p-details__desc {
    letter-spacing: 0.05em;
  }
}

.p-var {
  font-weight: 500;
}
.p-var__value {
  display: block;
  width: 100%;
  margin-top: 0.8rem;
}
.p-var--size .p-var__desc {
  text-align: right;
}

.p-color-vars {
  margin: 3rem 0;
}
.p-color-vars__items {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-color-vars__color {
  padding: 0.4rem;
  border-radius: 50%;
  border: 1px solid transparent;
  display: block;
}
.p-color-vars__color::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--color);
}
.p-color-vars__item:hover .p-color-vars__color, .p-color-vars__item--active .p-color-vars__color {
  border-color: #D6D6D1;
}
.p-color-vars__label {
  margin-top: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.p-color-vars__label::before {
  content: var(--label);
}

.p-field__label {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.05em;
  cursor: pointer;
}
.p-field__label::before {
  float: right;
  font-size: 1.1rem;
  padding: 0.4rem 2.2rem;
}

.size-table {
  --row-h: var( --input-h );
  --td-f-size: 1.2rem;
  --th-f-size: 1rem;
  --line-h: 1.2;
}
.size-table * + table {
  margin-top: 2rem;
}
.size-table table {
  font-size: var(--td-f-size);
  line-height: 1.2;
  border: none;
  text-align: center;
  margin-bottom: 2rem;
}
.size-table td, .size-table th {
  --border-r: 0;
  font: inherit;
  border: none;
  --pad-h: calc( var(--row-h)/2 - var(--td-f-size)*var(--line-h)/2 );
  padding: var(--pad-h) 0.5em;
  position: relative;
  z-index: 1;
}
.size-table td::before, .size-table th::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--row-bg-color);
  border-radius: var(--border-r);
}
.size-table td:first-child, .size-table th:first-child {
  --border-r: var(--row-h) 0 0 var(--row-h);
  padding-left: 2rem;
}
.size-table td:last-child, .size-table th:last-child {
  --border-r: 0 var(--row-h) var(--row-h) 0;
  padding-right: 2rem;
}
.size-table th {
  font-size: var(--th-f-size);
}
.size-table tr {
  --row-bg-color: transparent;
  position: relative;
  z-index: 1;
}
.size-table tr:nth-child(2n) {
  --row-bg-color: #EAEAE6;
}
.size-table__footnote {
  color: #A5A5A1;
}
@media (max-width: 480px) {
  .size-table {
    --table-f-size: 1rem;
  }
}

.s-list {
  display: grid;
  grid-template-columns: 4fr 4fr 4fr ;
  gap: 0 var(--grid-col-gap);
  row-gap: 4rem;
}
@media (max-width: 768px) {
  .s-list {
    grid-template-columns: 6fr 6fr;
  }
}

.blog-card {
  --title-f-size: 1.4rem;
  --title-fw: 500;
}
.blog-card__thumb {
  width: 100%;
  padding-top: 150%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.blog-card__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog-card__footer {
  color: #313130;
  margin-top: 1.3rem;
}
.blog-card__subtitle {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  text-transform: uppercase;
}
.blog-card__title {
  margin: 0;
  padding: 0;
  font-size: var(--title-f-size);
  font-weight: var(--title-fw);
}
.blog-card--mini .blog-card {
  --title-fw: normal;
}
.blog-card--mini .blog-card__subtitle {
  display: none;
}
@media (max-width: 992px) {
  .blog-card {
    --title-f-size: 1.3rem;
    --title-fw: normal;
  }
  .blog-card__subtitle {
    display: none;
  }
  .blog-card--mini {
    --title-f-size: 1.2rem;
  }
}

.s-gallery {
  display: grid;
  grid-template-columns: 6fr 6fr ;
  gap: 0 var(--grid-col-gap);
  --row-gap: 3rem;
  row-gap: var(--row-gap);
}
.s-gallery__item {
  width: 100%;
  padding-top: 150%;
  position: relative;
}
.s-gallery__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .s-gallery {
    --row-gap: 1.5rem;
  }
}
@media (max-width: 480px) {
  .s-gallery {
    display: flex;
    flex-direction: column;
  }
  .s-gallery__item {
    padding-top: 0;
  }
  .s-gallery__item img {
    position: static;
    height: auto;
  }
}

.s-tagline {
  --f-size: 1.6rem;
  font-size: var(--f-size);
  line-height: 1.3;
  text-align: center;
  max-width: 45em;
  margin: 9rem auto;
}
@media (max-width: 992px) {
  .s-tagline {
    --f-size: 1.3rem;
  }
}

.contacts {
  display: grid;
  grid-template-columns: 5fr 7fr ;
  gap: 0 var(--grid-col-gap);
  --f-size: 1.3rem;
  font-size: var(--f-size);
}
.contacts__sidebar {
  display: flex;
  flex-direction: column;
  row-gap: 5rem;
}
.contacts__sideinfo {
  max-width: 47rem;
  line-height: 1.4;
}
.contacts__tab.is-hidden {
  display: none;
}
@media (max-width: 992px) {
  .contacts {
    --f-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .contacts {
    --f-size: 1.3rem;
    display: block;
  }
  .contacts__sidebar {
    row-gap: 3rem;
    margin-bottom: 3rem;
  }
}

.ymaps {
  width: 100%;
  padding-top: 68%;
  position: relative;
  z-index: 1;
}
.ymaps::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #FBFBF6;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.ymaps__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sidemenu {
  --f-size: 1.2rem;
  --fw: 500;
  font-size: var(--f-size);
  font-weight: var(--fw);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  max-width: 23rem;
}
.sidemenu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sidemenu__item {
  border-radius: var(--input-h);
  cursor: pointer;
}
.sidemenu__item span,
.sidemenu__item a {
  display: block;
  --pad-h: calc( var(--input-h)/2 - var(--f-size)*1.4/2 );
  padding: var(--pad-h) 2rem;
}
.sidemenu__item[aria-selected=true], .sidemenu__item--active {
  background: #EAEAE6;
}
.sidemenu__item:hover {
  color: var(--c-text--hover);
}
@media (max-width: 768px) {
  .sidemenu {
    --f-size: 1.3rem;
    --fw: normal;
  }
}

.b-title {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr ;
  gap: 0 var(--grid-col-gap);
  --desc-line-h: 1.3;
  --desc-f-size: 2rem;
  --mrgn-b: 6rem;
  --title-mrng-b: 5rem;
  margin: 3.3rem 0 var(--mrgn-b);
}
.b-title__title {
  grid-column: 1;
  margin-bottom: var(--title-mrng-b);
}
.b-title__desc {
  grid-column: 2;
  font-size: var(--desc-f-size);
  font-weight: 500;
  line-height: var(--desc-line-h);
}
@media (max-width: 1200px) {
  .b-title {
    grid-template-columns: 2fr 8fr 2fr;
  }
}
@media (max-width: 992px) {
  .b-title {
    --desc-f-size: 1.3rem;
  }
  .b-title__title {
    grid-column: 1/span3;
  }
  .b-title__desc {
    grid-column: 2;
  }
}
@media (max-width: 768px) {
  .b-title {
    --desc-line-h: 1.4;
    grid-template-columns: 1fr 10fr 1fr;
  }
}
@media (max-width: 640px) {
  .b-title {
    --mrgn-b: 3rem;
    --title-mrng-b: 2rem;
    display: block;
  }
}

.b-image {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr ;
  gap: 0 var(--grid-col-gap);
  --mrgn-h: 6rem;
  margin: var(--mrgn-h) 0;
}
.b-image img {
  grid-column: 2;
  width: 100%;
}
@media (max-width: 1200px) {
  .b-image {
    grid-template-columns: 2fr 8fr 2fr;
  }
}
@media (max-width: 768px) {
  .b-image {
    --mrgn-h: 3rem;
    display: block;
  }
}

.b-text {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr ;
  gap: 0 var(--grid-col-gap);
  --mrgn-h: 6rem;
  --desc-f-size: 1.8rem;
  --desc-line-h: 1.3;
  margin: var(--mrgn-h) 0;
  font-size: var(--desc-f-size);
  line-height: var(--desc-line-h);
}
.b-text > * {
  grid-column: 2;
}
@media (max-width: 1200px) {
  .b-text {
    grid-template-columns: 2fr 8fr 2fr;
  }
}
@media (max-width: 992px) {
  .b-text {
    --desc-f-size: 1.3rem;
    --desc-line-h: 1.4;
  }
}
@media (max-width: 768px) {
  .b-text {
    grid-template-columns: 1fr 10fr 1fr;
  }
}
@media (max-width: 640px) {
  .b-text {
    --mrgn-h: 3rem;
    display: block;
  }
}

.b-gallery {
  --slide-gap-w: var( --grid-col-gap );
  --slide-w: calc( 33.33% - var( --slide-gap-w ) * 0.67 );
  --slide-min-w: calc( 256px - var( --scrollbar-w ) * 0.33 - var( --content-pad-w ) * 0.67 - var( --slide-gap-w ) * 0.67 );
  --slide-footer-h: 0px;
  --mrgn-h: 12rem;
}
.b-gallery__slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.b-gallery__slides {
  display: flex;
  gap: var(--slide-gap-w);
}
.b-gallery__slider.swiper-initialized .b-gallery__slides {
  gap: 0;
}
.b-gallery__slide {
  flex: 0 0 auto;
  width: var(--slide-w);
  min-width: var(--slide-min-w);
}
.b-gallery__prev-btn, .b-gallery__next-btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  height: calc(100% - var(--slide-footer-h, 0px));
  width: calc(2rem + var(--icon-btn-size));
  background: transparent;
  position: absolute;
  z-index: 1;
  top: 0;
  cursor: pointer;
}
.b-gallery__prev-btn i, .b-gallery__next-btn i {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.b-gallery__prev-btn i::after, .b-gallery__next-btn i::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.b-gallery__prev-btn i:hover, .b-gallery__next-btn i:hover {
  color: var(--c-text--hover);
}
.b-gallery__prev-btn i, .b-gallery__next-btn i {
  border: none;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.b-gallery__prev-btn:hover i, .b-gallery__next-btn:hover i {
  color: var(--c-text--hover);
}
.b-gallery__prev-btn.swiper-button-lock, .b-gallery__prev-btn.swiper-button-disabled, .b-gallery__next-btn.swiper-button-lock, .b-gallery__next-btn.swiper-button-disabled {
  visibility: hidden;
}
.b-gallery__prev-btn {
  left: 0;
}
.b-gallery__next-btn {
  right: 0;
}
.b-gallery {
  margin: var(--mrgn-h) 0;
}
.b-gallery__image {
  width: 100%;
  padding-top: 66.8085106383%;
  position: relative;
}
.b-gallery__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .b-gallery {
    --mrgn-h: 3rem;
  }
}

.b-section {
  display: grid;
  grid-template-columns: 2fr 5fr 3fr 2fr ;
  gap: 0 var(--grid-col-gap);
  --content-col: 2;
  --image-col: 3;
  --mrgn-h: 19rem;
  margin: var(--mrgn-h) 0;
  line-height: 1.3;
}
.b-section__content {
  grid-column: var(--content-col);
  align-self: center;
  font-size: 1.3rem;
}
.b-section__title {
  margin-bottom: 1.7rem;
}
.b-section__image {
  grid-column: var(--image-col);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.b-section__image img {
  max-width: 100%;
  mix-blend-mode: multiply;
}
@media (max-width: 1200px) {
  .b-section {
    grid-template-columns: 1fr 7fr 3fr 1fr;
  }
}
@media (max-width: 768px) {
  .b-section {
    --mrgn-h: 9rem;
  }
}
@media (max-width: 640px) {
  .b-section {
    --mrgn-h: 4rem;
    display: block;
  }
  .b-section__content {
    margin-bottom: 3rem;
  }
  .b-section__image img {
    max-height: 35rem;
  }
}

.not-found {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 54rem;
  margin: 0 auto;
  padding: 6rem var(--content-pad-w);
  font-size: 1.3rem;
  line-height: 1.3;
  text-align: center;
}
main:has(.not-found) {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 2 * var(--header-h));
}
.not-found__btn {
  margin-top: 4rem;
  min-width: 35rem;
}

.bnpl {
  --pad-h: 3rem;
  --content-max-w: 50rem;
  border-radius: 1rem;
  width: 80rem;
}
.bnpl__content {
  padding: var(--pad-h) var(--content-pad-w);
  margin: 0 auto;
  max-width: var(--content-max-w);
  box-sizing: content-box;
}
@media (max-width: 768px) {
  .bnpl {
    --pad-h: 5.5rem;
  }
}
.bnpl-tabs__btns {
  display: flex;
  margin-bottom: 3rem;
}
.bnpl-tabs__btns > * {
  flex: 1;
}
.bnpl-tabs__btn {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  padding: 1rem 1rem;
  border-bottom: 0.1rem solid #D6D6D1;
  cursor: pointer;
}
.bnpl-tabs__btn[aria-selected=true] {
  border-bottom-color: #1F1F1E;
}
.bnpl-tabs__logo {
  display: block;
  height: 1.5rem;
  margin: 0 auto;
}

.bnpl-info {
  --part-f-size: 1.2rem;
  text-align: center;
}
.bnpl-info a {
  text-decoration: underline;
}
.bnpl-info a:hover {
  text-decoration: none;
}
.bnpl-info__title {
  font-size: var(--h1-f-size--mini);
  font-weight: 500;
  margin-bottom: 3.7rem;
}
.bnpl-info__parts {
  display: flex;
  gap: 1rem;
  font-size: var(--part-f-size);
  letter-spacing: 0.01em;
}
.bnpl-info__part {
  flex: 1;
  border-radius: 1rem;
  border: 1px solid #D6D6D1;
  padding: 1rem 0.5rem;
}
.bnpl-info__part--active {
  border-color: #1F1F1E;
}
.bnpl-info__pct {
  display: block;
  font-size: var(--h1-f-size--mini);
  font-weight: 500;
  letter-spacing: normal;
  margin-bottom: 0.5rem;
}
.bnpl-info__desc {
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  margin: 4rem 0;
}
.bnpl-info__footnote {
  color: #A5A5A1;
  font-size: 1rem;
  letter-spacing: 0.01em;
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .bnpl-info {
    --part-f-size: 1rem;
  }
}

:root {
  --bg: #FBFBF6;
  --font-family: Euclid Circular A, sans-serif;
  --font-family-heading: Euclid Circular A, sans-serif;
  --font-weight: 400;
  --breadcrumb-color: #1F1F1E;
  --layout-content-max-width: none;
  --layout-side-padding: var( --content-pad-w );
  --layout-side-padding-mobile: var( --content-pad-w );
  --color-btn-bg: #1F1F1E;
  --color-btn-color: #FBFBF6;
  --color-btn-bg-minor-shade: #484847;
  --color-btn-shadow-hover: none;
  --controls-btn-padding-x: 2.6rem;
  --controls-height-s: var( --input-h );
  --controls-height-m: var( --input-h );
  --controls-height-l: var( --input-h );
  --controls-height-xl: var( --input-h );
  --controls-font-size-m: var( --input-f-size );
  --controls-font-size-l: var( --btn-f-size );
  --controls-border-width: 0.1rem;
  --controls-btn-border-radius: var( --input-border-r );
  --color-form-controls-color: #1F1F1E;
  --color-form-controls-border-color: #D6D6D1;
  --color-form-controls-border-color-focus: #838381;
  --color-form-controls-shadow-focus: none;
  --color-form-controls-bg: var( --bg );
  --color-notice-info: #838381;
  --color-notice-success: #838381;
  --color-notice-warning: #838381;
  --color-notice-error: #FDE7E2;
}

.checkout-v2-wrapper {
  --block-pad-w: 0px;
  ---block-pad-w: 0px;
  --sidebar-w: 33.3%;
  gap: 4rem;
}
.checkout-v2-wrapper > .co-section--content {
  flex: 1;
  max-width: 68rem;
}
.checkout-v2-wrapper > .co-section--content:first-child {
  margin: 0 auto;
}
.checkout-v2-wrapper > .co-account-sidebar {
  width: var(--sidebar-w);
  flex: 0 0 auto;
}
.checkout-v2-wrapper .co-menu {
  margin-left: calc(var(---block-pad-w) - 1rem);
}
@media (max-width: 768px) {
  .checkout-v2-wrapper {
    --block-pad-w: 0px;
    ---block-pad-w: 0px;
    --sidebar-w: auto;
    display: block;
  }
  .checkout-v2-wrapper .co-menu {
    margin-left: 0;
  }
}

.co-section--content_wrapper {
  margin: 0;
}

.co-section--checkout_header {
  margin: 0;
  padding: 0;
}

.co-checkout-block--padded {
  padding: 0 var(--block-pad-w);
}

a:not([class]):focus, .picker-input--active:not([class]), a:not([class]):hover, .link:focus, .link.picker-input--active, .link:hover, .co-link:focus, .co-link.picker-input--active, .co-link:hover {
  color: var(--c-text--hover);
}

.co-price {
  font: inherit;
}
.co-price--current {
  font: inherit;
}

.co-checkout-title {
  margin: 2.4rem 0 3rem;
}
.co-checkout-title .co-title {
  margin: 0;
}

.co-title--h1 {
  margin-bottom: 3rem;
}

.co-title--h2 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .co-title--h2 {
    font-size: 1.5rem;
  }
}

.co-form-button {
  margin: 0;
}
@media (max-width: 768px) {
  .co-form-button {
    width: 100%;
  }
}

.co-pagination_button__inactive:hover {
  background: inherit;
  color: var(--c-text--hover);
}
.co-pagination_link:last-child .co-pagination_button_handle::before {
  visibility: visible;
  content: "ДАЛЬШЕ →";
}
.co-pagination_link:first-child .co-pagination_button_handle::before {
  visibility: visible;
  content: "← НАЗАД";
}
.co-pagination_button_handle {
  visibility: hidden;
  width: auto;
}
.co-pagination_button_handle:hover {
  color: var(--c-text--hover);
}

.consent_to_personal_data_checkbox {
  padding-left: 1rem;
  margin-top: 5rem;
}

.m-input,
.co-input {
  --label-f-size: 1.2rem;
  --label-c: #A5A5A1;
  --desc-f-size: 1rem;
}
.m-input-label:not(.co-title),
.co-input-label:not(.co-title) {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 1rem;
  left: 2rem;
  padding: 0 0.5rem;
  background: #FBFBF6;
  font-size: var(--label-f-size);
  font-weight: 500;
  color: var(--label-c);
}
.m-input-field,
.co-input-field {
  font-size: var(--desc-f-size);
  line-height: 1.4;
  margin-top: 2rem;
}
@media (max-width: 992px) {
  .m-input,
  .co-input {
    --desc-f-size: 0.8rem;
  }
}
@media (max-width: 992px) {
  .m-input,
  .co-input {
    --label-f-size: 1rem;
    --desc-f-size: 0.9rem;
  }
}
.m-input-label:not(.co-title),
.co-input-label:not(.co-title) {
  margin: 0;
}
.m-input-field,
.co-input-field {
  font-size: var(--input-f-size);
  font-weight: var(--input-f-weight);
  color: #313130;
  margin: 0;
  padding: 0 2.5rem;
  border: var(--controls-border-width) solid var(--input-border-c);
}
.m-input-notice,
.co-input-notice {
  text-align: left;
  color: #F4502F;
  font-size: var(--label-f-size);
  font-weight: 500;
  padding: 0 2.5rem;
}
.m-input--error,
.co-input--error {
  --label-c: var( --input-border-c--error );
  --input-border-c: var( --input-border-c--error );
  --color-form-controls-border-color-focus: var( --input-border-c--error );
}

.co-input + .co-input, .co-tabs-content + .co-input {
  margin-top: 2rem;
}

.co-form-controls {
  padding-top: 4rem;
}

.m-modal-button,
.co-button:not(.co-button--link) {
  text-transform: uppercase;
  font-weight: var(--btn-f-weight);
  font-size: var(--btn-f-size);
}

.co-button--small:not(.co-button--link) {
  font: inherit;
  text-transform: none;
  display: inline;
  border: none;
  padding: 0.3em 0.7em;
  white-space: nowrap !important;
}

.m-input--checkbox {
  font-size: 1.2rem;
  line-height: 1.4;
}
.m-input + .m-input--checkbox {
  margin-top: 3rem;
}
.m-input--checkbox .m-input-label {
  position: static;
  padding: 0;
}
.m-input--checkbox .m-input-label {
  color: #1F1F1E;
  font-size: 1.6rem;
  line-height: var(--input-toggle-size);
  letter-spacing: 0.05em;
}
.m-input--checkbox input[type=checkbox] + span {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  width: var(--input-toggle-size);
  height: var(--input-toggle-size);
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--input-toggle-size);
  background: #FBFBF6 none no-repeat center;
}
.m-input--checkbox input[type=checkbox]:checked + span {
  background-image: url("f-check.svg");
}
.m-input--checkbox .m-toggable_field-information {
  padding: 0;
}
.m-input--checkbox .m-toggable_field-information,
.m-input--checkbox .m-input-label,
.m-input--checkbox .m-input-description,
.m-input--checkbox .m-input-title {
  font: inherit;
  line-height: inherit;
  color: inherit;
}
.m-input--checkbox .m-input-caption,
.m-input--checkbox .m-input-description {
  font-size: 1rem;
  margin: 0;
  color: #A5A5A1;
}
.m-input--checkbox .m-input-caption a,
.m-input--checkbox .m-input-description a {
  color: #1F1F1E;
  text-decoration: underline;
}
.m-input--checkbox .m-input-caption a:hover,
.m-input--checkbox .m-input-description a:hover {
  text-decoration: none;
}
.m-input--checkbox .m-input-caption {
  margin-left: calc(2rem + var(--input-toggle-size));
}
.m-input--checkbox .m-input-notice {
  padding-left: 3rem;
}
.m-input--checkbox input[type=checkbox] + span {
  flex-basis: unset;
}

.co-input--checkbox {
  font-size: 1.2rem;
  line-height: 1.4;
}
.co-input + .co-input--checkbox {
  margin-top: 3rem;
}
.co-input--checkbox .co-input-label {
  position: static;
  padding: 0;
}
.co-input--checkbox .co-toggable_field-information {
  color: #1F1F1E;
  font-size: 1.6rem;
  line-height: var(--input-toggle-size);
  letter-spacing: 0.05em;
}
.co-input--checkbox .co-toggable_field-input--checkbox input + span {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  width: var(--input-toggle-size);
  height: var(--input-toggle-size);
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--input-toggle-size);
  background: #FBFBF6 none no-repeat center;
}
.co-input--checkbox .co-toggable_field-input--checkbox input:checked + span {
  background-image: url("f-check.svg");
}
.co-input--checkbox .co-toggable_field-information {
  padding: 0;
}
.co-input--checkbox .co-toggable_field-information,
.co-input--checkbox .co-input-label,
.co-input--checkbox .co-input-description,
.co-input--checkbox .co-input-title {
  font: inherit;
  line-height: inherit;
  color: inherit;
}
.co-input--checkbox .co-input-caption,
.co-input--checkbox .co-input-description {
  font-size: 1rem;
  margin: 0;
  color: #A5A5A1;
}
.co-input--checkbox .co-input-caption a,
.co-input--checkbox .co-input-description a {
  color: #1F1F1E;
  text-decoration: underline;
}
.co-input--checkbox .co-input-caption a:hover,
.co-input--checkbox .co-input-description a:hover {
  text-decoration: none;
}
.co-input--checkbox .co-input-caption {
  margin-left: calc(2rem + var(--input-toggle-size));
}
.co-input--checkbox .co-input-notice {
  padding-left: 3rem;
}

.co-toggable_field-input input + span {
  box-shadow: none;
  flex: auto;
}

.co-toggable_field-input--checkbox input:checked + span::after {
  display: none;
}

.co-toggable_field-input input:focus + span, .co-toggable_field-input input.picker-input--active + span, .co-toggable_field-input input:checked + span {
  box-shadow: none;
}

.co-toggable_field-input--radio input + span {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  width: var(--input-toggle-size);
  height: var(--input-toggle-size);
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--input-toggle-size);
  background: #FBFBF6 none no-repeat center;
}
.co-toggable_field-input--radio input:checked + span {
  background-image: url("f-check.svg");
}
.co-toggable_field-input--radio input[type=radio]:checked + span {
  background-image: url("f-radio.svg");
}

.co-toggable_field--bordered {
  padding: 0.5rem 1rem;
}

.co-table-row--striped:nth-child(even) {
  background: transparent;
}

.co-table {
  --td-f-size: 1.2rem;
  --th-f-size: 1.2rem;
  --line-h: 1.2;
  font-size: var(--td-f-size);
  line-height: var(--line-h);
  --t-cell-pad-h: calc(var(--t-row-h) / 2 - var(--td-f-size) * var(--line-h) / 2);
  --t-row-h: 4rem;
  --t-cell-pad: var(--t-cell-pad-h) 0.5em;
}
@media (max-width: 480px) {
  .co-table {
    --table-f-size: 1rem;
  }
}
.co-table {
  border: none;
  margin: 0 var(---block-pad-w);
  min-width: calc(100% + var(--block-pad-w) * 2);
}
.co-table td, .co-table th {
  --border-r: 0;
  font: inherit;
  border: none;
  padding: var(--t-cell-pad);
  position: relative;
  z-index: 1;
}
.co-table td::after, .co-table th::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--row-bg-color);
  border-radius: var(--border-r);
}
.co-table td:first-child, .co-table th:first-child {
  --border-r: var(--t-row-h) 0 0 var(--t-row-h);
  padding-left: 2rem;
}
.co-table td:last-child, .co-table th:last-child {
  --border-r: 0 var(--t-row-h) var(--t-row-h) 0;
  padding-right: 2rem;
}
.co-table td:first-child:last-child, .co-table th:first-child:last-child {
  --border-r: var(--t-row-h);
  padding-left: 2rem;
  padding-right: 2rem;
}
.co-table tr {
  --row-bg-color: transparent;
  position: relative;
  z-index: 1;
}
.co-table tr:nth-child(2n+0) {
  --row-bg-color: #EAEAE6;
}
.co-table {
  text-align: center;
}
.co-table .co-table-cell--head,
.co-table th {
  opacity: 1;
  color: inherit;
  font-size: var(--th-f-size);
}
@media (max-width: 480px) {
  .co-table--to_card .co-table-row {
    border-top: none;
    display: table-row;
  }
  .co-table--to_card .co-table-cell, .co-table--to_card .co-table-cell--body {
    padding: var(--t-cell-pad);
    margin: 0;
    display: table-cell;
  }
  .co-table--to_card .co-table-cell::before, .co-table--to_card .co-table-cell--body::before {
    content: "";
  }
  .co-table--to_card .co-table-cell.co-table-cell--hide\@xs, .co-table--to_card .co-table-cell--body.co-table-cell--hide\@xs {
    display: unset !important;
  }
  .co-table--to_card .co-table-cell.co-table-cell--hide\@sm, .co-table--to_card .co-table-cell--body.co-table-cell--hide\@sm {
    display: none !important;
  }
}

.co-section--checkout_content {
  margin: 0;
}
@media (max-width: 768px) {
  .co-section--checkout_content {
    --h1-f-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  .co-section--checkout_order {
    display: flex;
    flex-direction: column;
  }
}

.co-sidebar {
  box-shadow: none;
  display: block !important;
}

.co-title {
  margin-top: 5rem;
}

.co-checkout-block + .co-customer {
  margin-top: 5rem;
}

.co-client {
  --f-size: 1.5rem;
  font-size: var(--f-size);
}
.co-client-logged {
  font: inherit;
  font-weight: 500;
  margin: 0;
}
.co-client-name {
  font: inherit;
}
.co-client-field {
  font: inherit;
  margin: 0;
}
@media (max-width: 768px) {
  .co-client {
    --f-size: 1.3rem;
  }
}

.co-button--checkout-login, .co-client .co-button {
  width: auto;
  min-width: 22.5rem;
}

.co-basket {
  font-size: 1.3rem;
  padding-left: 20.57%;
  max-width: 39rem;
  box-sizing: content-box;
}
.co-basket::before {
  content: "Состав заказа";
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 2.4rem 0 3.5rem;
}
@media (max-width: 768px) {
  .co-basket {
    padding-left: 0;
    max-width: none;
    margin-bottom: 5rem;
  }
  .co-basket::before {
    display: none;
  }
}

.co-basket_item {
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 2rem;
  margin-bottom: 2rem;
}

.co-basket_item-image_container {
  flex: 0 0 6rem;
}

.co-basket_item-image {
  padding-bottom: 149.3975903614%;
  background: transparent;
  overflow: hidden;
  border-radius: 1rem;
}

.co-basket_item-image img {
  max-width: none;
  max-height: none;
  transform: none;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.co-basket_item-description {
  padding: 0;
  font-weight: 500;
}

.co-basket_item-total {
  white-space: nowrap;
}

.co-basket_item-price {
  font-weight: 500;
}

.co-basket_subtotal-list {
  border: none;
  padding: 0;
  margin: 0;
}

.co-basket_subtotal-title::after {
  content: ":";
}

.co-basket_total {
  font-weight: 500;
}

.co-sidebar-toggler {
  display: none !important;
}

.co-modal,
.m-modal {
  box-shadow: none;
  border-radius: 1rem;
}
@media (max-width: 480px) {
  .co-modal,
  .m-modal {
    border-radius: 0;
  }
}

.co-modal-wrapper,
.m-modal-wrapper {
  padding: 7rem 5rem;
}

.co-modal-close,
.m-modal-close {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.co-modal-close::after,
.m-modal-close::after {
  display: none;
}
.co-modal-close::after,
.m-modal-close::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.co-modal-close:hover,
.m-modal-close:hover {
  color: var(--c-text--hover);
}
.co-modal-close::before,
.m-modal-close::before {
  font-family: "icons";
  content: "\e000";
}

.m-modal-errors:empty {
  display: none;
}

.co-modal-title,
.m-modal-heading {
  margin: 0;
  padding: 0;
  font-size: var(--h1-f-size);
  font-weight: 500;
  margin-bottom: 0.8rem;
}
@media (min-width: 993px) {
  .co-modal-title,
  .m-modal-heading {
    --h1-f-size: 1.8rem;
  }
}

.co-modal-errors,
.m-modal-errors {
  background: #FDE7E2;
  color: #F4502F;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 2rem;
  border-radius: var(--input-border-r);
}

.m-modal-button {
  width: 100%;
}

.micro-alert-item {
  --c-back: #838381;
  --c-text: #FBFBF6;
  border-radius: 2rem;
  background: var(--c-back) !important;
  color: var(--c-text) !important;
  font-size: 1.2rem;
  --pad-h: calc( 4rem/2 - 1.2rem*1.4/2 );
  padding: var(--pad-h) 2.6rem;
  animation: micro-alert-opacity 0.3s;
}
.micro-alert-item [class^=icon-] {
  display: none;
}
.micro-alert-item.is-warning-notice, .micro-alert-item.is-error-notice {
  --c-back: #FDE7E2;
  --c-text: #F4502F;
}

@keyframes micro-alert-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.co-section--checkout_order > .co-notice, .co-section--checkout_order > .co-notice--success, .co-section--checkout_order > .co-notice--info, .co-section--checkout_order > .co-notice--warning, .co-section--checkout_order > .co-notice--danger,
.co-section--content > .co-notice,
.co-section--content > .co-notice--success,
.co-section--content > .co-notice--info,
.co-section--content > .co-notice--warning,
.co-section--content > .co-notice--danger {
  --notice-f-size: 1.2rem;
  --c-back: #838381;
  --c-text: #FBFBF6;
  margin: 0;
  padding: 0;
  border-radius: 2rem;
  background: var(--c-back);
  color: var(--c-text);
  font-size: var(--notice-f-size);
  font-weight: 500;
  --pad-h: calc( 4rem/2 - 1.2rem*1.4/2 );
  padding: var(--pad-h) 2.6rem;
  margin: 0 0 5rem 0;
}
.co-section--checkout_order > .co-notice--warning, .co-section--checkout_order > .co-notice--danger,
.co-section--content > .co-notice--warning,
.co-section--content > .co-notice--danger {
  --c-back: #FDE7E2;
  --c-text: #F4502F;
}

.widget-type_widget_v4_preorder_1_3368ee538ecdfd90362e3f7999a4016d.layout {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: var(--zindex-modal);
  background: rgba(0, 0, 0, 0.5) !important;
  display: none;
  align-items: flex-start;
}
.widget-type_widget_v4_preorder_1_3368ee538ecdfd90362e3f7999a4016d.layout.is-show-fullscreen {
  display: flex;
}
.widget-type_widget_v4_preorder_1_3368ee538ecdfd90362e3f7999a4016d.layout .layout__content {
  overflow-y: auto;
  flex-grow: 1;
  padding: 0 !important;
  position: absolute;
  top: 49.9%;
  left: 50%;
  transform: translate(-50.1%, -50%);
  border-radius: 1rem;
  max-width: 48rem;
  max-height: 95%;
  width: 95%;
}
@media (max-width: 480px) {
  .widget-type_widget_v4_preorder_1_3368ee538ecdfd90362e3f7999a4016d.layout {
    align-items: stretch;
  }
  .widget-type_widget_v4_preorder_1_3368ee538ecdfd90362e3f7999a4016d.layout .layout__content {
    position: static;
    max-width: none;
    max-height: none;
    transform: none;
    width: auto;
    border-radius: 0;
  }
}

.preorder__form {
  position: relative;
}
.preorder__form.is-sended .preorder__content {
  display: none;
}
.preorder__form.is-sended .preorder__success-message {
  display: block;
}
.preorder__success-message {
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5rem 0;
  display: none;
}
.preorder__field-area {
  margin-bottom: 20px;
}
.preorder__field-area:last-child {
  margin-bottom: 0;
}
.preorder__field_label {
  margin-bottom: 5px;
}
.preorder__field-label-star {
  color: var(--color-error);
}

.agree {
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.3;
}
.agree__field {
  display: none;
}
.agree__content {
  display: inline-flex;
}
.agree__btn {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.8rem;
  border: var(--controls-border-width) solid var(--color-form-controls-border-color);
  border-radius: calc(var(--controls-form-border-radius) / 2);
  position: relative;
}
.agree__btn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: var(--color-btn-bg);
  opacity: 0;
  visibility: hidden;
}
.agree__label {
  align-self: center;
}

.preorder {
  padding: 7rem 5rem;
  position: relative;
}

.preorder .preorder__hide-btn {
  margin: 0;
  padding: 0;
  color: inherit;
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  width: var(--icon-btn-size);
  height: var(--icon-btn-size);
  box-sizing: border-box;
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--icon-btn-size);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-family: "icons";
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.preorder .preorder__hide-btn .icon-times {
  display: none;
}
.preorder .preorder__hide-btn::after {
  content: "";
  position: absolute;
  inset: -1rem;
}
.preorder .preorder__hide-btn:hover {
  color: var(--c-text--hover);
}
.preorder .preorder__hide-btn::before {
  content: "\e000";
}

.preorder__title {
  text-align: center;
}
@media (min-width: 993px) {
  .preorder__title {
    --h1-f-size: 1.8rem;
  }
}

.preorder__field-area {
  --label-f-size: 1.2rem;
  --label-c: #A5A5A1;
  --desc-f-size: 1rem;
}
.preorder__field-area .preorder__field-label {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 1rem;
  left: 2rem;
  padding: 0 0.5rem;
  background: #FBFBF6;
  font-size: var(--label-f-size);
  font-weight: 500;
  color: var(--label-c);
}
@media (max-width: 992px) {
  .preorder__field-area {
    --desc-f-size: 0.8rem;
  }
}
@media (max-width: 992px) {
  .preorder__field-area {
    --label-f-size: 1rem;
    --desc-f-size: 0.9rem;
  }
}
.preorder__field-area .form-control {
  margin: 0;
  padding: 0;
  height: var(--input-h);
  box-sizing: border-box;
  border: 0.1rem solid var(--input-border-c);
  border-radius: var(--input-border-r);
  font-size: var(--input-f-size);
  font-weight: var(--input-f-weight);
  color: #313130;
  padding: 0 1.7rem 0 2.5rem;
}
.preorder__field-area .form-control:focus-within {
  border-color: var(--input-border-c--focus);
}

.preorder__field-error {
  text-align: left;
  color: #F4502F;
  font-size: var(--label-f-size);
  font-weight: 500;
  padding: 0 2.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.preorder__field-area.agree .preorder__field-error {
  padding-left: 3rem;
}
.preorder__field-area.agree .agree__checkbox {
  font-size: 1.2rem;
  line-height: 1.4;
}
.preorder__field-area.agree .agree__checkbox .agree__label {
  color: #1F1F1E;
  font-size: 1.6rem;
  line-height: var(--input-toggle-size);
  letter-spacing: 0.05em;
}
.preorder__field-area.agree .agree__checkbox .agree__btn {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  width: var(--input-toggle-size);
  height: var(--input-toggle-size);
  border: 0.1rem solid #D6D6D1;
  border-radius: var(--input-toggle-size);
  background: #FBFBF6 none no-repeat center;
}
.preorder__field-area.agree .agree__checkbox input:checked + .agree__content .agree__btn {
  background-image: url("f-check.svg");
}
.preorder__field-area.agree .agree__checkbox .agree__btn {
  flex: 0 0 auto;
}
.preorder__field-area.agree .agree__checkbox .agree__label {
  font: inherit;
  line-height: inherit;
}

.co-account-sidebar .co-userdata {
  margin-top: 2.4rem;
}
.co-account-sidebar .co-userdata + .co-sidebar--menu {
  margin-top: 6rem;
}

.co-userdata {
  font-size: 1.5rem;
  line-height: 1.3;
}
.co-userdata__title {
  font-weight: 500;
}

.co-login {
  flex: 1;
}
.co-login:empty {
  display: none;
}

.co-modal-login_form .co-input + .co-input {
  margin-bottom: 2rem;
}

.co-menu-toggle {
  display: none !important;
}

.co-sidebar--menu {
  --f-size: 1.2rem;
  font-size: var(--f-size);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  max-width: 23rem;
  margin-top: 12.7rem;
}

.co-menu {
  margin: 0;
  padding: 0;
  padding: 0 var(--block-pad-w);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.co-menu-item:has([href="/templates/client_account/discounts/"]), .co-menu-item:has([href="/client_account/discounts"]) {
  display: none;
}
.co-menu-link {
  border-radius: 4rem;
  cursor: pointer;
  display: block;
  --pad-h: calc( 4rem/2 - var(--f-size)*1.4/2 );
  padding: var(--pad-h) 2rem;
  text-decoration: none;
  line-height: inherit;
}
.co-menu-link--active {
  background: #EAEAE6;
}
.co-menu-link:hover {
  color: var(--c-text--hover);
}

@media (max-width: 768px) {
  .page--account_orders2 .co-table td:nth-child(3)::after {
    --border-r: 0 var( --t-row-h ) var( --t-row-h ) 0;
    padding-right: 2rem;
  }
}

.co-order_history-total_title {
  float: left;
}

.co-order_history-total_sum {
  font: inherit;
}

.co-order-information {
  --td-f-size: 1.2rem;
  --th-f-size: 1.2rem;
  --line-h: 1.2;
  font-size: var(--td-f-size);
  line-height: var(--line-h);
  --t-cell-pad-h: calc(var(--t-row-h) / 2 - var(--td-f-size) * var(--line-h) / 2);
  --t-row-h: 4rem;
  --t-cell-pad: var(--t-cell-pad-h) 0.5em;
}
@media (max-width: 480px) {
  .co-order-information {
    --table-f-size: 1rem;
  }
}
.co-order-information {
  border: none;
  margin: 0 var(---block-pad-w);
  min-width: calc(100% + var(--block-pad-w) * 2);
}
.co-order-information_title, .co-order-information_value {
  --border-r: 0;
  font: inherit;
  border: none;
  padding: var(--t-cell-pad);
  position: relative;
  z-index: 1;
}
.co-order-information_title::after, .co-order-information_value::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--row-bg-color);
  border-radius: var(--border-r);
}
.co-order-information_title:first-child, .co-order-information_value:first-child {
  --border-r: var(--t-row-h) 0 0 var(--t-row-h);
  padding-left: 2rem;
}
.co-order-information_title:last-child, .co-order-information_value:last-child {
  --border-r: 0 var(--t-row-h) var(--t-row-h) 0;
  padding-right: 2rem;
}
.co-order-information_title:first-child:last-child, .co-order-information_value:first-child:last-child {
  --border-r: var(--t-row-h);
  padding-left: 2rem;
  padding-right: 2rem;
}
.co-order-information_row {
  --row-bg-color: transparent;
  position: relative;
  z-index: 1;
}
.co-order-information_row:nth-child(2n+1) {
  --row-bg-color: #EAEAE6;
}
.co-order-information {
  display: table;
  border: none;
  padding: 0;
  margin-bottom: 6rem;
}
.co-order-information_row {
  display: table-row;
}
.co-order-information_title {
  display: table-cell;
  color: inherit;
  opacity: 1;
  width: 30%;
}
.co-order-information_value {
  display: table-cell;
  text-align: right;
}
.co-order-information .co-order-state {
  display: inline;
  padding: 0;
  border: none;
  padding: 0.3em 0.7em;
  background: #EAEAE6;
  white-space: nowrap;
}
.co-order-information .co-order-state--not_paid {
  color: #F4502F;
  background: #FDE7E2;
}
.co-order-information a {
  text-decoration: underline;
}
.co-order-information a:hover {
  text-decoration: none;
}

.co-social_login-button_group {
  display: inline;
}

.co-social_login-button_group .co-social_login-button {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font: inherit !important;
}
.co-social_login-button_group .co-social_login-button + div {
  display: none;
}

.co-social_login-button_group #subscribe_viber {
  background: none;
}
.co-social_login-button_group #subscribe_viber::before {
  content: "Viber";
}

.co-social_login-button_group #subscribe_telegram {
  background: none;
}
.co-social_login-button_group #subscribe_telegram::before {
  content: "Telegram";
}

.co-order-information_value:has(.co-order-state) {
  line-height: 2;
}
.co-order-information_value:has(.co-order-state) > a {
  white-space: nowrap;
}

.co-adress-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem var(--grid-column-gap);
}
.co-adress-section > * {
  grid-column: 1/span 2;
}
.co-adress-section .co-input--house {
  grid-column: auto;
}
.co-adress-section .co-input--flat {
  grid-column: auto;
}

/*# sourceMappingURL=theme.css.map */