@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --collection_count: var(--draft-collection_count, 50);
  --free_delivery: var(--draft-free_delivery, 5000);
  --gift: var(--draft-gift, false);
  --gift_min_summ: var(--draft-gift_min_summ, 3000);
  --feedback_captcha_enabled: var(--draft-feedback_captcha_enabled, true); }

/* line 1, _variables.scss */
:root {
  --app-height: 100%;
  --bar-height: 0px;
  --layout-padding: 2.4rem;
  --thumb-ratio: 125%;
  --font-size: 10px;
  --font-family: 'Manrope';
  --font-weight-light: 400;
  --font-weight-normal: 500;
  --font-weight-bold: 600;
  --color-white: #ffffff;
  --color-black: #212121;
  --color-main: #ef7c00;
  --color-backgorund: #f0efed;
  --color-success: #00a86b;
  --color-error: #d0162c;
  --color-notification: #df8704;
  --color-grey: #adadad;
  --color-grey-dark: #8d8d8d;
  --color-grey-light: #e9e9e9;
  --color-grey-alt: #f6f6f6;
  --color-grey-alt-2: #f0efed;
  --color-grey-lines: #d2d2d2;
  --header-height: 6.4rem;
  --adp-cell-background-color-selected: var(--color-main) !important; }

@media (max-width: 1024px) {
  /* line 35, _variables.scss */
  :root {
    --layout-padding: 1.6rem;
    --header-height: 6rem; } }
/* line 1, _reset.css */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 7, _reset.css */
a,
button,
input,
textarea,
:focus,
:active {
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

/* line 17, _reset.css */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0; }

/* line 32, _reset.css */
ul[role="list"],
ol[role="list"] {
  list-style: none; }

/* line 37, _reset.css */
html {
  font-size: 10px; }

/* line 41, _reset.css */
html:focus-within {
  scroll-behavior: smooth; }

/* line 45, _reset.css */
body {
  max-width: 100vw;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* line 52, _reset.css */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* line 56, _reset.css */
img,
picture {
  max-width: 100%;
  display: block; }

/* line 62, _reset.css */
input,
button,
textarea,
select {
  font: inherit;
  border-radius: 0; }

/* line 70, _reset.css */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0; }

/* line 77, _reset.css */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  margin: 0; }

/* line 84, _reset.css */
input[type="number"] {
  -moz-appearance: textfield; }

/* line 88, _reset.css */
input[type="search"] {
  -webkit-appearance: none; }

@media (prefers-reduced-motion: reduce) {
  /* line 93, _reset.css */
  html:focus-within {
    scroll-behavior: auto; }

  /* line 97, _reset.css */
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important; } }
/* line 1, _core.scss */
html {
  font-size: var(--font-size, 10px);
  margin: 0 !important; }

@media (max-width: 959px) {
  /* line 7, _core.scss */
  .shop-insales-panel {
    display: none !important; } }
/* line 12, _core.scss */
body {
  font-family: var(--font-family, Arial), sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-normal, 400);
  overflow: hidden auto;
  min-width: 375px;
  max-width: var(--body-max-width, none);
  background: var(--color-white);
  color: var(--color-black); }

/* line 24, _core.scss */
::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

/* line 29, _core.scss */
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0); }

/* line 33, _core.scss */
::-webkit-scrollbar-thumb {
  background-color: var(--color-main);
  border: 2px solid transparent;
  background-clip: content-box;
  transition: 0.4s; }

/* line 40, _core.scss */
.is-overflow-hidden {
  overflow: hidden; }

/* line 44, _core.scss */
.not-ready * {
  transition-duration: 0s !important; }

