:root {
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1200px;
  --screen-xxl: 1600px;
  --padding-grid: 1rem;
  --padding-container: 2rem;
  --padding-section: 4rem;
  --padding-section-md: 4rem;
  --padding-section-lg: 5rem;
  --padding-section-xl: 5rem;
  --color-text: #222;
  --color-border: #e5e5e5;
  --color-border-light: rgb(247.2, 247.2, 247.2);
  --color-border-dark: rgb(137.4, 137.4, 137.4);
  --color-lightblue: #f0f1f5;
  --color-lightgray: #F8F8F8;
  --color-social-yandex: #ffc706;
  --color-social-vk: #507299;
  --color-base: #e12121;
  --color-base-t-10: rgb(228, 55.2, 55.2);
  --color-base-t-20: rgb(231, 77.4, 77.4);
  --color-base-t-30: rgb(234, 99.6, 99.6);
  --color-base-t-40: rgb(237, 121.8, 121.8);
  --color-base-t-50: #f09090;
  --color-base-t-60: rgb(243, 166.2, 166.2);
  --color-base-t-70: rgb(246, 188.4, 188.4);
  --color-base-t-80: rgb(249, 210.6, 210.6);
  --color-base-t-90: rgb(252, 232.8, 232.8);
  --color-base-s-10: rgb(202.5, 29.7, 29.7);
  --color-base-s-20: rgb(180, 26.4, 26.4);
  --color-base-s-30: rgb(157.5, 23.1, 23.1);
  --color-base-s-40: rgb(135, 19.8, 19.8);
  --color-base-s-50: rgb(112.5, 16.5, 16.5);
  --color-base-s-60: rgb(90, 13.2, 13.2);
  --color-base-s-70: rgb(67.5, 9.9, 9.9);
  --color-base-s-80: rgb(45, 6.6, 6.6);
  --color-base-s-90: rgb(22.5, 3.3, 3.3);
  --color-second: #009cbe;
  --color-second-t-10: rgb(25.5, 165.9, 196.5);
  --color-second-t-20: rgb(51, 175.8, 203);
  --color-second-t-30: rgb(76.5, 185.7, 209.5);
  --color-second-t-40: rgb(102, 195.6, 216);
  --color-second-t-50: rgb(127.5, 205.5, 222.5);
  --color-second-t-60: rgb(153, 215.4, 229);
  --color-second-t-70: rgb(178.5, 225.3, 235.5);
  --color-second-t-80: rgb(204, 235.2, 242);
  --color-second-t-90: rgb(229.5, 245.1, 248.5);
  --color-second-s-10: rgb(0, 140.4, 171);
  --color-second-s-20: rgb(0, 124.8, 152);
  --color-second-s-30: rgb(0, 109.2, 133);
  --color-second-s-40: rgb(0, 93.6, 114);
  --color-second-s-50: #004e5f;
  --color-second-s-60: rgb(0, 62.4, 76);
  --color-second-s-70: rgb(0, 46.8, 57);
  --color-second-s-80: rgb(0, 31.2, 38);
  --color-second-s-90: rgb(0, 15.6, 19);
  --color-approve: #36a166;
  --color-approve-t-10: rgb(74.1, 170.4, 117.3);
  --color-approve-t-20: rgb(94.2, 179.8, 132.6);
  --color-approve-t-30: rgb(114.3, 189.2, 147.9);
  --color-approve-t-40: rgb(134.4, 198.6, 163.2);
  --color-approve-t-50: rgb(154.5, 208, 178.5);
  --color-approve-t-60: rgb(174.6, 217.4, 193.8);
  --color-approve-t-70: rgb(194.7, 226.8, 209.1);
  --color-approve-t-80: rgb(214.8, 236.2, 224.4);
  --color-approve-t-90: rgb(234.9, 245.6, 239.7);
  --color-approve-s-10: rgb(48.6, 144.9, 91.8);
  --color-approve-s-20: rgb(43.2, 128.8, 81.6);
  --color-approve-s-30: rgb(37.8, 112.7, 71.4);
  --color-approve-s-40: rgb(32.4, 96.6, 61.2);
  --color-approve-s-50: rgb(27, 80.5, 51);
  --color-approve-s-60: rgb(21.6, 64.4, 40.8);
  --color-approve-s-70: rgb(16.2, 48.3, 30.6);
  --color-approve-s-80: rgb(10.8, 32.2, 20.4);
  --color-approve-s-90: rgb(5.4, 16.1, 10.2);
  --color-decline: #db0444;
  --color-decline-t-10: rgb(222.6, 29.1, 86.7);
  --color-decline-t-20: rgb(226.2, 54.2, 105.4);
  --color-decline-t-30: rgb(229.8, 79.3, 124.1);
  --color-decline-t-40: rgb(233.4, 104.4, 142.8);
  --color-decline-t-50: rgb(237, 129.5, 161.5);
  --color-decline-t-60: rgb(240.6, 154.6, 180.2);
  --color-decline-t-70: rgb(244.2, 179.7, 198.9);
  --color-decline-t-80: rgb(247.8, 204.8, 217.6);
  --color-decline-t-90: rgb(251.4, 229.9, 236.3);
  --color-decline-s-10: rgb(197.1, 3.6, 61.2);
  --color-decline-s-20: rgb(175.2, 3.2, 54.4);
  --color-decline-s-30: rgb(153.3, 2.8, 47.6);
  --color-decline-s-40: rgb(131.4, 2.4, 40.8);
  --color-decline-s-50: rgb(109.5, 2, 34);
  --color-decline-s-60: rgb(87.6, 1.6, 27.2);
  --color-decline-s-70: rgb(65.7, 1.2, 20.4);
  --color-decline-s-80: rgb(43.8, 0.8, 13.6);
  --color-decline-s-90: rgb(21.9, 0.4, 6.8);
  --font-size: 16px;
  --font-family-main: "Wix Madefor Display", sans-serif;
  --font-family-second: "Nunito", sans-serif;
  --font-line-height-base: 1.25;
  --font-letter-spacing-base: 0.025em;
  --transition-time: 0.15s;
  --transition-ease: all var(--transition-time) ease-in-out;
  --transition: all var(--transition-time) linear;
  --br: 0.125rem;
  --box-shadow: 0 0.25rem 2rem rgb(0 0 0 / 17%);
  --box-shadow-inset: inset 0 0 1.25rem rgb(0 0 0 / 6%);
  --container-width: 1500px;
  --shadow-box: 0 0.5rem 2rem rgba(0, 0, 0, 0.15);
  --shadow-box-hover: 0 0.5rem 2rem color(srgb 0 0 0 / 0.15), 0 1rem 3rem color(srgb 0 0 0 / 0.1);
}

