/* line 1, theme.reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 7, theme.reset.scss */
* {
  margin: 0; }

/* line 11, theme.reset.scss */
html {
  font-size: 10px;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

/* line 22, theme.reset.scss */
html:focus-within {
  scroll-behavior: smooth; }
@media (max-width: 1024px) {
  /* line 21, theme.reset.scss */
  html {
    scroll-behavior: smooth; } }

/* line 31, theme.reset.scss */
body {
  text-rendering: optimizeSpeed; }

/* line 35, theme.reset.scss */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* line 39, theme.reset.scss */
img,
picture {
  max-width: 100%;
  display: block; }

/* line 45, theme.reset.scss */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

/* line 54, theme.reset.scss */
input[type="number"],
input[type="search"] {
  -moz-appearance: none;
  appearance: none;
  border-radius: 0; }

/* line 61, theme.reset.scss */
input,
button,
textarea,
select {
  font: inherit;
  outline: 0; }

/* line 69, theme.reset.scss */
input,
textarea,
button,
select,
label,
a {
  -webkit-tap-highlight-color: transparent; }

/* line 1, theme.variables.scss */
:root {
  --z-index-modal: 3000;
  --z-index-outside: 3147483645;
  --z-index-header: 1000;
  --layout-max-width: none;
  --layout-mt: 0;
  --layout-mb: 0;
  --layout-pt: 0;
  --layout-pb: 0;
  --layout-side-padding: 0;
  --content-max-width: none;
  --content-pt: 0;
  --content-pb: 0;
  --content-side-padding: 0;
  --sidebar-max-width: 280px;
  --color-light: #FFFFFF;
  --color-dark: #000000;
  --color-success: #24B907;
  --color-danger: #EF433F;
  --color-warning: #000;
  --color-muted: color-mix(in srgb, currentColor 60%, transparent);
  --color-favorites: #EF433F;
  --color-instock: #24B907;
  --color-soldout: #F8353E;
  --main-color: #000000;
  --main-bg: #FFFFFF;
  --label-color: #FFFFFF;
  --label-bg: #A5A5A5;
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --font-size: 10px;
  --font-family: "Avenir Next", sans-serif;
  --font-family-heading: "DIN Next", sans-serif;
  --fw-normal: var(--fw-400);
  --fw-medium: var(--fw-500);
  --fw-semibold: var(--fw-600);
  --fw-bold: var(--fw-700);
  --fw-normal-heading: var(--fw-400);
  --fw-medium-heading: var(--fw-400);
  --fw-semibold-heading: var(--fw-700);
  --fw-bold-heading: var(--fw-700);
  --button-gap: 12px;
  --button-height: 48px;
  --button-color: var(--color-light);
  --button-bg: var(--color-dark);
  --button-border-radius: 0;
  --button-border-width: 0px;
  --button-border-color: currentColor;
  --button-side-padding: 2.2rem;
  --button-font-size: 1.6rem;
  --button-line-height: 2.2rem;
  --button-letter-spacing: 0.2em;
  --button-text-transform: uppercase;
  --input-height: 48px;
  --input-color: var(--color-dark);
  --input-bg: transparent;
  --input-border-radius: 0;
  --input-border-width: 1px;
  --input-border-color: var(--border-color-muted);
  --input-side-padding: 1.6rem;
  --input-font-size: 1.6rem;
  --input-line-height: 2.2rem;
  --border-color-muted: color-mix(in srgb, currentColor 10%, transparent);
  --background-muted: color-mix(in srgb, currentColor 2%, transparent);
  --background-gray: #FAFAFA;
  --backdrop-bg: rgba(0, 0, 0, 0.4);
  --backdrop-filter: grayscale(1);
  --box-shadow-s: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  --icon-fill: transparent;
  --icon-stroke: currentColor;
  --icon-stroke-width: 1.6;
  --icon-stroke-linecap: round;
  --icon-stroke-linejoin: round;
  --thumb-ratio: 1;
  --thumb-fit: cover;
  --thumb-bg: transparent;
  --thumb-radius: 0;
  --product-thumb-ratio: 1;
  --product-thumb-fit: cover;
  --product-thumb-bg: var(--background-muted);
  --scrollbar-bg: color-mix(in srgb, currentColor 20%, transparent); }

/* line 1, theme.grid.scss */
[data-grid] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, min-content) 1fr repeat(1, min-content);
  min-height: 100vh; }
  /* line 8, theme.grid.scss */
  [data-grid] > [data-grid-item] {
    grid-column: 1 / -1; }

/* line 13, theme.grid.scss */
[data-grid-item] {
  min-width: 0; }

/* line 21, theme.grid.scss */
[style*="--content-wide:true"] [data-grid][data-sidebar-show="true"] [data-grid-item="content"],
[style*="--content-wide: true"] [data-grid][data-sidebar-show="true"] [data-grid-item="content"] {
  max-width: none; }

/* line 28, theme.grid.scss */
[data-grid-item="content"] {
  display: grid;
  grid-template-columns: 1fr; }

/* line 33, theme.grid.scss */
[data-grid-item="header"] {
  position: relative;
  z-index: var(--z-index-header); }

/* line 38, theme.grid.scss */
[data-grid-item="outside"] {
  position: relative;
  isolation: isolate;
  z-index: var(--z-index-outside); }