/* line 48, _core.scss */
a {
  text-decoration: none;
  color: #000;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s; }
  /* line 53, _core.scss */
  a:hover, a:focus, a:active {
    text-decoration: none;
    color: #000; }

/* line 61, _core.scss */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0; }

/* line 76, _core.scss */
h1,
.h1 {
  font-weight: var(--font-weight-light);
  font-size: 4.8rem;
  line-height: 5.2rem; }

/* line 83, _core.scss */
h2,
.h2 {
  font-weight: var(--font-weight-normal);
  font-size: 4rem;
  line-height: 4.4rem; }

/* line 90, _core.scss */
h3,
.h3 {
  font-weight: var(--font-weight-normal);
  font-size: 3.2rem;
  line-height: 3.6rem; }

/* line 97, _core.scss */
h4,
.h4 {
  font-weight: var(--font-weight-normal);
  font-size: 2.4rem;
  line-height: 2.8rem; }

/* line 104, _core.scss */
h5,
.h5 {
  font-weight: var(--font-weight-normal);
  font-size: 2rem;
  line-height: 2.4rem; }

/* line 111, _core.scss */
h6,
.h6 {
  font-weight: var(--font-weight-normal);
  font-size: 1.6rem;
  line-height: 2rem; }

@media (max-width: 768px) {
  /* line 119, _core.scss */
  .h2--mobile {
    font-size: 4rem;
    line-height: 4.4rem; }

  /* line 124, _core.scss */
  .h3--mobile {
    font-size: 3.2rem;
    line-height: 3.6rem; }

  /* line 129, _core.scss */
  .h4--mobile {
    font-size: 2.4rem;
    line-height: 2.8rem; }

  /* line 134, _core.scss */
  .h5--mobile {
    font-size: 2rem;
    line-height: 2.4rem; }

  /* line 139, _core.scss */
  .h6--mobile {
    font-size: 1.6rem;
    line-height: 2rem; } }
/* line 145, _core.scss */
.s1 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.5em; }

/* line 151, _core.scss */
.s2 {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.5em; }

@media (max-width: 768px) {
  /* line 158, _core.scss */
  .s1--mobile {
    font-size: 1.6rem;
    line-height: 2.2rem; }

  /* line 163, _core.scss */
  .s2--mobile {
    font-size: 1.4rem;
    line-height: 2rem; } }
/* line 169, _core.scss */
strong,
b {
  font-weight: var(--font-weight-bold); }

/* line 174, _core.scss */
.text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0 0 -2.4rem; }
  /* line 179, _core.scss */
  .text > * {
    margin: 0 0 2.4rem; }
  /* line 183, _core.scss */
  .text--upper {
    text-transform: uppercase; }
  /* line 187, _core.scss */
  .text--center {
    text-align: center; }
  /* line 191, _core.scss */
  .text a {
    font-weight: var(--font-weight-bold);
    text-decoration: underline; }
    /* line 195, _core.scss */
    .text a:hover {
      color: var(--color-main); }
  /* line 200, _core.scss */
  .text ul {
    list-style: disc; }
  /* line 204, _core.scss */
  .text ol {
    list-style: decimal; }
  /* line 210, _core.scss */
  .text ul li,
  .text ol li {
    margin: 0 0 0 3.2rem; }

/* line 216, _core.scss */
.layout {
  width: 100%;
  margin: 0;
  padding: 0 var(--layout-padding, 0); }

/* line 222, _core.scss */
.layout__content {
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--content-bg, transparent); }

@media screen and (min-width: 1025px) {
  /* line 230, _core.scss */
  .hide-desktop {
    display: none !important; } }
@media screen and (max-width: 1024px) {
  /* line 236, _core.scss */
  .hide-mobile {
    display: none !important; } }
@media screen and (min-width: 768px) {
  /* line 242, _core.scss */
  .layout[style*="--hide-desktop:true"] {
    display: none !important; } }
@media screen and (max-width: 767px) {
  /* line 248, _core.scss */
  .layout[style*="--hide-mobile:true"] {
    display: none !important; } }
/* line 253, _core.scss */
[data-grid-layout] {
  width: 100%;
  min-height: 100vh;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: min-content 1fr min-content;
  gap: 0px;
  grid-template-areas: "header" "main" "footer"; }

/* line 267, _core.scss */
[data-grid="header"] {
  grid-area: header; }

/* line 271, _core.scss */
[data-grid="main"] {
  grid-area: main; }

/* line 275, _core.scss */
[data-grid="top"] {
  grid-area: top; }

/* line 279, _core.scss */
[data-grid="bottom"] {
  grid-area: bottom; }

/* line 283, _core.scss */
[data-grid="footer"] {
  grid-area: footer; }

/* line 287, _core.scss */
.dialogs__widget_btn {
  display: none !important; }

/* line 292, _core.scss */
.slider .swiper-container-horizontal > .swiper-scrollbar {
  position: relative;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 2px;
  border-radius: 0;
  background: var(--color-grey-light); }
  /* line 301, _core.scss */
  .slider .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
    border-radius: 0;
    background: var(--color-black); }
