/*
    https://mf-art.ru
    v0.1 | 2022.05.10
    License: none (public domain)
*/
@layer reset, default, mf-lib, theme, store, components, modifiers;
:root {
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1200px;
  --screen-xxl: 1600px;
  --padding-grid: 1rem;
  --padding-container: 1rem;
  --padding-section: 4rem;
  --padding-section-md: 4rem;
  --padding-section-lg: 5rem;
  --padding-section-xl: 5rem;
  --color-text: #333;
  --color-border: #ececec;
  --color-border-light: #f5f5f5;
  --color-border-dark: #dfdfdf;
  --header-height: 74px;
  --color-base: #778E74;
  --color-base-light-10: rgb(132.6, 153.3, 129.9);
  --color-base-light-20: rgb(146.2, 164.6, 143.8);
  --color-base-light-30: rgb(159.8, 175.9, 157.7);
  --color-base-light-40: rgb(173.4, 187.2, 171.6);
  --color-base-light-50: rgb(187, 198.5, 185.5);
  --color-base-light-60: rgb(200.6, 209.8, 199.4);
  --color-base-light-70: rgb(214.2, 221.1, 213.3);
  --color-base-light-80: rgb(227.8, 232.4, 227.2);
  --color-base-light-90: rgb(241.4, 243.7, 241.1);
  --color-base-light-91: rgb(242.76, 244.83, 242.49);
  --color-base-light-92: rgb(244.12, 245.96, 243.88);
  --color-base-light-93: rgb(245.48, 247.09, 245.27);
  --color-base-light-94: rgb(246.84, 248.22, 246.66);
  --color-base-light-95: rgb(248.2, 249.35, 248.05);
  --color-base-light-96: rgb(249.56, 250.48, 249.44);
  --color-base-light-97: rgb(250.92, 251.61, 250.83);
  --color-base-light-98: rgb(252.28, 252.74, 252.22);
  --color-base-light-99: rgb(253.64, 253.87, 253.61);
  --color-base-dark-10: rgb(107.1, 127.8, 104.4);
  --color-base-dark-20: rgb(95.2, 113.6, 92.8);
  --color-base-dark-30: rgb(83.3, 99.4, 81.2);
  --color-base-dark-40: rgb(71.4, 85.2, 69.6);
  --color-base-dark-50: rgb(59.5, 71, 58);
  --color-base-dark-60: rgb(47.6, 56.8, 46.4);
  --color-base-dark-70: rgb(35.7, 42.6, 34.8);
  --color-base-dark-80: rgb(23.8, 28.4, 23.2);
  --color-base-dark-90: rgb(11.9, 14.2, 11.6);
  --color-base-dark-91: rgb(10.71, 12.78, 10.44);
  --color-base-dark-92: rgb(9.52, 11.36, 9.28);
  --color-base-dark-93: rgb(8.33, 9.94, 8.12);
  --color-base-dark-94: rgb(7.14, 8.52, 6.96);
  --color-base-dark-95: rgb(5.95, 7.1, 5.8);
  --color-base-dark-96: rgb(4.76, 5.68, 4.64);
  --color-base-dark-97: rgb(3.57, 4.26, 3.48);
  --color-base-dark-98: rgb(2.38, 2.84, 2.32);
  --color-base-dark-99: rgb(1.19, 1.42, 1.16);
  --color-second: #C33C54;
  --color-second-light-10: rgb(201, 79.5, 101.1);
  --color-second-light-20: rgb(207, 99, 118.2);
  --color-second-light-30: rgb(213, 118.5, 135.3);
  --color-second-light-40: rgb(219, 138, 152.4);
  --color-second-light-50: rgb(225, 157.5, 169.5);
  --color-second-light-60: rgb(231, 177, 186.6);
  --color-second-light-70: rgb(237, 196.5, 203.7);
  --color-second-light-80: rgb(243, 216, 220.8);
  --color-second-light-90: rgb(249, 235.5, 237.9);
  --color-second-light-91: rgb(249.6, 237.45, 239.61);
  --color-second-light-92: rgb(250.2, 239.4, 241.32);
  --color-second-light-93: rgb(250.8, 241.35, 243.03);
  --color-second-light-94: rgb(251.4, 243.3, 244.74);
  --color-second-light-95: rgb(252, 245.25, 246.45);
  --color-second-light-96: rgb(252.6, 247.2, 248.16);
  --color-second-light-97: rgb(253.2, 249.15, 249.87);
  --color-second-light-98: rgb(253.8, 251.1, 251.58);
  --color-second-light-99: rgb(254.4, 253.05, 253.29);
  --color-second-dark-10: rgb(175.5, 54, 75.6);
  --color-second-dark-20: rgb(156, 48, 67.2);
  --color-second-dark-30: rgb(136.5, 42, 58.8);
  --color-second-dark-40: rgb(117, 36, 50.4);
  --color-second-dark-50: rgb(97.5, 30, 42);
  --color-second-dark-60: rgb(78, 24, 33.6);
  --color-second-dark-70: rgb(58.5, 18, 25.2);
  --color-second-dark-80: rgb(39, 12, 16.8);
  --color-second-dark-90: rgb(19.5, 6, 8.4);
  --color-second-dark-91: rgb(17.55, 5.4, 7.56);
  --color-second-dark-92: rgb(15.6, 4.8, 6.72);
  --color-second-dark-93: rgb(13.65, 4.2, 5.88);
  --color-second-dark-94: rgb(11.7, 3.6, 5.04);
  --color-second-dark-95: rgb(9.75, 3, 4.2);
  --color-second-dark-96: rgb(7.8, 2.4, 3.36);
  --color-second-dark-97: rgb(5.85, 1.8, 2.52);
  --color-second-dark-98: rgb(3.9, 1.2, 1.68);
  --color-second-dark-99: rgb(1.95, 0.6, 0.84);
  --color-green: #00a249;
  --color-green-light-10: rgb(25.5, 171.3, 91.2);
  --color-green-light-20: rgb(51, 180.6, 109.4);
  --color-green-light-30: rgb(76.5, 189.9, 127.6);
  --color-green-light-40: rgb(102, 199.2, 145.8);
  --color-green-light-50: rgb(127.5, 208.5, 164);
  --color-green-light-60: rgb(153, 217.8, 182.2);
  --color-green-light-70: rgb(178.5, 227.1, 200.4);
  --color-green-light-80: rgb(204, 236.4, 218.6);
  --color-green-light-90: rgb(229.5, 245.7, 236.8);
  --color-green-dark-10: rgb(0, 145.8, 65.7);
  --color-green-dark-20: rgb(0, 129.6, 58.4);
  --color-green-dark-30: rgb(0, 113.4, 51.1);
  --color-green-dark-40: rgb(0, 97.2, 43.8);
  --color-green-dark-50: rgb(0, 81, 36.5);
  --color-green-dark-60: rgb(0, 64.8, 29.2);
  --color-green-dark-70: rgb(0, 48.6, 21.9);
  --color-green-dark-80: rgb(0, 32.4, 14.6);
  --color-green-dark-90: rgb(0, 16.2, 7.3);
  --color-red: #db0444;
  --color-red-light-10: rgb(222.6, 29.1, 86.7);
  --color-red-light-20: rgb(226.2, 54.2, 105.4);
  --color-red-light-30: rgb(229.8, 79.3, 124.1);
  --color-red-light-40: rgb(233.4, 104.4, 142.8);
  --color-red-light-50: rgb(237, 129.5, 161.5);
  --color-red-light-60: rgb(240.6, 154.6, 180.2);
  --color-red-light-70: rgb(244.2, 179.7, 198.9);
  --color-red-light-80: rgb(247.8, 204.8, 217.6);
  --color-red-light-90: rgb(251.4, 229.9, 236.3);
  --color-red-dark-10: rgb(197.1, 3.6, 61.2);
  --color-red-dark-20: rgb(175.2, 3.2, 54.4);
  --color-red-dark-30: rgb(153.3, 2.8, 47.6);
  --color-red-dark-40: rgb(131.4, 2.4, 40.8);
  --color-red-dark-50: rgb(109.5, 2, 34);
  --color-red-dark-60: rgb(87.6, 1.6, 27.2);
  --color-red-dark-70: rgb(65.7, 1.2, 20.4);
  --color-red-dark-80: rgb(43.8, 0.8, 13.6);
  --color-red-dark-90: rgb(21.9, 0.4, 6.8);
  --color-gray: #e5e5e5;
  --color-gray-light-10: rgb(231.6, 231.6, 231.6);
  --color-gray-light-20: rgb(234.2, 234.2, 234.2);
  --color-gray-light-30: rgb(236.8, 236.8, 236.8);
  --color-gray-light-40: rgb(239.4, 239.4, 239.4);
  --color-gray-light-50: #f2f2f2;
  --color-gray-light-60: rgb(244.6, 244.6, 244.6);
  --color-gray-light-70: rgb(247.2, 247.2, 247.2);
  --color-gray-light-80: rgb(249.8, 249.8, 249.8);
  --color-gray-light-90: rgb(252.4, 252.4, 252.4);
  --color-gray-dark-10: rgb(206.1, 206.1, 206.1);
  --color-gray-dark-20: rgb(183.2, 183.2, 183.2);
  --color-gray-dark-30: rgb(160.3, 160.3, 160.3);
  --color-gray-dark-40: rgb(137.4, 137.4, 137.4);
  --color-gray-dark-50: rgb(114.5, 114.5, 114.5);
  --color-gray-dark-60: rgb(91.6, 91.6, 91.6);
  --color-gray-dark-70: rgb(68.7, 68.7, 68.7);
  --color-gray-dark-80: rgb(45.8, 45.8, 45.8);
  --color-gray-dark-90: rgb(22.9, 22.9, 22.9);
  --font-family-main: "Comfortaa", sans-serif;
  --font-family-second: "Commissioner", sans-serif;
  --font-line-height-base: 1.45;
  --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;
  --box-shadow: 0 0.4rem 1.6rem rgb(0 0 0 / 6%);
  --box-shadow-strong: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
  --box-shadow-inset: inset 0 0 2rem rgb(0 0 0 / 6%);
  --container-width: 126rem;
  --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);
}
@media (min-width: 768px) {
  :root {
    --header-height: 130px;
  }
}
@media (min-width: 1024px) {
  :root {
    --padding-container: 2rem;
  }
}