@layer reset {
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #222;
  }
  input,
  select,
  textarea,
  button,
  optgroup {
    border: none;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
  }
  input:focus,
  select:focus,
  textarea:focus,
  button:focus,
  optgroup:focus {
    outline: none !important;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
}
@layer default {
  html {
    /*background-color: #f7f9fd;*/
    font-family: var(--font-family-main);
    font-size: 10px;
    font-feature-settings: "lnum";
    line-height: var(--font-line-height-base);
    color: var(--color-text);
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
  }
  body {
    margin: 0 auto;
    font-size: 1.6rem;
    max-width: 1500px;
    background-color: #fff;
  }
  body.scroll-disable {
    overflow-y: hidden;
  }
  *,
  *::after,
  *::before {
    max-width: 100%;
  }
  img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
    display: inline-block;
  }
  address {
    font-style: normal;
  }
  button {
    background: initial;
    font-family: inherit;
    border: none;
    padding: 0;
    font-size: inherit;
    cursor: pointer;
  }
  input[type=submit] {
    cursor: pointer;
  }
  hr {
    border-bottom: solid 1px var(--color-border);
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
  .table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    display: inline-block;
  }
  .table-wrapper table {
    border: none;
    margin: 0;
    width: 100%;
    line-height: 1.2;
  }
  .table-wrapper table .rtecenter {
    text-align: center;
  }
  table:not(.-clear-style) {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    border: solid 0.0625rem var(--color-border-dark);
  }
  table:not(.-clear-style) th {
    background-color: var(--color-border);
    font-weight: bold;
  }
  table:not(.-clear-style) tfoot td {
    background-color: var(--color-border);
    font-weight: bold;
  }
  table:not(.-clear-style) tr:hover td {
    background-color: #f9f9f9;
  }
  table:not(.-clear-style) tr > * {
    padding: 0.75rem 1rem;
    border-bottom: solid 1px var(--color-border-dark);
    border-right: solid 1px var(--color-border-dark);
  }
  table:not(.-clear-style) tr:nth-child(even) {
    background-color: var(--color-border-light);
  }
  table:not(.-clear-style) td {
    transition: var(--transition-ease);
  }
  table:not(.-clear-style) tbody:last-child tr:last-child,
  table:not(.-clear-style) tfoot tr:last-child {
    border-bottom: none;
  }
  table:not(.-clear-style) caption {
    font-size: 1.125rem;
    padding: 1rem;
    font-weight: bold;
  }
  table:not(.-clear-style).simple {
    border-width: 0;
  }
  table:not(.-clear-style).simple th {
    background-color: transparent;
    font-weight: bold;
    text-align: left;
  }
  table:not(.-clear-style).simple tr > * {
    padding: 1rem 1rem 1rem 0;
  }
  table:not(.-clear-style).simple tr > *:not(:last-child) {
    border-right-width: 0;
  }
  table:not(.-clear-style).simple tr:hover td {
    background-color: transparent;
    border-color: var(--color-border);
  }
  table:not(.-clear-style).simple tr:last-child td {
    border-width: 0;
  }
  table:not(.-clear-style).table-first-elements-beautify tr > td:first-child,
  table:not(.-clear-style).table-first-elements-beautify tr > th {
    white-space: nowrap;
    vertical-align: baseline;
  }
  table:not(.-clear-style).without-border td,
  table:not(.-clear-style).without-border th {
    border: none !important;
  }
  blockquote {
    margin: 1.5rem 0;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
    border-left: solid 0.375rem var(--color-base);
    font-size: 1.125rem;
    line-height: 1.35;
    color: var(--color-text);
    background: var(--color-border);
  }
  blockquote cite {
    display: block;
    font-weight: bold;
    color: var(--color-base);
    margin-top: 2rem;
  }
  blockquote p:last-child {
    margin-bottom: 0;
  }
  section {
    padding: var(--padding-section) 0;
  }
  @media (min-width: 768px) {
    section {
      padding: var(--padding-section-md) 0;
    }
  }
  @media (min-width: 1024px) {
    section {
      padding: var(--padding-section-lg) 0;
    }
  }
  @media (min-width: 1200px) {
    section {
      padding: var(--padding-section-xl) 0;
    }
  }
}
@layer modifiers {
  .w-100 {
    width: 100% !important;
  }
  .is-bg-base {
    background-color: var(--color-base);
  }
  .is-bg-second {
    background-color: var(--color-second);
  }
  .is-bg-white {
    background-color: #fff;
  }
  .is-bg-lightblue {
    background-color: var(--color-lightblue);
  }
  .is-color-text {
    color: var(--color-text);
  }
  .is-color-white {
    color: #fff;
  }
  .is-color-second {
    color: var(--color-second);
  }
  .is-color-base {
    color: var(--color-base);
  }
  .is-color-approve {
    color: var(--color-approve);
  }
  .is-horizontal-scroll {
    display: flex;
    overflow-y: auto;
    width: calc(100% + 4rem);
    max-width: calc(100% + 4rem);
    margin-left: -2rem;
    gap: 1.2rem;
  }
  .is-horizontal-scroll.-no-desktop {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .is-shadow-box {
    box-shadow: var(--shadow-box);
  }
  .is-bordered-box {
    border: solid 1px #d3d5e1;
  }
  .is-first-section {
    padding-top: 2rem;
  }
  .is-subheading {
    font-size: 1.8rem;
    line-height: 1.2;
    color: #590202;
  }
  @media (min-width: 1024px) {
    .is-subheading {
      font-size: 2.2rem;
      max-width: calc(100% - 16rem);
    }
  }
}
@layer theme {
  .mobile-menu-icon {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -0.3rem;
  }
  .mobile-menu-icon::after, .mobile-menu-icon::before, .mobile-menu-icon span {
    display: block;
    width: 74%;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
    transition: var(--transition);
  }
  .mobile-menu-icon::before, .mobile-menu-icon::after {
    content: "";
    position: absolute;
    left: 13%;
  }
  .mobile-menu-icon::before {
    top: 0.8rem;
  }
  .mobile-menu-icon::after {
    bottom: 0.8rem;
  }
  .mobile-menu-icon.active span {
    opacity: 0;
  }
  .mobile-menu-icon.active::before {
    top: 1.6rem;
    transform: rotate3d(0, 0, 1, 45deg);
  }
  .mobile-menu-icon.active::after {
    bottom: 1.2rem;
    transform: rotate3d(0, 0, 1, -45deg);
  }
  .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: var(--transition-ease);
    cursor: pointer;
  }
  .button.-lined {
    background-color: #fff;
    border-radius: 0.4rem;
    padding: 1.6rem 1.8rem;
    font-family: var(--font-family-second);
    font-size: 1.8rem;
    position: relative;
  }
  .button.-lined::after {
    content: "";
    position: absolute;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    top: 0.5rem;
    left: 0.5rem;
    border: solid 0.1rem var(--color-base);
    opacity: 0.3;
    transition: var(--transition-ease);
  }
  .button.-lined.-lined-hover:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 0.5rem 2rem 0 color(srgb 0 0 0 / 0.3);
  }
  .button.-lined.-lined-hover:hover:after {
    opacity: 1;
  }
  .button.-default {
    border: solid 0.1rem;
    padding: 1rem;
    margin: 0 auto;
    font-family: var(--font-family-main);
    border-radius: 0.3rem;
    background-color: var(--color-base);
    border-color: var(--color-base);
    color: #fff;
  }
  .button.-default:hover {
    background-color: var(--color-base-s-30);
    border-color: var(--color-base-s-30);
  }
  .button.-outline {
    border: solid 0.1rem;
    padding: 1rem;
    margin: 0 auto;
    font-family: var(--font-family-main);
    border-radius: 0.3rem;
    color: var(--color-base);
  }
  .button.-outline:hover {
    background-color: var(--color-base-s-30);
    border-color: var(--color-base-s-30);
    color: #fff;
  }
  .button.-input {
    height: 4.8rem;
  }
  .arrow-right {
    width: 0;
    height: 0;
    border-top: 1.3rem solid transparent;
    border-bottom: 1.3rem solid transparent;
    border-left: 2.4rem solid;
  }
  .is-link-all::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .title-center {
    text-align: center;
    margin-bottom: 3rem;
  }
  .title-center.-lined span {
    position: relative;
    display: inline-block;
  }
  .title-center.-lined span::before, .title-center.-lined span::after {
    content: "";
    display: block;
    height: 0.3rem;
    background-color: var(--color-base);
    top: 50%;
    position: absolute;
    margin: auto;
    border-radius: 99px;
    width: calc((100dvw - 100% - 2rem) / 2 - 4rem);
    max-width: initial;
  }
  @media (min-width: 1024px) {
    .title-center.-lined span::before, .title-center.-lined span::after {
      width: calc((100dvw - 100% - 2rem) / 2 - 6rem);
    }
  }
  @media (min-width: 1500px) {
    .title-center.-lined span::before, .title-center.-lined span::after {
      width: calc((var(--container-width) - 100%) / 2 - 6rem);
    }
  }
  .title-center.-lined span::before {
    right: calc(100% + 2rem);
  }
  .title-center.-lined span::after {
    left: calc(100% + 2rem);
  }
  .slick-track {
    max-width: initial;
    display: flex !important;
  }
  .slider .next, .slider .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: var(--color-base);
    z-index: 2;
    cursor: pointer;
  }
  .slider .next.-circle, .slider .prev.-circle {
    height: 5rem;
    width: 5rem;
    transition: var(--transition-ease);
    background-color: var(--color-base);
    color: #fff;
    border-radius: 10rem;
    opacity: 0.7;
  }
  .slider .next.-circle:hover:not(.slick-disabled), .slider .prev.-circle:hover:not(.slick-disabled) {
    opacity: 1;
  }
  .slider .prev {
    left: 0;
  }
  .slider .next {
    transform: rotate(180deg);
    right: 0;
  }
  .slider.-default-arrows .slick-list {
    margin: 0 2rem;
  }
  .slider.-default-arrows .next, .slider.-default-arrows .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .slider.-default-arrows .prev {
    left: 0;
  }
  .slider.-default-arrows .next {
    right: 0;
  }
  @media (min-width: 768px) {
    .slider.-default-arrows .slick-list {
      margin: 0 3rem;
    }
    .slider.-default-arrows .next, .slider.-default-arrows .prev {
      font-size: 2.4rem;
    }
  }
  .slider .slick-dots {
    bottom: -3rem;
  }
  .slider .slick-dots li button::before {
    font-size: 1.4rem;
    color: #D9D9D9;
    opacity: 1;
  }
  .slider .slick-dots li.slick-active button::before {
    color: var(--color-base);
  }
  .slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
  }
  .slick-slide {
    height: auto;
  }
  @media (min-width: 1024px) {
    .text-columns {
      column-count: 2;
    }
  }
  .social-links {
    display: flex;
    gap: 0.8rem;
  }
  .social-links a {
    display: inline-flex;
    width: 3.2rem;
    height: 3.2rem;
    align-items: center;
    justify-content: center;
    background-color: var(--color-base);
    color: #fff;
    border-radius: 0.6rem;
    font-size: 1.8rem;
  }
  .social-links a:hover {
    background-color: var(--color-base-s-30);
  }
  .ico-plus.-close::before {
    display: inline-flex;
    transform: rotate(45deg);
  }
  .disabled {
    opacity: 0.6;
    pointer-events: none;
  }
}
@layer plugins {
  .mf-accordion-wrapper {
    display: block;
    overflow: hidden;
  }
  .mf-accordion-wrapper.-default {
    width: 100%;
    background: #fff;
    border-radius: 0.4rem;
    overflow: hidden;
    margin-bottom: 2rem;
    border: 0.1rem solid var(--color-gray);
  }
  .mf-accordion-wrapper.-default .single {
    background-color: #FFF2DB;
    border-radius: 0.8rem;
    margin-bottom: 1rem;
  }
  .mf-accordion-wrapper.-default .single:last-child {
    border-bottom: none;
  }
  .mf-accordion-wrapper.-default .mf-accordion {
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    color: var(--color-base);
    font-family: var(--font-family-second);
    font-size: 2rem;
    line-height: 1;
    position: relative;
    min-height: 7.4rem;
    padding: 1.8rem 6.4rem 1.6rem 2.4rem;
  }
  .mf-accordion-wrapper.-default .mf-accordion.active + .content {
    padding: 0 2.4rem 3rem 2.4rem;
  }
  .mf-accordion-wrapper.-default .mf-accordion.active [class*=ico-]::before {
    transform: rotate(45deg);
    display: inline-flex;
  }
  .mf-accordion-wrapper.-default .mf-accordion + .content {
    padding: 0 2.4rem;
  }
  .mf-accordion-wrapper.-default .mf-accordion::before, .mf-accordion-wrapper.-default .mf-accordion [class*=ico-] {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    width: 5rem;
    height: 5rem;
  }
  .mf-accordion-wrapper.-default .mf-accordion::before {
    content: "";
    background-color: #fff;
    border-radius: 99px;
  }
  .mf-accordion-wrapper.-default .mf-accordion [class*=ico-] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-base);
  }
  .mf-accordion-wrapper.-default .mf-accordion [class*=ico-]::before {
    transition: var(--transition-ease);
  }
  .mf-accordion {
    display: flex;
    cursor: pointer;
    user-select: none;
    position: relative;
    width: 100%;
    margin-bottom: 0;
  }
  .mf-accordion:not(.active) + * {
    height: 0;
    overflow: hidden;
    margin: 0;
  }
  .mf-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-ease);
    z-index: 100;
  }
  .mf-overlay.active {
    opacity: 0.6;
    pointer-events: all;
  }
}
@layer theme {
  .site-header {
    position: relative;
    z-index: 10;
  }
  .site-header .top {
    display: flex;
    height: 5rem;
    align-items: center;
    color: #fff;
    justify-content: space-between;
    width: 100%;
  }
  .site-header .top .second-menu {
    display: none;
  }
  .site-header .top .user-settings {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: flex-end;
    width: 100%;
    line-height: 1;
    white-space: nowrap;
    padding-top: 0.2rem;
  }
  .site-header .top .user-settings > * {
    cursor: pointer;
    color: inherit;
  }
  .site-header .top .user-settings .select-city__dropdown-wrap {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .site-header .top .user-settings #regions_choose_component {
    font-size: 0.875em;
  }
  .site-header .top .user-settings #regions_choose_component > * {
    display: flex;
    align-items: center;
  }
  .site-header .top .user-settings #regions_choose_component [class*=ico-]:before {
    margin-right: 0.4rem;
    display: inline-flex;
    font-size: 1.125em;
  }
  .site-header .top .city, .site-header .top .cart, .site-header .top .account {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    position: relative;
  }
  .site-header .top .city .name, .site-header .top .cart .name, .site-header .top .account .name {
    font-size: 0.875em;
  }
  @media (max-width: 767px) {
    .site-header .top .city .name, .site-header .top .cart .name, .site-header .top .account .name {
      display: none;
    }
  }
  .site-header .top .city {
    margin-right: auto;
    margin-left: 1.6rem;
  }
  .site-header .top .cart .ico-cart {
    font-size: 1.125em;
  }
  .site-header .top .cart .counter:not(:empty) {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border-radius: 99px;
    align-items: center;
    justify-content: center;
    color: var(--color-base);
    font-size: 0.875em;
  }
  @media (max-width: 767px) {
    .site-header .top .cart .counter:not(:empty) {
      transform: scale(0.6);
      position: absolute;
      right: -1rem;
      bottom: -0.6rem;
    }
  }
  .site-header .top .account .ico-lk {
    font-size: 1.125em;
  }
  .site-header .main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 0 1rem;
  }
  .site-header .main .logo {
    width: 18rem;
  }
  .site-header .main .mobile-phones {
    display: flex;
    align-items: center;
    background: var(--color-base);
    color: #fff;
    border-radius: 99px;
    width: 6.5rem;
    height: 3.5rem;
    text-align: left;
    padding: 0 1.2rem;
    font-size: 2.4rem;
  }
  .site-header .bottom .offer-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
  }
  .site-header .bottom .offer-menu a {
    border-bottom: none;
  }
  .site-header .bottom .offer-menu [class*=ico-]::before {
    background-color: #a71d1b;
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    font-size: 1.4rem;
    margin-right: 0.4rem;
    color: #fff;
  }
  @media (max-width: 1023px) {
    .site-header .contacts, .site-header .user-products {
      display: none;
    }
    .site-header .top-wrapper {
      position: fixed;
      width: 100%;
      top: 0;
      transition: var(--transition);
    }
    .site-header .top-wrapper .container {
      background-color: var(--color-base);
    }
    .site-header .top-wrapper .account .name {
      display: none;
    }
    .site-header .main-wrapper {
      margin-top: var(--top-header-height, 50px);
    }
    .site-header .bottom-wrapper {
      position: fixed;
      top: 5rem;
      left: 0;
      width: 100%;
      height: calc(100dvh - 5rem);
      overflow-y: auto;
      background-color: #fff;
      transform: translateX(-120%);
      transition: var(--transition);
      padding: 2rem 0;
      margin-top: var(--top-hedaer-height, 50px);
    }
    .site-header .bottom-wrapper a {
      font-weight: 600;
      font-size: 1.8rem;
      display: block;
      padding: 0.8rem 0;
      border-bottom: solid 1px var(--color-border);
    }
    .site-header .bottom-wrapper .mobile-menu-icon {
      display: none;
    }
    .site-header .bottom-wrapper ul ul {
      margin-left: 1rem;
    }
    .site-header .bottom-wrapper .has-submenu > a {
      position: relative;
    }
    .site-header .bottom-wrapper .has-submenu > a::after, .site-header .bottom-wrapper .has-submenu > a::before {
      content: "";
      display: inline-flex;
      position: absolute;
      width: 1rem;
      height: 0.2rem;
      background-color: var(--color-base);
      right: 1.8rem;
      top: 0;
      bottom: 0;
      margin: auto;
      transition: var(--transition-ease);
    }
    .site-header .bottom-wrapper .has-submenu > a::before {
      transform: rotate(45deg);
    }
    .site-header .bottom-wrapper .has-submenu > a::after {
      transform: rotate(-45deg) translate(0.4rem, 0.4rem);
    }
    .site-header .bottom-wrapper .has-submenu > a.active::before {
      transform: rotate(-45deg);
    }
    .site-header .bottom-wrapper .has-submenu > a.active::after {
      transform: rotate(45deg) translate(0.4rem, -0.4rem);
    }
    .site-header .bottom-wrapper .has-submenu > ul {
      display: none;
    }
  }
  @media (min-width: 1024px) {
    .site-header .top-wrapper .container {
      border-bottom: solid 1px #ddd;
    }
    .site-header .top {
      color: #222;
      height: auto;
      padding: 0.8rem 0;
    }
    .site-header .top .mobile-menu-icon {
      display: none;
    }
    .site-header .top .second-menu {
      display: flex;
      white-space: nowrap;
      gap: 2rem;
    }
    .site-header .top .second-menu a {
      font-weight: 700;
      font-size: 0.9em;
    }
    .site-header .top .second-menu a:not(:hover) {
      color: #50545c;
    }
    .site-header .top .user-settings {
      color: var(--color-base);
      gap: 2.4rem;
    }
    .site-header .top .city {
      margin-right: 0;
    }
    .site-header .top .cart {
      display: none;
    }
    .site-header .main {
      padding: 1.6rem 0;
    }
    .site-header .main .logo {
      width: 25rem;
    }
    .site-header .main .contacts {
      display: flex;
      align-items: flex-start;
      gap: 3.5rem;
      margin-left: auto;
      margin-right: 3rem;
    }
    .site-header .main .contacts .subtitle {
      margin-bottom: 1rem;
      font-size: 0.75em;
    }
    .site-header .main .contacts .phone {
      font-weight: 700;
      font-size: 1.125em;
      color: #222;
      display: block;
    }
    .site-header .main .contacts button {
      color: #fff;
      background-color: var(--color-base);
      text-align: center;
      border-radius: 30px;
      padding: 0.1rem 0 0.2rem;
      width: 100%;
      font-weight: 600;
      font-size: 0.875em;
      cursor: pointer;
    }
    .site-header .main .user-products {
      display: flex;
      align-items: center;
      gap: 2rem;
    }
    .site-header .main .user-products > * {
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .site-header .main .user-products .favorite {
      font-size: 1.8rem;
      font-weight: 600;
    }
    .site-header .main .user-products .favorite [class*=ico-] {
      font-size: 2.4rem;
    }
    .site-header .main .user-products .cart [class*=ico-] {
      font-size: 4rem;
      position: relative;
    }
    .site-header .main .user-products .cart .counter-wrapper {
      position: absolute;
      top: 0;
      left: 10%;
      right: 0;
      margin: 0;
      font-size: 1.2rem;
      color: #fff;
      line-height: 1;
      text-align: center;
    }
    .site-header .main .user-products .cart .counter-wrapper .counter {
      background-color: var(--color-base);
      border-radius: 99px;
      border: solid 2px #fff;
      padding: 0.3rem;
      min-width: 2.2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .site-header .main .user-products .cart .name {
      font-weight: 700;
      font-size: 2rem;
      color: #000;
    }
    .site-header .main .mobile-phones {
      display: none;
    }
    .site-header .bottom-wrapper .container {
      background-color: var(--color-base);
    }
    .site-header .bottom {
      display: flex;
      justify-content: space-between;
      padding: 0.2rem 0;
    }
    .site-header .bottom .has-submenu {
      position: relative;
    }
    .site-header .bottom .has-submenu:hover > ul {
      display: block;
      position: absolute;
      top: 100%;
      left: -1.6rem;
      background-color: #fff;
      width: fit-content;
      max-width: fit-content;
      padding: 1rem 0;
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.03), 0 12px 29px rgba(0, 0, 0, 0.04), 0 33px 80px rgba(0, 0, 0, 0.07);
      border-radius: 0.4rem;
    }
    .site-header .bottom .has-submenu:hover > ul a {
      display: block;
      padding: 0.7rem 1.8rem;
      color: #222;
      font-weight: 600;
      white-space: nowrap;
    }
    .site-header .bottom .has-submenu:hover > ul a:hover {
      color: var(--color-base);
    }
    .site-header .bottom .has-submenu li {
      width: 100%;
    }
    .site-header .bottom .has-submenu .has-submenu > ul {
      top: -1rem;
      left: 100%;
    }
    .site-header .bottom .has-submenu .has-submenu > a::before {
      transform: rotate(45deg);
      top: -0.4rem;
    }
    .site-header .bottom .has-submenu .has-submenu > a::after {
      transform: rotate(-45deg);
      bottom: -0.4rem;
    }
    .site-header .bottom .has-submenu > a {
      position: relative;
    }
    .site-header .bottom .has-submenu > a::after, .site-header .bottom .has-submenu > a::before {
      content: "";
      display: inline-flex;
      position: absolute;
      width: 0.6rem;
      height: 0.2rem;
      background-color: var(--color-text);
      right: 1.8rem;
      top: 0;
      bottom: 0;
      margin: auto;
    }
    .site-header .bottom .has-submenu > a::before {
      transform: rotate(45deg);
      top: -0.4rem;
    }
    .site-header .bottom .has-submenu > a::after {
      transform: rotate(-45deg);
      bottom: -0.4rem;
    }
    .site-header .bottom .main-menu > ul {
      display: flex;
      gap: 2rem;
    }
    .site-header .bottom .main-menu > ul > li {
      display: inline-flex;
      align-items: center;
      width: auto;
    }
    .site-header .bottom .main-menu > ul > li > a {
      padding: 1.3rem 0;
    }
    .site-header .bottom .main-menu > ul > li.has-submenu > a {
      padding-right: 1.8rem;
    }
    .site-header .bottom .main-menu > ul > li.has-submenu > a::before, .site-header .bottom .main-menu > ul > li.has-submenu > a::after {
      right: 0;
      background-color: #fff;
    }
    .site-header .bottom .main-menu > ul > li.has-submenu > a::before {
      transform: rotate(45deg) translate(0rem, 0.6rem);
    }
    .site-header .bottom .main-menu > ul > li.has-submenu > a::after {
      transform: rotate(135deg);
    }
    .site-header .bottom .main-menu > ul > .catalog > ul {
      left: 0;
    }
    .site-header .bottom .main-menu > ul > .catalog > a {
      background-color: #fff;
      color: var(--color-base);
      padding: 0.8rem 1.6rem;
      border-radius: 0.4rem;
      margin: -0.8rem 0;
      display: flex;
      align-items: center;
      font-weight: 600;
    }
    .site-header .bottom .main-menu > ul > .catalog > a::before, .site-header .bottom .main-menu > ul > .catalog > a::after {
      display: none;
    }
    .site-header .bottom .main-menu > ul > .catalog > a .mobile-menu-icon {
      margin: -0.2rem 0.6rem -0.2rem 0;
    }
    .site-header .bottom .main-menu > ul > .catalog > a .mobile-menu-icon::after, .site-header .bottom .main-menu > ul > .catalog > a .mobile-menu-icon::before, .site-header .bottom .main-menu > ul > .catalog > a .mobile-menu-icon span {
      background-color: var(--color-base);
    }
    .site-header .bottom .main-menu > ul ul {
      display: none;
    }
    .site-header .bottom a {
      color: #fff;
    }
    .site-header .bottom .offer-menu {
      gap: 1.6rem;
      margin-right: -2rem;
    }
    .site-header .bottom .offer-menu [class*=ico-]::before {
      background-color: #a71d1b;
      border-radius: 99px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.5rem;
      font-size: 1.4rem;
      margin-right: 0.4rem;
    }
  }
  @media (min-width: 1200px) {
    .site-header .main .contacts {
      margin-right: 12rem;
      gap: 5rem;
    }
    .site-header .main .user-products {
      gap: 4rem;
    }
    .site-header .bottom .main-menu > ul {
      gap: 3rem;
    }
    .site-header .bottom .offer-menu {
      margin-right: 0;
    }
  }
  @media (min-width: 1600px) {
    .site-header .bottom .main-menu > ul {
      gap: 4rem;
    }
  }
  .menu_active .bottom-wrapper {
    transform: translateX(0%);
  }
  #regon_choose_select-city__modal {
    color: var(--color-text);
  }
  .cart .counter:empty {
    display: none !important;
  }
  @media (max-width: 1023px) {
    .mf_scroll_active.mf_scroll_top .site-header .top-wrapper {
      transform: translateY(-10rem);
    }
  }
}
@layer theme {
  .site-footer .footer-wrapper {
    padding-top: 3rem;
    padding-bottom: 18rem;
    color: #fff;
    position: relative;
    background: linear-gradient(to bottom, #660d08, #c72322 95%);
    overflow: hidden;
  }
  .site-footer .footer-wrapper a {
    color: #fff;
    text-shadow: 1px 1px 0px color(srgb 0 0 0 / 0.73);
  }
  .site-footer .footer-wrapper a:hover {
    text-shadow: 1px 3px 4px color(srgb 0 0 0 / 0.73), 1px 1px 0px color(srgb 0 0 0 / 0.73);
  }
  .site-footer .footer-wrapper .top {
    margin-bottom: 3rem;
  }
  .site-footer .footer-wrapper .menu-info {
    column-count: 2;
    font-weight: 700;
    font-size: 1.8rem;
    gap: 2rem;
  }
  .site-footer .footer-wrapper .menu-info li {
    margin-bottom: 1.2rem;
  }
  .site-footer .footer-wrapper .middle {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
  .site-footer .footer-wrapper .middle a {
    font-size: 1.7rem;
    font-weight: bold;
  }
  .site-footer .footer-wrapper .middle .button {
    border: 0.2rem solid #ffffff;
    border-radius: 99px;
    color: #fff;
    padding: 1rem 2rem 1.2rem;
    font-weight: 700;
    text-shadow: 1px 1px 0 color(srgb 0 0 0 / 0.73);
    box-shadow: 1px 1px 0 color(srgb 0 0 0 / 0.73);
  }
  .site-footer .footer-wrapper .middle .button:hover {
    text-shadow: 1px 3px 4px color(srgb 0 0 0 / 0.3), 1px 1px 0 color(srgb 0 0 0 / 0.4);
    box-shadow: 1px 3px 4px color(srgb 0 0 0 / 0.3), 1px 1px 0 color(srgb 0 0 0 / 0.4);
  }
  .site-footer .footer-wrapper .bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .site-footer .footer-wrapper .bottom > * {
    width: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);
  }
  .site-footer .footer-wrapper .bottom .title {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 0px color(srgb 0 0 0 / 0.73);
  }
  .site-footer .footer-wrapper .bottom li {
    margin-bottom: 0.4rem;
  }
  .site-footer .footer-wrapper .bottom .block-5 {
    margin-top: 3.3rem;
    width: 100%;
    flex-basis: 100%;
  }
  @media (min-width: 768px) {
    .site-footer .footer-wrapper {
      background: linear-gradient(to bottom, #660d08, #df3231 95%);
    }
    .site-footer .footer-wrapper .menu-info {
      display: flex;
      font-size: 1.7rem;
    }
    .site-footer .footer-wrapper .bottom > * {
      width: calc(25% - 2rem);
      flex-basis: calc(25% - 2rem);
    }
    .site-footer .footer-wrapper .bottom .block-5 ul {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 2rem;
    }
  }
  @media (min-width: 1024px) {
    .site-footer .footer-wrapper {
      /*background: linear-gradient(to bottom, var(--color-base), #df3231 95%);*/
    }
    .site-footer .footer-wrapper .bottom {
      flex-wrap: nowrap;
      gap: 6rem;
    }
    .site-footer .footer-wrapper .bottom > * {
      width: max-content;
      flex-basis: max-content;
    }
    .site-footer .footer-wrapper .bottom > .block-5 {
      width: max-content;
      flex-basis: max-content;
    }
    .site-footer .footer-wrapper .bottom > .block-5 ul {
      display: block;
      column-count: 2;
      white-space: nowrap;
    }
  }
  @media (min-width: 1200px) {
    .site-footer .footer-wrapper .container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
    .site-footer .footer-wrapper .middle {
      padding: 0;
      border: none;
      margin-bottom: 4.3rem;
      gap: 3rem;
    }
    .site-footer .footer-wrapper .bottom {
      gap: 8rem;
    }
    .site-footer .footer-wrapper .bottom > .block-5 ul {
      gap: 8rem;
    }
  }
  .site-footer .bg-image {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    mix-blend-mode: luminosity;
    pointer-events: none;
  }
  @media (min-width: 1024px) {
    .site-footer .bg-image {
      /*mix-blend-mode: lighten;*/
    }
  }
  @media (min-width: 1200px) {
    .site-footer .bg-image {
      /*mix-blend-mode: lighten;*/
      object-position: 0 25rem;
    }
  }
  .site-footer .container {
    position: relative;
    z-index: 2;
  }
  .second-footer {
    padding: 3rem 0;
    color: #222;
  }
  .second-footer .container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .second-footer .contacts .social-links {
    margin-bottom: 1.6rem;
  }
  .second-footer .contacts .phone {
    font-weight: 700;
  }
  .second-footer .links {
    margin-top: 1.6rem;
  }
  .second-footer .links a {
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 0.5rem;
  }
  .second-footer .developer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.5rem 2rem;
    white-space: nowrap;
  }
  @media (min-width: 768px) {
    .second-footer .container {
      flex-direction: row;
      align-items: flex-end;
      width: 100%;
      justify-content: space-between;
    }
    .second-footer .info {
      margin-bottom: -0.4rem;
    }
    .second-footer .contacts {
      text-align: center;
    }
    .second-footer .contacts .social-links {
      justify-content: center;
    }
    .second-footer .developer {
      flex-direction: column;
    }
  }
  @media (min-width: 1024px) {
    .second-footer {
      padding: 4rem 0 7rem;
    }
  }
}
@layer plugins {
  input[type=submit]:not(.mf-button),
  input[type=reset]:not(.mf-button),
  input[type=submit]:not(.mf-button):focus,
  input[type=reset]:not(.mf-button):focus {
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .mf-input-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.6rem;
    color: var(--color-text);
  }
  .mf-input-wrap > *, .mf-input-wrap > input {
    width: 100%;
    margin-bottom: 0;
  }
  .mf-input-wrap label {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 1.5rem;
    pointer-events: none;
    transition: var(--transition-ease);
  }
  .mf-input-wrap.focus label,
  .mf-input-wrap input:placeholder-shown + label {
    font-size: 1rem;
    top: 0.5rem;
    height: 1rem;
    opacity: 0.7;
  }
  .mf-input-wrap input[type=date],
  .mf-input-wrap input[type=datetime-local],
  .mf-input-wrap input[type=email],
  .mf-input-wrap input[type=hidden],
  .mf-input-wrap input[type=month],
  .mf-input-wrap input[type=number],
  .mf-input-wrap input[type=password],
  .mf-input-wrap input[type=search],
  .mf-input-wrap input[type=tel],
  .mf-input-wrap input[type=text],
  .mf-input-wrap input[type=time],
  .mf-input-wrap input[type=url],
  .mf-input-wrap input[type=week],
  .mf-input-wrap select,
  .mf-input-wrap textarea,
  .mf-input-wrap optgroup {
    display: block;
    width: 100%;
    padding: 1.6rem;
    background: #fff;
    border: 0.1rem solid var(--color-border);
    border-radius: 0.4rem;
    letter-spacing: 0.05em;
    font-feature-settings: "pnum" on, "lnum" on, "salt" on, "liga" off;
    color: var(--color-text);
    font-size: 1.4rem;
    transition: var(--transition-ease);
    height: 4.8rem;
  }
  .mf-input-wrap textarea {
    height: auto;
  }
  .mf-input-wrap textarea + label {
    height: 4.8rem;
  }
  .mf-input-wrap input[type=date]:hover,
  .mf-input-wrap input[type=datetime-local]:hover,
  .mf-input-wrap input[type=email]:hover,
  .mf-input-wrap input[type=hidden]:hover,
  .mf-input-wrap input[type=month]:hover,
  .mf-input-wrap input[type=number]:hover,
  .mf-input-wrap input[type=password]:hover,
  .mf-input-wrap input[type=search]:hover,
  .mf-input-wrap input[type=tel]:hover,
  .mf-input-wrap input[type=text]:hover,
  .mf-input-wrap input[type=time]:hover,
  .mf-input-wrap input[type=url]:hover,
  .mf-input-wrap input[type=week]:hover,
  .mf-input-wrap select:hover,
  .mf-input-wrap textarea:hover {
    border-color: var(--color-gray-s-20);
  }
  .mf-input-wrap input.val-right, .mf-input-wrap textarea.val-right {
    border-color: var(--color-approve) !important;
  }
  .mf-input-wrap input.val-wrong, .mf-input-wrap textarea.val-wrong {
    border-color: var(--color-decline) !important;
  }
  .mf-input-wrap.-shield-field {
    display: none;
  }
  .mf-input-wrap.-pt-field {
    display: none;
  }
  /****/
  /****/
  /** checkbox **/
  /****/
  /****/
  .mf-checkbox {
    position: relative;
    display: inline-flex;
    padding-right: 1.6rem;
    margin-bottom: 0.8rem;
    cursor: pointer;
  }
  .mf-checkbox [type=checkbox] {
    display: none;
  }
  .mf-checkbox [type=checkbox] + * {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-left: 2.6rem;
    font-size: 1.5rem;
    color: inherit;
    user-select: none;
  }
  .mf-checkbox [type=checkbox] + *:before, .mf-checkbox [type=checkbox] + *:after {
    content: "";
    position: absolute;
    display: inline-block;
    transition: all 0.1s ease-in-out;
  }
  .mf-checkbox [type=checkbox] + *:before {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--color-border);
    top: 0.1rem;
    left: 0;
    background-color: #fff;
  }
  .mf-checkbox [type=checkbox] + *:after {
    top: 0.6rem;
    right: auto;
    left: 0.4rem;
    width: 1rem;
    height: 0.6rem;
    line-height: 1;
    border-bottom: solid 0.2rem #fff;
    border-left: solid 0.2rem #fff;
    transform: scale(0.5) rotate(-45deg);
    transition-delay: 0.1s;
    transition-duration: 0.125s;
    opacity: 0;
  }
  .mf-checkbox [type=checkbox]:checked + *:after {
    transform: scale(1) rotate(-45deg);
    opacity: 1;
  }
  .mf-checkbox [type=checkbox]:checked + *:before {
    border-color: var(--color-base);
    background-color: var(--color-base);
    border-width: 0.9rem;
  }
  .mf-checkbox [type=checkbox]:hover + *:before {
    border-color: var(--color-base);
  }
  .mf-checkbox [type=checkbox]:hover:checked + *:before {
    border-color: var(--color-base-s-20);
  }
  .mf-checkbox-group {
    margin-bottom: 0.4rem;
  }
  .mf-checkbox-group.mf-checkbox-group-full-width .mf-checkbox {
    width: 100%;
  }
  /****/
  /****/
  /** radio **/
  /****/
  /****/
  .mf-radio {
    position: relative;
    display: inline-block;
    padding-right: 0.8rem;
    margin-bottom: 1rem;
    cursor: pointer;
  }
  .mf-radio [type=radio] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  .mf-radio [type=radio] + * {
    display: inline-flex;
    align-items: center;
    padding-left: 2.6rem;
    height: 100%;
    font-size: 1.4rem;
    color: inherit;
    user-select: none;
  }
  .mf-radio [type=radio] + *:before, .mf-radio [type=radio] + *:after {
    content: "";
    display: inline-block;
    position: absolute;
    transition: all 0.125s ease-in-out;
    width: 1.8rem;
    height: 1.8rem;
    top: 0.1rem;
    left: 0;
    border-radius: 99px;
  }
  .mf-radio [type=radio] + *:before {
    border: 0.1rem solid var(--color-border);
  }
  .mf-radio [type=radio] + *:after {
    border: 0.3rem solid #fff;
    transform: scale(0);
    opacity: 0;
    transition-delay: 0.1s;
  }
  .mf-radio [type=radio]:checked + *:before {
    border-color: var(--color-base);
    background-color: var(--color-base);
    border-width: 0.9rem;
  }
  .mf-radio [type=radio]:checked + *:after {
    transform: scale(0.7);
    opacity: 1;
  }
  .mf-radio [type=radio]:hover:not(:checked) + *:before {
    border-color: var(--color-base);
    transition-duration: 0.125s;
  }
  .mf-radio-group {
    margin-bottom: 0.4rem;
  }
  .mf-radio-group.mf-radio-group-full-width .mf-radio {
    width: 100%;
  }
  /****/
  /****/
  /** file **/
  /****/
  /****/
  .mf-input-file {
    position: relative;
    color: var(--color-text);
    margin-bottom: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .mf-input-file > * {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }
  .mf-input-file [class*=mf-input-file-] {
    display: block;
  }
  .mf-input-file input[type=file] {
    display: none;
  }
  .mf-input-file .mf-input-file-button, .mf-input-file .mf-input-file-result {
    display: block;
    padding: 0.8rem 0;
    cursor: pointer;
    transition: var(--transition-ease);
  }
  .mf-input-file .mf-input-file-button:hover, .mf-input-file .mf-input-file-result:hover {
    color: var(--color-base);
  }
  .mf-input-file .mf-input-file-button [class*=ico-], .mf-input-file .mf-input-file-result [class*=ico-] {
    margin-right: 0.8rem;
  }
  .mf-input-file .mf-input-file-result span {
    display: block;
  }
  .mf-input-file.active .mf-input-file-button {
    display: none;
  }
  .mf-input-file .mf-size-limit-alert {
    color: var(--color-decline);
  }
  /****/
  /****/
  /** interactive-tag **/
  /****/
  /****/
  .mf-interactive-tag {
    padding-right: 0.4rem;
    display: inline-flex;
    position: relative;
    margin-bottom: 1.2rem;
    cursor: pointer;
  }
  .mf-interactive-tag > [type=radio],
  .mf-interactive-tag > [type=checkbox] {
    display: none;
  }
  .mf-interactive-tag > * {
    background-color: #fff;
    border: solid 0.1rem #ddd;
    padding: 0.6rem 1.2rem;
    line-height: 1;
    display: inline-block;
    border-radius: var(--br);
  }
  .mf-interactive-tag > *:hover {
    border-color: #ddd;
  }
  .mf-interactive-tag[type=radio]:checked + *,
  .mf-interactive-tag [type=checkbox]:checked + * {
    background-color: #ddd;
    border-color: #ddd;
    color: #fff;
  }
}
@layer plugins {
  .mf-modal-window {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 110;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    box-sizing: border-box;
  }
  .mf-modal-window .mf-modal-wrapper {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    transform: translate(50%, 50%) scale(0.05);
    transform-origin: top left;
    padding-left: 2rem;
    padding-right: 2rem;
    transition: all 0.3s ease-in-out;
  }
  .mf-modal-window .mf-modal {
    background-color: #fff;
    width: 90%;
    max-width: 450px;
    max-height: calc(100vh - 19.2rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
  }
  .mf-modal-window .mf-modal > * {
    overflow: auto;
  }
  .mf-modal-window .mf-modal .content-wrapper {
    padding: 0 0 3.2rem;
    margin-top: 7.6rem;
    font-size: 1.4rem;
    height: 100%;
  }
  .mf-modal-window .mf-modal .modal-title {
    border-bottom: solid 1px var(--color-border);
    padding: 2rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin-bottom: 0;
  }
  .mf-modal-window .mf-modal .modal-title + .content {
    padding: 2.4rem 2rem;
  }
  .mf-modal-window .mf-modal .modal-title > * {
    margin: 0;
  }
  @media (min-width: 1024px) {
    .mf-modal-window .mf-modal .modal-title {
      padding-left: 3.2rem;
      padding-right: 3.2rem;
    }
    .mf-modal-window .mf-modal .modal-title + .content {
      padding-left: 3.2rem;
      padding-right: 3.2rem;
    }
  }
  .mf-modal-window .mf-modal .mf-modal-close {
    color: var(--color-text);
    font-size: 2.5rem;
    position: absolute;
    top: 0.8rem;
    right: 1rem;
  }
  .mf-modal-window .mf-modal .mf-modal-close:hover {
    transform: rotate(90deg);
    color: var(--color-base);
  }
  .mf-modal-window.fullscreen .mf-modal {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 3.2rem);
    padding: 0;
  }
  .mf-modal-window.fullscreen .mf-modal-close-button {
    top: 1.6rem;
    color: var(--color-text);
    right: 1.6rem;
    overflow: hidden;
  }
  .mf-modal-window.fullscreen .mf-modal-close-button:hover {
    background: transparent;
    border-radius: 0;
  }
  .mf-modal-window.wide .mf-modal {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 3.2rem);
    padding: 0;
  }
  @media (min-width: 768px) {
    .mf-modal-window.wide .mf-modal {
      width: 80rem;
      height: 60dvh;
      max-height: 64rem;
      overflow: hidden;
    }
  }
  @media (max-width: 767px) {
    .mf-modal-window.mobile-bottom-sheet .mf-modal-wrapper {
      padding-left: 0;
      padding-right: 0;
      transform: translate(0, 120%);
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal {
      margin-top: auto;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      max-height: 80dvh !important;
      transition: var(--transition-ease);
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal .content-wrapper {
      touch-action: none;
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal .modal-title + .content {
      overflow: auto;
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal,
    .mf-modal-window.mobile-bottom-sheet .modal-title {
      border-top-left-radius: var(--br-4);
      border-top-right-radius: var(--br-4);
    }
    .mf-modal-window.mobile-bottom-sheet .bottom-sheet-indicator {
      position: absolute;
      top: -2rem;
      left: 0;
      width: 100%;
      height: 2rem;
    }
    .mf-modal-window.mobile-bottom-sheet .bottom-sheet-indicator::after {
      content: "";
      position: absolute;
      top: 0.8rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 6.4rem;
      height: 0.5rem;
      background-color: var(--color-gray-s-20);
      border-radius: 16rem;
    }
  }
  @media (min-width: 768px) {
    .mf-modal-window .bottom-sheet-indicator {
      display: none;
    }
  }
  .mf-modal-window.active {
    pointer-events: all;
    opacity: 1;
  }
  .mf-modal-window.active .mf-modal-wrapper {
    transform: scale(1);
  }
}
@layer mf-lib {
  .mf-button {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    padding: 0 2rem;
    transition: var(--transition-ease);
    height: 4rem;
    cursor: pointer;
    background-color: var(--color-base);
    color: #fff;
    border-radius: 0.8rem;
    border-width: 0.2rem;
    border-style: solid;
    border-color: var(--color-base);
    font-family: var(--font-family-main);
  }
  .mf-button:hover {
    background-color: var(--color-base-s-40);
    border-color: var(--color-base-s-40);
  }
  .mf-button[class*=-size-] {
    padding: 0 0.7em;
  }
  .mf-button.-size-s {
    height: 3.2rem;
  }
  .mf-button.-size-sm {
    height: 3.8rem;
  }
  .mf-button.-size-m {
    height: 4.4rem;
  }
  .mf-button.-size-l {
    height: 5rem;
  }
  .mf-button.-size-xl {
    height: 5.6rem;
  }
  .mf-button.-bg-base {
    border-color: var(--color-base);
    background-color: var(--color-base);
  }
  .mf-button.-bg-accent {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
  }
  .mf-button.-bg-green {
    border-color: var(--color-approve);
    background-color: var(--color-approve);
  }
  .mf-button.-bg-red {
    border-color: var(--color-decline);
    background-color: var(--color-decline);
  }
  .mf-button.-bg-gray {
    border-color: var(--color-gray);
    background-color: var(--color-gray);
  }
  .mf-button.-bg-text-color {
    border-color: var(--color-text);
    background-color: var(--color-text);
  }
  .mf-button.-bg-white {
    border-color: #fff;
    background-color: #fff;
    color: var(--color-text) !important;
  }
  .mf-button.-bg-base:hover {
    background-color: var(--color-base-s-20);
    border-color: var(--color-base-s-20);
  }
  .mf-button.-bg-accent:hover {
    background-color: var(--color-accent-s-20);
    border-color: var(--color-accent-s-20);
  }
  .mf-button.-bg-green:hover {
    background-color: var(--color-approve-s-20);
    border-color: var(--color-approve-s-20);
  }
  .mf-button.-bg-red:hover {
    background-color: var(--color-decline-s-20);
    border-color: var(--color-decline-s-20);
  }
  .mf-button.-bg-gray:hover {
    background-color: var(--color-gray-s-20);
    border-color: var(--color-gray-s-20);
  }
  .mf-button.-bg-text-color:hover {
    background-color: var(--color-gray-s-70);
    border-color: var(--color-gray-s-70);
  }
  .mf-button.-bg-white:hover {
    background-color: var(--color-gray);
    border-color: var(--color-gray);
  }
  .mf-button.-color-base:hover {
    color: var(--color-base-s-40);
  }
  .mf-button.-color-accent:hover {
    color: var(--color-accent-s-40);
  }
  .mf-button.-color-green:hover {
    color: var(--color-approve-s-40);
  }
  .mf-button.-color-red:hover {
    color: var(--color-decline-s-40);
  }
  .mf-button.-color-gray:hover {
    color: var(--color-gray-s-40);
  }
  .mf-button.-color-text:hover {
    color: var(--color-text-s-40);
  }
  .mf-button.-simple, .mf-button.-outline, .mf-button.-underline, .mf-button.-simple:is(a):not([class*=-color-]), .mf-button.-outline:is(a):not([class*=-color-]), .mf-button.-underline:is(a):not([class*=-color-]) {
    background-color: transparent;
  }
  .mf-button.-simple, .mf-button.-outline:not([class*=-color-]), .mf-button.-underline, .mf-button.-simple:is(a):not([class*=-color-]), .mf-button.-outline:is(a):not([class*=-color-]), .mf-button.-underline:is(a):not([class*=-color-]) {
    color: var(--color-base);
  }
  .mf-button.-simple, .mf-button.-underline, .mf-button.-simple:is(a):not([class*=-color-]), .mf-button.-underline:is(a):not([class*=-color-]) {
    border-color: transparent !important;
  }
  .mf-button.-simple:hover, .mf-button.-underline:hover, .mf-button.-simple:is(a):not([class*=-color-]):hover, .mf-button.-underline:is(a):not([class*=-color-]):hover {
    background-color: transparent;
  }
  .mf-button.-outline {
    border-style: solid;
    border-width: 0.2rem;
    border-color: initial;
  }
  .mf-button.-outline.-thin {
    border-width: 0.1rem;
  }
  .mf-button.-outline.-color-base:hover {
    border-color: var(--color-base);
    background-color: var(--color-base);
    color: #fff;
  }
  .mf-button.-outline.-color-accent:hover {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
    color: #fff;
  }
  .mf-button.-outline.-color-green:hover {
    border-color: var(--color-approve);
    background-color: var(--color-approve);
    color: #fff;
  }
  .mf-button.-outline.-color-red:hover {
    border-color: var(--color-decline);
    background-color: var(--color-decline);
    color: #fff;
  }
  .mf-button.-outline.-color-gray:hover {
    border-color: var(--color-gray-s-40);
    background-color: var(--color-gray-s-40);
    color: #fff;
  }
  .mf-button.-outline.-color-gray.-on-hover-shadow:hover {
    border-color: var(--color-gray);
    background-color: transparent;
  }
  .mf-button.-outline.-color-text:hover {
    border-color: var(--color-text);
    background-color: var(--color-text);
    color: #fff;
  }
  .mf-button.-outline:hover, .mf-button.-outline:is(a):not([class*=-color-]):hover {
    border-color: var(--color-base);
    background-color: var(--color-base);
    color: #fff;
  }
  .mf-button.-underline {
    position: relative;
  }
  .mf-button.-underline::after {
    content: "";
    position: absolute;
    top: 96%;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 0.2rem;
    display: block;
    border-top: solid 2px;
    transition: var(--transition-ease);
  }
  .mf-button.-underline:hover {
    border-color: transparent;
  }
  .mf-button.-underline:hover::after {
    border-color: var(--color-base-t-40);
    width: 70%;
  }
  .mf-button.-with-margin {
    margin-bottom: 1.6rem;
    margin-right: 1.6rem;
  }
  .mf-button.-icon [class*=ico-]::before {
    font-size: 1.25em;
    line-height: 2px;
    display: inline-flex;
    transform: translateY(0.125em);
    margin-right: 0.125em;
    margin-left: -0.125em;
  }
  .mf-button.-icon.-icon-right [class*=ico-]::before {
    margin-left: 0.125em;
    margin-right: -0.125em;
  }
  .mf-button.-icon.-icon-on-hover [class*=ico-]::before {
    transition: var(--transition-ease);
  }
  .mf-button.-icon.-icon-on-hover span:not([class*=ico-]) {
    transition: var(--transition-ease);
    transform: translateX(-1rem);
  }
  .mf-button.-icon.-icon-on-hover.-icon-right span:not([class*=ico-]) {
    transform: translateX(1rem);
  }
  .mf-button.-icon.-icon-on-hover [class*=ico-]::before {
    opacity: 0;
  }
  .mf-button.-icon.-icon-on-hover:hover [class*=ico-]::before {
    opacity: 1;
  }
  .mf-button.-icon.-icon-on-hover:hover span:not([class*=ico-]) {
    transform: translateX(0);
  }
  .mf-button.-icon-only [class*=ico-]::before {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mf-button.-icon-only.-square {
    height: 4rem;
    width: 4rem;
    padding: 0;
  }
  .mf-button.-icon-only.-square.-size-s {
    height: 3.2rem;
    width: 3.2rem;
  }
  .mf-button.-icon-only.-square.-size-sm {
    height: 3.8rem;
    width: 3.8rem;
  }
  .mf-button.-icon-only.-square.-size-m {
    height: 4.4rem;
    width: 4.4rem;
  }
  .mf-button.-icon-only.-square.-size-l {
    height: 5rem;
    width: 5rem;
  }
  .mf-button.-icon-only.-square.-size-xl {
    height: 5.6rem;
    width: 5.6rem;
  }
  a.mf-button:not([class*=-color-]),
  [data-href].mf-button:not([class*=-color-]) {
    color: #fff;
  }
}
@layer theme {
  body {
    scroll-margin-top: 6rem;
  }
  div + .is-page-h1 {
    padding-top: 0;
  }
  .product-certificated-wrapper .container {
    padding: 0;
  }
  .product-certificated-wrapper .row {
    margin: 0;
  }
  .product-certificated {
    color: #fff;
    padding: var(--padding-section) 0;
  }
  .product-certificated .info-wrapper {
    align-self: center;
  }
  .product-certificated .title {
    color: #fff;
  }
  .product-certificated .text {
    max-width: 86rem;
    margin-bottom: 2rem;
  }
  .product-certificated img {
    display: flex;
    border-radius: 0.8rem;
    margin: auto;
    object-fit: scale-down;
    box-shadow: 0 2rem 3rem 0.5rem rgba(8, 23, 89, 0.24);
    max-height: 28rem;
  }
  .product-certificated .button {
    font-size: 2.2rem;
  }
  @media (max-width: 767px) {
    .product-certificated {
      margin-bottom: 8rem;
    }
    .product-certificated .img-wrapper, .product-certificated .info-wrapper, .product-certificated .info {
      display: contents;
    }
    .product-certificated .title {
      width: 100%;
      text-align: center;
    }
    .product-certificated img {
      order: 1;
      margin-bottom: -8rem;
    }
    .product-certificated .text {
      display: none;
    }
    .product-certificated .button-wrapper {
      margin-top: 1.6rem;
      width: 100%;
      text-align: center;
      margin-bottom: 3.2rem;
    }
  }
  @media (min-width: 1024px) {
    .product-certificated {
      padding: var(--padding-section-lg) 0;
    }
  }
  .delivery-guaranty-wrapper {
    padding-top: 0;
  }
  .product-certificated-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .faq-button-wrapper {
    text-align: center;
  }
  .faq-button-wrapper .button {
    width: 100%;
    border: solid 0.2rem;
    padding: 1.6rem;
    font-family: var(--font-family-main);
    border-radius: 10rem;
    max-width: 27rem;
    font-weight: 700;
    font-size: 1.8rem;
  }
  .faq-button-wrapper .button:hover {
    background-color: var(--color-base);
    color: #fff;
    border-color: var(--color-base);
  }
  .breadcrumbs {
    display: flex;
    font-size: 1.5rem;
    user-select: none;
    margin-bottom: 1.6rem;
  }
  .breadcrumbs > * {
    color: inherit;
    cursor: default;
  }
  .breadcrumbs > * a:not(:hover) {
    color: inherit;
    cursor: default;
  }
  .breadcrumbs > *:not(:first-child)::before {
    content: var(--breadcrumbs-divider, "/");
    left: 0;
    position: relative;
    display: inline-block;
    margin: 0 0.5rem;
    color: var(--color-text);
    font-weight: 400;
    font-family: var(--font-family-second);
  }
  .breadcrumbs > *:last-child {
    color: var(--color-base);
  }
  .cloud-tags .single {
    color: var(--color-text);
    border: solid 0.1rem #E0E0E0;
    padding: 0.5em 0.8em;
    display: inline-flex;
    gap: 0.5rem;
    border-radius: 0.4rem;
    font-size: 1.5rem;
    text-transform: lowercase;
    align-items: center;
    white-space: nowrap;
    margin-right: 2rem;
    transition: var(--transition-ease);
  }
  .cloud-tags .single .counter {
    border-radius: 99px;
    padding: 0.3rem;
    font-size: 0.8em;
    background-color: #E0E0E0;
    color: #737373;
    min-width: 2rem;
    text-align: center;
    margin: -0.6rem 0;
    transition: var(--transition-ease);
  }
  .cloud-tags .single:hover {
    color: var(--color-base);
    border-color: var(--color-base);
  }
  .cloud-tags .single:hover .counter {
    background-color: var(--color-base);
    color: #fff;
  }
  .cloud-tags.-yellow .single {
    background-color: #FFF2DB;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border: none;
  }
  .cloud-tags.-yellow .single:not(:hover) {
    color: #222;
  }
  .cloud-tags.-simple .single {
    background-color: transparent;
    padding: 0;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border: none;
    gap: 1rem;
  }
  .cloud-tags.-simple .single:not(:last-child)::after {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--color-text);
    border-radius: 99px;
  }
  .article-mini-wrapper {
    margin-bottom: 2rem;
  }
  .article-mini {
    border-radius: 0.8rem;
    overflow: hidden;
    height: 100%;
    position: relative;
  }
  .article-mini .img {
    aspect-ratio: 9/5;
    position: relative;
    display: flex;
  }
  .article-mini .img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
  }
  .article-mini .img:not(.-default-poster)::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    pointer-events: none;
    background-color: color(srgb 1 0.38 0.38 / 0.09);
  }
  .article-mini .img.-default-poster {
    object-fit: cover;
  }
  .article-mini .info {
    padding: 1.5rem 0 2rem;
  }
  .article-mini .date {
    font-size: 1.4rem;
    opacity: 0.7;
    margin-bottom: 0.5rem;
  }
  .article-mini .title {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--color-base);
    font-family: var(--font-family-second);
    line-height: 1;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .article-mini .title + .description {
    margin-top: 1.5rem;
  }
  .article-mini .title:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    aspect-ratio: 9/5;
    top: 0;
    left: 0;
  }
  .article-mini .title:hover {
    color: var(--color-base-s-30);
  }
  .fabric-mini-wrapper {
    margin-bottom: 2rem;
  }
  .fabric-mini {
    text-align: center;
    border-radius: 0.6rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .fabric-mini .img {
    aspect-ratio: 37/10;
    max-height: 15rem;
    padding: 1rem;
  }
  .fabric-mini .img img {
    height: 100%;
    width: 100%;
    object-fit: scale-down;
  }
  .fabric-mini .info {
    padding: 1rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .fabric-mini .title {
    display: block;
    font-family: var(--font-family-second);
    font-weight: 700;
    margin-bottom: 1.5rem;
  }
  .fabric-mini .title:not(:hover) {
    color: var(--color-text);
  }
  .fabric-mini .title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    aspect-ratio: 37/10;
    max-height: 15rem;
  }
  .fabric-mini .description {
    font-size: 1.4rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .fabric-mini .counters {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
  }
  .article-list {
    margin-bottom: 3rem;
    padding-bottom: 1.2rem;
  }
  .article-list .title {
    padding-bottom: 0.6rem;
  }
  .article-list:not(:last-child) {
    border-bottom: solid 0.1rem #dddddd;
  }
  .default-text-mode {
    line-height: 1.6;
  }
  .default-text-mode a {
    text-decoration: underline;
  }
  .default-text-mode ul li {
    list-style-type: circle;
    margin-left: 2rem;
  }
  .default-text-mode ol li {
    list-style-type: auto;
    margin-left: 2rem;
  }
  .default-text-mode ol li::marker {
    font-size: 1.2em;
    font-family: var(--font-family-second);
  }
  .default-text-mode img {
    max-height: 70dvh;
  }
  @media (min-width: 1200px) {
    .is-page-h1 {
      font-size: 5.5rem;
    }
  }
  .ico-arrow-left.-rotate90 {
    transform: rotate(90deg);
    display: inline-flex;
  }
  .ico-arrow-left.-rotate180 {
    transform: rotate(180deg);
    display: inline-flex;
  }
  .ico-arrow-left.-rotate270 {
    transform: rotate(270deg);
    display: inline-flex;
  }
  .center-breadcrumbs .breadcrumbs {
    justify-content: center;
  }
}
@layer theme {
  @keyframes pulse2 {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.35);
      opacity: 0;
    }
  }
  @keyframes pulse {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
  }
  @keyframes loading {
    0% {
      content: ".";
    }
    50% {
      content: "..";
    }
    100% {
      content: "...";
    }
  }
  .-is-loading::after, .is-loading::after {
    animation: loading 1.6s linear infinite;
    content: "";
  }
}
@layer plugins {
  .mf-range-slider {
    padding-top: 1rem;
    display: flex;
    flex-wrap: wrap;
  }
  .mf-range-slider-container {
    background-color: var(--color-border);
    height: 0.3rem;
    position: relative;
    margin-bottom: 2.4rem;
    margin-left: 1.6rem;
    margin-right: 0.8rem;
    width: 100%;
  }
  .mf-range-slider-container:before {
    background-color: var(--color-border);
    content: "";
    height: 0.3rem;
    top: 0;
    left: -1.6rem;
    width: calc(100% + 2.4rem);
    display: block;
    pointer-events: none;
    position: absolute;
    border-radius: 99px;
  }
  .mf-range-slider-container .ui-slider-range {
    background-color: var(--color-base);
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    height: 100%;
    top: 0;
  }
  .mf-range-slider-container .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    touch-action: none;
    top: -1.1rem;
    border-radius: 99px;
    margin-left: -1.6rem;
    background: var(--color-base);
    transition: background 0.15s, transform 0.15s ease-in-out;
    outline: none;
  }
  .mf-range-slider-container .ui-slider-handle:hover, .mf-range-slider-container .ui-slider-handle.ui-state-active {
    background: var(--color-base);
    transform: scale(1.1);
  }
  .mf-range-slider-input {
    width: 50%;
    display: flex;
    align-items: center;
    padding-right: 1rem;
  }
  .mf-range-slider-input span {
    padding-right: 0.8rem;
    font-weight: 500;
    text-transform: lowercase;
  }
  .mf-range-slider-input:nth-child(odd) {
    padding-left: 0.8rem;
    justify-content: flex-end;
    padding-right: 0;
  }
  .mf-range-slider-input input + span {
    padding-left: 1rem;
    padding-right: 0;
  }
  .mf-range-slider-input .mf-input-wrap label {
    left: 0.2rem;
  }
  .bx-ui-slider-track-container {
    display: none;
  }
}
.mf-input-quantity {
  display: flex;
  align-items: center;
  border: solid 1px var(--color-base);
  background-color: var(--color-base);
  border-radius: 0.8rem;
  overflow: hidden;
  height: 3.6rem;
}
.mf-input-quantity .control {
  font-size: 2.4rem;
  background-color: var(--color-base);
  color: #fff;
  height: 100%;
}
.mf-input-quantity input {
  border-left: solid 1px var(--color-border);
  border-right: solid 1px var(--color-border);
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  background-color: #fff;
}
.mf-input-quantity > * {
  width: 33.33333%;
  height: 100%;
}