/* line 307, _core.scss */
.slider .swiper-buttons {
  position: relative;
  isolation: isolate;
  margin: 24px 0 0;
  display: flex;
  justify-content: flex-end;
  gap: 0 4px; }
  /* line 315, _core.scss */
  .slider .swiper-buttons .swiper-button {
    position: static; }
/* line 320, _core.scss */
.slider .swiper-button {
  top: auto;
  left: auto;
  bottom: auto;
  right: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: var(--color-black);
  background: var(--color-grey-light);
  border-radius: 50%;
  transition: color 0.4s, opacity 0.4s; }
  /* line 334, _core.scss */
  .slider .swiper-button-disabled {
    opacity: 10.6 !important;
    cursor: default !important;
    pointer-events: auto !important;
    color: var(--color-grey) !important; }
  /* line 341, _core.scss */
  .slider .swiper-button-prev {
    right: 4rem; }
  /* line 345, _core.scss */
  .slider .swiper-button:hover {
    color: var(--color-main); }
  /* line 349, _core.scss */
  .slider .swiper-button .icon {
    width: 20px;
    height: 20px; }
  /* line 354, _core.scss */
  .slider .swiper-button::after {
    display: none; }
/* line 361, _core.scss */
.slider .swiper-scrollbar[style*="display: none"] ~ .swiper-buttons,
.slider .swiper-scrollbar[style*="display: none"] ~ .swiper-button {
  display: none; }

@media (max-width: 767px) {
  /* line 370, _core.scss */
  .slider-items {
    margin: 0 calc(-1 * var(--layout-padding)); }
  /* line 374, _core.scss */
  .slider .swiper-container {
    padding: 0 var(--layout-padding); } }
/* line 380, _core.scss */
.thumb {
  position: relative;
  display: block; }
  /* line 384, _core.scss */
  .thumb:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-top: var(--thumb-ratio, 100%); }
  /* line 392, _core.scss */
  .thumb img,
  .thumb video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--thumb-fit, cover); }
  /* line 403, _core.scss */
  .thumb.is-auto::before {
    display: none; }
  /* line 407, _core.scss */
  .thumb.is-auto img,
  .thumb.is-auto video {
    position: static;
    width: 100%;
    height: auto; }

/* line 416, _core.scss */
.scroller {
  overflow: auto;
  white-space: nowrap;
  margin: 0 calc(-1 * var(--layout-padding));
  -ms-overflow-style: none;
  scrollbar-width: none; }
  /* line 423, _core.scss */
  .scroller::-webkit-scrollbar {
    display: none; }
  /* line 427, _core.scss */
  .scroller-items {
    display: inline-flex;
    margin: 0 var(--layout-padding); }

/* line 433, _core.scss */
img {
  transition: opacity 0.8s; }

/* line 437, _core.scss */
img[src] {
  opacity: 1; }

/* line 441, _core.scss */
img:not([src]) {
  opacity: 0; }

/* line 445, _core.scss */
[data-collection-title]:before {
  content: attr(data-collection-title); }

/* line 449, _core.scss */
.hide-delivery {
  display: none !important; }