/* line 1, theme.layout.scss */
.layout {
  margin: var(--layout-mt) 0 var(--layout-mb);
  padding: var(--layout-pt) var(--layout-side-padding) var(--layout-pb); }
  @media (max-width: 1024px) {
    /* line 1, theme.layout.scss */
    .layout {
      margin: var(--layout-mt-m) auto var(--layout-mb-m);
      padding: var(--layout-pt-m) var(--layout-side-padding-m) var(--layout-pb-m); } }
  /* line 10, theme.layout.scss */
  .layout__content {
    width: 100%;
    max-width: var(--layout-max-width);
    margin: 0 auto;
    color: var(--layout-color, var(--main-color));
    background-color: var(--layout-bg); }
  /* line 18, theme.layout.scss */
  .layout[style*="--layout-bg:"] {
    padding: 0;
    background-color: transparent; }
    /* line 22, theme.layout.scss */
    .layout[style*="--layout-bg:"] .layout__content {
      padding: var(--layout-pt) var(--layout-side-padding) var(--layout-pb); }
      @media (max-width: 1024px) {
        /* line 22, theme.layout.scss */
        .layout[style*="--layout-bg:"] .layout__content {
          padding: var(--layout-pt-m) var(--layout-side-padding-m) var(--layout-pb-m); } }
    /* line 30, theme.layout.scss */
    .layout[style*="--layout-bg:"][style*="--layout-bg-wide:true"], .layout[style*="--layout-bg:"][style*="--layout-bg-wide: true"] {
      padding: var(--layout-pt) var(--layout-side-padding) var(--layout-pb);
      background-color: var(--layout-bg); }
      @media (max-width: 1024px) {
        /* line 30, theme.layout.scss */
        .layout[style*="--layout-bg:"][style*="--layout-bg-wide:true"], .layout[style*="--layout-bg:"][style*="--layout-bg-wide: true"] {
          padding: var(--layout-pt-m) var(--layout-side-padding-m) var(--layout-pb-m); } }
      /* line 39, theme.layout.scss */
      .layout[style*="--layout-bg:"][style*="--layout-bg-wide:true"] .layout__content, .layout[style*="--layout-bg:"][style*="--layout-bg-wide: true"] .layout__content {
        padding: 0;
        background-color: transparent; }
  /* line 48, theme.layout.scss */
  .layout[style*="--layout-content-wide:true"] .layout__content, .layout[style*="--layout-content-wide: true"] .layout__content {
    max-width: 100%; }
  @media (max-width: 1024px) {
    /* line 53, theme.layout.scss */
    .layout[style*="--hide-mobile:true"], .layout[style*="--hide-mobile: true"] {
      display: none !important; } }
  @media (min-width: 1025px) {
    /* line 60, theme.layout.scss */
    .layout[style*="--hide-desktop:true"], .layout[style*="--hide-desktop: true"] {
      display: none !important; } }

/* line 71, theme.layout.scss */
[data-grid-item="outside"] .layout, [data-grid-item="outside"] .layout__content {
  all: unset;
  display: block;
  box-sizing: border-box; }