#cash-panel.-in-work {
  pointer-events: none;
}
#cash-panel.-in-work .main-wrapper, #cash-panel.-in-work .footer-wrapper {
  filter: blur(2px);
}
#cash-panel .cash-products {
  padding: 2rem 0;
}
#cash-panel .cash-products .single-wrapper {
  margin-bottom: 2rem;
}
#cash-panel .cash-products .single-wrapper.js_cart_added .cart {
  display: none;
}
#cash-panel .cash-products .single-wrapper:not(.js_cart_added) .mf-input-quantity {
  display: none;
}
#cash-panel .cash-products .single {
  box-shadow: var(--box-shadow);
  border-radius: 1.8rem;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  height: 100%;
}
#cash-panel .cash-products .single img {
  aspect-ratio: 1/1;
  max-height: 10rem;
}
#cash-panel .cash-products .single .title {
  font-weight: 700;
}
#cash-panel .cash-products .single .price {
  font-weight: 700;
  color: var(--color-base);
  margin-top: auto;
}
#cash-panel .cash-products .single .add-cart-wrapper {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: flex-end;
}
#cash-panel .cash-products .single .add-cart-wrapper .cart {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0.8rem;
  padding: 0.6rem;
  height: 3.6rem;
  width: 100%;
}
#cash-panel .cash-products .single .add-cart-wrapper input {
  pointer-events: none;
}
#cash-panel .cash-products.-list > * {
  max-width: 100%;
  flex: 0 0 100%;
}
#cash-panel .cash-products.-list .single {
  padding: 1.2rem 1.4rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