/* line 1, _elements.scss */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 2.4rem;
  border-radius: 4rem;
  min-width: 13.2rem;
  height: 5.6rem;
  padding: 0 3.2rem;
  font-weight: var(--font-weight-normal);
  border: none;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.02em;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s, filter 0.4s, opacity 0.4s; }
  /* line 19, _elements.scss */
  .button--block {
    display: flex;
    width: 100%; }
  /* line 24, _elements.scss */
  .button--medium {
    min-width: auto;
    height: 4.8rem; }
  /* line 29, _elements.scss */
  .button--small {
    font-size: 1.4rem;
    line-height: 2rem;
    min-width: auto;
    height: 44px;
    padding: 0 20px; }
  /* line 37, _elements.scss */
  .button--primary {
    background-color: var(--color-main);
    color: var(--color-white);
    background-image: linear-gradient(180deg, #EF7C00 0%, #DD3324 100%); }
    /* line 42, _elements.scss */
    .button--primary:hover, .button--primary:focus {
      color: var(--color-white); }
    /* line 47, _elements.scss */
    .button--primary[disabled] {
      filter: grayscale(1);
      opacity: 0.5;
      cursor: default; }
  /* line 54, _elements.scss */
  .button--secondary {
    background-color: var(--color-black);
    color: var(--color-white); }
    /* line 58, _elements.scss */
    .button--secondary:hover, .button--secondary:focus {
      background-color: var(--color-grey-dark);
      color: var(--color-white); }
    /* line 64, _elements.scss */
    .button--secondary:active {
      background-color: var(--color-grey-light);
      color: var(--color-grey-dark); }
    /* line 69, _elements.scss */
    .button--secondary[disabled] {
      background-color: var(--color-grey-light);
      color: var(--color-grey);
      cursor: default; }
  /* line 76, _elements.scss */
  .button--white {
    background-color: var(--color-white);
    color: var(--color-black); }
    /* line 80, _elements.scss */
    .button--white:hover, .button--white:focus {
      background-color: var(--color-grey-light);
      color: var(--color-grey-dark); }
    /* line 86, _elements.scss */
    .button--white:active {
      background-color: var(--color-grey-dark);
      color: var(--color-white); }
    /* line 91, _elements.scss */
    .button--white[disabled] {
      background-color: var(--color-white);
      color: var(--color-grey);
      cursor: default; }
  /* line 98, _elements.scss */
  .button--grey {
    background-color: var(--color-grey-alt-2);
    color: var(--color-black); }
    /* line 102, _elements.scss */
    .button--grey:hover, .button--grey:focus {
      background-color: var(--color-grey-light);
      color: var(--color-grey-dark); }
    /* line 108, _elements.scss */
    .button--grey:active {
      background-color: var(--color-grey-dark);
      color: var(--color-white); }
    /* line 113, _elements.scss */
    .button--grey[disabled] {
      background-color: var(--color-white);
      color: var(--color-grey);
      cursor: default; }
  /* line 120, _elements.scss */
  .button--empty {
    background-color: transparent;
    color: var(--color-black); }
  /* line 125, _elements.scss */
  .button--bordered {
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black); }
    /* line 130, _elements.scss */
    .button--bordered:hover, .button--bordered:focus {
      background-color: var(--color-grey-light);
      color: var(--color-grey-dark);
      border-color: var(--color-grey-dark); }
    /* line 137, _elements.scss */
    .button--bordered:active {
      background-color: var(--color-grey-dark);
      color: var(--color-white);
      border-color: var(--color-grey-dark); }
    /* line 143, _elements.scss */
    .button--bordered[disabled] {
      background-color: var(--color-white);
      color: var(--color-grey);
      border-color: var(--color-grey-white);
      cursor: default; }

/* line 152, _elements.scss */
.input {
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 0.8rem 1.2rem;
  height: 5.6rem;
  border: 1px solid var(--color-grey-lines);
  transition: color 0.4s, background-color 0.4s, border-color 0.4s; }
  /* line 160, _elements.scss */
  .input--medium {
    height: 4.8rem; }
  /* line 164, _elements.scss */
  .input--block {
    width: 100%; }
  /* line 168, _elements.scss */
  .input-field {
    position: relative; }
    /* line 171, _elements.scss */
    .input-field label {
      position: absolute;
      left: 1.3rem;
      top: 1.6rem;
      font-size: 1.6rem;
      line-height: 1.8rem;
      margin: 0;
      padding: 0;
      color: var(--color-grey-dark);
      transition: font-size 0.2s, top 0.2s; }
    /* line 183, _elements.scss */
    .input-field .input:not(:placeholder-shown),
    .input-field .input:focus {
      padding: 2.2rem 1.2rem 0.6rem;
      border-color: var(--color-black); }
      /* line 188, _elements.scss */
      .input-field .input:not(:placeholder-shown) ~ label,
      .input-field .input:focus ~ label {
        font-size: 1.2rem;
        top: 0.6rem; }
    /* line 195, _elements.scss */
    .input-field.is-success:before {
      content: '';
      position: absolute;
      right: 1.2rem;
      top: 50%;
      transform: translateY(-50%);
      width: 3.2rem;
      height: 3.2rem;
      background-size: contain;
      color: var(--color-success);
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0947 10.7084C24.2913 10.9053 24.4017 11.1722 24.4017 11.4504C24.4017 11.7287 24.2913 11.9956 24.0947 12.1924L13.9447 22.3424C13.7478 22.539 13.481 22.6495 13.2027 22.6495C12.9245 22.6495 12.6576 22.539 12.4607 22.3424L7.91072 17.7924C7.72525 17.5934 7.62428 17.3301 7.62907 17.0581C7.63387 16.7861 7.74406 16.5266 7.93645 16.3342C8.12883 16.1418 8.38837 16.0316 8.66039 16.0268C8.93241 16.022 9.19567 16.123 9.39472 16.3084L13.2027 20.1164L22.6107 10.7084C22.8076 10.5118 23.0744 10.4014 23.3527 10.4014C23.6309 10.4014 23.8979 10.5118 24.0947 10.7084Z' fill='%2300a86b'/%3E%3C/svg%3E%0A"); }
    /* line 210, _elements.scss */
    .input-field.is-error .input {
      border-color: var(--color-error); }
    /* line 214, _elements.scss */
    .input-field.is-error:before {
      content: '';
      position: absolute;
      right: 1.2rem;
      top: 50%;
      transform: translateY(-50%);
      width: 3.2rem;
      height: 3.2rem;
      background-size: contain;
      color: var(--color-error);
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_109_890)'%3E%3Cpath d='M22.0891 9.91281C21.6722 9.49586 20.9972 9.49586 20.5809 9.91281L16.0017 14.492L11.4231 9.91281C11.0061 9.49586 10.3312 9.49586 9.9148 9.91281C9.49786 10.3291 9.49786 11.0047 9.9148 11.4211L14.4934 16.0002L9.91427 20.5789C9.49733 20.9952 9.49733 21.6708 9.91427 22.0871C10.1229 22.2958 10.3955 22.3999 10.6687 22.3999C10.9419 22.3999 11.2145 22.2958 11.4231 22.0877L16.0018 17.5086L20.5804 22.0872C20.789 22.2958 21.0616 22.4 21.3348 22.4C21.608 22.4 21.8806 22.2958 22.0892 22.0878C22.5062 21.6715 22.5062 20.9959 22.0892 20.5795L17.5101 16.0004L22.0887 11.4217C22.5056 11.0051 22.5056 10.3295 22.0893 9.91285L22.0891 9.91281Z' fill='%23d0162c'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_109_890'%3E%3Crect width='32' height='32' fill='white' transform='translate(32 32) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

/* line 230, _elements.scss */
select.input {
  color: var(--color-black);
  appearance: none;
  background: calc(100% - 1.2rem) center no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11L15 19L23 11' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  /* line 236, _elements.scss */
  select.input option {
    padding: 0; }

/* line 241, _elements.scss */
textarea.input {
  resize: none;
  height: 11rem;
  display: block; }

/* line 248, _elements.scss */
.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden; }
/* line 255, _elements.scss */
.checkbox label {
  position: relative;
  padding-left: 3.2rem;
  cursor: pointer;
  color: var(--color-black);
  min-height: 2.4rem;
  display: inline-flex;
  align-items: center; }
  /* line 264, _elements.scss */
  .checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid var(--color-black);
    background: var(--color-white) url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7808 0.219828C11.9212 0.360448 12.0001 0.551078 12.0001 0.749828C12.0001 0.948578 11.9212 1.1392 11.7808 1.27983L4.53083 8.52983C4.3902 8.67023 4.19958 8.74913 4.00083 8.74913C3.80208 8.74913 3.61145 8.67023 3.47083 8.52983L0.220828 5.27983C0.0883475 5.13765 0.0162276 4.94961 0.0196476 4.7553C0.0230776 4.561 0.101787 4.37562 0.239207 4.2382C0.376617 4.10079 0.562008 4.02208 0.756308 4.01865C0.950608 4.01522 1.13865 4.08735 1.28083 4.21983L4.00083 6.93983L10.7208 0.219828C10.8614 0.0793781 11.052 0.000488281 11.2508 0.000488281C11.4495 0.000488281 11.6402 0.0793781 11.7808 0.219828Z' fill='white'/%3E%3C/svg%3E%0A") center center no-repeat;
    transition: background-color 0.4s; }
  /* line 277, _elements.scss */
  .checkbox label:hover:before {
    background-color: var(--color-grey-light); }
/* line 284, _elements.scss */
.checkbox input:checked + label:before {
  background-color: var(--color-black); }

/* line 291, _elements.scss */
.radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden; }
/* line 298, _elements.scss */
.radio label {
  position: relative;
  padding-left: 2.8rem;
  cursor: pointer;
  color: var(--color-black);
  min-height: 2rem;
  display: inline-flex;
  align-items: center; }
  /* line 307, _elements.scss */
  .radio label:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--color-black);
    border-radius: 2rem;
    background-color: var(--color-white); }
  /* line 320, _elements.scss */
  .radio label:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0.3rem;
    top: 0.3rem;
    width: 1.4rem;
    height: 1.4rem;
    background: var(--color-white);
    border-radius: 2rem;
    transition: background-color 0.4s; }
  /* line 334, _elements.scss */
  .radio label:hover:after {
    background-color: var(--color-grey-light); }