@font-face {
  font-family: 'Avenir Next';
  src: url("AvenirNextCyr-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Avenir Next';
  src: url("AvenirNextCyr-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Avenir Next';
  src: url("AvenirNextCyr-Demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Avenir Next';
  src: url("AvenirNextCyr-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'DIN Next';
  src: url("DINNextW1G-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'DIN Next';
  src: url("DINNextW1G-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
/* titles */
/* line 52, theme.font.scss */
h1,
.h1 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 52, theme.font.scss */
h2,
.h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 52, theme.font.scss */
h3,
.h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 52, theme.font.scss */
h4,
.h4,
.m-modal-heading {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 52, theme.font.scss */
h5,
.h5 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 52, theme.font.scss */
h6,
.h6 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 52, theme.font.scss */
h7,
.h7 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--fw-bold-heading); }

/* line 61, theme.font.scss */
h1,
.h1 {
  --font-size: 4rem;
  --line-height: 4.6rem; }

/* line 67, theme.font.scss */
h2,
.h2 {
  --font-size: 3.2rem;
  --line-height: 3.8rem; }

/* line 73, theme.font.scss */
h3,
.h3 {
  --font-size: 2.4rem;
  --line-height: 2.8rem; }

/* line 79, theme.font.scss */
h4,
.h4,
.m-modal-heading {
  --font-size: 2rem;
  --line-height: 2.4rem; }

/* line 85, theme.font.scss */
h5,
.h5 {
  --font-size: 1.6rem;
  --line-height: 2rem; }

/* line 91, theme.font.scss */
h6,
.h6 {
  --font-size: 1.2rem;
  --line-height: 1.6rem; }

/* line 97, theme.font.scss */
h7,
.h7 {
  --font-size: 1rem;
  --line-height: 1.4rem; }

@media (max-width: 1024px) {
  /* line 104, theme.font.scss */
  .h1-mobile {
    --font-size: 4rem;
    --line-height: 4.6rem; }

  /* line 109, theme.font.scss */
  .h2-mobile {
    --font-size: 3.2rem;
    --line-height: 3.8rem; }

  /* line 114, theme.font.scss */
  .h3-mobile {
    --font-size: 2.4rem;
    --line-height: 2.8rem; }

  /* line 119, theme.font.scss */
  .h4-mobile {
    --font-size: 1.6rem;
    --line-height: 2.2rem; }

  /* line 124, theme.font.scss */
  .h5-mobile {
    --font-size: 1.4rem;
    --line-height: 2rem; }

  /* line 129, theme.font.scss */
  .h6-mobile {
    --font-size: 1.2rem;
    --line-height: 1.6rem; }

  /* line 134, theme.font.scss */
  .h7-mobile {
    --font-size: 1rem;
    --line-height: 1.4rem; } }
/* texts */
/* line 142, theme.font.scss */
.t1 {
  font-size: var(--font-size);
  line-height: var(--line-height); }

/* line 142, theme.font.scss */
.t2 {
  font-size: var(--font-size);
  line-height: var(--line-height); }

/* line 142, theme.font.scss */
.t3 {
  font-size: var(--font-size);
  line-height: var(--line-height); }

/* line 142, theme.font.scss */
.t4 {
  font-size: var(--font-size);
  line-height: var(--line-height); }

/* line 142, theme.font.scss */
.t5 {
  font-size: var(--font-size);
  line-height: var(--line-height); }

/* line 148, theme.font.scss */
.t1 {
  --font-size: 2rem;
  --line-height: 2.6rem; }

/* line 153, theme.font.scss */
.t2 {
  --font-size: 1.8rem;
  --line-height: 2.4rem; }

/* line 158, theme.font.scss */
.t3 {
  --font-size: 1.6rem;
  --line-height: 2.2rem; }

/* line 163, theme.font.scss */
.t4 {
  --font-size: 1.4rem;
  --line-height: 2rem; }

/* line 168, theme.font.scss */
.t5 {
  --font-size: 1.2rem;
  --line-height: 1.6rem; }

/* line 173, theme.font.scss */
.t6 {
  --font-size: 1rem;
  --line-height: 1.4rem; }

@media (max-width: 1024px) {
  /* line 179, theme.font.scss */
  .t1-mobile {
    --font-size: 2rem;
    --line-height: 2.6rem; }

  /* line 184, theme.font.scss */
  .t2-mobile {
    --font-size: 1.8rem;
    --line-height: 2.4rem; }

  /* line 189, theme.font.scss */
  .t3-mobile {
    --font-size: 1.6rem;
    --line-height: 2.2rem; }

  /* line 194, theme.font.scss */
  .t4-mobile {
    --font-size: 1.4rem;
    --line-height: 2rem; }

  /* line 199, theme.font.scss */
  .t5-mobile {
    --font-size: 1.2rem;
    --line-height: 1.6rem; }

  /* line 204, theme.font.scss */
  .t6-mobile {
    --font-size: 1rem;
    --line-height: 1.4rem; } }
/* line 1, element.icon.scss */
.icon {
  display: block;
  line-height: 0; }
  /* line 5, element.icon.scss */
  .icon svg {
    fill: var(--icon-fill);
    stroke: var(--icon-stroke);
    stroke-width: var(--icon-stroke-width);
    stroke-linecap: var(--icon-stroke-linecap);
    stroke-linejoin: var(--icon-stroke-linejoin);
    transition: fill 0.2s ease-in-out 0s, stroke 0.2s ease-in-out 0s; }

/* line 15, element.icon.scss */
[data-icon="loader"] {
  animation: spin 2s linear infinite; }

/* line 19, element.icon.scss */
[data-icon="ozon"] {
  --icon-fill: initial;
  --icon-stroke: initial;
  --icon-stroke-width: initial;
  --icon-stroke-linecap: initial;
  --icon-stroke-linejoin: initial; }

/* line 1, element.thumb.scss */
.thumb {
  position: relative;
  isolation: isolate;
  display: block;
  background-color: var(--thumb-bg);
  border-radius: var(--thumb-radius);
  overflow: hidden; }
  /* line 9, element.thumb.scss */
  .thumb::before {
    content: '';
    display: block;
    height: 0;
    padding-top: calc(var(--thumb-ratio) * 100%); }
  /* line 16, element.thumb.scss */
  .thumb img,
  .thumb video,
  .thumb iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--thumb-fit); }
  /* line 26, element.thumb.scss */
  .thumb_product-image {
    --thumb-ratio: var(--product-thumb-ratio);
    --thumb-fit: var(--product-thumb-fit);
    --thumb-bg: var(--product-thumb-bg); }
    /* line 32, element.thumb.scss */
    .thumb_product-image.is-empty .icon {
      position: absolute;
      inset: 50% auto auto 50%;
      width: 100%;
      height: 100%;
      max-width: 80%;
      max-height: 80%;
      translate: -50% -50%;
      color: var(--color-muted);
      opacity: 0.2; }
      /* line 43, element.thumb.scss */
      .thumb_product-image.is-empty .icon svg {
        width: 100%;
        height: 100%; }
  /* line 51, element.thumb.scss */
  .thumb_16x9 {
    --thumb-ratio: 0.5625; }

/* line 1, element.button.scss */
.button, .m-modal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 var(--button-gap);
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  height: var(--button-height);
  color: var(--button-color);
  border: var(--button-border-width) solid var(--button-border-color);
  background-color: var(--button-bg);
  border-radius: var(--button-border-radius);
  padding: 0 var(--button-side-padding);
  font-family: var(--button-font-family, var(--font-family-heading));
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  font-weight: var(--button-font-weight, var(--fw-normal-heading));
  letter-spacing: var(--button-letter-spacing);
  text-transform: var(--button-text-transform); }
  @media (hover: hover) {
    /* line 1, element.button.scss */
    .button, .m-modal-button {
      transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; }
      /* line 25, element.button.scss */
      .button:hover, .m-modal-button:hover {
        color: var(--button-color);
        border-color: var(--button-border-color);
        background-color: var(--button-bg);
        opacity: 0.8; } }
  /* line 33, element.button.scss */
  .button.is-secondary, .is-secondary.m-modal-button {
    --button-color: var(--color-dark);
    --button-bg: transparent;
    --button-border-width: 2px; }
    @media (hover: hover) {
      /* line 39, element.button.scss */
      .button.is-secondary:hover, .is-secondary.m-modal-button:hover {
        opacity: 0.6; } }
  /* line 45, element.button.scss */
  .button.is-large, .is-large.m-modal-button {
    --button-height: 58px;
    --button-font-size: 1.8rem;
    --button-line-height: 2.4rem;
    --button-side-padding: 2.4rem; }
    @media (max-width: 1024px) {
      /* line 45, element.button.scss */
      .button.is-large, .is-large.m-modal-button {
        --button-height: 54px;
        --button-font-size: 1.4rem;
        --button-line-height: 2rem;
        --button-side-padding: 2rem; } }
  /* line 59, element.button.scss */
  .button.is-small, .is-small.m-modal-button {
    --button-gap: 8px;
    --button-height: 36px;
    --button-font-size: 1.2rem;
    --button-line-height: 1.4rem;
    --button-side-padding: 1.4rem; }
  /* line 67, element.button.scss */
  .button.is-wide, .is-wide.m-modal-button {
    display: flex;
    width: 100%; }
  /* line 72, element.button.scss */
  .button.is-square, .is-square.m-modal-button {
    --button-side-padding: 0;
    width: var(--button-height); }
  /* line 77, element.button.scss */
  .button.is-empty, .is-empty.m-modal-button {
    --button-color: currentColor;
    --button-bg: transparent; }
  /* line 83, element.button.scss */
  .button.is-delete, .is-delete.m-modal-button, .button.is-quantity, .is-quantity.m-modal-button {
    --button-color: var(--color-muted);
    --button-bg: transparent; }
    @media (hover: hover) {
      /* line 89, element.button.scss */
      .button.is-delete:hover, .is-delete.m-modal-button:hover, .button.is-quantity:hover, .is-quantity.m-modal-button:hover {
        --button-color: var(--color-dark); } }
  /* line 95, element.button.scss */
  .button[disabled], [disabled].m-modal-button {
    opacity: 0.4;
    pointer-events: none; }

/* line 101, element.button.scss */
.button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  /* line 108, element.button.scss */
  .button-icon.is-favorites.favorites-added .icon {
    --icon-fill: var(--color-favorites);
    --icon-stroke: var(--color-favorites);
    animation: pulse 0.2s linear 1; }
  @media (hover: hover) {
    /* line 117, element.button.scss */
    .button-icon.is-favorites:hover .icon {
      --icon-stroke: var(--color-favorites); } }

/* line 1, element.input.scss */
.input, .m-input-field {
  display: inline-block;
  vertical-align: top;
  height: var(--input-height);
  color: var(--input-color);
  border: var(--input-border-width) solid var(--input-border-color);
  background-color: var(--input-bg);
  border-radius: var(--input-border-radius);
  padding: 0 var(--input-side-padding);
  font-family: var(--input-font-family, var(--font-family));
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  font-weight: var(--input-font-weight, var(--fw-normal)); }
  /* line 15, element.input.scss */
  .input::placeholder, .m-input-field::placeholder {
    color: var(--color-muted); }
  /* line 19, element.input.scss */
  .input.is-small, .is-small.m-input-field {
    --input-height: 36px;
    --input-font-size: 1.4rem;
    --input-line-height: 2rem;
    --input-side-padding: 12px; }
  /* line 26, element.input.scss */
  .input.is-wide, .is-wide.m-input-field {
    display: block;
    width: 100%; }
  /* line 31, element.input.scss */
  .input.is-quantity, .is-quantity.m-input-field {
    --input-border-width: 0;
    --input-side-padding: 0;
    --input-font-weight: var(--fw-semibold);
    text-align: center;
    width: 100%; }

/* line 40, element.input.scss */
textarea.input, textarea.m-input-field {
  --input-height: auto;
  padding-block: calc(var(--input-side-padding) * 0.75); }

/* line 1, element.labels.scss */
.label {
  padding: 2px 6px;
  color: var(--label-color);
  background-color: var(--label-bg); }
  /* line 7, element.labels.scss */
  .label[data-label-title]::after {
    content: attr(data-label-title); }
  /* line 12, element.labels.scss */
  .label.is-discount {
    --label-color: var(--color-light);
    --label-bg: var(--color-danger); }

/* line 1, element.product-card.scss */
.product-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: 16px 0; }
  @media (max-width: 768px) {
    /* line 1, element.product-card.scss */
    .product-card {
      gap: 8px 0; } }
  /* line 12, element.product-card.scss */
  .product-card__addons {
    position: absolute;
    z-index: 4;
    inset: 8px 8px auto auto; }
    @media (max-width: 768px) {
      /* line 12, element.product-card.scss */
      .product-card__addons {
        inset: 4px 4px auto auto; } }
    /* line 21, element.product-card.scss */
    .product-card__addons .button-icon {
      padding: 6px;
      border-radius: 50%;
      background-color: var(--color-light); }
  /* line 28, element.product-card.scss */
  .product-card__labels {
    position: absolute;
    z-index: 2;
    inset: 8px auto auto 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    pointer-events: none; }
    @media (max-width: 575px) {
      /* line 28, element.product-card.scss */
      .product-card__labels {
        inset: 4px auto auto 4px;
        gap: 2px; } }
  /* line 45, element.product-card.scss */
  .product-card__image {
    position: relative;
    isolation: isolate; }
  /* line 50, element.product-card.scss */
  .product-card__thumbs {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow: hidden;
    background-color: var(--product-thumb-bg); }
    /* line 57, element.product-card.scss */
    .product-card__thumbs .thumb {
      --thumb-bg: transparent;
      grid-column: 1 / -1;
      grid-row: 1 / -1; }
      /* line 62, element.product-card.scss */
      .product-card__thumbs .thumb.is-second {
        display: none; }
  /* line 68, element.product-card.scss */
  .product-card__info {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    text-align: center; }
    @media (max-width: 768px) {
      /* line 68, element.product-card.scss */
      .product-card__info {
        gap: 4px 0; } }
  /* line 79, element.product-card.scss */
  .product-card__price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 12px; }
    /* line 85, element.product-card.scss */
    .product-card__price-current {
      font-weight: var(--fw-semibold); }
    /* line 89, element.product-card.scss */
    .product-card__price-old {
      opacity: 0.4;
      text-decoration: line-through;
      text-decoration-thickness: 1px; }
      /* line 94, element.product-card.scss */
      .product-card__price-old:empty {
        display: none; }
  /* line 101, element.product-card.scss */
  .product-card__dolyame:empty {
    display: none; }
  /* line 111, element.product-card.scss */
  .product-card.is-available .product-card__labels .label.is-preorder, .product-card.is-available .product-card__labels .label.is-soldout {
    display: none; }
  /* line 124, element.product-card.scss */
  .product-card:not(.is-available) .product-card__labels .label.is-in_stock {
    display: none; }

@media (hover: hover) {
  /* line 136, element.product-card.scss */
  .product-card__image .thumb {
    transition: opacity 0.2s ease-in-out 0s; }
    /* line 139, element.product-card.scss */
    .product-card__image .thumb.is-second {
      display: block;
      z-index: 1;
      opacity: 0; }
  /* line 151, element.product-card.scss */
  .product-card:hover .product-card__image .thumb.is-first {
    opacity: 0; }
  /* line 155, element.product-card.scss */
  .product-card:hover .product-card__image .thumb.is-second {
    opacity: 1; } }
/* line 1, element.rich-text.scss */
.rich-text {
  display: flex;
  flex-direction: column;
  gap: calc(var(--line-height, 12px) / 2) 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h1 {
    color: currentColor;
    margin: 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h2 {
    color: currentColor;
    margin: 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h3 {
    color: currentColor;
    margin: 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h4 {
    color: currentColor;
    margin: 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h5 {
    color: currentColor;
    margin: 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h6 {
    color: currentColor;
    margin: 0; }
  /* line 7, element.rich-text.scss */
  .rich-text h7 {
    color: currentColor;
    margin: 0; }
  /* line 13, element.rich-text.scss */
  .rich-text p,
  .rich-text ul,
  .rich-text ol,
  .rich-text li,
  .rich-text table,
  .rich-text hr {
    margin: 0; }
  /* line 22, element.rich-text.scss */
  .rich-text strong,
  .rich-text b,
  .rich-text a:not(.button):not(.m-modal-button) {
    color: currentColor; }
  /* line 28, element.rich-text.scss */
  .rich-text strong,
  .rich-text b {
    font-weight: var(--fw-semibold); }
  /* line 33, element.rich-text.scss */
  .rich-text a:not(.button):not(.m-modal-button) {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-style: solid; }
    @media (hover: hover) {
      /* line 33, element.rich-text.scss */
      .rich-text a:not(.button):not(.m-modal-button) {
        transition: text-decoration-color 0.2s ease-in-out 0s; }
        /* line 43, element.rich-text.scss */
        .rich-text a:not(.button):not(.m-modal-button):hover {
          text-decoration-color: transparent; } }
  /* line 49, element.rich-text.scss */
  .rich-text hr {
    display: block;
    height: 1px;
    background-color: var(--border-color-muted);
    border: none; }
  /* line 56, element.rich-text.scss */
  .rich-text blockquote {
    font-size: 2rem;
    line-height: 2.6rem;
    padding: 40px;
    background-color: var(--background-gray);
    border-left: 4px solid var(--color-dark);
    margin: calc(var(--line-height, 12px) / 2) 0; }
    /* line 64, element.rich-text.scss */
    .rich-text blockquote:first-child {
      margin-top: 0; }
    /* line 68, element.rich-text.scss */
    .rich-text blockquote:last-child {
      margin-bottom: 0; }
    @media (max-width: 1024px) {
      /* line 56, element.rich-text.scss */
      .rich-text blockquote {
        padding: 20px; } }

/* line 1, element.option-selector.scss */
.option-selector {
  display: flex;
  flex-direction: column;
  gap: 16px 0; }
  /* line 6, element.option-selector.scss */
  .option-selector__item {
    display: flex;
    flex-direction: column;
    gap: 8px 0; }
  /* line 13, element.option-selector.scss */
  .option-selector__label-title {
    color: var(--color-muted); }
  /* line 18, element.option-selector.scss */
  .option-selector__values {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
  /* line 24, element.option-selector.scss */
  .option-selector__value {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--border-color-muted);
    color: var(--layout-color, var(--main-color));
    background-color: var(--layout-bg, var(--main-bg));
    transition: border-color 0.2s ease-in-out 0s; }
    /* line 37, element.option-selector.scss */
    .option-selector__value.is-active {
      border-color: currentColor; }
    @media (hover: hover) {
      /* line 42, element.option-selector.scss */
      .option-selector__value:hover {
        border-color: currentColor; } }
    /* line 47, element.option-selector.scss */
    .option-selector__value.is-span {
      min-width: 40px;
      height: 40px;
      padding: 0 12px; }
    /* line 53, element.option-selector.scss */
    .option-selector__value.is-preview {
      padding: 3px; }
      /* line 56, element.option-selector.scss */
      .option-selector__value.is-preview .thumb {
        width: 56px; }
    /* line 61, element.option-selector.scss */
    .option-selector__value.is-color {
      padding: 3px;
      border-radius: 50%; }
      /* line 65, element.option-selector.scss */
      .option-selector__value.is-color .thumb {
        --thumb-ratio: 1;
        --thumb-radius: 50%;
        min-width: 32px;
        height: 32px; }

/* line 1, element.meta-grid.scss */
.meta-grid {
  display: flex;
  gap: 0 12px; }
  @media (max-width: 768px) {
    /* line 5, element.meta-grid.scss */
    .meta-grid.is-desktop {
      display: none; } }
  @media (min-width: 769px) {
    /* line 11, element.meta-grid.scss */
    .meta-grid.is-mobile {
      display: none; } }
  /* line 17, element.meta-grid.scss */
  .meta-grid__item {
    position: relative;
    isolation: isolate;
    display: flex;
    gap: 0 2px;
    height: 12px;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out 0s; }
    /* line 26, element.meta-grid.scss */
    .meta-grid__item::after {
      content: '';
      position: absolute;
      inset: -6px; }
    /* line 32, element.meta-grid.scss */
    .meta-grid__item i {
      height: inherit;
      width: 3px;
      background-color: currentColor; }
    /* line 38, element.meta-grid.scss */
    .meta-grid__item:not(.is-active) {
      opacity: 0.4; }
      @media (hover: hover) {
        /* line 42, element.meta-grid.scss */
        .meta-grid__item:not(.is-active):hover {
          opacity: 1; } }
    /* line 50, element.meta-grid.scss */
    .meta-grid__item.is-square[data-meta-grid-trigger="2"] i {
      width: 12px; }
    /* line 56, element.meta-grid.scss */
    .meta-grid__item.is-square[data-meta-grid-trigger="3"] i {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 5px;
      background-color: transparent; }
      /* line 63, element.meta-grid.scss */
      .meta-grid__item.is-square[data-meta-grid-trigger="3"] i::before, .meta-grid__item.is-square[data-meta-grid-trigger="3"] i::after {
        content: '';
        height: 5px;
        background-color: currentColor; }

/* line 2, element.slidebar.scss */
.layout[style*="--slidebar-position:right"] .slidebar {
  inset: var(--slidebar-inset, 0px) var(--slidebar-inset, 0px) var(--slidebar-inset, 0px) auto;
  translate: 100% 0; }

/* line 8, element.slidebar.scss */
.slidebar {
  position: fixed;
  inset: var(--slidebar-inset, 0px) auto var(--slidebar-inset, 0px) var(--slidebar-inset, 0px);
  width: 100%;
  max-width: Min(calc(100vw - var(--slidebar-inset, 0px) * 2), var(--slidebar-max-width, 360px));
  display: grid;
  grid-template-rows: auto 1fr auto;
  color: var(--slidebar-color, var(--main-color));
  background-color: var(--slidebar-bg, var(--main-bg));
  translate: -100% 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out 0s, translate 0.4s ease-in-out 0s; }
  /* line 21, element.slidebar.scss */
  .slidebar.is-open {
    opacity: 1;
    translate: 0 !important; }
    /* line 25, element.slidebar.scss */
    .slidebar.is-open ~ .slidebar-backdrop {
      opacity: 1;
      pointer-events: auto; }
  /* line 31, element.slidebar.scss */
  .slidebar__close {
    margin: 0;
    padding: 0;
    color: currentColor;
    border: none;
    background: none;
    cursor: pointer; }
  /* line 40, element.slidebar.scss */
  .slidebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--border-color-muted); }
    /* line 47, element.slidebar.scss */
    .slidebar__header:empty {
      display: none; }
  /* line 52, element.slidebar.scss */
  .slidebar__main {
    overflow: hidden auto; }
  /* line 56, element.slidebar.scss */
  .slidebar__footer {
    padding: 20px;
    border-top: 1px solid var(--border-color-muted); }
    /* line 60, element.slidebar.scss */
    .slidebar__footer:empty {
      display: none; }

/* line 66, element.slidebar.scss */
.slidebar-backdrop {
  position: fixed;
  z-index: -1;
  inset: 0;
  background-color: var(--backdrop-bg);
  backdrop-filter: var(--backdrop-filter);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-in-out 0s; }

/* line 2, element.insales.scss */
.insales_widget-delivery_city {
  gap: 0 4px; }
/* line 6, element.insales.scss */
.insales_widget-label {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.6' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12' /%3E%3C/svg%3E%0A") left center no-repeat;
  background-size: 24px;
  padding-left: 32px; }
/* line 12, element.insales.scss */
.insales_widget-current_address {
  display: flex;
  gap: 0 12px; }
  /* line 16, element.insales.scss */
  .insales_widget-current_address span {
    margin: 0;
    font-weight: var(--fw-semibold); }
  /* line 21, element.insales.scss */
  .insales_widget-current_address button {
    margin: 0;
    padding: 0;
    text-transform: lowercase; }
    /* line 26, element.insales.scss */
    .insales_widget-current_address button.insales_widget-open_modal {
      text-decoration: underline;
      text-decoration-color: currentColor;
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
      text-decoration-style: dotted;
      color: var(--color-muted);
      cursor: pointer; }
      @media (hover: hover) {
        /* line 26, element.insales.scss */
        .insales_widget-current_address button.insales_widget-open_modal {
          transition: color 0.2s ease-in-out 0s; }
          /* line 38, element.insales.scss */
          .insales_widget-current_address button.insales_widget-open_modal:hover {
            color: var(--color-dark); } }
/* line 46, element.insales.scss */
.insales_widget-delivery {
  --user-gap-insales_widget: 0;
  --user-radius-insales_widget: 0;
  --border-color-insales_widget: var(--border-color-muted);
  --font-size-insales_widget: var(--font-size);
  margin: 0;
  border: 1px solid var(--border-color-muted); }
  /* line 54, element.insales.scss */
  .insales_widget-delivery,
  .insales_widget-delivery * {
    line-height: var(--line-height); }
  /* line 59, element.insales.scss */
  .insales_widget-delivery_header {
    padding: 12px;
    background-color: var(--background-muted);
    border-bottom: 1px solid var(--border-color-muted); }
  /* line 65, element.insales.scss */
  .insales_widget-delivery_loading {
    padding: 8px 12px; }
  /* line 70, element.insales.scss */
  .insales_widget-delivery_info li {
    grid-template-columns: 1fr max-content;
    padding: 8px 12px; }
  /* line 75, element.insales.scss */
  .insales_widget-delivery_info--price {
    font-weight: var(--fw-semibold); }
  /* line 79, element.insales.scss */
  .insales_widget-delivery_info--interval {
    color: var(--color-muted); }

/* line 86, element.insales.scss */
.m-modal {
  all: unset;
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  z-index: var(--z-index-modal);
  display: flex !important;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 8px;
  opacity: 0;
  pointer-events: none;
  background-color: var(--backdrop-bg);
  backdrop-filter: var(--backdrop-filter);
  transition: opacity 0.4s ease-in-out 0.2s; }
  /* line 104, element.insales.scss */
  .m-modal[style*="display: block"] {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s; }
    /* line 110, element.insales.scss */
    .m-modal[style*="display: block"] .m-modal-wrapper {
      opacity: 1;
      transition-delay: 0.2s; }
  /* line 117, element.insales.scss */
  .m-modal-wrapper {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: auto 0;
    color: var(--modal-color, var(--main-color));
    background-color: var(--modal-bg, var(--main-bg));
    padding: 20px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out 0s; }
    /* line 130, element.insales.scss */
    .m-modal-wrapper > form {
      display: flex;
      flex-direction: column;
      gap: 20px 0; }
      /* line 135, element.insales.scss */
      .m-modal-wrapper > form .co-input--captcha {
        position: absolute;
        z-index: -1;
        visibility: hidden;
        pointer-events: none; }
  /* line 144, element.insales.scss */
  .m-modal-heading {
    margin: -20px -20px 0;
    padding: 20px;
    border-bottom: 1px solid var(--border-color-muted);
    text-align: left;
    background-color: var(--background-muted);
    text-transform: uppercase; }
  /* line 154, element.insales.scss */
  .m-modal-errors {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0;
    padding: 12px 16px;
    color: var(--color-danger);
    background-color: color-mix(in srgb, var(--color-danger) 10%, transparent);
    border-radius: 0; }
    /* line 166, element.insales.scss */
    .m-modal-errors:empty {
      display: none; }
  /* line 171, element.insales.scss */
  .m-modal-error {
    padding: 0; }
  /* line 175, element.insales.scss */
  .m-modal-button {
    margin: 0;
    display: flex;
    width: 100%; }
  /* line 182, element.insales.scss */
  .m-modal-close {
    all: unset;
    box-sizing: border-box;
    position: absolute;
    isolation: isolate;
    inset: 20px 20px auto auto;
    cursor: pointer; }
    /* line 190, element.insales.scss */
    .m-modal-close::after {
      content: '';
      position: absolute;
      z-index: -1;
      inset: -8px; }

/* line 200, element.insales.scss */
.m-overlay {
  display: none !important;
  z-index: calc(var(--z-index-modal) -1);
  background-color: transparent; }

/* line 206, element.insales.scss */
.m-input {
  margin: 0; }
  /* line 209, element.insales.scss */
  .m-input-label {
    margin: 0 0 4px; }
  /* line 213, element.insales.scss */
  .m-input-field {
    margin: 0; }
  /* line 218, element.insales.scss */
  .m-input--checkbox {
    all: unset;
    box-sizing: border-box;
    position: relative;
    isolation: isolate; }
    /* line 224, element.insales.scss */
    .m-input--checkbox [type="checkbox"] {
      position: absolute;
      z-index: -1;
      opacity: 0;
      pointer-events: none; }
      /* line 232, element.insales.scss */
      .m-input--checkbox [type="checkbox"]:not(:checked) ~ span .icon {
        opacity: 0; }
    /* line 240, element.insales.scss */
    .m-input--checkbox .m-input-label {
      all: unset;
      box-sizing: border-box;
      display: block;
      padding: 0 0 0 24px;
      cursor: pointer; }
      /* line 247, element.insales.scss */
      .m-input--checkbox .m-input-label ~ span {
        position: absolute;
        inset: 4px auto auto 0;
        z-index: -1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        border: 1px solid currentColor;
        transition: color 0.2s ease-in-out 0s; }
        /* line 260, element.insales.scss */
        .m-input--checkbox .m-input-label ~ span .icon {
          --icon-stroke-width: 3;
          transition: opacity 0.2s ease-in-out 0s; }
      @media (hover: hover) {
        /* line 271, element.insales.scss */
        .m-input--checkbox .m-input-label:hover ~ [type="checkbox"]:not(:checked) ~ span .icon {
          opacity: 0.4; } }
    /* line 281, element.insales.scss */
    .m-input--checkbox .m-input-caption {
      all: unset;
      box-sizing: border-box;
      display: block;
      margin: 4px 0 0 24px;
      font-size: 1.4rem;
      line-height: 2rem;
      color: var(--color-muted); }
      /* line 290, element.insales.scss */
      .m-input--checkbox .m-input-caption a {
        text-decoration: underline; }
  /* line 298, element.insales.scss */
  .m-input--required .m-input-label::after {
    color: var(--color-danger);
    font-weight: var(--fw-bold); }

/* line 8, theme.scss */
html {
  font-size: var(--font-size);
  background-color: var(--main-bg); }

/* line 13, theme.scss */
body {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--main-color);
  background-color: var(--main-bg);
  font-family: var(--font-family);
  font-weight: var(--fw-normal);
  max-width: var(--body-max-width, none); }

/* line 23, theme.scss */
a {
  text-decoration: none; }
  /* line 26, theme.scss */
  a, a:hover {
    color: currentColor; }

/* line 32, theme.scss */
.is-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none; }
  /* line 36, theme.scss */
  .is-scrollbar-hide::-webkit-scrollbar {
    width: 0 !important; }

/* line 43, theme.scss */
.is-scrollbar-custom::-webkit-scrollbar,
.is-scrollbar-custom ::-webkit-scrollbar {
  width: 10px;
  height: 10px; }
/* line 49, theme.scss */
.is-scrollbar-custom::-webkit-scrollbar-track,
.is-scrollbar-custom ::-webkit-scrollbar-track {
  background-color: var(--layout-bg, var(--main-bg)); }
/* line 54, theme.scss */
.is-scrollbar-custom::-webkit-scrollbar-thumb,
.is-scrollbar-custom ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-bg);
  border: 4px solid transparent;
  background-clip: content-box;
  border-radius: 10px; }

/* line 63, theme.scss */
.is-touch-disabled {
  touch-action: none; }

/* line 67, theme.scss */
img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  height: auto; }