#cash-panel .cash-products.-list .single img {
  display: none;
}
#cash-panel .cash-products.-list .single .price {
  margin-left: auto;
  margin-right: 0.8rem;
  white-space: nowrap;
  margin-top: 0;
  font-size: 1.9rem;
}
#cash-panel .cash-products.-list .single .add-cart-wrapper .cart, #cash-panel .cash-products.-list .single .add-cart-wrapper .mf-input-quantity {
  width: 11rem;
}
#cash-panel .categories {
  padding: 1.6rem 2rem;
  position: sticky;
  top: 0;
  background-color: #fff;
}
#cash-panel .categories .single {
  border-radius: 99px;
  height: 3.2rem;
  padding: 0.2rem 1.6rem 0.4rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 600;
  border: solid 1px;
}
#cash-panel .categories .single:not(.active) {
  opacity: 0.6;
}
#cash-panel .categories .single.active {
  color: var(--color-base);
}
#cash-panel .categories .single.search:not(.active) input {
  display: none;
}

.card-wrapper {
  margin-bottom: 1rem;
}
.card-wrapper .card {
  box-shadow: var(--box-shadow);
  border-radius: 0.8rem;
  padding: 2.4rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.card-wrapper .card > [class*=ico-] {
  font-size: 11rem;
  color: var(--color-base);
  position: absolute;
  top: 0;
  right: 2.4rem;
  bottom: 0;
  display: flex;
  opacity: 0.07;
  align-items: center;
}
.card-wrapper .card .title {
  font-weight: 700;
  font-size: 2rem;
  color: var(--color-base);
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.card-wrapper .card .title [class*=ico-] {
  font-size: 2.6rem;
  line-height: 0;
  display: inline-block;
  margin-bottom: -0.2rem;
}
.card-wrapper .card .description {
  opacity: 0.6;
}

.mf-float-window {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  height: 100dvh;
  transform: translateX(-120%);
  transition: var(--transition-ease);
}
.mf-float-window.-in-work {
  pointer-events: none;
}
.mf-float-window.-in-work .main-wrapper, .mf-float-window.-in-work .footer-wrapper {
  filter: blur(2px);
}
.mf-float-window.active {
  transform: translateX(0);
}
.mf-float-window .header-wrapper {
  position: sticky;
  top: 0;
  padding: 2rem 0;
  border-bottom: solid 1px var(--color-border);
  background-color: #f3f3f3;
  height: 6rem;
}
.mf-float-window .header-wrapper .container, .mf-float-window .header-wrapper .header {
  height: 100%;
}
.mf-float-window .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mf-float-window .header .title {
  font-size: 2.4rem;
  font-weight: 700;
}
.mf-float-window .header .close {
  font-size: 5.6rem;
  line-height: 1px;
  color: var(--color-base);
  margin-right: -1rem;
}
.mf-float-window .footer-wrapper {
  position: sticky;
  bottom: 0;
  border-top: solid 1px var(--color-border);
  background-color: #f3f3f3;
  min-height: 7rem;
}
.mf-float-window .main-wrapper {
  height: calc(100dvh - 6rem);
  margin-bottom: 8rem;
  padding-bottom: 7rem;
  overflow-y: auto;
}
.mf-float-window .footer {
  padding: 2rem 0;
}
.mf-float-window .footer .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.mf-float-window .footer .heading .text {
  font-size: 2rem;
  font-weight: 700;
  margin-right: 0.8rem;
}
.mf-float-window .footer .heading .total-price {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-base);
  margin-right: auto;
}
.mf-float-window .footer .heading:not(.js_cart_not_empty) .order-button, .mf-float-window .footer .heading:not(.js_cart_not_empty) > [class*=ico-] {
  display: none;
}
.mf-float-window .footer .heading:not(.js_cart_not_empty) .product_view_mode {
  display: inline-flex;
  position: relative;
  opacity: 1;
}
.mf-float-window .footer .heading.js_cart_not_empty .product_view_mode {
  display: none;
}
.mf-float-window .footer .heading .order-button {
  text-transform: uppercase;
  font-weight: 600;
}
.mf-float-window .footer .content {
  padding: 1.6rem 0 4rem;
}
.mf-float-window .footer .content:not(.active) {
  display: none;
}

.ordered-list li {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  position: relative;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
}
.ordered-list li::after {
  content: "";
  width: 100%;
  height: 2.2rem;
  margin: 0 0.4rem;
  background-image: linear-gradient(to right, var(--color-text) 0.2rem, transparent 0.2rem);
  background-size: 0.4rem 0.1rem;
  background-repeat: repeat-x;
  background-position: 0 calc(100% - 0.4rem);
}
.ordered-list li span:last-child {
  order: 1;
}
.ordered-list li .count {
  font-weight: 700;
  color: var(--color-base);
}
.ordered-list li .price {
  color: var(--color-text);
  opacity: 0.7;
  font-size: 1.6rem;
  font-weight: 500;
}

#cooking-panel .header-wrapper .heading .title::after, #orders-completed .header-wrapper .heading .title::after, #orders-cancelled .header-wrapper .heading .title::after, #orders-stats .header-wrapper .heading .title::after {
  counter-reset: variable var(--count);
  content: counter(variable);
  margin-left: 0.5rem;
}
#cooking-panel .heading, #orders-completed .heading, #orders-cancelled .heading, #orders-stats .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--color-border);
  margin-bottom: 1.4rem;
  font-size: 1.8rem;
  font-weight: bold;
}
#cooking-panel .heading .cost, #orders-completed .heading .cost, #orders-cancelled .heading .cost, #orders-stats .heading .cost {
  color: var(--color-base);
}
#cooking-panel .heading .js_update_time, #orders-completed .heading .js_update_time, #orders-cancelled .heading .js_update_time, #orders-stats .heading .js_update_time {
  position: absolute;
  top: 0;
}
#cooking-panel .heading .js_update_time.-good, #orders-completed .heading .js_update_time.-good, #orders-cancelled .heading .js_update_time.-good, #orders-stats .heading .js_update_time.-good {
  color: var(--color-approve);
}
#cooking-panel .heading .js_update_time.-bad, #orders-completed .heading .js_update_time.-bad, #orders-cancelled .heading .js_update_time.-bad, #orders-stats .heading .js_update_time.-bad {
  color: var(--color-decline);
}
#cooking-panel .container, #orders-completed .container, #orders-cancelled .container, #orders-stats .container {
  padding-left: 1rem;
  padding-right: 1rem;
}
#cooking-panel .main-wrapper .single-wrapper, #orders-completed .main-wrapper .single-wrapper, #orders-cancelled .main-wrapper .single-wrapper, #orders-stats .main-wrapper .single-wrapper {
  margin-top: 3rem;
}
#cooking-panel .main-wrapper .single, #orders-completed .main-wrapper .single, #orders-cancelled .main-wrapper .single, #orders-stats .main-wrapper .single {
  box-shadow: var(--box-shadow), var(--box-shadow);
  border-radius: 0.8rem;
  overflow: hidden;
}
#cooking-panel .main-wrapper .single > *, #orders-completed .main-wrapper .single > *, #orders-cancelled .main-wrapper .single > *, #orders-stats .main-wrapper .single > * {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
#cooking-panel .main-wrapper .single .ordered-list li, #orders-completed .main-wrapper .single .ordered-list li, #orders-cancelled .main-wrapper .single .ordered-list li, #orders-stats .main-wrapper .single .ordered-list li {
  align-items: flex-end;
  font-size: 1.6rem;
}
#cooking-panel .main-wrapper .single .ordered-list li.-ready .name::after, #orders-completed .main-wrapper .single .ordered-list li.-ready .name::after, #orders-cancelled .main-wrapper .single .ordered-list li.-ready .name::after, #orders-stats .main-wrapper .single .ordered-list li.-ready .name::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.2rem;
  inset: 0;
  margin: auto auto 0.8rem;
  background-color: var(--color-base);
}
#cooking-panel .main-wrapper .single .single-footer, #orders-completed .main-wrapper .single .single-footer, #orders-cancelled .main-wrapper .single .single-footer, #orders-stats .main-wrapper .single .single-footer {
  padding-top: 1rem;
  padding-bottom: 1.6rem;
  border-top: solid 1px var(--color-border);
  margin-top: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cooking-panel .main-wrapper .single .single-footer .control, #orders-completed .main-wrapper .single .single-footer .control, #orders-cancelled .main-wrapper .single .single-footer .control, #orders-stats .main-wrapper .single .single-footer .control {
  display: flex;
  gap: 1.2rem;
}
#cooking-panel .main-wrapper .single .single-footer .control [class*=ico-]:before, #orders-completed .main-wrapper .single .single-footer .control [class*=ico-]:before, #orders-cancelled .main-wrapper .single .single-footer .control [class*=ico-]:before, #orders-stats .main-wrapper .single .single-footer .control [class*=ico-]:before {
  font-size: 3rem;
}
#cooking-panel .main-wrapper .single .single-footer .date, #orders-completed .main-wrapper .single .single-footer .date, #orders-cancelled .main-wrapper .single .single-footer .date, #orders-stats .main-wrapper .single .single-footer .date {
  font-size: 1.4rem;
  font-weight: 500;
}
#cooking-panel .main-wrapper .single .single-footer .date > *, #orders-completed .main-wrapper .single .single-footer .date > *, #orders-cancelled .main-wrapper .single .single-footer .date > *, #orders-stats .main-wrapper .single .single-footer .date > * {
  opacity: 0.5;
}
#cooking-panel .main-wrapper .single .single-footer .date .goes, #orders-completed .main-wrapper .single .single-footer .date .goes, #orders-cancelled .main-wrapper .single .single-footer .date .goes, #orders-stats .main-wrapper .single .single-footer .date .goes {
  font-weight: 700;
  opacity: 1;
}
#cooking-panel .main-wrapper .single .single-footer .date .goes.-bad, #orders-completed .main-wrapper .single .single-footer .date .goes.-bad, #orders-cancelled .main-wrapper .single .single-footer .date .goes.-bad, #orders-stats .main-wrapper .single .single-footer .date .goes.-bad {
  color: var(--color-decline);
}
#cooking-panel .main-wrapper .single .single-footer .date .goes.-good, #orders-completed .main-wrapper .single .single-footer .date .goes.-good, #orders-cancelled .main-wrapper .single .single-footer .date .goes.-good, #orders-stats .main-wrapper .single .single-footer .date .goes.-good {
  color: var(--color-approve);
}
#cooking-panel .force-update-button, #orders-completed .force-update-button, #orders-cancelled .force-update-button, #orders-stats .force-update-button {
  position: fixed;
  top: calc(100% - 6rem);
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--color-decline);
  box-shadow: var(--box-shadow);
  border-radius: 99px;
  padding: 0.1rem 1rem;
  color: #fff;
  font-weight: 600;
  height: 4.8rem;
  z-index: 3;
}
#cooking-panel .force-update-button [class*=ico-], #orders-completed .force-update-button [class*=ico-], #orders-cancelled .force-update-button [class*=ico-], #orders-stats .force-update-button [class*=ico-] {
  font-size: 3rem;
  height: 2rem;
  display: flex;
  align-items: center;
}

.main-area-wrapper {
  display: flex;
  gap: 2rem;
}
.main-area-wrapper > * {
  width: 100%;
}

@media (min-width: 767px) {
  html {
    font-size: 11.2px;
  }
  .sub-grouped .single-wrapper {
    position: sticky;
    top: 10px;
  }
}
.mf-float-window .mf-radio [type=radio] + *:before {
  background-color: #fff;
}

.is-blured {
  filter: blur(3px) grayscale(1) opacity(0.7);
  pointer-events: none;
}

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