/* line 341, _elements.scss */
.radio input:checked + label:after {
  background-color: var(--color-main); }

/* line 347, _elements.scss */
.link {
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
  color: var(--color-black);
  letter-spacing: 0.1rem;
  transition: color 0.4s; }
  /* line 355, _elements.scss */
  .link:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.2rem;
    width: 100%;
    height: 1px;
    background: currentColor; }
  /* line 365, _elements.scss */
  .link:hover {
    color: var(--color-main); }
  /* line 369, _elements.scss */
  .link:active {
    color: var(--color-grey-dark); }
  /* line 373, _elements.scss */
  .link--white {
    color: var(--color-white); }
    /* line 376, _elements.scss */
    .link--white:hover {
      color: var(--color-grey); }
    /* line 380, _elements.scss */
    .link--white:active {
      color: var(--color-black); }

/* line 386, _elements.scss */
.labels {
  display: flex;
  gap: 0 0.8rem;
  font-size: 1.4rem;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 50%;
  text-align: center;
  transform: translateX(calc(-50% + 1.2rem)) translateY(-50%) rotate(-90deg);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.1rem; }
  /* line 400, _elements.scss */
  .labels > span {
    height: 2.4rem;
    padding: 0.1rem 1.2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-black);
    color: var(--color-white);
    white-space: nowrap; }
    /* line 410, _elements.scss */
    .labels > span[data-title="Скидка"] {
      background-color: var(--color-main); }
    /* line 414, _elements.scss */
    .labels > span:before {
      content: attr(data-title); }