@layer reset {
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  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;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
}
@layer default {
  html {
    background-color: #fff;
    font-family: var(--font-family-main);
    font-size: 10px;
    font-feature-settings: "lnum";
    line-height: var(--font-line-height-base);
    letter-spacing: var(--font-letter-spacing-base);
    color: var(--color-text);
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    scrollbar-gutter: stable;
  }
  body {
    margin: 0 auto;
    font-size: 1.6rem;
  }
  body.scroll-disable {
    overflow-y: hidden;
  }
  *,
  *::after,
  *::before {
    max-width: 100%;
  }
  .mf-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: saturate(0.5) blur(4px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-ease);
    z-index: 100;
  }
  .mf-overlay.active {
    opacity: 1;
    pointer-events: all;
  }
  .mf_menu_active .mf-overlay {
    z-index: 99;
  }
  ::-webkit-scrollbar {
    background-color: var(--color-border);
    border-radius: 0.2rem;
    width: 6px;
    height: 6px;
    overflow: hidden;
  }
  ::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-dark-40);
    border-radius: 0.2rem;
    background-clip: padding-box;
  }
  section, aside {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .breadcrumbs-section {
    padding-top: 2.4rem;
    padding-bottom: 1.2rem;
  }
  .breadcrumbs-section:first-child + section {
    padding-top: 1.2rem;
  }
  @media (min-width: 768px) {
    section, aside {
      padding-top: 4.8rem;
      padding-bottom: 4.8rem;
    }
  }
  @media (min-width: 1024px) {
    section, aside {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem;
    }
  }
  @media (min-width: 1600px) {
    section, aside {
      padding-top: 8rem;
      padding-bottom: 8rem;
    }
  }
  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;
  }
  p + .table-wrapper {
    margin-top: 0;
  }
  blockquote {
    margin: 2.4rem 0;
    padding: 2.4rem;
    border-left: solid 0.6rem var(--color-base);
    line-height: 1.35;
    color: var(--color-text);
    background: var(--color-base-light-90);
    border-radius: 1.6rem;
  }
  blockquote cite {
    display: block;
    font-weight: bold;
    color: var(--color-base);
    margin-top: 3.2rem;
  }
  blockquote p:last-child {
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    blockquote {
      padding: 2.4rem 2.4rem 2.4rem 4rem;
    }
  }
  [id] {
    scroll-margin-top: 8rem;
  }
  section, aside {
    padding: var(--padding-section) 0;
  }
  @media (min-width: 768px) {
    section, aside {
      padding: var(--padding-section-md) 0;
    }
  }
  @media (min-width: 1024px) {
    section, aside {
      padding: var(--padding-section-lg) 0;
    }
  }
  @media (min-width: 1200px) {
    section, aside {
      padding: var(--padding-section-xl) 0;
    }
  }
}
@layer theme {
  .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.-limit-height {
    max-height: 50dvh;
    overflow-y: auto;
    border: solid 1px var(--color-border-dark);
  }
  .table-wrapper.-limit-height table {
    margin: 0;
    border: none;
  }
  .table-wrapper.-limit-height thead {
    position: sticky;
    top: 0;
  }
  .table-wrapper.-limit-height tbody tr:last-child td {
    border-bottom: none;
  }
  table:not(-clear) {
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
    border: solid 0.1rem var(--color-border);
  }
  table:not(-clear) th {
    background-color: var(--color-border);
    font-weight: 600;
    text-align: left;
  }
  table:not(-clear) tfoot td {
    font-weight: bold;
  }
  table:not(-clear) tr:hover td {
    background-color: #f9f9f9;
  }
  table:not(-clear) tr > * {
    padding: 1rem;
    border-bottom: solid 1px var(--color-border);
    border-right: solid 1px var(--color-border);
  }
  table:not(-clear) tr:nth-child(even) {
    background-color: var(--color-border-light);
  }
  table:not(-clear) td {
    transition: var(--transition-ease);
  }
  table:not(-clear) tbody:last-child tr:last-child,
  table:not(-clear) tfoot tr:last-child {
    border-bottom: none;
  }
  table:not(-clear) caption {
    font-size: 1.8rem;
    padding: 1.6rem;
    font-weight: bold;
  }
  table:not(-clear).simple {
    border-width: 0;
  }
  table:not(-clear).simple th {
    background-color: transparent;
    font-weight: bold;
    text-align: left;
  }
  table:not(-clear).simple tr > * {
    padding: 1.6rem 1.6rem 1.6rem 0;
  }
  table:not(-clear).simple tr > *:not(:last-child) {
    border-right-width: 0;
  }
  table:not(-clear).simple tr:hover td {
    background-color: transparent;
    border-color: var(--color-border);
  }
  table:not(-clear).simple tr:last-child td {
    border-width: 0;
  }
  table:not(-clear).table-first-elements-beautify tr > td:first-child,
  table:not(-clear).table-first-elements-beautify tr > th {
    white-space: nowrap;
    vertical-align: baseline;
  }
  @media (max-width: 767px) {
    table:not(-clear).mf-table-two-beautify thead {
      display: none;
    }
    table:not(-clear).mf-table-two-beautify tr > * {
      padding-bottom: 1rem;
      padding-top: 1rem;
    }
    table:not(-clear).mf-table-two-beautify tr td:first-child {
      color: var(--color-gray-dark-50);
      padding-bottom: 0;
      margin-bottom: -0.6rem;
    }
    table:not(-clear).mf-table-two-beautify tr,
    table:not(-clear).mf-table-two-beautify td {
      display: block;
      width: 100%;
    }
    table:not(-clear).mf-table-two-beautify tr > *:not(:last-child) {
      border-width: 0;
    }
  }
  table:not(-clear).big {
    user-select: none;
    white-space: nowrap;
  }
  table:not(-clear).big thead {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  table:not(-clear).big thead tr th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    border-right: 0.1rem solid var(--color-border);
  }
  table:not(-clear).big thead th {
    background: var(--color-gray-light-70);
    text-align: left;
  }
  table:not(-clear).big tbody tr {
    vertical-align: baseline;
  }
  table:not(-clear).big tbody tr:nth-child(even) {
    background-color: var(--color-gray-light-80);
  }
  table:not(-clear).big tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  table:not(-clear).big tbody tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    border-right: 0.1rem solid var(--color-border);
  }
  table:not(-clear).big tbody tr:nth-child(even) td:first-child {
    background: var(--color-gray-light-80);
  }
  table:not(-clear).big tbody tr:hover td {
    background-color: var(--color-gray-light-10) !important;
  }
  table:not(-clear).without-border td,
  table:not(-clear).without-border th {
    border: none !important;
  }
  table:not(-clear).with-collapse:not(.show) tr:nth-child(n+11) {
    display: none;
  }
  table:not(-clear).with-collapse.show + .show-all {
    display: none;
  }
}
@layer modifiers {
  .is-text-s {
    font-size: 1.4rem;
  }
  .is-text-n {
    font-size: 1.6rem;
  }
  .is-text-m {
    font-size: 1.8rem;
  }
  .is-text-l {
    font-size: 2rem;
  }
  .is-text-xl {
    font-size: 2.2rem;
  }
  .is-color-black {
    color: #222;
  }
  .is-color-base {
    color: var(--color-base);
  }
  .is-color-second {
    color: var(--color-second);
  }
  .is-color-green {
    color: var(--color-green);
  }
  .is-color-red {
    color: var(--color-red);
  }
  .is-color-gray {
    color: var(--color-gray);
  }
  .is-color-text {
    color: var(--color-text);
  }
  .is-color-white {
    color: #fff;
  }
  .is-no-underline {
    text-decoration: none;
  }
  .is-ff-main {
    font-family: var(--font-family-main);
  }
  .is-ff-second {
    font-family: var(--font-family-second);
  }
  .is-text-center {
    text-align: center;
  }
  .is-text-left {
    text-align: left;
  }
  .is-text-right {
    text-align: right;
  }
  .is-bg-white {
    background-color: #fff;
  }
  .is-bg-base {
    background-color: var(--color-base);
  }
  .is-bg-second {
    background-color: var(--color-second);
  }
  .is-bg-good {
    background-color: var(--color-green);
  }
  .is-bg-bad {
    background-color: var(--color-red);
  }
  .is-bg-gray {
    background-color: var(--color-gray);
  }
  .is-bg-no {
    background-color: transparent;
  }
  .is-bg-text-color {
    background-color: var(--color-text);
  }
  .is-bg-white {
    background-color: #fff;
  }
  .is-bg-base-with-pattern {
    background: radial-gradient(60% 60% at 50% 50%, var(--color-base) 0, var(--color-base) 52.85%, var(--color-base-s-20) 100%);
    color: #fff;
    position: relative;
  }
  .is-bg-base-with-pattern::after {
    content: "";
    background: url(/local/templates/mosconditer/assets/images/patter-polka-dots.svg);
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 1rem;
    opacity: 0.08;
    pointer-events: none;
  }
  .is-display-none {
    display: none;
  }
  .is-display-contents {
    display: contents;
  }
  .is-display-block {
    display: block;
  }
  .is-width-100 {
    width: 100%;
  }
  .is-buttons-wrapper {
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
  }
  .is-buttons-wrapper > * {
    margin: 0;
  }
  .is-horizontal-scroll {
    display: flex;
    overflow-y: auto;
    padding-bottom: 1rem;
    flex-wrap: nowrap;
  }
  @media (min-width: 1024px) {
    .is-horizontal-scroll.-no-desktop {
      flex-wrap: wrap;
      row-gap: 1rem;
    }
  }
  .is-horizontal-scroll > * {
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
  }
  .is-horizontal-scroll.-hided-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .is-horizontal-scroll.-hided-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }
  .is-shadow-box {
    box-shadow: var(--shadow-box);
  }
  .is-bordered {
    border: solid 1px var(--color-border);
  }
  .is-border-top {
    border-top: solid 1px var(--color-border);
  }
  .is-link-all::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .is-pos-relative {
    position: relative;
  }
  .is-scroll-hidden {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }
  .is-scroll-hidden::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
  }
  .-is-dots-loading::after, .is-dots-loading::after {
    animation: loading 1.6s linear infinite;
    content: "";
  }
  .is-title-center {
    text-align: center;
  }
  .is-title-center.-lined span {
    position: relative;
    display: inline-block;
  }
  .is-title-center.-lined span::before, .is-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) {
    .is-title-center.-lined span::before, .is-title-center.-lined span::after {
      width: calc((100dvw - 100% - 2rem) / 2 - 6rem);
    }
  }
  @media (min-width: 126rem) {
    .is-title-center.-lined span::before, .is-title-center.-lined span::after {
      width: calc((var(--container-width) - 100%) / 2 - 6rem);
    }
  }
  .is-title-center.-lined span::before {
    right: calc(100% + 2rem);
  }
  .is-title-center.-lined span::after {
    left: calc(100% + 2rem);
  }
  [disabled], .is-disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .is-list-flex {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .is-fw-400 {
    font-weight: 400;
  }
  .is-fw-500 {
    font-weight: 500;
  }
  .is-fw-600 {
    font-weight: 600;
  }
  .is-fw-700 {
    font-weight: 700;
  }
}
@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;
    transition: transform 0.3s;
  }
  .mobile-menu-icon::after, .mobile-menu-icon::before, .mobile-menu-icon span {
    display: block;
    width: 74%;
    height: 2px;
    border-radius: 10px;
    background-color: var(--color-text);
    transition: all 0.3s;
  }
  .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 span {
    width: 50%;
    transform: translateX(-24%);
  }
  .mobile-menu-icon.active span {
    opacity: 0;
  }
  .mobile-menu-icon.active::before {
    top: 1.6rem;
    transform: rotate3d(0, 0, 1, -135deg) translate(0.2rem, 0.2rem);
  }
  .mobile-menu-icon.active::after {
    bottom: 1.2rem;
    transform: rotate3d(0, 0, 1, 135deg) translate(-0.2rem, 0.2rem);
  }
}
.pagination {
  text-align: center;
  padding-left: 0.8rem;
}
.pagination .page-numbers {
  border-radius: 0.4rem;
  border: solid 0.0625rem var(--color-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
  margin-right: 0.8rem;
}
.pagination .page-numbers.current {
  border-color: var(--color-base-light-50);
  color: var(--color-base);
}
.pagination .page-numbers:is(a):hover {
  background: var(--color-base);
  color: #fff;
  border-color: var(--color-base);
}

.mf-switcher {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  user-select: none;
  cursor: pointer;
}
.mf-switcher input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.mf-switcher input + .toggle {
  transition: var(--transition-ease);
  height: 3.2rem;
  display: inline-flex;
  width: 5.8rem;
  border-radius: 3rem;
  background-color: var(--color-gray-light-20);
  position: relative;
  overflow: hidden;
}
.mf-switcher input + .toggle:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.7rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.2rem;
  width: 2.2rem;
  background-color: #fff;
  border-radius: 3rem;
  transition: var(--transition-ease);
  box-shadow: 0 0 0.8rem 0.3rem rgba(0, 0, 0, 0);
}
.mf-switcher input:checked + .toggle {
  background-color: var(--color-base);
}
.mf-switcher input:checked + .toggle:after {
  left: 2.8rem;
}
.mf-switcher.-mode-2 {
  height: 4.8rem;
  padding: 0 0.8rem;
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
}
.mf-switcher.-mode-2 .bg {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-gray-light-30);
  border-radius: 3rem;
  transition: var(--transition-ease);
}
.mf-switcher.-mode-2 .option {
  text-align: center;
  z-index: 2;
  padding: 0 1.2rem;
}
.mf-switcher.-mode-2 input + .bg:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.8rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3.4rem;
  width: calc(50% - 1.5rem);
  background-color: #fff;
  border-radius: 3rem;
  transition: var(--transition-ease);
  box-shadow: 0 0 0.8rem 0.3rem rgba(0, 0, 0, 0);
}
.mf-switcher.-mode-2 input:checked + .bg:before {
  left: calc(50% + 0.8rem);
}
.mf-switcher.-mode-2.-bg input:checked + .bg {
  background-color: var(--color-base);
}
.mf-switcher.-mode-2.-selected-all input + .bg:before {
  background-color: var(--color-base);
}
.mf-switcher.-mode-2.-selected input:checked + .bg:before {
  background-color: var(--color-base);
}