/* line 74, theme.scss */
.os-theme-dark {
  --os-padding-perpendicular: 4px;
  --os-padding-axis: 4px;
  --os-handle-bg: var(--scrollbar-bg);
  --os-handle-bg-hover: var(--scrollbar-bg);
  --os-handle-bg-active: var(--scrollbar-bg); }

@supports (backdrop-filter: invert(1)) {
  /* line 83, theme.scss */
  .os-scrollbar-handle {
    background: none !important;
    backdrop-filter: invert(1);
    opacity: 0.2; } }
/* line 90, theme.scss */
html.lenis,
html.lenis body {
  height: auto; }

/* line 95, theme.scss */
.lenis.lenis-smooth {
  scroll-behavior: auto !important; }

/* line 99, theme.scss */
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain; }

/* line 103, theme.scss */
.lenis.lenis-stopped {
  overflow: clip; }

/* line 107, theme.scss */
.lenis.lenis-smooth iframe {
  pointer-events: none; }

/* line 111, theme.scss */
jdiv[class*="jivoMobileButton"] {
  z-index: 1000000; }

/* line 117, theme.scss */
.fslightbox-open body {
  margin: 0 !important; }
/* line 122, theme.scss */
.fslightbox-container {
  z-index: var(--z-index-outside);
  background: var(--color-light); }
/* line 128, theme.scss */
.fslightbox-slide-number-container {
  color: #999999; }
/* line 132, theme.scss */
.fslightbox-slide-btn {
  background: transparent; }
/* line 137, theme.scss */
.fslightbox-svg-path {
  fill: var(--color-dark) !important; }
/* line 141, theme.scss */
.fslightbox-slash {
  background: var(--color-muted); }
/* line 145, theme.scss */
.fslightbox-toolbar {
  background: transparent; }
  /* line 149, theme.scss */
  .fslightbox-toolbar-button:first-child {
    display: none; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }
@keyframes pulse {
  0%,
	100% {
    scale: 1; }
  50% {
    scale: 0.8; } }