/* line 420, _elements.scss */
.icon {
  display: inline-flex;
  vertical-align: top;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 0;
  align-items: center;
  justify-content: center; }
  /* line 429, _elements.scss */
  .icon svg {
    display: block;
    width: 100%;
    height: 100%; }
  /* line 436, _elements.scss */
  .icon--heart path:nth-child(1) {
    fill: transparent; }

/* line 442, _elements.scss */
.alert {
  color: var(--color-black);
  border: 1px solid currentColor;
  font-weight: var(--font-weight-bold);
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding: 0.8rem 1.2rem;
  display: flex;
  gap: 0.4rem; }
  /* line 452, _elements.scss */
  .alert .icon {
    width: 3.2rem;
    height: 3.2rem;
    padding: 1.1rem; }
  /* line 458, _elements.scss */
  .alert--error {
    color: var(--color-error); }
  /* line 462, _elements.scss */
  .alert--notification {
    color: var(--color-notification); }
  /* line 466, _elements.scss */
  .alert-success, .alert--success {
    color: var(--color-success); }

/* line 1, _product_card.scss */
.product_card {
  font-size: 1.6rem;
  line-height: 1.8rem;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: min-content min-content 1fr min-content;
  gap: 0;
  height: 100%;
  overflow: hidden; }
  @media (max-width: 1024px) {
    /* line 1, _product_card.scss */
    .product_card {
      font-size: 1.4rem;
      line-height: 1.6rem; } }
  /* line 16, _product_card.scss */
  .product_card-image {
    position: relative; }
    /* line 19, _product_card.scss */
    .product_card-image [data-ui-favorites-trigger] {
      position: absolute;
      z-index: 5;
      top: 8px;
      right: 8px;
      padding: 8px;
      border: none;
      background: none;
      cursor: pointer;
      color: var(--color-black);
      background-color: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(4px);
      border-radius: 50%; }
      /* line 33, _product_card.scss */
      .product_card-image [data-ui-favorites-trigger] path {
        transition: fill 0.4s; }
      /* line 38, _product_card.scss */
      .product_card-image [data-ui-favorites-trigger].favorites-added path {
        fill: var(--color-black); }
    /* line 45, _product_card.scss */
    .product_card-image .thumb picture img {
      transition: opacity 0.4s; }
    /* line 49, _product_card.scss */
    .product_card-image .thumb picture:nth-child(1) img {
      opacity: 1; }
    /* line 54, _product_card.scss */
    .product_card-image .thumb picture:nth-child(2) img {
      opacity: 0; }
  /* line 61, _product_card.scss */
  .product_card-title {
    margin: 1.6rem 0 0;
    display: block; }
    /* line 65, _product_card.scss */
    .product_card-title:hover {
      text-decoration: underline; }
  /* line 70, _product_card.scss */
  .product_card-price {
    margin: 1.6rem 0 0; }
    /* line 73, _product_card.scss */
    .product_card-price-sale {
      color: var(--color-error); }
    /* line 77, _product_card.scss */
    .product_card-price-old {
      margin: 0 0 0 1.2rem;
      color: var(--color-grey-dark);
      text-decoration: line-through; }
  /* line 84, _product_card.scss */
  .product_card-collection {
    margin: 1.6rem 0 0; }
  /* line 88, _product_card.scss */
  .product_card-variants {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 2.4rem;
    background: var(--color-white);
    transform: translate(-50%, -2rem);
    opacity: 0;
    border-radius: 2rem;
    display: flex;
    padding: 0 0.8rem;
    font-weight: var(--font-weight-bold);
    transition: opacity 0.4s, transform 0.4s;
    text-transform: uppercase; }
    /* line 103, _product_card.scss */
    .product_card-variants span {
      display: block;
      padding: 0.8rem;
      cursor: pointer;
      transition: color 0.4s;
      white-space: nowrap; }
      /* line 110, _product_card.scss */
      .product_card-variants span:hover {
        color: var(--color-main); }
      /* line 114, _product_card.scss */
      .product_card-variants span.is-soldout {
        color: var(--color-grey);
        cursor: default; }
  /* line 121, _product_card.scss */
  .product_card-collection {
    overflow: hidden; }
    /* line 124, _product_card.scss */
    .product_card-collection .button {
      max-width: 100%; }
    /* line 128, _product_card.scss */
    .product_card-collection [data-collection-title]::before {
      display: block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }

@media (min-width: 1025px) {
  /* line 142, _product_card.scss */
  .product_card-image:hover .thumb picture:nth-child(2) img {
    opacity: 1; }
  /* line 147, _product_card.scss */
  .product_card-image:hover .product_card-variants {
    opacity: 1;
    transform: translate(-50%, 0); }
  /* line 155, _product_card.scss */
  .product_card-variants--focus {
    display: none; } }
@media (max-width: 1024px) {
  /* line 164, _product_card.scss */
  .product_card-variants {
    opacity: 1;
    max-width: 3.3rem;
    overflow: hidden;
    text-align: center;
    display: inline-flex;
    justify-content: flex-end;
    transition: max-width 0.4s;
    transform: translate(calc(-100% - 0.8rem), 0);
    left: 100%;
    bottom: 0.8rem; }
    /* line 176, _product_card.scss */
    .product_card-variants > span {
      opacity: 0;
      transition: opacity 0.4s; }
    /* line 181, _product_card.scss */
    .product_card-variants--focus {
      z-index: 6;
      width: 3.2rem;
      height: 3.2rem;
      background: var(--color-white);
      border: none;
      cursor: pointer;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      visibility: visible;
      transform: translate(calc(-100% - 0.8rem), 0) rotate(0deg);
      transition: opacity 0.4s, visibility 0.4s, transform 0.4s; }
      /* line 197, _product_card.scss */
      .product_card-variants--focus .icon {
        width: 1rem;
        height: 1rem;
        opacity: 1;
        padding: 0;
        color: var(--color-black) !important; }
      /* line 205, _product_card.scss */
      .product_card-variants--focus.is-active {
        opacity: 0;
        visibility: hidden;
        transform: translate(calc(-100% - 0.8rem), 0) rotate(-180deg); }
        /* line 210, _product_card.scss */
        .product_card-variants--focus.is-active + .product_card-variants {
          max-width: 18rem; }
          /* line 213, _product_card.scss */
          .product_card-variants--focus.is-active + .product_card-variants > span {
            opacity: 1; } }