.mf-switcher-multi {
  display: inline-flex;
  align-items: center;
  background-color: var(--color-gray-light-30);
  background: linear-gradient(64deg, var(--color-base-light-80) 0%, var(--color-base-light-60) 70%, var(--color-base-light-70) 100%);
  border-radius: 3rem;
  transition: var(--transition-ease);
  height: 4.8rem;
  padding: 0 0.8rem;
  position: relative;
  user-select: none;
}
.mf-switcher-multi input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.mf-switcher-multi .single-switcher {
  z-index: 1;
  padding: 0 1.2rem;
  cursor: pointer;
  transition: var(--transition-ease);
}
.mf-switcher-multi .single-switcher:hover:not(.active) {
  color: #fff;
}
.mf-switcher-multi:before {
  content: "";
  display: block;
  position: absolute;
  left: var(--cur-switcher-left, 0.8rem);
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3.4rem;
  width: var(--cur-switcher-width, 70px);
  background-color: #fff;
  border-radius: 3rem;
  transition: var(--transition-ease);
  box-shadow: 0 0 0.8rem 0.3rem rgba(0, 0, 0, 0);
}
.mf-switcher-multi.-bg {
  background-color: var(--color-base);
}
.mf-switcher-multi.-selected::before {
  background-color: var(--color-base);
}
.mf-switcher-multi.-square {
  border-radius: 1rem;
}
.mf-switcher-multi.-square:before {
  border-radius: 0.6rem;
}
.mf-switcher-multi.-w-100 {
  width: 100%;
}
.mf-switcher-multi.-w-100 .single-switcher {
  width: 100%;
  text-align: center;
}

.is-tooltip {
  position: relative;
  padding-bottom: 0.6rem;
  margin-bottom: -0.6rem;
}
.is-tooltip .tooltip-toggle {
  cursor: pointer;
  user-select: none;
}
.is-tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.97);
  border-radius: 1rem;
  padding: 1rem 1.4rem;
  font-size: 1.4rem;
  line-height: 1.1;
  gap: 0.8rem;
  position: absolute;
  top: 100%;
  box-shadow: var(--box-shadow), 0px 1px 4px 1px rgba(0, 0, 0, 0.09);
  opacity: 0;
  backdrop-filter: blur(4px);
  width: max-content;
  max-width: clamp(100px, 100dvw - 4rem, 30rem);
  z-index: 11;
  user-select: none;
  color: var(--color-text);
  font-weight: 400;
}
.is-tooltip .tooltip-content::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  transform: rotate(45deg);
  position: absolute;
  top: -0.4rem;
  left: var(--arrow-pos);
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.05);
}
.is-tooltip .tooltip-content.-right {
  right: 0;
}
.is-tooltip .tooltip-content.-right::before {
  right: 2.3rem;
}
.is-tooltip .tooltip-content.-left {
  left: 0;
}
.is-tooltip .tooltip-content.-left::before {
  left: 2.3rem;
}
.is-tooltip:not(.active) {
  overflow: hidden;
}
.is-tooltip:not(.active) .tooltip-content {
  display: none;
}
.is-tooltip.active .tooltip-content {
  opacity: 1;
  pointer-events: all;
}

.breadcrumbs {
  display: flex;
  font-size: 1.5rem;
  user-select: none;
  line-height: 1;
}
.breadcrumbs > * {
  color: var(--color-text);
  cursor: default;
  white-space: nowrap;
}
.breadcrumbs > * a:not(:hover) {
  color: var(--color-text);
  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);
}
.breadcrumbs > *:last-child span {
  max-width: 22rem;
  display: inline-flex;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .breadcrumbs {
    white-space: nowrap;
    overflow-y: auto;
  }
}
.breadcrumbs + h1 {
  padding-top: 0;
}

ul.-leveled .has-child-list > ul {
  padding-left: 1.4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.8rem;
  border-left: 1px solid var(--color-border);
}
ul.-leveled .has-child-list:last-child > ul {
  margin-bottom: 0;
}
ul.-leveled .has-child-list:not(.active) > ul {
  opacity: 0;
  margin: 0;
  overflow: hidden;
  height: 0;
}
ul.-leveled .has-child-list > a [class*=ico-] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  height: 100%;
  transition: color 0.2s;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
ul.-leveled .has-child-list > a [class*=ico-]::before {
  transition: transform 0.2s;
}
ul.-leveled .has-child-list > a [class*=ico-]:not(:hover) {
  color: var(--color-text);
}
ul.-leveled .has-child-list.active > a [class*=ico-]::before {
  display: flex;
  transform: rotate(180deg);
}
ul.-leveled a {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0.3em 0.6rem 0.4em 0;
  position: relative;
  color: var(--color-text);
  border-radius: 0.6rem;
}
ul.-leveled li.active > a, ul.-leveled li.current > a, ul.-leveled li:hover > a {
  background-color: var(--color-border-light);
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
ul.-leveled li.active > a, ul.-leveled li.current > a {
  padding-top: 0.4em;
  padding-bottom: 0.5em;
}
ul.-leveled .has-child-list:hover li:not(:hover) > a {
  background-color: transparent;
}

.sidebar-block.categories {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.sidebar-block.filter-group {
  max-height: 30rem;
  overflow-y: auto;
  padding-right: 1rem;
}
.sidebar-block.filter-group.-type-list {
  max-height: none;
}
.sidebar-block.filter-group .title {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
.sidebar-block.filter-group .mf-accordion {
  justify-content: space-between;
  padding: 1.2rem 0 1rem;
}
.sidebar-block.filter-group .mf-accordion [class*=ico-] {
  display: flex;
  align-items: center;
  transition: transform 0.2s;
}
.sidebar-block.filter-group .mf-accordion.active [class*=ico-] {
  transform: rotate(180deg);
}
.sidebar-block.filter-group .mf-accordion.active + * {
  margin-bottom: 1.6rem;
}
.sidebar-block + .sidebar-block {
  padding-bottom: 0.1rem;
  border-top: solid 1px var(--color-border);
}
.sidebar-block .title {
  font-weight: 600;
  font-size: 1.7rem;
  position: relative;
  padding-bottom: 1rem;
}

.mf-hfilter {
  display: contents;
}
.mf-hfilter > .single-filter {
  height: 3.6rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--color-text);
  background-color: var(--color-border-light);
  cursor: pointer;
  padding: 0 1.2rem;
  border-radius: 1rem;
  transition: background 0.2s;
  white-space: nowrap;
  z-index: 2;
  gap: 0.9rem;
  user-select: none;
}
.mf-hfilter > .single-filter .clear {
  order: 1;
  display: flex;
  border-radius: 99px;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  transition: color 0.2s, background 0.2s;
  will-change: color, background;
}
.mf-hfilter > .single-filter .clear:hover {
  background-color: #fff;
  color: var(--color-red);
  z-index: 4;
}
.mf-hfilter > .single-filter::after {
  content: "";
  width: 1px;
  height: 60%;
  background-color: var(--color-text);
  display: inline-block;
}
.mf-hfilter > .single-filter:not(.active) .clear, .mf-hfilter > .single-filter:not(.active)::after {
  display: none;
}
.mf-hfilter > .single-filter .content-wrapper {
  left: calc((1.8rem + 1px) * -1);
  height: 50dvh;
  width: 100%;
  transition: var(--transition-ease);
  position: absolute;
  top: calc(100% + 1rem);
  z-index: 2;
  transform: translateY(0px);
  display: none;
  padding: 1.8rem;
  background-color: #fff;
  box-shadow: var(--box-shadow), var(--box-shadow), var(--box-shadow);
  border-radius: 0.8rem;
}
.mf-hfilter > .single-filter .content-wrapper::before {
  content: "";
  position: absolute;
  height: 1rem;
  width: 100%;
  bottom: 100%;
  left: 0;
}
.mf-hfilter > .single-filter .content-wrapper .mf-checkbox-group > * {
  width: 100%;
}
.mf-hfilter > .single-filter .content {
  overflow-y: auto;
  height: 100%;
  padding-top: 1.3rem;
}
@media (min-width: 1024px) {
  .mf-hfilter > .single-filter:hover {
    background-color: var(--color-border-dark);
    z-index: 4;
  }
  .mf-hfilter > .single-filter:hover .content-wrapper {
    width: fit-content;
    min-width: 25rem;
    max-width: 35rem;
    display: flex;
    flex-direction: column;
    height: fit-content;
    max-height: 33rem;
    cursor: default;
  }
}
@media (max-width: 1023.99px) {
  .mf-hfilter > .single-filter {
    z-index: auto;
  }
  .mf-hfilter > .single-filter .content-wrapper {
    display: block;
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    z-index: 19510;
    background-color: #fff;
    padding: 0;
    transform: translateY(100%);
    transition: transform 0.2s;
    will-change: transform;
    border-radius: 0.8rem 0.8rem 0 0;
    box-shadow: none;
  }
  .mf-hfilter > .single-filter .content-wrapper.active {
    transform: translateY(0);
  }
  .mf-hfilter > .single-filter .content-wrapper .title {
    color: var(--color-text);
    border-bottom: solid 1px var(--color-border);
    padding: 2.4rem 2rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
  }
  .mf-hfilter > .single-filter .content-wrapper .content {
    padding: 2rem 2rem 7rem;
    height: calc(100% - 7rem);
  }
  .mf-hfilter > .single-filter .content-wrapper::before {
    display: none;
  }
}
.mf-hfilter > .single-filter.active {
  color: #fff;
  background-color: var(--color-base);
}
.mf-hfilter > .single-filter.active::after {
  background-color: #fff;
}

.catalog-control {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
  overflow-x: auto;
  overflow-y: visible;
}
.catalog-control::-webkit-scrollbar {
  scrollbar-width: none; /* For Firefox */
  display: none;
}
.catalog-control #catalog-sort {
  height: 3.6rem;
  border-radius: 1rem;
  flex-shrink: 0;
  width: auto;
  margin-bottom: 0;
  background-color: var(--color-border-light);
  border: none;
}
.catalog-control #catalog-sort + .mf-select {
  height: 3.6rem;
  border-radius: 1rem;
  flex-shrink: 0;
  width: auto;
  margin-bottom: 0;
  background-color: var(--color-border-light);
  border: none;
  transition: background 0.2s;
}
.catalog-control #catalog-sort + .mf-select .mf-select-options {
  background-color: #fff;
  border: transparent;
  width: 100%;
  left: 0;
  padding-bottom: 0.7rem;
  border-radius: 0 0 1rem 1rem;
  color: var(--color-text);
  box-shadow: var(--box-shadow), var(--box-shadow), var(--box-shadow);
}
.catalog-control #catalog-sort + .mf-select.active {
  border-radius: 1rem 1rem 0 0;
  background-color: var(--color-base) !important;
  color: #fff;
}
.catalog-control #catalog-sort + .mf-select.active .mf-select-active span {
  display: block;
  opacity: 1;
  width: 100%;
}
.catalog-control #catalog-sort + .mf-select.active .mf-select-arrow {
  transform: none;
}
.catalog-control #catalog-sort + .mf-select .mf-select-active {
  position: relative;
}
.catalog-control #catalog-sort + .mf-select .mf-select-active span {
  position: absolute;
  opacity: 0;
  width: 0;
  transition: opacity 0.2s, width 0.2s;
}
.catalog-control #catalog-sort + .mf-select:not(.active) .mf-select-arrow {
  inset: 0;
}
.catalog-control #catalog-sort + .mf-select .mf-select-arrow {
  font-size: 2.2rem;
}
.catalog-control #catalog-sort + .mf-select .mf-select-arrow::before {
  max-width: 2.2rem;
}
.catalog-control #catalog-sort + .mf-select:hover {
  background-color: var(--color-border-dark);
}
.catalog-control .show-filter {
  height: 3.6rem;
  padding: 0 0.8rem;
  border-radius: 1rem;
  background-color: var(--color-border-light);
  border-color: var(--color-border-light);
  color: var(--color-text);
  font-size: 2.2rem;
}
@media (min-width: 1024px) {
  .catalog-control {
    overflow: visible;
    flex-wrap: wrap;
  }
  .catalog-control .show-filter {
    display: none;
  }
}

@media (max-width: 767.99px) {
  .bottom-sheet-indicator {
    position: absolute;
    top: -2rem;
    left: 0;
    width: 100%;
    height: 2rem;
  }
  .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-dark-20);
    border-radius: 16rem;
  }
}
.sidebar-wrapper .sidebar-title {
  display: none;
}
@media (max-width: 1023.99px) {
  .sidebar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 100%;
    height: 100dvh;
    background-color: #ffffff;
    transition: var(--transition-ease);
    z-index: 102;
  }
  .sidebar-wrapper.active {
    transform: translateX(0);
    overflow-y: auto;
    padding-bottom: 8rem;
  }
  .sidebar-wrapper .sidebar-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: solid 1px var(--color-border);
    margin-bottom: 2rem;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
  }
  .sidebar-wrapper .sidebar-title .title {
    margin-bottom: 0;
  }
  .sidebar-wrapper .sidebar-title [class*=ico-] {
    font-size: 2.8rem;
  }
}

@layer theme {
  #header {
    --bg-color: rgba(255, 255, 255, 0.8);
    --bg-static: rgb(251 252 252);
    --bg-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
    --bg-filter: blur(30px) brightness(1.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    transition: var(--transition-ease);
  }
  #header .container {
    background-color: #fff;
  }
  #header a:not(:hover), #header .a:not(:hover) {
    color: var(--color-text);
  }
  #header .middle {
    width: 100%;
    display: flex;
    gap: 0.8rem;
    align-items: center;
    justify-content: space-between;
  }
  #header .main-menu {
    width: 100%;
    display: flex;
    gap: 0.4rem;
    padding: 1rem 0;
    flex-direction: column;
  }
  #header .logo {
    width: 15rem;
    padding: 0.6rem 0;
  }
  #header .contact-wrapper .advanced-wrapper {
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.97);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    width: calc(100% - 2rem);
    margin: auto;
    max-width: 100dvh;
    padding: 1.6rem;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: opacity 0.1s;
    font-size: 1.7rem;
    line-height: 1;
    z-index: 11;
  }
  #header .contact-wrapper .advanced {
    display: flex;
    flex-direction: column;
    padding: 1.6rem 2.6rem;
    border-radius: 2rem;
    background-color: var(--bg-color);
    box-shadow: var(--bg-shadow);
    backdrop-filter: var(--bg-filter);
  }
  #header .contact-wrapper .cw--item {
    padding-top: 0.4rem;
    padding-bottom: 1.4rem;
    font-size: 1.5rem;
    line-height: 1.2;
  }
  #header .contact-wrapper .cw--item:not(:first-child) {
    padding-top: 1.4rem;
    border-top: solid 1px var(--color-border);
  }
  #header .contact-wrapper .call-order {
    margin-top: 0.6rem;
    margin-bottom: 1.6rem;
  }
  #header .contact-wrapper .call-order::before {
    content: "";
    display: block;
  }
  #header .contact-wrapper .social-links {
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    gap: 1.4rem;
  }
  #header .contact-wrapper .social-links a {
    display: flex;
    align-items: center;
  }
  #header .contact-wrapper:not(.active) .advanced-wrapper {
    display: none;
  }
  @media (max-width: 767.99px) {
    #header .menu-info-wrapper {
      display: none;
    }
    #header .contact-wrapper {
      display: contents;
    }
    #header .contact-wrapper .main-part {
      display: none;
    }
    #header .contact-wrapper .advanced {
      display: contents;
    }
    #header .header-order {
      font-size: 1.5rem;
      padding: 1rem;
      height: 4.4rem;
    }
  }
  @media (max-width: 1023.99px) {
    #header .bottom-wrapper {
      position: fixed;
      top: var(--header-height, 5rem);
      left: 0;
      transform: translateX(-100%);
      width: 100%;
      height: calc(100dvh - var(--header-height, 5rem));
      background-color: #ffffff;
      transition: var(--transition-ease);
      z-index: 100;
    }
    #header .bottom-wrapper .container {
      padding: 0;
    }
    #header .contact-wrapper .advanced-wrapper {
      background-color: #fff;
    }
    #header .main-menu {
      padding-top: 0;
      gap: 0;
    }
    #header .main-menu a {
      padding: 1rem 0;
      display: flex;
      justify-content: space-between;
      border-bottom: solid 1px var(--color-border);
    }
    #header .main-menu li {
      color: var(--color-text);
    }
    #header .main-menu li.-with-padding, #header .main-menu li a {
      padding: 1.4rem var(--padding-container);
    }
    #header .main-menu .has-submenu > a {
      position: relative;
    }
    #header .main-menu .has-submenu > a span[class*=ico-] {
      position: absolute;
      width: 3rem;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      right: var(--padding-container);
      top: 0;
      font-size: 2rem;
    }
    #header .main-menu .has-submenu > .submenu-wrapper ul {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: 1;
      overflow-y: auto;
    }
    #header .main-menu .has-submenu:not(.active) > .submenu-wrapper ul {
      display: none;
    }
    #header .main-menu .has-submenu .heading {
      background: var(--color-gray-light-70);
      border-bottom: solid 1px var(--color-gray-light-70);
      display: flex;
      align-items: center;
      font-weight: 600;
      cursor: pointer;
      position: sticky;
      top: 0;
    }
    #header .main-menu .has-submenu .heading [class*=ico-] {
      font-size: 2rem;
      margin-right: 0.6rem;
      margin-left: -0.4rem;
      display: flex;
    }
    #header .main-menu .has-submenu .heading .link {
      margin-left: auto;
      border: none;
      font-weight: 400;
      color: var(--color-base);
      background-color: #fff;
      align-self: center;
      height: auto;
      padding: 0.6rem 1rem 0.8rem;
      border-radius: 1rem;
      line-height: 1;
      margin-top: -2rem;
      margin-bottom: -2rem;
    }
  }
  @media (min-width: 768px) {
    #header .logo {
      margin: auto;
    }
    #header .contact-wrapper {
      position: relative;
      padding-right: 1rem;
      display: flex;
    }
    #header .contact-wrapper .main-part {
      font-size: 1.8rem;
      font-weight: 600;
      display: flex;
      gap: 0;
      align-items: flex-start;
      white-space: nowrap;
      justify-content: center;
      flex-direction: column;
    }
    #header .contact-wrapper .main-part .more {
      font-size: 1.3rem;
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      gap: 0.4rem;
      line-height: 0;
      color: var(--color-base);
      margin-right: auto;
    }
    #header .contact-wrapper .main-part .more::before {
      font-size: 0.8em;
      transform: translateY(1px);
    }
    #header .contact-wrapper .advanced-wrapper {
      max-width: 30rem;
      white-space: normal;
      width: max-content;
      min-width: 20rem;
      left: -2rem;
      background-color: transparent;
      box-shadow: none;
      top: calc(100% - 1rem);
    }
  }
  @media (min-width: 1024px) {
    #header {
      top: 2rem;
    }
    #header .container {
      background-color: transparent;
      position: relative;
      padding-left: 3rem;
      padding-right: 3rem;
    }
    #header .container::after {
      position: absolute;
      inset: 0;
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 2rem;
      background-color: var(--bg-color);
      box-shadow: var(--bg-shadow);
      backdrop-filter: var(--bg-filter);
    }
    #header .mobile-menu-icon {
      display: none;
    }
    #header .logo {
      min-height: 7rem;
      align-items: center;
      display: flex;
      min-width: 19rem;
      margin-left: auto;
      margin-right: auto;
    }
    #header .main-menu {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0;
    }
    #header .main-menu > li {
      height: 100%;
      display: flex;
      align-items: center;
      position: relative;
      flex-grow: 1;
    }
    #header .main-menu > li > a {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      font-weight: 600;
      font-size: 1.7rem;
      white-space: nowrap;
      padding: 0.8rem 0 1.2rem;
    }
    #header .main-menu > li:last-child > .submenu-wrapper:not(.-depth-plus) {
      left: auto;
      right: -3.2rem;
      transform: none;
    }
    #header .main-menu li.has-submenu:not(:hover) > .submenu-wrapper {
      display: none;
    }
    #header .main-menu li > .submenu-wrapper {
      position: absolute;
      top: 100%;
      left: 0;
      width: fit-content;
      background-color: #fff;
      z-index: 1;
      max-height: calc(100dvh - var(--header-height) - 1rem);
      overflow-y: auto;
      max-width: none;
    }
    #header .main-menu li > .submenu-wrapper ul {
      width: max-content;
      position: relative;
    }
    #header .main-menu .submenu-wrapper:not(.-depth-plus) {
      box-shadow: 0 1.4rem 1.6rem rgba(0, 0, 0, 0.06), 0 1.4rem 1.6rem rgba(0, 0, 0, 0.06);
      border-top: solid 1px var(--color-border);
      padding: 1.6rem 0;
      border-radius: 2rem;
      transform: translateX(calc(-2 * var(--padding-grid, 1rem)));
      left: -1.2rem;
      background-color: var(--bg-color);
      backdrop-filter: var(--bg-filter);
    }
    #header .main-menu .submenu-wrapper li {
      padding-right: 1.6rem;
      padding-left: 1.6rem;
    }
    #header .main-menu .submenu-wrapper li > a {
      border-radius: 1rem;
      padding: 1.2rem 1.6rem;
      gap: 0.4rem;
      align-items: center;
    }
    #header .main-menu .submenu-wrapper li > a .open {
      font-size: 0.8em;
      transform: translateY(0.1rem);
    }
    #header .main-menu .submenu-wrapper li > a:hover, #header .main-menu .submenu-wrapper li > a.active {
      background-color: var(--color-base);
      color: #fff;
    }
    #header .main-menu .submenu-wrapper a {
      display: flex;
      width: 100%;
      justify-content: space-between;
      padding: 1rem 0 1.1rem;
    }
    #header .main-menu > .has-submenu > a .open {
      display: inline-flex;
      transform: rotate(90deg);
      font-size: 0.7em;
    }
    #header .main-menu .submenu-wrapper.-depth-plus {
      left: 100%;
      top: 0;
      border-left: solid 1px var(--color-border);
      padding-right: var(--padding-grid);
      display: flex;
    }
    #header .middle-wrapper {
      position: relative;
      z-index: 2;
    }
    #header .bottom-wrapper {
      position: relative;
      z-index: 1;
      padding-top: 0.4rem;
    }
  }
  @media (min-width: 1200px) {
    #header .main-menu {
      gap: 2rem;
    }
    #header .main-menu > li:last-child {
      /*margin-left: auto;*/
    }
  }
  @media (min-width: 1600px) {
    #header .main-menu {
      gap: 3rem;
    }
    #header .main-menu > li {
      flex-grow: 0;
      padding-right: 3rem;
    }
    #header .main-menu > li:last-child {
      padding-right: 0;
    }
  }
  .mf_scroll_bottom #header {
    transform: translateY(-120%);
  }
  @media (max-width: 1023.99px) {
    .menu_active #header .bottom-wrapper {
      transform: translateX(0);
    }
    .mf_scroll_bottom #header .bottom-wrapper {
      height: calc(100dvh - var(--header-height, 5rem));
    }
  }
  @media (min-width: 1024px) {
    #header .bottom-wrapper, #header .middle > *:not(.search-wrapper) {
      transition: filter 0.2s ease-in-out;
    }
    .site_search_active #header .search-wrapper {
      flex-grow: 1;
    }
    .site_search_active #header .bottom-wrapper, .site_search_active #header .middle > *:not(.search-wrapper) {
      filter: blur(4px) grayscale(0.4);
      pointer-events: none;
    }
    .site_search_active .mf-overlay {
      background-color: rgba(0, 0, 0, 0.1);
    }
  }
  main > section:first-child, main .main-page-block {
    padding-top: calc(var(--header-height) + 2rem);
  }
}
@layer theme {
  .list-params {
    display: flex;
    flex-direction: column;
  }
  .list-params li {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    position: relative;
  }
  .list-params li::after {
    content: "";
    width: 100%;
  }
  .list-params li .lp--value {
    text-align: right;
  }
  .list-params.-default {
    gap: 0.5rem;
  }
  .list-params.-default li::after {
    height: 1.6rem;
    margin: 0 0.4rem;
    background-image: linear-gradient(to right, var(--color-base) 0.2rem, transparent 0.2rem);
    background-size: 0.4rem 0.1rem;
    background-repeat: repeat-x;
    background-position: 0 100%;
  }
  .list-params.-default li > *:last-child {
    order: 1;
    align-content: flex-end;
  }
  .list-params.-default li:nth-child(n+2) {
    display: flex;
  }
  @media (min-width: 768px) {
    .list-params.-default li {
      margin-bottom: 0.6rem;
    }
    .list-params.-default li::after {
      height: 2rem;
    }
  }
  @media (min-width: 1024px) {
    .list-params.-default li {
      margin-bottom: 1.2rem;
    }
  }
  .list-params.-lined li {
    display: flex;
    justify-content: space-between;
    white-space: normal;
    position: relative;
    padding: 0.6rem 0;
    align-items: center;
    line-height: 1.2;
    gap: 3rem;
  }
  .list-params.-lined li::after {
    content: "";
    width: 100%;
    height: 0;
    border-bottom: dashed 1px var(--color-border);
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
  }
  .list-params.-lined li:last-child {
    padding-bottom: 0;
  }
  .list-params.-lined li:last-child::after {
    display: none;
  }
  .mf-input-quantity {
    display: inline-flex;
    flex-wrap: nowrap;
    border: solid 1px var(--color-border);
    border-radius: 0.6rem;
    text-align: center;
    height: 2.4rem;
    margin-bottom: 0;
    overflow: hidden;
  }
  .mf-input-quantity > * {
    height: 100%;
  }
  .mf-input-quantity .mfiq--minus {
    order: -1;
  }
  .mf-input-quantity input {
    border: none;
    padding: 0;
    height: 100%;
    text-align: center;
    width: 2.8rem;
    background: transparent;
    border-radius: 0;
    margin: 0;
    /* For Firefox */
  }
  .mf-input-quantity input::-webkit-outer-spin-button, .mf-input-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .mf-input-quantity input[type=number] {
    -moz-appearance: textfield;
  }
  .mf-input-quantity .mfiq--control {
    font-size: 1.2em;
    line-height: 1;
    width: 2.4rem;
    flex-shrink: 0;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
  }
  .mf-input-quantity .mfiq--control:hover {
    background-color: var(--color-base-light-90);
  }
  .mf-input-quantity label {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  .mf-input-quantity.-bg-gray {
    border-color: var(--color-gray-light-70);
    background-color: var(--color-gray-light-70);
  }
  .mf-input-quantity.-bg-gray .mfiq--control:hover {
    background-color: var(--color-gray-light-40);
  }
  .message-box {
    display: flex;
    gap: 0.8rem;
    border-radius: 1rem;
    padding: 1.6rem 1.6rem 1.4rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .message-box[class*=ico-]::before {
    font-size: 1.4em;
    margin-top: -0.2rem;
    display: flex;
    align-self: flex-start;
  }
  .message-box.-alert {
    background-color: var(--color-red-light-90);
  }
  .message-box.-alert[class*=ico-]::before {
    color: var(--color-red);
  }
  .mf-tabs-control {
    display: flex;
    gap: 1rem;
  }
  .mf-tabs-control .mftbc--item {
    transition: var(--transition-ease);
    cursor: pointer;
    white-space: nowrap;
  }
  .mf-tabs-control.-style-1 .mftbc--item {
    display: flex;
    padding: 0.6rem 1.2rem 0.8rem;
    line-height: 1;
    background-color: var(--color-gray);
    border-radius: 0.6rem;
  }
  .mf-tabs-control.-style-1 .mftbc--item:hover {
    background-color: var(--color-base-dark-20);
    color: #fff;
  }
  .mf-tabs-control.-style-1 .mftbc--item.active {
    background-color: var(--color-base);
    color: #fff;
  }
  .mf-tabs-control.-style-2 {
    gap: 1.4rem;
  }
  .mf-tabs-control.-style-2 .mftbc--item {
    display: flex;
    line-height: 1;
    white-space: nowrap;
    padding: 0 0.9rem 0.9rem;
    position: relative;
  }
  .mf-tabs-control.-style-2 .mftbc--item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    border-right: 1rem;
    background-color: transparent;
    transition: background-color 0.2s;
  }
  .mf-tabs-control.-style-2 .mftbc--item:hover::after {
    background-color: var(--color-border);
  }
  .mf-tabs-control.-style-2 .mftbc--item.active {
    color: var(--color-base);
  }
  .mf-tabs-control.-style-2 .mftbc--item.active::after {
    background-color: var(--color-base);
  }
  .mf-tabs-control.-style-2.-icon-only .mftbc--item {
    font-size: 1.6em;
  }
  .mf-tabs-control.-style-3 {
    display: inline-flex;
    background-color: var(--color-base-light-94);
    border-radius: 2rem;
    align-items: center;
    padding: 0.8rem 1rem 0.8rem;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }
  .mf-tabs-control.-style-3::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
  }
  .mf-tabs-control.-style-3 .mftbc--item {
    padding: 0.6rem 1rem;
  }
  .mf-tabs-control.-style-3 .mftbc--item.active {
    background-color: #fff;
    border-radius: 99px;
  }
  .mf-tabs {
    padding-top: 1rem;
  }
  .mf-tabs .mftb--item:not(.active) {
    display: none;
  }
  .labeled-data {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .labeled-data .ld--item {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    line-height: 1;
    justify-content: center;
    position: relative;
  }
  .labeled-data.-simple .ld--item-label {
    font-size: 1.2rem;
    display: flex;
    gap: 0.3rem;
    font-weight: 600;
  }
  .labeled-data.-simple .ld--item-label.-accent {
    font-weight: 600;
    color: var(--color-base);
  }
  .labeled-data.-simple .ld--item-text {
    color: var(--color-gray-dark-50);
    font-size: 1.5rem;
  }
  .labeled-data.-simple .ld--item-text.-accent {
    font-weight: 600;
    color: var(--color-base);
  }
  .labeled-data.-simple .ld--item:not(:first-child)::before {
    content: "";
    display: block;
    position: absolute;
    left: -1rem;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: var(--color-border);
  }
  .labeled-data.-simple.-icon-fix .ld--text [class*=ico-] {
    font-size: 1.1em;
    transform: translateY(0.05em);
    display: inline-flex;
  }
  .labeled-data.-simple.-icon-fix .ld--text [class*=ico-]::before {
    line-height: 0;
  }
  .labeled-data.-card .ld--item {
    width: calc(33.333% - 1.333rem);
    background-color: var(--color-border-light);
    padding: 1rem;
    border-radius: 0.6rem;
    flex-grow: 1;
    min-width: max-content;
  }
  .labeled-data.-card .ld--item-text {
    opacity: 0.6;
    font-weight: 600;
    color: var(--color-base);
  }
  @media (min-width: 768px) {
    .labeled-data.-card .ld--item {
      width: clamp(10rem, 25% - 1.5rem, 15rem);
    }
  }
  .is-tooltip .tooltip-content {
    max-width: calc(100dvh - 2rem);
  }
  .is-title-divider {
    position: relative;
  }
  .is-title-divider::after {
    content: "";
    display: block;
    width: 3rem;
    height: 0.2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--color-border);
  }
  .icon-block-text .item {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    gap: 2rem;
  }
  .icon-block-text .item .icon {
    height: 8.3rem;
    display: flex;
  }
  .icon-block-text .item .icon > * {
    margin: auto auto 0;
    font-size: 8rem;
    color: var(--color-base);
  }
  .icon-block-text .item .title {
    font-family: var(--font-family-second);
    color: var(--color-base);
    font-size: 1.8rem;
    text-align: center;
  }
  .icon-block-text .item .text {
    line-height: 1.15;
  }
  .icon-block-text.-style-numbers .title {
    font-size: 2.8rem;
  }
  .icon-block-text.-style-numbers .text {
    width: 17rem;
    margin: auto;
  }
  .is-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .is-price .old {
    position: relative;
    font-size: 0.75em;
    font-weight: 400;
    opacity: 0.8;
    width: fit-content;
    line-height: 1;
    order: -1;
  }
  .is-price .old::after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 100%;
    height: 0.2rem;
    border-top: solid 0.1rem;
    transform: rotate(11deg) translateY(24%);
  }
  .is-price.-xl {
    font-size: 2.4rem;
  }
  .is-price.-xl .old {
    font-size: 0.62em;
  }
  .is-price.-horizontal {
    flex-direction: row;
    align-items: center;
    gap: 0.8rem;
  }
  .is-price.-horizontal .old {
    transform: translateY(1px);
    order: 1;
  }
  .simple-post-list {
    display: flex;
    flex-direction: column;
    --gap: 3rem;
    gap: var(--gap, 3rem);
  }
  .simple-post-list .sp--heading {
    margin-bottom: 0;
  }
  .simple-post-list .sp--heading.is-title-divider {
    margin-bottom: -2rem;
  }
  .simple-post-list .sp--item {
    display: flex;
    gap: 2rem;
    position: relative;
  }
  .simple-post-list .sp--item .sp--img {
    aspect-ratio: 1/1;
    width: 7rem;
    flex-shrink: 0;
    align-self: flex-start;
  }
  .simple-post-list .sp--item .sp--img img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    object-fit: cover;
    display: block;
  }
  .simple-post-list .sp--item .sp--content {
    align-self: center;
    gap: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .simple-post-list .sp--item .sp--title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
  }
  .simple-post-list .sp--item .sp--title:not(:hover) {
    color: var(--color-text);
  }
  .simple-post-list .sp--item + .sp--item::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(var(--gap, 2rem) / 2 * -1);
    width: 100%;
    height: 1px;
    background-color: var(--color-border-light);
  }
  .simple-post-list.-style-2 .sp--item {
    box-shadow: var(--box-shadow);
    border-radius: 1rem;
    padding: 1rem;
  }
  .simple-post-list.-style-2 .sp--item + .sp--item::before {
    display: none;
  }
  .simple-post-list.-box-style-2 {
    box-shadow: var(--box-shadow);
    border-radius: 1rem;
    padding: 1rem;
  }
  .simple-post-list.-reviews {
    --gap: 3rem;
    gap: var(--gap, 3rem);
  }
  .simple-post-list.-reviews .sp--item .sp--title {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    font-weight: 600;
  }
  .simple-post-list.-reviews .sp--item .sp--title [class*=ico-] {
    display: flex;
    gap: 0.4rem;
  }
  .simple-post-list.-reviews .sp--item .sp--title [class*=ico-]::before {
    font-size: 1.1em;
  }
  .simple-post-list.-reviews .sp--item .sp--text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
  }
  .simple-post-list.-reviews .sp--item + .sp--item::before {
    top: calc(var(--gap, 3rem) / 2 * -1);
  }
}
@layer theme {
  #footer {
    background-color: var(--color-base-dark-30);
    color: #fff;
    padding-top: 3rem;
  }
  #footer .logo {
    width: 20rem;
    line-height: 0;
  }
  #footer .logo img {
    filter: brightness(3);
  }
  #footer .footer-top {
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #footer .footer-top .footer-interact {
    flex-grow: 0;
  }
  #footer .footer-top .footer-interact > * {
    max-width: calc((100% - 1.6rem) / 2);
  }
  @media (min-width: 768px) {
    #footer .footer-top {
      flex-direction: row;
    }
  }
  @media (min-width: 1024px) {
    #footer .footer-top {
      padding-bottom: 4rem;
      align-items: center;
    }
  }
  #footer .footer-middle {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: solid 2px rgba(255, 255, 255, 0.5);
  }
  #footer .footer-middle .site-description {
    width: 50rem;
  }
  #footer .footer-middle .info {
    --gap: 6rem;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  #footer .footer-middle .info > * + * {
    position: relative;
  }
  #footer .footer-middle .info > * + *::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--gap, 1rem) / 2 * -1);
    left: 0;
    width: 3rem;
    height: 0.2rem;
    background-color: rgba(255, 255, 255, 0.5);
  }
  #footer .footer-middle .footer-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  #footer .footer-middle .footer-menu .has-submenu {
    width: 100%;
  }
  #footer .footer-middle .footer-menu .has-submenu > a {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
    display: flex;
    line-height: 1;
  }
  #footer .footer-middle .footer-menu .has-submenu > a:hover {
    color: var(--color-base-light-50);
  }
  #footer .footer-middle .footer-menu .has-submenu > ul {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  @media (min-width: 768px) {
    #footer .footer-middle .footer-menu {
      justify-content: space-between;
    }
    #footer .footer-middle .footer-menu .has-submenu {
      width: auto;
    }
    #footer .footer-middle .footer-menu .has-submenu:last-child {
      padding-right: 4rem;
    }
  }
  @media (min-width: 1024px) {
    #footer .footer-middle .footer-menu {
      justify-content: flex-start;
      gap: 6rem;
      flex-wrap: nowrap;
    }
    #footer .footer-middle .footer-menu:last-child {
      padding-right: 0;
    }
  }
  #footer .footer-bottom {
    opacity: 0.7;
    text-align: center;
    padding-bottom: 4rem;
    font-size: 1.4rem;
  }
  @media (min-width: 768px) {
    #footer .footer-bottom .copyright-info {
      text-align: left;
    }
    #footer .footer-bottom .advanced-info {
      text-align: right;
      align-self: flex-end;
    }
  }
  #footer a:not(:hover) {
    color: #fff;
  }
  #footer .title {
    font-size: 2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
  #footer .title::before {
    font-size: 1.2em;
  }
  @media (min-width: 1024px) {
    #footer {
      padding-top: 4rem;
    }
  }
  #footer .is-social-links a {
    background-color: #fff;
    color: #222;
  }
  #footer .is-social-links a:hover {
    background-color: var(--color-base-light-50);
    color: #fff;
  }
}
@layer theme {
  .is-banner {
    --bbc: #000;
    position: relative;
    border-radius: 1rem;
    padding: 2rem;
    overflow: hidden;
  }
  .is-banner .img-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .is-banner .content {
    position: relative;
    z-index: 1;
    width: 50rem;
  }
  .is-social-links {
    display: flex;
    gap: 0.8rem;
  }
  .is-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: 2.2rem;
  }
  .is-social-links a:hover {
    background-color: var(--color-base-dark-30);
  }
  .is-social-links.-color-white a:not(:hover) {
    background-color: #fff;
    color: var(--color-text);
  }
  .reviews-list {
    border: solid 1px var(--color-border);
    border-radius: 2rem;
    overflow: hidden;
  }
  .review-wrapper + .review-wrapper {
    border-top: dashed 1px var(--color-border);
  }
  .is-review {
    background-color: #fff;
    padding: 2rem;
  }
  .is-review .header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .is-review .author-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 7rem;
    min-height: 5rem;
    position: relative;
    gap: 0.5rem;
  }
  .is-review .avatar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5rem;
    height: 5rem;
  }
  .is-review .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    object-fit: cover;
  }
  .is-review .author {
    font-size: 2rem;
    font-weight: 600;
  }
  .is-review .for-post {
    opacity: 0.6;
    font-size: 1.4rem;
  }
  .is-review .for-post a:not(:hover) {
    color: var(--color-text);
  }
  .is-review .text {
    margin-top: 1rem;
  }
  .is-review .footer {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.4rem;
  }
  .is-review .footer .data, .is-review .footer [class*=ico-] {
    opacity: 0.6;
  }
  .is-review .reactions {
    display: flex;
    gap: 0.8rem;
  }
  .is-review .reactions [class*=ico-] {
    transition: var(--transition-ease);
    font-size: 1rem;
    line-height: 0;
  }
  .is-review .reactions [class*=ico-]::before {
    font-size: 2rem;
  }
  .is-review .reactions [class*=ico-]:hover {
    opacity: 1;
    color: var(--color-base);
  }
  .is-review .is-review {
    padding-right: 0;
    border-left: 1px dashed var(--color-border);
    margin-top: 1rem;
    padding-bottom: 0;
  }
  .rating-wrapper {
    font-size: 1.8rem;
    display: flex;
  }
  .rating-wrapper .ico-star-fill {
    color: var(--color-base);
  }
  .ya-reviews {
    width: 760px;
    height: 800px;
    max-height: calc(100dvh - var(--header-height));
    overflow: hidden;
    position: relative;
  }
  .ya-reviews iframe {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-border);
    border-radius: 2rem;
  }
  @layer theme {
    .rating-choose {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1.6rem;
    }
    .rating-choose .title {
      width: 100%;
      margin-bottom: 0.5rem;
    }
    .stars-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .stars-wrapper .single-star {
      position: relative;
      cursor: pointer;
      color: var(--color-border);
      font-size: 2.5rem;
    }
    .stars-wrapper .single-star input {
      opacity: 0;
      pointer-events: none;
      position: absolute;
    }
    .stars-wrapper .single-star * {
      height: 100%;
      display: flex;
    }
    .stars-wrapper .single-star .filled {
      position: absolute;
      inset: 0;
      opacity: 0;
    }
    .stars-wrapper:hover .single-star .filled {
      opacity: 1;
      color: var(--color-base);
    }
    .stars-wrapper:hover .single-star:hover ~ .single-star .filled {
      opacity: 0;
    }
    .stars-wrapper.active .single-star .filled {
      opacity: 1;
      color: #fbba1e;
    }
    .stars-wrapper:not(:hover) .single-star.active ~ .single-star .filled {
      opacity: 0;
    }
    .stars-wrapper.-visual-rating {
      pointer-events: none;
    }
    .stars-wrapper .label {
      margin-left: 0.5rem;
    }
  }
  .review-form-wrapper {
    padding: 3rem 2rem;
    border-top: solid 1px var(--color-border);
    margin-top: 1rem;
  }
  .review-rating {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 2rem;
  }
  .cloud-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
  }
  .cloud-tags .ct--item, .cloud-tags > * {
    background-color: var(--color-border-light);
    border: solid 1px transparent;
    color: var(--color-text);
    border-radius: 0.7rem;
    line-height: 1;
    padding: 0.32em 0.63em 0.43em;
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
  }
  .cloud-tags .ct--item .ct--counter, .cloud-tags > * .ct--counter {
    border-radius: 0.4rem;
    padding: 0.3rem 0.4rem 0.2rem;
    transform: translateY(1px);
    font-size: 0.8em;
    background-color: #fff;
    text-align: center;
    display: inline-flex;
    align-items: center;
    transition: var(--transition-ease);
    margin: -0.3rem 0;
  }
  .cloud-tags .ct--item:hover, .cloud-tags > *:hover {
    background-color: var(--color-base);
    color: #fff;
  }
  .cloud-tags .ct--item:hover .ct--counter, .cloud-tags > *:hover .ct--counter {
    color: var(--color-text);
  }
  .cloud-tags .ct--item.-current, .cloud-tags > *.-current {
    color: var(--color-base);
    border-color: var(--color-base);
  }
  .cloud-tags.-small {
    font-size: 1.4rem;
  }
  @media (min-width: 1024px) {
    .catalog-wrapper {
      order: 1;
      padding-left: 3rem;
    }
  }
}

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