.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.flex-column {
  display: flex;
  flex-direction: column; }

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

*,
*:before,
*:after {
  box-sizing: inherit; }

ul {
  list-style: none; }

a {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease; }

a:hover,
a:active,
a:focus {
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

.gm-style img {
  max-width: none; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html {
  font-size: 10px;
  box-sizing: border-box; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Open Sans", sans-serif;
  min-width: 320px;
  color: #000000;
  overflow-x: hidden; }
  body.overflow {
    overflow: hidden; }

.wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: #F7F7F7; }
  .wrapper.visible {
    overflow: visible;
    overscroll-behavior: contain; }
  @media (min-width: 1024px) {
    .wrapper.lg-visible {
      overflow: visible;
      overscroll-behavior: contain; } }
  .wrapper.bg-white {
    background-color: #FFFFFF; }

.main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto; }

.container {
  width: 100%;
  max-width: 1290px;
  padding: 0 1.6rem;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .container {
      padding: 0 2rem; } }

.scroll-wrap::-webkit-scrollbar {
  width: 3px;
  background-color: #ccc; }

.scroll-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 10px; }

.scroll-none::-webkit-scrollbar {
  display: none;
  background-color: transparent; }

.scroll-none::-webkit-scrollbar-thumb {
  display: none;
  background-color: transparent; }

.scroll-none {
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
  scrollbar-width: none; }

.section-title {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.37;
  color: #000000; }
  @media (min-width: 768px) {
    .section-title {
      font-size: 2.8rem;
      line-height: 1.35; } }
  @media (min-width: 768px) {
    .section-title.md-lh {
      line-height: 1.25; } }

.big-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.39; }

.medium-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.71; }
  @media (min-width: 768px) {
    .medium-title {
      font-size: 1.6rem;
      line-height: 1.5; } }

.small-title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.71; }

.big-text {
  font-size: 1.6rem;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .big-text--small {
      font-size: 1.4rem;
      line-height: 1.71; } }

.medium-text {
  font-size: 1.4rem;
  line-height: 1.71; }
  @media (min-width: 768px) {
    .medium-text {
      font-size: 1.6rem;
      line-height: 1.5; } }

.base-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43; }
  @media (min-width: 768px) {
    .base-text {
      line-height: 1.71; } }

.small-text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38; }

.sub-text {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #7F7F7F; }

.valid-text {
  font-size: 1.4rem;
  line-height: 1.71;
  color: #FF1D1E;
  margin-top: 0.2rem; }

.base-link {
  color: #00B900;
  transition: all 0.3s ease;
  font-size: 1.4rem;
  line-height: 1.71;
  display: flex;
  align-items: center; }
  .base-link__icon {
    transition: all 0.3s ease;
    color: #CCCCCC; }
  .base-link__arrow {
    transition: all 0.3s ease;
    color: #7F7F7F; }
  .base-link.active {
    color: #00B900; }
    .base-link.active .base-link__arrow,
    .base-link.active .base-link__icon {
      color: #00B900; }
  .base-link:hover {
    color: #71d501; }
    .base-link:hover .base-link__arrow,
    .base-link:hover .base-link__icon {
      color: #71d501; }

.main-link {
  color: #00B900;
  transition: all 0.3s ease;
  line-height: 1.13;
  width: fit-content;
  border-bottom: 1px solid transparent; }
  .main-link:hover {
    border-color: inherit; }

.back-link {
  color: #7F7F7F;
  transition: all 0.3s ease;
  font-size: 1.4rem;
  line-height: 1.71;
  display: flex;
  align-items: center;
  width: fit-content; }
  @media (min-width: 1024px) {
    .back-link {
      font-size: 1.6rem;
      line-height: 1.5; } }
  .back-link:hover {
    color: #00B900; }

.btn-sub {
  color: #7F7F7F;
  transition: all 0.3s ease;
  font-size: 1.4rem;
  line-height: 1.71;
  width: fit-content; }
  .btn-sub:hover, .btn-sub.active {
    color: #00B900; }

.base-list li + li {
  margin-top: 0.8rem; }

.text-center {
  text-align: center; }

.text-mob-center {
  text-align: center; }
  @media (min-width: 768px) {
    .text-mob-center {
      text-align: left; } }

.color-sub {
  color: #7F7F7F; }

.color-error {
  color: #FF1D1E; }

.color-main {
  color: #00B900; }

.color-white {
  color: #FFFFFF; }

.text-bold {
  font-weight: 700; }

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
  outline: none;
  appearance: none;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  transition: all 0.3s ease; }
  input[type='text']::placeholder,
  input[type='tel']::placeholder,
  input[type='email']::placeholder,
  input[type='search']::placeholder,
  input[type='password']::placeholder,
  input[type='number']::placeholder,
  textarea::placeholder {
    transition: all 0.3s ease; }
  input[type='text']:hover,
  input[type='tel']:hover,
  input[type='email']:hover,
  input[type='search']:hover,
  input[type='password']:hover,
  input[type='number']:hover,
  textarea:hover {
    border-color: #7F7F7F; }
  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  input[type='search']:focus,
  input[type='password']:focus,
  input[type='number']:focus,
  textarea:focus {
    border: 2px solid #00B900; }
  input[type='text']::-webkit-input-placeholder,
  input[type='tel']::-webkit-input-placeholder,
  input[type='email']::-webkit-input-placeholder,
  input[type='search']::-webkit-input-placeholder,
  input[type='password']::-webkit-input-placeholder,
  input[type='number']::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #7F7F7F; }
  input[type='text']::-moz-placeholder,
  input[type='tel']::-moz-placeholder,
  input[type='email']::-moz-placeholder,
  input[type='search']::-moz-placeholder,
  input[type='password']::-moz-placeholder,
  input[type='number']::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #7F7F7F; }
  input[type='text']:-moz-placeholder,
  input[type='tel']:-moz-placeholder,
  input[type='email']:-moz-placeholder,
  input[type='search']:-moz-placeholder,
  input[type='password']:-moz-placeholder,
  input[type='number']:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #7F7F7F; }
  input[type='text']:-ms-input-placeholder,
  input[type='tel']:-ms-input-placeholder,
  input[type='email']:-ms-input-placeholder,
  input[type='search']:-ms-input-placeholder,
  input[type='password']:-ms-input-placeholder,
  input[type='number']:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #7F7F7F; }
  input[type='text'].placeholder,
  input[type='tel'].placeholder,
  input[type='email'].placeholder,
  input[type='search'].placeholder,
  input[type='password'].placeholder,
  input[type='number'].placeholder,
  textarea.placeholder {
    color: #7F7F7F; }

textarea {
  resize: none;
  vertical-align: top;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
  appearance: none; }

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  cursor: pointer; }

select {
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease;
  outline: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none; }

button {
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease;
  outline: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none; }

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none; }

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

input:focus::-ms-input-placeholder {
  color: transparent; }

input:focus::placeholder {
  color: transparent; }

.m-0 {
  margin: 0 !important; }

.m-auto {
  margin: auto !important; }

.mt-05 {
  margin-top: 4px !important; }

.mt-1 {
  margin-top: 8px !important; }

.mt-15 {
  margin-top: 12px !important; }

.mt-2 {
  margin-top: 16px !important; }

.mt-3 {
  margin-top: 24px !important; }

.mt-4 {
  margin-top: 32px !important; }

.mt-5 {
  margin-top: 40px !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-05 {
  margin-right: 4px !important; }

.mr-1 {
  margin-right: 8px !important; }

.mr-15 {
  margin-right: 12px !important; }

.mr-2 {
  margin-right: 16px !important; }

.mr-3 {
  margin-right: 24px !important; }

.mr-4 {
  margin-right: 32px !important; }

.mr-5 {
  margin-right: 40px !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-025 {
  margin-bottom: 2px !important; }

.mb-05 {
  margin-bottom: 4px !important; }

.mb-1 {
  margin-bottom: 8px !important; }

.mb-15 {
  margin-bottom: 12px !important; }

.mb-2 {
  margin-bottom: 16px !important; }

.mb-3 {
  margin-bottom: 24px !important; }

.mb-4 {
  margin-bottom: 32px !important; }

.mb-5 {
  margin-bottom: 40px !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-05 {
  margin-left: 4px !important; }

.ml-1 {
  margin-left: 8px !important; }

.ml-15 {
  margin-left: 12px !important; }

.ml-2 {
  margin-left: 16px !important; }

.ml-3 {
  margin-left: 24px !important; }

.ml-4 {
  margin-left: 32px !important; }

.ml-5 {
  margin-left: 40px !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

@media (min-width: 768px) {
  .mb-md-2 {
    margin-bottom: 16px !important; }
  .mb-md-3 {
    margin-bottom: 24px !important; } }

@media (min-width: 1024px) {
  .mt-lg-4 {
    margin-top: 32px !important; }
  .mr-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-2 {
    margin-bottom: 16px !important; }
  .mb-lg-4 {
    margin-bottom: 32px !important; }
  .mb-lg-6 {
    margin-bottom: 48px !important; } }

.pt-2 {
  padding-top: 16px !important; }

.pt-3 {
  padding-top: 24px !important; }

.pt-4 {
  padding-top: 32px !important; }

.tablet {
  display: none !important; }
  @media (min-width: 768px) {
    .tablet {
      display: block !important; } }

.tablet-inline {
  display: none; }
  @media (min-width: 768px) {
    .tablet-inline {
      display: inline; } }

.is-tablet {
  display: none !important; }
  @media (min-width: 768px) {
    .is-tablet {
      display: flex !important; } }

@media (min-width: 768px) {
  .tablet-none {
    display: none !important; } }

@media (min-width: 1024px) {
  .desktop-none {
    display: none !important; } }

.desktop {
  display: none !important; }
  @media (min-width: 1024px) {
    .desktop {
      display: block !important; } }

.widescreen {
  display: none !important; }
  @media (min-width: 1200px) {
    .widescreen {
      display: block !important; } }

.full-width {
  width: 100%; }

.fit-width {
  width: fit-content; }

.mob-width {
  width: 100%; }
  @media (min-width: 768px) {
    .mob-width {
      width: fit-content; } }

.mob-flex {
  flex: auto; }
  @media (min-width: 768px) {
    .mob-flex {
      flex: none; } }

.flex {
  display: flex; }
  .flex.ai-end {
    align-items: end; }

.flex-row {
  display: flex;
  align-items: center; }

.flex-column {
  display: flex;
  flex-direction: column; }

.jc-between {
  justify-content: space-between; }

.jc-center {
  justify-content: center; }

.flex-auto {
  flex: auto; }

.flex-none {
  flex: none; }

.fit-width {
  width: fit-content; }

.header {
  padding: 1.6rem 0; }
  @media (min-width: 768px) {
    .header {
      padding: 0.8rem 0; } }
  .header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.nav {
  position: fixed;
  top: 0;
  right: -110%;
  width: 100vw;
  height: 100vh;
  padding: 1.6rem 1.6rem 4rem;
  background-color: #FFFFFF;
  z-index: 10;
  transition: all 0.3s ease;
  overflow: hidden;
  overflow-y: auto; }
  @media (min-width: 1024px) {
    .nav {
      position: static;
      right: auto;
      height: auto;
      padding: 0;
      margin: 0;
      width: auto;
      flex: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      overflow: visible;
      background-color: transparent; } }
  .nav.active {
    right: 0; }
  @media (min-width: 1200px) {
    .nav__contacts {
      margin: 0 0 0 1.8rem; } }
  .nav__menu {
    margin-top: 2.4rem; }
    @media (min-width: 1024px) {
      .nav__menu {
        margin: 0 0 0 2rem; } }
    @media (min-width: 1200px) {
      .nav__menu {
        margin: 0 0 0 6.7rem; } }

.header-logo {
  position: relative;
  z-index: 6;
  width: 15.3rem;
  display: flex;
  flex: none; }
  @media (min-width: 768px) {
    .header-logo {
      width: 20rem; } }
  @media (min-width: 1024px) {
    .header-logo {
      width: 16rem; } }
  @media (min-width: 1200px) {
    .header-logo {
      width: 25.2rem; } }
  .header-logo img {
    width: 100%;
    display: block; }

@media (min-width: 768px) {
  .contacts-list {
    display: flex; } }

.contacts-list__item {
  width: 100%; }
  @media (min-width: 768px) {
    .contacts-list__item {
      width: 50%; } }
  @media (min-width: 1024px) {
    .contacts-list__item {
      width: auto; } }
  .contacts-list__item + .contacts-list__item {
    margin-top: 0.8rem; }
    @media (min-width: 768px) {
      .contacts-list__item + .contacts-list__item {
        margin: 0 0 0 2.4rem; } }
    @media (min-width: 1200px) {
      .contacts-list__item + .contacts-list__item {
        margin-left: 4rem; } }

.contacts-list__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  height: 100%;
  padding: 1.6rem;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43; }
  @media (min-width: 768px) {
    .contacts-list__link {
      line-height: 1.71; } }
  @media (min-width: 1024px) {
    .contacts-list__link {
      font-size: 1.2rem;
      padding: 0;
      background-color: transparent; } }
  @media (min-width: 1360px) {
    .contacts-list__link {
      font-size: 1.4rem; } }
  .contacts-list__link.light-bg {
    background-color: #F7F7F7; }
    @media (min-width: 1024px) {
      .contacts-list__link.light-bg {
        background-color: transparent; } }

.contacts-list__link-text {
  display: flex;
  flex-direction: column;
  margin-right: 4rem; }
  @media (min-width: 1024px) {
    .contacts-list__link-text {
      margin: 0; } }

@media (min-width: 1024px) {
  .pages-nav {
    display: flex;
    align-items: center; } }

.pages-nav li {
  display: flex; }
  @media (max-width: 1023px) {
    .pages-nav li {
      border-bottom: 1px solid #F7F7F7; } }
  @media (min-width: 1024px) {
    .pages-nav li:first-child {
      order: 2; } }
  .pages-nav li:last-child {
    margin-top: 2.4rem; }
    @media (min-width: 1024px) {
      .pages-nav li:last-child {
        margin-top: 0;
        order: 1; } }
  @media (min-width: 1024px) {
    .pages-nav li:nth-child(2) {
      order: 3; } }

@media (min-width: 1024px) {
  .pages-nav li + li {
    margin-left: 1.6rem; } }

.nav-link {
  padding: 1rem 0;
  min-width: 4.8rem;
  flex: auto;
  display: flex;
  align-items: center;
  position: relative; }
  @media (min-width: 1024px) {
    .nav-link {
      min-width: 6.4rem;
      white-space: nowrap;
      flex: none;
      flex-direction: column;
      padding: 0.4rem 0.2rem 0; } }
  @media (min-width: 1024px) {
    .nav-link:hover .icon, .nav-link.active .icon {
      color: #00B900; } }
  @media (min-width: 1024px) {
    .nav-link--orders .count {
      left: calc(50% - 14px/2 + 15px); } }
  .nav-link--cart-mob {
    flex: none; }
    .nav-link--cart-mob .count {
      position: absolute;
      top: 0;
      left: calc(50% - 30px/2 + 15px); }
    .nav-link--cart-mob.has-product .icon {
      color: #00B900; }
  @media (min-width: 1024px) {
    .nav-link--cart .count {
      left: calc(50% - 30px/2 + 15px); }
    .nav-link--cart.has-product .icon {
      color: #00B900; } }
  .nav-link.has-product .count {
    display: block; }
  .nav-link .icon {
    color: #7F7F7F;
    transition: all 0.3s ease; }
  .nav-link__name {
    font-size: 1.4rem;
    line-height: 1.71;
    color: #000000;
    text-align: center; }
  .nav-link .count {
    display: none;
    opacity: 1;
    background-color: #00B900;
    padding: 0.1rem 0.4rem;
    border-radius: 0.8rem;
    font-size: 1rem;
    line-height: 1.4;
    color: #FFFFFF;
    white-space: nowrap; }
    @media (min-width: 1024px) {
      .nav-link .count {
        top: 0;
        position: absolute; } }

.footer {
  background-color: #333333;
  border-radius: 16px 16px 0px 0px;
  padding: 2.4rem 0;
  color: #FFFFFF; }
  @media (min-width: 1024px) {
    .footer {
      padding: 3.2rem 0 1.6rem; } }
  @media (min-width: 1024px) {
    .footer__block {
      margin: 0 -1.2rem;
      display: flex; } }
  @media (min-width: 1360px) {
    .footer__block {
      margin: 0 -2.5rem; } }
  .footer__block + .footer__block {
    border-top: 1px solid rgba(127, 127, 127, 0.3);
    padding-top: 2.4rem;
    margin-top: 2.4rem; }
    @media (min-width: 1024px) {
      .footer__block + .footer__block {
        padding-top: 3.2rem;
        margin-top: 4.8rem; } }
  .footer__top .footer__col {
    width: 100%; }
    @media (min-width: 1024px) {
      .footer__top .footer__col {
        width: 23.2%; }
        .footer__top .footer__col:nth-child(2) {
          width: 53.6%; } }
    @media (max-width: 1023px) {
      .footer__top .footer__col:last-child {
        align-items: center;
        border-top: 1px solid rgba(127, 127, 127, 0.3);
        padding-top: 2.4rem;
        margin-top: 2.4rem; } }
  .footer__bottom {
    justify-content: space-between;
    position: relative; }
    @media (min-width: 1024px) {
      .footer__bottom {
        padding-bottom: 4rem; } }
    .footer__bottom .footer__col {
      width: 100%; }
      @media (min-width: 1024px) {
        .footer__bottom .footer__col {
          width: fit-content; }
          .footer__bottom .footer__col:nth-child(1) {
            margin-right: auto; } }
  @media (min-width: 1024px) {
    .footer__top-link {
      position: absolute;
      bottom: 0; } }
  @media (min-width: 1024px) {
    .footer__col {
      padding: 0 1.2rem; } }
  @media (min-width: 1360px) {
    .footer__col {
      padding: 0 2.5rem; } }
  .footer__copyright {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 1024px) {
      .footer__copyright {
        flex-direction: column;
        align-items: flex-start; } }
  .footer__copyright-img {
    width: 3rem; }

.copyright {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43; }
  @media (min-width: 1024px) {
    .copyright {
      font-size: 1.3rem;
      line-height: 1.54; } }

.policy-link {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.33;
  color: #CCCCCC; }

.footer-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.71;
  color: #FFFFFF; }

.footer-text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38; }
  @media (min-width: 768px) {
    .footer-text {
      font-size: 1.4rem;
      line-height: 1.5; } }

.subscr-text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38;
  color: #7F7F7F; }
  @media (min-width: 768px) {
    .subscr-text {
      font-size: 1.2rem;
      line-height: 1.33; } }
  .subscr-text a {
    color: #00B900; }

@media (min-width: 768px) {
  .subscription {
    max-width: 49.9rem; } }

@media (min-width: 768px) {
  .subscription__md-row {
    display: flex; } }

.subscription__field {
  margin-bottom: 1.6rem;
  width: 100%; }
  @media (min-width: 768px) {
    .subscription__field {
      margin: 0 1.2rem 0 0; } }

.subscription__btn {
  width: 100%; }
  @media (min-width: 768px) {
    .subscription__btn {
      width: 18.2rem;
      flex: none; } }

.subscription .subscr-text {
  text-align: center;
  margin-top: 1.6rem; }
  @media (min-width: 768px) {
    .subscription .subscr-text {
      margin-top: 1.2rem;
      text-align: left; } }

@media (max-width: 767px) {
  .subscription .btn,
  .subscription .form__input {
    min-height: 4.4rem; } }

.subscription .form__input {
  padding: 0.7rem 1.6rem; }

.footer-list {
  color: #E5E5E5; }
  .footer-list span {
    font-weight: 700; }

.footer-nav {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43; }
  .footer-nav li + li {
    margin-top: 0.8rem; }

.footer-link {
  color: #E5E5E5;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent; }
  .footer-link:hover {
    color: #FFFFFF;
    border-color: #FFFFFF; }

.social-list {
  display: flex; }
  @media (min-width: 1024px) {
    .social-list {
      flex-direction: column; } }
  .social-list li + li {
    margin-left: 2.4rem; }
    @media (min-width: 1024px) {
      .social-list li + li {
        margin: 2.4rem 0 0 0; } }

.soc-link {
  display: flex;
  align-items: center;
  color: #E5E5E5;
  transition: all 0.3s ease; }
  .soc-link:hover {
    color: #FFFFFF; }
    .soc-link:hover .icon {
      color: #FFFFFF; }
  .soc-link .icon {
    color: #B3B3B3;
    transition: all 0.3s ease; }
  .soc-link span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43; }

.btn-top {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  background-color: rgba(127, 127, 127, 0.5);
  transition: all 0.3s ease; }
  .btn-top:hover {
    background-color: rgba(255, 255, 255, 0.5); }

.icon-big {
  font-size: 3.2rem;
  width: 1em; }

.base-section {
  padding: 1.6rem 0 4rem; }
  @media (min-width: 1024px) {
    .base-section {
      padding: 3.2rem 0 6rem; } }

.cart-section {
  padding: 1.6rem 0 3.2rem; }
  @media (min-width: 1024px) {
    .cart-section {
      padding: 3.2rem 0 6rem; } }

.login-section {
  padding: 1.6rem 0 8rem; }
  @media (min-width: 1024px) {
    .login-section {
      padding: 6.4rem 0 4.1rem; } }
  .login-section .decor-img {
    position: absolute;
    bottom: -4px;
    right: 0px; }

.success-section {
  padding: 1.6rem 0 4.4rem; }
  @media (min-width: 1024px) {
    .success-section {
      padding: 8.8rem 0 6rem; } }
  .success-section .decor-img {
    position: absolute;
    bottom: -4px;
    right: 0px; }

.registration-section {
  padding: 1.6rem 0 4rem; }
  @media (min-width: 1024px) {
    .registration-section {
      padding: 8rem 0 4rem; } }
  .registration-section .decor-img {
    position: absolute;
    bottom: -4px;
    right: -4px; }

.wrap {
  display: flex;
  flex-wrap: wrap; }

.wrap-content {
  width: 100%;
  margin-bottom: 2.4rem; }
  @media (min-width: 1024px) {
    .wrap-content {
      width: calc(100% - 28.8rem);
      padding-right: 3.1rem;
      margin-bottom: 0; } }

.wrap-sidebar {
  width: 100%; }
  @media (min-width: 1024px) {
    .wrap-sidebar {
      width: 28.8rem; } }
  @media (min-width: 1024px) {
    .wrap-sidebar.p-top {
      padding-top: 4.9rem; } }

@media (min-width: 1024px) {
  .section-head__lg-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; } }

.price-section {
  padding: 0rem 0 3.2rem; }
  @media (min-width: 1024px) {
    .price-section {
      padding: 3.2rem 0 8rem; } }

.price-search {
  width: 100%; }
  @media (min-width: 1024px) {
    .price-search {
      width: calc(100% - 31.9rem); } }

@media (min-width: 1024px) {
  .price-head {
    display: flex;
    flex-direction: column-reverse; } }

.order-details__wrap {
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 8px;
  padding: 2.3rem 1.5rem; }

.order-details__title {
  font-size: 1.8rem;
  line-height: 1.38;
  font-weight: 600;
  margin-bottom: 1.6rem; }

.order-details__footer {
  padding-top: 1.6rem;
  border-top: 1px solid #CCCCCC; }

.order-details__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.8rem;
  line-height: 1.38;
  font-weight: 600; }

.order-details__btn {
  display: none;
  margin-top: 1.6rem; }
  .order-details__btn.active {
    display: block; }

.order-details + .order-details {
  margin-top: 1.6rem; }
  @media (min-width: 1024px) {
    .order-details + .order-details {
      margin-top: 0.8rem; } }

.order-details + .how-card {
  margin-top: 1.6rem; }

.order-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  transition: all 0.3s ease; }
  .order-item__name {
    font-size: 1.4rem;
    line-height: 1.35; }
  .order-item__sum {
    font-size: 1.4rem;
    line-height: 1.43;
    margin-left: 1rem; }
    @media (min-width: 1024px) {
      .order-item__sum {
        font-size: 1.8rem;
        line-height: 1.38;
        font-weight: 600; } }
  .order-item + .order-item {
    margin-top: 0.8rem; }

.orders {
  display: flex;
  flex-wrap: wrap; }
  .orders__content {
    width: 100%; }
    @media (min-width: 768px) {
      .orders__content {
        width: 74.4%; } }
    @media (min-width: 1024px) {
      .orders__content {
        width: calc(100% - 32rem); } }
  .orders__sidebar {
    width: 100%;
    margin-bottom: 2.4rem; }
    @media (min-width: 768px) {
      .orders__sidebar {
        width: 25.6%;
        padding-right: 1.6rem;
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .orders__sidebar {
        width: 32rem;
        padding-right: 3rem; } }
  .orders__select {
    width: 100%;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .orders__select {
        min-width: 33.1rem;
        width: fit-content;
        margin-bottom: 17px; } }

.order-info__wrap {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  padding: 2.3rem; }
  @media (min-width: 768px) {
    .order-info__wrap {
      padding: 1.5rem; } }
  @media (min-width: 1024px) {
    .order-info__wrap {
      padding: 2.3rem; } }

.order-info__block {
  margin-top: 1.6rem; }

.order-board__wrap {
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  padding: 1.5rem; }

.order-board__block + .order-board__block {
  margin-top: 0.8rem; }

.order-board + .order-board {
  margin-top: 0.8rem; }

@media (min-width: 1200px) {
  .order-products .product__head {
    width: 47.03%; } }

.order-products .product__wrap {
  padding-right: 8.6rem; }

.order-products .product__body {
  justify-content: space-between; }

.sprite-wrap {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; }

.img-cover {
  display: block;
  flex: none; }
  .img-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; }

.img-wrap {
  display: block;
  flex: none; }
  .img-wrap img {
    width: 100%; }

.user-img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  overflow: hidden; }

.base-icon {
  width: 2.4rem;
  height: 2.4rem; }

.icon-wrap svg {
  width: 100%;
  height: 100%; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  flex: none; }

.icon-base {
  font-size: 2.4rem;
  width: 1em; }

.btn {
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  padding: 0.5rem 2.1rem;
  font-size: 1.6rem;
  line-height: 1;
  min-height: 4rem; }
  .btn.primary {
    color: #FFFFFF;
    background-color: #00B900;
    border: 1px solid #00B900; }
    .btn.primary:active {
      background-color: #71d501; }
    @media (min-width: 1024px) {
      .btn.primary:hover {
        background-color: #71d501; } }
  .btn.secondary {
    color: #00B900;
    background-color: #FFFFFF;
    border: 1px solid #00B900; }
    .btn.secondary.active, .btn.secondary:active {
      color: #FFFFFF;
      background-color: #00B900; }
    @media (min-width: 1024px) {
      .btn.secondary:hover {
        color: #FFFFFF;
        background-color: #00B900; } }
  .btn.tertiary {
    color: #FF1D1E;
    border: 1px solid #FF1D1E; }
    .btn.tertiary.active, .btn.tertiary:active {
      color: #FFFFFF;
      background-color: #FF1D1E; }
    @media (min-width: 1024px) {
      .btn.tertiary:hover {
        color: #FFFFFF;
        background-color: #FF1D1E; } }
  .btn.no-active {
    display: none; }
  .btn.disable {
    background-color: #CCCCCC;
    color: #7F7F7F;
    border: 1px solid #CCCCCC;
    pointer-events: none; }
  .btn.small {
    min-height: 2.8rem;
    font-size: 1.3rem;
    padding: 0.5rem 1.05rem; }
  .btn.sm-small {
    min-height: 3.2rem;
    font-size: 1.4rem; }
    @media (min-width: 768px) {
      .btn.sm-small {
        min-height: 4rem; } }
  @media (min-width: 1024px) {
    .btn.lg-medium {
      min-height: 4.4rem;
      font-size: 1.8rem; } }
  .btn.p-16 {
    padding: 0.5rem 1.55rem; }
  .btn.big {
    min-height: 4.4rem; }
  .btn.w-68 {
    min-width: 6.8rem; }
  .btn.w-170 {
    min-width: 17rem; }
  .btn.w-288 {
    min-width: 28.8rem; }

.btn-icon {
  display: flex;
  align-items: center;
  flex: none;
  height: fit-content;
  transition: all 0.3s ease; }

.btn-delete {
  color: #7F7F7F; }
  .btn-delete:hover, .btn-delete:active {
    color: #FF1D1E; }

.btn-wrap {
  position: relative; }
  .btn-wrap__cursor {
    position: absolute;
    right: -6px;
    bottom: -11px; }

.btn-arrow {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  min-height: 4.4rem;
  border-bottom: 1px solid #E5E5E5;
  font-size: 1.4rem;
  color: #000000;
  transition: all 0.3s ease; }
  @media (min-width: 1024px) {
    .btn-arrow:hover {
      color: #00B900; } }

.login-form {
  width: 100%; }
  @media (min-width: 768px) {
    .login-form {
      max-width: 33.1rem; } }

.registration-form {
  width: 100%; }
  @media (min-width: 768px) {
    .registration-form {
      max-width: 61rem; } }
  .registration-form .form__field + .form__field {
    margin-top: 0.8rem; }

@media (min-width: 768px) {
  .form-wrap {
    max-width: 93rem;
    padding: 6.4rem 3rem;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 8px; } }

.price-form__panel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem 1.6rem;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2; }
  .price-form__panel.hidden {
    display: none;
    visibility: hidden;
    z-index: -1; }

.form__field {
  display: flex;
  flex-direction: column; }
  .form__field + .form__field {
    margin-top: 1.6rem; }
    @media (min-width: 768px) {
      .form__field + .form__field {
        margin-top: 2.4rem; } }
  @media (min-width: 768px) {
    .form__field.limited {
      max-width: 33.1rem; } }
  .form__field.valid .form__valid {
    display: block; }
  .form__field.invalid .form__input {
    border: 1px solid #FF1D1E !important; }
  .form__field.invalid .valid-text {
    display: block; }
  .form__field.invalid .form__error {
    display: block; }
  .form__field .valid-text {
    display: none; }

.form__group + .form__group {
  margin-top: 2.4rem;
  padding-top: 2.3rem;
  border-top: 1px solid #CCCCCC; }

.form__group .form__field + .form__field {
  margin-top: 0.8rem; }

.form__label {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
  margin-bottom: 0.4rem; }

.form__label-wrap {
  margin-bottom: 0.4rem; }
  .form__label-wrap .form__label {
    margin: 0 1rem 0 0; }

.form__input-wrap {
  position: relative; }

.form__input {
  width: 100%;
  line-height: 1.71;
  padding: 0.7rem;
  min-height: 4rem;
  display: flex;
  align-items: center;
  border-radius: 8px; }

.form__textarea {
  min-height: 8.8rem;
  padding: 0.7rem;
  border-radius: 8px;
  border: 1px solid #CCCCCC; }
  .form__textarea::-webkit-scrollbar {
    width: 3px;
    background-color: #ccc; }
  .form__textarea::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 10px; }

.form__sub-footer {
  margin-top: 3.2rem; }

.form__checkbox-btn {
  display: flex;
  align-items: flex-start;
  cursor: pointer; }

.form__check {
  display: flex;
  align-items: center;
  margin-right: auto; }

.form__real-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.form__custom-checkbox {
  flex: none;
  margin-right: 1.2rem;
  position: relative;
  width: 2rem;
  height: 2rem;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
  .form__custom-checkbox::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/checkbox.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.2s ease; }

.form__check-text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.3;
  color: #000000; }

.form__real-checkbox:checked + .form__custom-checkbox {
  background-color: #00B900;
  border: 1px solid #00B900; }

.form__real-checkbox:checked + .form__custom-checkbox::before {
  transform: translate(-50%, -50%) scale(1); }

.form__fixed-right {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%); }

.form__error {
  display: none; }

.form__valid {
  display: none; }

.form-attach__label {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #7F7F7F;
  transition: all 0.3s ease; }
  .form-attach__label:hover {
    color: #00B900; }

.search-form {
  width: 100%; }
  .search-form__wrap {
    position: relative; }
  .search-form__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    height: 4rem;
    width: 100%;
    padding: 1rem 6.8rem 1rem 1.6rem; }
    @media (min-width: 1024px) {
      .search-form__input {
        height: 4.8rem;
        padding: 1rem 9.7rem 1rem 1.6rem;
        border-radius: 8px; } }
    @media (min-width: 1024px) {
      .search-form__input.h-44 {
        height: 4.4rem; } }
    .search-form__input:focus + .search-form__label .search-form__reset {
      opacity: 1;
      z-index: 2; }
  .search-form__label {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; }
    @media (min-width: 1024px) {
      .search-form__label {
        right: -1px; } }
  .search-form__reset {
    border-radius: 0px 8px 8px 0px;
    padding: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease;
    color: #7F7F7F;
    margin-right: 0.6rem; }
    @media (min-width: 1024px) {
      .search-form__reset {
        margin-right: 1.6rem; } }
    .search-form__reset:hover, .search-form__reset:active {
      color: #FF1D1E; }
    .search-form__reset.active {
      opacity: 1; }
  .search-form__btn {
    height: 100%;
    color: #7F7F7F; }
    @media (min-width: 1024px) {
      .search-form__btn {
        padding: 1rem 1.2rem;
        border-radius: 0px 8px 8px 0px;
        color: #FFFFFF;
        color: #FFFFFF;
        background-color: #00B900;
        border: 1px solid #00B900; }
        .search-form__btn:hover {
          background-color: #71d501; } }
    .search-form__btn.active, .search-form__btn:active {
      background-color: #71d501; }

.file-item {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .file-item + .file-item {
    margin-top: 1.6rem; }

.accordion-wrapper .accordion + .accordion {
  margin-top: 1.6rem; }

.accordion-wrap .accordion + .accordion {
  margin-top: 0.8rem; }

.accordion.border {
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  transition: all 0.3s ease; }
  .accordion.border:hover {
    background-color: #F7F7F7; }
  .accordion.border.active {
    background-color: #F7F7F7; }

.accordion__head {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 1.3rem 0.6rem 1.3rem 1.5rem; }
  @media (min-width: 1024px) {
    .accordion__head {
      padding: 1.3rem 2.4rem; } }
  .accordion__head.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    background-color: #F7F7F7;
    z-index: 2; }
  .accordion__head--p-left {
    padding: 1.2rem 1.5rem; }
    @media (min-width: 1024px) {
      .accordion__head--p-left {
        padding-left: 12rem; } }
    @media (max-width: 1023px) {
      .accordion__head--p-left.active {
        border-bottom: 1px solid #CCCCCC; } }
  .accordion__head:hover .accordion__icon,
  .accordion__head:hover .accordion__title {
    color: #00B900; }
  .accordion__head:hover .accordion__btn::before, .accordion__head:hover .accordion__btn::after {
    background-color: #00B900; }
  .accordion__head.active .accordion__icon {
    color: #00B900; }
  .accordion__head.active .accordion__title {
    font-weight: 700; }
  .accordion__head.active + .accordion__content {
    display: block;
    animation: fadeIn 0.3s; }
    @media (min-width: 1024px) {
      .accordion__head.active + .accordion__content {
        max-height: 100000px !important; } }
  .accordion__head.active .accordion__btn:after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg); }
  .accordion__head.closed .accordion__btn:after {
    opacity: 1;
    transform: translate(-50%, -50%); }

.accordion__icon {
  color: #7F7F7F;
  margin-right: 0.8rem; }
  @media (min-width: 1024px) {
    .accordion__icon {
      margin-right: 2.4rem; } }

.accordion__title {
  font-weight: 400;
  transition: all 0.3s ease; }

.accordion__btn {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: block;
  flex: none;
  margin-right: 0.8rem; }
  @media (min-width: 1024px) {
    .accordion__btn {
      margin-right: 2.4rem; } }
  .accordion__btn::before, .accordion__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #7F7F7F;
    z-index: 2;
    border-radius: 4px;
    transition: all 0.3s ease; }
  .accordion__btn::before {
    width: 16px;
    height: 2px; }
  .accordion__btn::after {
    height: 16px;
    width: 2px; }
  .accordion__btn--open:after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg); }

.accordion__content {
  display: none;
  transition: all 0.3s ease;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  max-height: 100000px !important; }
  @media (min-width: 1024px) {
    .accordion__content {
      max-height: 0 !important; } }

.accordion__inner {
  border-top: 1px solid #CCCCCC; }
  @media (min-width: 1024px) {
    .accordion__inner .accordion + .accordion {
      border-top: 1px solid #CCCCCC; } }

@media (min-width: 1024px) {
  .accordion__descr {
    padding-bottom: 1.5rem; } }

@media (min-width: 1024px) {
  .accordion__products {
    padding: 0 2.4rem 1.5rem; } }

@media (min-width: 1200px) {
  .accordion__products {
    padding: 0 2.3rem 1.5rem 7.2rem; } }

.accordion .accordion {
  border: none;
  border-radius: 0; }
  .accordion .accordion .accordion__content {
    border-radius: 0; }
  .accordion .accordion.active .accordion__content {
    display: block;
    animation: fadeIn 0.3s; }
    @media (min-width: 1024px) {
      .accordion .accordion.active .accordion__content {
        max-height: 100000px !important; } }
  .accordion .accordion:last-child .accordion__content {
    border-radius: 0 0 8px 8px; }
  @media (max-width: 1023px) {
    .accordion .accordion:last-child .product__wrap {
      border-bottom: none; } }

.accordion .accordion + .accordion {
  margin-top: 0; }

.add__wrap {
  display: flex;
  justify-content: center; }

.add__btn {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  background-color: #FFFFFF;
  position: relative;
  flex: none; }
  .add__btn.accent {
    border-color: #00B900; }
  .add__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #00B900;
    transition: all 0.3s ease;
    width: 16px;
    height: 2px;
    border-radius: 2px; }
  .add__btn.plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #00B900;
    transition: all 0.3s ease;
    height: 16px;
    width: 2px;
    border-radius: 2px; }
  .add__btn.active::before, .add__btn.active::after {
    background-color: #00B900; }
  .add__btn.disabled {
    pointer-events: none; }
    .add__btn.disabled::before, .add__btn.disabled::after {
      background-color: #B3B3B3; }

.add__input {
  width: 3.6rem;
  height: auto;
  text-align: center;
  background-color: transparent;
  border: none !important;
  padding: 0 0.2rem; }

.product-group + .product-group {
  margin-top: 1.6rem; }

@media (min-width: 1024px) {
  .product-group .product + .product {
    margin-top: -1px; } }

.cart-products .product + .product {
  margin-top: 0.4rem; }
  @media (min-width: 1024px) {
    .cart-products .product + .product {
      margin-top: 0.8rem; } }

@media (min-width: 768px) {
  .product--price .product__add {
    order: 4; } }

@media (min-width: 768px) {
  .product--price .product__sum {
    order: 5; } }

@media (min-width: 768px) {
  .product--price .product__btn {
    order: 6; } }

@media (max-width: 767px) {
  .product--price .product__price-col {
    width: calc(100% - 8rem); } }

.product--cart .product__wrap {
  border: 1px solid #CCCCCC;
  border-radius: 8px; }

@media (min-width: 768px) {
  .product--cart .product__add {
    margin: 0 2rem; } }

@media (min-width: 1200px) {
  .product--cart .product__add {
    margin: 0 4.6rem; } }

@media (min-width: 1200px) {
  .product--cart .product__head {
    width: 45.8%;
    margin-right: 4.6rem; } }

.product--order .product__wrap {
  border: 1px solid #CCCCCC;
  border-radius: 8px; }

.product--order .product__sum {
  margin: 0; }

@media (min-width: 768px) {
  .product--order .product__head {
    width: 50%; } }

@media (min-width: 1200px) {
  .product--order .product__head {
    width: 46%; } }

.product__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  background: #FFFFFF;
  padding: 16px;
  border-bottom: 1px solid #CCCCCC; }
  @media (min-width: 768px) {
    .product__wrap {
      align-items: center;
      flex-wrap: nowrap; } }
  @media (min-width: 1024px) {
    .product__wrap {
      border: 1px solid #CCCCCC;
      border-radius: 8px;
      padding: 8px 15px; } }

.product__head {
  display: flex;
  align-items: center;
  width: calc(100% - 10rem);
  padding-right: 2rem;
  margin-bottom: 0.8rem; }
  @media (min-width: 768px) {
    .product__head {
      width: 34%;
      padding-right: 0;
      margin: 0 1.2rem 0 0; } }
  @media (min-width: 1200px) {
    .product__head {
      width: 38%; } }

.product__name {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38;
  color: #000000;
  transition: all 0.3s ease; }
  @media (min-width: 1200px) {
    .product__name {
      font-size: 1.4rem;
      line-height: 1.71; } }
  .product__name:hover {
    color: #00B900; }

.product__img {
  overflow: hidden;
  flex: none;
  margin-right: 1.6rem; }
  .product__img img {
    width: 100%;
    max-width: 66px;
    object-fit: cover;
    display: block;
    margin: 0 auto; }

.product__quantity {
  font-size: 1.3rem;
  line-height: 1.38;
  color: #7F7F7F;
  white-space: nowrap;
  display: block; }
  @media (min-width: 768px) {
    .product__quantity {
      width: auto;
      color: #000000;
      margin: 0 0.8rem 0 auto; } }
  @media (min-width: 1200px) {
    .product__quantity {
      font-size: 1.4rem;
      line-height: 1.71;
      min-width: 8.6rem;
      margin: 0 1.6rem 0 auto; } }

.product__sum-col {
  display: block;
  width: calc(100% - 56px); }
  @media (min-width: 768px) {
    .product__sum-col {
      width: auto;
      min-width: 10.6rem;
      text-align: right;
      margin: 0; } }
  @media (min-width: 768px) {
    .product__sum-col .product__price {
      font-weight: 600; } }

@media (min-width: 768px) {
  .product__price-col {
    width: auto;
    min-width: 7.6rem;
    text-align: right;
    margin: 0; } }

.product__price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -0.8rem 0 0; }
  @media (min-width: 768px) {
    .product__price-row {
      flex-direction: column;
      align-items: flex-end;
      margin: 0; } }
  .product__price-row span {
    margin-right: 0.8rem; }
    @media (min-width: 768px) {
      .product__price-row span {
        margin: 0; } }

.product__price {
  font-size: 1.8rem;
  line-height: 1.38;
  font-weight: 600; }
  @media (min-width: 768px) {
    .product__price {
      font-size: 1.4rem;
      line-height: 1.71;
      font-weight: 400; } }
  .product__price.line-through {
    text-decoration: line-through; }
  .product__price.extra {
    color: #FF1D1E; }
    @media (min-width: 768px) {
      .product__price.extra {
        margin-bottom: 2px; } }

.product__price-old {
  font-size: 1.3rem;
  line-height: 1.35;
  color: #7F7F7F;
  text-decoration-line: line-through;
  margin-left: 0.8rem; }

.product__add {
  margin-bottom: 0.8rem; }
  @media (min-width: 768px) {
    .product__add {
      margin: 0 0.8rem; } }
  @media (min-width: 1200px) {
    .product__add {
      margin: 0 1.6rem; } }

.product__status {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38;
  width: 10rem;
  margin-bottom: 0.8rem; }
  @media (min-width: 768px) {
    .product__status {
      margin: 0 1.2rem 0 0;
      font-size: 1.4rem;
      line-height: 1.71; } }
  @media (min-width: 1200px) {
    .product__status {
      margin-right: 3.2rem;
      min-width: 12.4rem; } }

.product__sum {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.71; }
  @media (min-width: 768px) {
    .product__sum {
      width: auto;
      min-width: 9.2rem;
      margin: 0; } }

.product__btn {
  height: fit-content;
  margin: auto 0 0 1.2rem; }
  @media (min-width: 768px) {
    .product__btn {
      width: fit-content;
      min-width: 6.8rem;
      margin: 0 0 0 0.8rem; } }
  @media (min-width: 1200px) {
    .product__btn {
      margin-left: 1.6rem; } }

.product__del-col {
  margin: auto 0 0 3.2rem;
  min-width: 2.4rem;
  display: flex;
  justify-content: flex-end; }
  @media (min-width: 768px) {
    .product__del-col {
      margin: auto 0 auto 4.6rem; } }

.product__price-wrap {
  display: block;
  width: 10rem; }
  @media (min-width: 768px) {
    .product__price-wrap {
      width: auto;
      min-width: 8rem;
      text-align: right;
      margin: 0 1.6rem 0 auto; } }
  .product__price-wrap .product__quantity {
    margin: 0; }

.product__sum-wrap {
  margin-left: 1.6rem; }
  @media (min-width: 1200px) {
    .product__sum-wrap {
      margin-left: 4.6rem; } }

.product .text-right {
  text-align: right; }

.decor-img {
  position: absolute;
  z-index: -1; }

.decor-section {
  position: relative;
  z-index: 1;
  overflow: hidden; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.start-item__wrap {
  align-items: center; }

.start-item__icon {
  width: 5.6rem; }

.how-card__wrap {
  background-color: #F7F7F7;
  border: 1px solid #00B900;
  border-radius: 8px;
  overflow: hidden;
  padding: 2.4rem 1.6rem;
  display: flex;
  position: relative;
  z-index: 1; }

.how-card__inner {
  margin-right: 6rem;
  flex: auto; }
  @media (min-width: 1024px) {
    .how-card__inner {
      margin-right: 0; } }

.how-card__head {
  display: flex; }

.how-card__list {
  pointer-events: none; }

.how-card .decor-img {
  position: absolute;
  bottom: -4px;
  right: 0px;
  z-index: -1;
  max-height: 100%; }

.how-card + .order-details {
  margin-top: 1.6rem; }

.empty-board__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  @media (min-width: 768px) {
    .empty-board__wrap {
      background-color: #FFFFFF;
      border: 1px solid #CCCCCC;
      border-radius: 8px;
      padding: 4.6rem; } }

.empty-board__img {
  width: 17.5rem; }

.empty-board__title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35; }

.empty-board__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43;
  color: #7F7F7F; }

.info-tip__wrap {
  background-color: #F7F7F7;
  border: 1px solid #00B900;
  border-radius: 8px;
  overflow: hidden;
  padding: 1.1rem;
  display: flex;
  position: relative;
  z-index: 1; }

.filter-tabs__head {
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -1.6rem;
  padding: 0 1.6rem; }

.filter-tabs__btn {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  font-size: 1.4rem;
  color: #000000;
  white-space: nowrap;
  cursor: pointer;
  background: #F0F0F0;
  border: 1px solid #F0F0F0;
  border-radius: 30px;
  transition: all 0.3s ease; }
  .filter-tabs__btn:hover {
    border-color: #00B900; }
  .filter-tabs__btn + .filter-tabs__btn {
    margin-left: 0.8rem; }
  .filter-tabs__btn.active {
    background-color: #FFFFFF;
    border-color: #00B900; }
  .filter-tabs__btn span {
    font-weight: 700;
    font-size: 1.2rem;
    color: #000000;
    margin-left: 1rem; }

.filter-tabs__content {
  display: flex;
  flex-direction: column;
  padding-top: 1.7rem; }

.filter-tabs__item {
  display: none; }
  .filter-tabs__item.active {
    display: block; }
    .filter-tabs__item.active + .filter-tabs__item.active {
      margin-top: 1.6rem; }

.order {
  width: 100%; }
  @media (min-width: 1024px) {
    .order:hover .order__wrap {
      border-color: #00B900; } }
  .order__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 1.5rem;
    width: 100%;
    color: #000000;
    transition: all 0.3s ease; }
  .order__info {
    width: calc(50% + 1.6rem);
    padding-right: 1.6rem;
    justify-content: space-between; }
  .order__col {
    width: calc(50% - 1.6rem);
    align-items: flex-end;
    text-align: right;
    justify-content: space-between; }
  .order__sum-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .order__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.4;
    color: #00B900; }
  .order__status {
    margin: 0 0 1.6rem; }
  .order__sum {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.56;
    white-space: nowrap; }

.status {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 2px 8px;
  min-height: 22px;
  border-radius: 30px;
  font-weight: 400;
  font-size: 13px;
  color: #FFFFFF; }
  .status.waiting {
    background-color: #FCD62A;
    color: #000000; }
  .status.working {
    background-color: #00B900; }
  .status.done {
    background-color: #7F7F7F; }
  .status.canceled {
    background-color: #FF1D1E; }

.chat {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%; }
  .chat__wrap {
    display: flex;
    flex-wrap: wrap; }
  .chat__content {
    width: 100%;
    margin-bottom: 2.4rem; }
    @media (min-width: 1024px) {
      .chat__content {
        width: calc(100% - 30.9rem);
        padding-right: 3.2rem;
        margin-bottom: 0; } }
  .chat__form {
    width: 100%; }
    @media (min-width: 1024px) {
      .chat__form {
        width: 30.9rem; } }
  .chat__scroll {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto; }
  .chat__file-label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    background-color: #E7F2FE;
    border-radius: 50%;
    transition: all 0.3s ease; }
    .chat__file-label:hover {
      background-color: rgba(231, 242, 254, 0.6); }
  .chat p + p {
    margin-top: 1.6rem; }

.chat-message {
  width: 100%;
  position: relative;
  z-index: 2; }
  .chat-message--client .chat-message__wrap {
    background-color: #F0F0F0; }
  .chat-message--manager .chat-message__wrap {
    background-color: #FFFFFF; }
  .chat-message--new .chat-message__wrap {
    border-color: #00B900; }
  .chat-message__wrap {
    padding: 1.5rem;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.71; }
  .chat-message__name {
    font-weight: 700; }
  .chat-message__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.4rem; }
  .chat-message__info {
    margin-left: 1.6rem;
    color: #7F7F7F;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end; }
    .chat-message__info span + span {
      margin-left: 1.6rem; }
  .chat-message__author {
    display: flex;
    align-items: center; }
  .chat-message__attached {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 2.4rem;
    margin: 0.8rem -1.6rem -1.6rem 0; }
    @media (min-width: 1024px) {
      .chat-message__attached {
        margin: 0.8rem -3.2rem -1.6rem 0; } }
    .chat-message__attached .file {
      margin: 0.8rem 1.6rem 1.6rem 0; }
      @media (min-width: 1024px) {
        .chat-message__attached .file {
          margin: 0.8rem 3.2rem 1.6rem 0; } }
  .chat-message + .chat-message {
    margin-top: 1.6rem; }

.file {
  display: flex;
  align-items: center;
  color: #00B900;
  font-size: 1.4rem;
  line-height: 1.71; }

.select {
  position: relative; }
  .select__head {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 0.6rem 4.8rem 0.6rem 1.6rem;
    cursor: pointer;
    width: 100%;
    position: relative;
    min-height: 4rem;
    transition: all 0.3s ease; }
    .select__head:after {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 1.2rem;
      width: 2rem;
      height: 2rem;
      transform: translateY(-50%);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7534 15.5515L18.4034 9.89146C18.4971 9.79849 18.5715 9.68789 18.6223 9.56603C18.6731 9.44417 18.6992 9.31347 18.6992 9.18146C18.6992 9.04944 18.6731 8.91874 18.6223 8.79688C18.5715 8.67502 18.4971 8.56442 18.4034 8.47146C18.2161 8.28521 17.9626 8.18066 17.6984 8.18066C17.4342 8.18066 17.1808 8.28521 16.9934 8.47146L11.9934 13.4215L7.04342 8.47146C6.85606 8.28521 6.60261 8.18066 6.33842 8.18066C6.07423 8.18066 5.82078 8.28521 5.63342 8.47146C5.53893 8.56407 5.46376 8.67452 5.41227 8.79639C5.36077 8.91827 5.33397 9.04915 5.33342 9.18146C5.33397 9.31376 5.36077 9.44465 5.41227 9.56652C5.46376 9.6884 5.53893 9.79884 5.63342 9.89146L11.2834 15.5515C11.3771 15.653 11.4907 15.734 11.6172 15.7894C11.7437 15.8448 11.8803 15.8734 12.0184 15.8734C12.1565 15.8734 12.2931 15.8448 12.4196 15.7894C12.5461 15.734 12.6598 15.653 12.7534 15.5515Z' fill='%237F7F7F'/%3E%3C/svg%3E%0A");
      transition: all 0.3s ease; }
      @media (min-width: 1024px) {
        .select__head:after {
          right: 1.6rem;
          width: 2.4rem;
          height: 2.4rem; } }
    .select__head.active {
      border: 2px solid #00B900; }
      .select__head.active::after {
        transform: translateY(-50%) scaleY(-1); }
  .select__drop {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 0.8rem;
    position: absolute;
    z-index: 5;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .select__drop {
        right: auto;
        max-width: 54rem; } }
    .select__drop.active {
      opacity: 1;
      transform: scaleY(1); }
  .select__list {
    width: 100%; }
  .select__item {
    padding: 0.6rem 1.6rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 4rem;
    transition: all 0.3s ease; }
    .select__item:hover {
      background-color: #00B900; }
      .select__item:hover span {
        color: #FFFFFF; }
    .select__item.active {
      background-color: #F0F0F0;
      pointer-events: none; }
  .select__text {
    font-size: 1.4rem;
    line-height: 1.71;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.select-scroll {
  overflow: hidden;
  overflow-y: auto;
  max-height: 114px; }
  @media (min-width: 768px) {
    .select-scroll {
      max-height: 206px; } }
  .select-scroll::-webkit-scrollbar {
    background: rgba(236, 236, 236, 0.24);
    width: 4px;
    border-radius: 10px; }
  .select-scroll::-webkit-scrollbar-thumb {
    background: #CCCCCC;
    border-radius: 10px; }

.allert {
  display: none;
  z-index: 1000;
  position: fixed;
  height: fit-content;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content; }
  @media (min-width: 768px) {
    .allert {
      top: 32px; } }
  .allert.active {
    display: block; }
  .allert__wrap {
    padding: 8px 16px;
    background-color: #333333;
    border-radius: 8px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .allert__wrap {
        padding: 16px 24px; } }

.accept-wrap .accept + .accept {
  margin-top: 0.8rem; }

.accept__input:checked + .accept__wrap .accept__radio {
  border-color: #00B900;
  background-color: #00B900; }

.accept__input:checked + .accept__wrap .accept__text {
  font-weight: 700; }

.accept__input:checked + .accept__wrap .accept__hidden {
  display: block; }

.accept__item {
  display: flex;
  cursor: pointer; }

.accept__radio {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  flex: none;
  margin-right: 0.8rem;
  position: relative; }
  .accept__radio::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF; }

.accept__hidden {
  display: none; }

.accept__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.71; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease;
  display: none; }
  .overlay.active {
    display: flex !important;
    animation: fadeIn 0.3s linear; }

.popup {
  position: fixed;
  top: -70px;
  right: -100%;
  transform: translateY(70px);
  z-index: 99;
  width: 100vw;
  transition: all 0.3s ease;
  height: 100vh; }
  @media (min-width: 768px) {
    .popup {
      display: none;
      height: auto;
      max-height: 90vh;
      top: 50%;
      right: auto;
      left: 50%;
      transform: translate(-50%, -50%); } }
  .popup.active {
    display: flex;
    right: 0; }
    @media (min-width: 768px) {
      .popup.active {
        right: auto;
        animation: fadeIn 0.3s linear; } }
  .popup--big {
    max-width: 61rem; }
  .popup__wrap {
    background-color: #FFFFFF;
    width: 100%;
    position: relative;
    padding: 2.4rem 1.6rem; }
    @media (min-width: 768px) {
      .popup__wrap {
        padding: 4.8rem 3rem;
        border: 1px solid #CCCCCC;
        border-radius: 8px; } }
  .popup__scroll {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto; }
  .popup__head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .popup__content {
    width: 100%;
    height: 100%; }
    @media (min-width: 768px) {
      .popup__content {
        max-width: 33.1rem;
        margin: 0 auto; } }
  .popup__close {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    flex: none;
    color: #7F7F7F; }
    @media (min-width: 768px) {
      .popup__close {
        position: absolute;
        z-index: 100;
        right: 2.4rem;
        top: 2.4rem; } }
    .popup__close:hover, .popup__close:active {
      color: #FF1D1E; }

.new-header__top {
  width: 100%;
  min-height: 32px;
  padding: 0.8rem 0;
  background-color: #F7F7F7; }

.new-header__top-nav {
  display: flex; }
  .new-header__top-nav + .new-header__top-nav {
    margin-left: 2.4rem; }
    @media (min-width: 1360px) {
      .new-header__top-nav + .new-header__top-nav {
        margin-left: 6.4rem; } }
  .new-header__top-nav.space-16 li + li {
    margin-left: 1rem; }
    @media (min-width: 1200px) {
      .new-header__top-nav.space-16 li + li {
        margin-left: 1.6rem; } }
  .new-header__top-nav.space-24 li + li {
    margin-left: 1.2rem; }
    @media (min-width: 1200px) {
      .new-header__top-nav.space-24 li + li {
        margin-left: 2.4rem; } }

.new-header__top-col {
  display: flex;
  align-items: center; }

.new-header__logo {
  height: 4rem;
  display: block;
  flex: none; }
  .new-header__logo img {
    height: 100%;
    display: block; }

.new-header__bottom {
  padding: 2rem 0 0; }

.new-header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.header-link {
  display: flex;
  align-items: center;
  color: #000000;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.33;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent; }
  .header-link:hover {
    border-color: #000000; }
  .header-link.accent:hover {
    color: #00B900;
    border-color: #00B900; }
  .header-link.accent .icon {
    color: #00B900; }

.icon-small {
  font-size: 1.6rem;
  width: 1em; }

.mob-menu {
  background-color: #FFFFFF;
  position: sticky;
  z-index: 5;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%; }
  .mob-menu__top {
    display: none;
    padding: 10px;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25); }
    .mob-menu__top.active {
      display: flex; }
  .mob-menu__nav {
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
    padding: 9px 10px; }
  @media (min-width: 744px) {
    .mob-menu .site-nav {
      max-width: 56rem; } }

.site-nav__link {
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 1024px) {
    .site-nav__link {
      height: 4.9rem; }
      .site-nav__link:hover span {
        opacity: 1;
        color: #00B900; }
      .site-nav__link:hover .icon {
        color: #00B900; } }
  .site-nav__link.active span {
    opacity: 1;
    color: #00B900; }
  .site-nav__link.active .icon {
    color: #00B900; }
  .site-nav__link--cart, .site-nav__link--more {
    position: relative; }
    .site-nav__link--cart.active .count, .site-nav__link--more.active .count {
      color: #FFFFFF; }
    .site-nav__link--cart.has-product .count, .site-nav__link--more.has-product .count {
      display: flex; }
    .site-nav__link--cart .count, .site-nav__link--more .count {
      display: none;
      align-items: center;
      justify-content: center;
      text-align: center;
      opacity: 1;
      position: absolute;
      top: -5px;
      left: calc(50% - 14px / 2 + 14px);
      background-color: #00B900;
      font-size: 1rem;
      line-height: 1.4;
      padding: 0.1rem 0.4rem;
      border-radius: 0.8rem;
      color: #FFFFFF; }
  .site-nav__link--more .count {
    left: calc(50% - 24px / 2 + 14px); }
  .site-nav__link span {
    font-size: 1.1rem;
    line-height: 1.3;
    text-align: center;
    opacity: 0.4;
    color: #000000;
    font-weight: 400;
    transition: all 0.3s ease; }
    @media (min-width: 1024px) {
      .site-nav__link span {
        font-size: 1.4rem;
        line-height: 1.35;
        opacity: 0.6; } }
  .site-nav__link .icon {
    color: #808D9A; }
    @media (min-width: 1024px) {
      .site-nav__link .icon {
        color: #CCCCCC; } }

.site-nav li {
  width: 20%; }
  @media (min-width: 1024px) {
    .site-nav li {
      width: fit-content; } }

@media (min-width: 1024px) {
  .site-nav li + li {
    margin-left: 1.6rem; } }

.btn-like {
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 0.8rem;
  min-height: 4rem;
  color: #B3B3B3;
  background-color: #FFFFFF;
  border: 1px solid #00B900; }
  .btn-like.size-44 {
    min-height: 4.4rem;
    min-width: 4.4rem; }
  @media (min-width: 1024px) {
    .btn-like:hover {
      color: #7F7F7F; } }
  .btn-like.active {
    color: #00B900; }

.breadcrumb__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.breadcrumb__item {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43;
  color: #7F7F7F; }
  .breadcrumb__item:not(:last-child)::after {
    content: '/';
    color: #7F7F7F;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.43;
    margin: 0 0.2rem; }

.breadcrumb a {
  color: #7F7F7F;
  transition: all 0.3s ease; }
  .breadcrumb a:hover {
    color: #333333; }

.product-section {
  padding: 1.6rem 0 2rem; }
  @media (min-width: 1024px) {
    .product-section {
      padding: 3.2rem 0 5.2rem; } }

.product-info__wrap {
  display: flex;
  flex-wrap: wrap;
  position: relative; }

.product-info__content {
  width: 100%; }
  @media (min-width: 1024px) {
    .product-info__content {
      width: 61.6%;
      min-height: 135rem; } }

.product-info__sidebar {
  margin-bottom: 2.4rem; }
  @media (min-width: 1024px) {
    .product-info__sidebar {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 38.4%;
      padding-left: 3rem;
      margin-bottom: 0; } }

@media (min-width: 1024px) {
  .product-info__sidebar-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
    right: 0;
    left: 0; } }

.product-info__slider {
  margin-bottom: 2.4rem; }
  @media (min-width: 1024px) {
    .product-info__slider {
      display: flex;
      flex-direction: row-reverse;
      overflow: hidden;
      margin-bottom: 6.4rem; } }
  @media (min-width: 1024px) {
    .product-info__slider .product-slider-thumb {
      height: 42.5rem;
      width: 9rem;
      flex: none; } }
  .product-info__slider .product-slider-thumb .swiper-slide {
    width: 49px;
    height: 56px !important; }
    @media (min-width: 768px) {
      .product-info__slider .product-slider-thumb .swiper-slide {
        width: 86.53px;
        height: 97px !important; } }

.product-info__title {
  font-family: 'Nunito Sans';
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 1.38;
  color: #000000; }
  @media (min-width: 1200px) {
    .product-info__title {
      font-size: 2.6rem;
      line-height: 1.38; } }

.product-title {
  font-family: 'Nunito Sans';
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.35;
  color: #000000; }
  @media (min-width: 1200px) {
    .product-title {
      font-size: 2.4rem;
      line-height: 1.33; } }

.product-slider-big {
  flex: auto;
  overflow: hidden;
  position: relative;
  padding-bottom: 2px;
  margin-bottom: 2.4rem; }
  @media (min-width: 1024px) {
    .product-slider-big {
      width: 100%;
      border-radius: 0.7rem;
      margin: 0 0 0 2.4rem; } }
  .product-slider-big__nav {
    justify-content: space-between;
    margin-bottom: 1.6rem; }
    @media (min-width: 1024px) {
      .product-slider-big__nav.lg-fixed {
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: 0;
        justify-content: flex-end;
        z-index: 2; } }
  .product-slider-big .swiper-slide {
    min-height: 33rem;
    height: 88vw;
    max-height: 47.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    background-color: #FFFFFF; }
    @media (min-width: 1024px) {
      .product-slider-big .swiper-slide {
        height: 34.77vw; } }
    @media (min-width: 1360px) {
      .product-slider-big .swiper-slide {
        height: 47.5rem; } }
    .product-slider-big .swiper-slide img {
      height: 100%;
      display: block; }
  .product-slider-big .swiper-pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; }
  .product-slider-big .swiper-pagination-bullet {
    height: 0.2rem;
    width: 2.4rem;
    display: inline-block;
    background-color: #7F7F7F;
    opacity: 0.2;
    cursor: pointer;
    border-radius: 0;
    transition: all 0.3s ease; }
  .product-slider-big .swiper-pagination-bullet-active {
    opacity: 0.8;
    background-color: #00B900; }
  .product-slider-big .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 0.4rem; }

.product-slider-thumb {
  width: 100%; }
  @media (min-width: 1024px) {
    .product-slider-thumb {
      overflow: hidden; } }
  .product-slider-thumb .swiper-slide {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    border: 0.568496px solid #E5E5E5;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .product-slider-thumb .swiper-slide {
        border-radius: 10px;
        border-width: 1px; } }
    .product-slider-thumb .swiper-slide:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      border: 1px solid #00B900;
      border-radius: 6px;
      transition: all 0.3s ease; }
      @media (min-width: 768px) {
        .product-slider-thumb .swiper-slide:before {
          border-radius: 10px;
          border-width: 2px; } }
    .product-slider-thumb .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.product-slider-thumb .swiper-slide-thumb-active:before {
  opacity: 1; }

.product-descr {
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.43;
  color: #000000; }
  .product-descr h4 {
    font-weight: 600;
    margin-bottom: 1.6rem; }
  .product-descr p {
    margin-bottom: 2rem; }
    .product-descr p:last-child {
      margin-bottom: 0; }
  .product-descr ul:not(:last-child) {
    margin-bottom: 2rem; }
  .product-descr ul li {
    padding-left: 2rem;
    position: relative; }
    .product-descr ul li::before {
      content: "";
      position: absolute;
      top: 9px;
      left: 0.8rem;
      width: 3px;
      height: 3px;
      background-color: #000000;
      border-radius: 50%;
      display: block;
      flex: none; }
    .product-descr ul li + li {
      margin-top: 0.2rem; }

@media (min-width: 1024px) {
  .product-form__wrap {
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
    border-radius: 16px; } }

.product-form__buttons {
  flex-wrap: wrap;
  margin: 0 -2.4rem -2rem; }
  .product-form__buttons button {
    margin: 0 2.4rem 2rem; }

.product-form__subtitle {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.43; }
  @media (min-width: 1024px) {
    .product-form__subtitle {
      font-weight: 700;
      font-size: 1.6rem;
      line-height: 1.25; } }

.product-form__label {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38;
  display: block;
  color: #7F7F7F; }
  @media (min-width: 1200px) {
    .product-form__label {
      font-size: 1.4rem;
      line-height: 1.43; } }
  .product-form__label.none {
    color: #FF1D1E; }

@media (min-width: 1200px) {
  .product-form__price-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; } }

.product-form__price-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem; }
  @media (min-width: 1200px) {
    .product-form__price-wrap {
      align-items: flex-end;
      margin-bottom: 0; } }

.product-form__price {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 1.36;
  white-space: nowrap; }
  @media (min-width: 1200px) {
    .product-form__price {
      font-size: 3rem; } }

.product-form__price-old {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.36;
  color: #7F7F7F;
  text-decoration-line: line-through;
  margin-left: 0.8rem; }
  @media (min-width: 1200px) {
    .product-form__price-old {
      font-size: 1.6rem;
      line-height: 2; } }

.product-form__add-block {
  display: flex;
  align-items: center;
  width: 100%; }

.product-form__add {
  display: none; }
  .product-form__add.active {
    display: block;
    margin-left: 2.4rem; }
  @media (min-width: 1200px) {
    .product-form__add .add__btn {
      min-height: 5.2rem;
      min-width: 5.2rem; }
      .product-form__add .add__btn::before {
        width: 26px;
        height: 3px; }
      .product-form__add .add__btn::after {
        height: 26px;
        width: 3px; } }
  @media (min-width: 1200px) {
    .product-form__add .add__input {
      font-size: 2.3rem;
      min-width: 5.8rem; } }

.product-form__btn {
  flex: auto; }
  .product-form__btn.active .product-form__btn-hidden {
    display: none; }
  .product-form__btn.active .product-form__btn-active {
    display: flex;
    flex-direction: column;
    align-items: center; }

.product-form__btn-active {
  display: none;
  text-align: center; }
  .product-form__btn-active a {
    width: fit-content;
    display: block;
    color: #FFFFFF;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease; }
    .product-form__btn-active a:hover {
      border-bottom: 1px solid #FFFFFF; }

.product-form__block + .product-form__block {
  margin-top: 2.4rem; }

.product-form .payments-img {
  width: 27rem;
  display: block;
  flex: none; }

.descr-wrap {
  max-height: 150px;
  overflow: hidden;
  transition: all 0.3s ease; }
  @media (min-width: 1024px) {
    .descr-wrap {
      max-height: 100% !important;
      overflow: visible; } }

.descr-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.3rem;
  line-height: 1.4;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #e5e5e5; }
  .descr-item__title {
    margin-right: 1.6rem;
    color: #7F7F7F; }
  .descr-item__text {
    color: #000000; }
  .descr-item span {
    width: 50%; }

.notice-item + .notice-item {
  margin-top: 1.6rem; }
  @media (min-width: 1200px) {
    .notice-item + .notice-item {
      margin-top: 2.4rem; } }

.notice-item__wrap {
  width: 100%;
  padding: 16px;
  background-color: #F7F7F7;
  border-radius: 8px; }

@media (max-width: 1199px) {
  .notice-item__sm-wrap {
    width: 100%;
    padding: 16px;
    background-color: #F7F7F7;
    border-radius: 8px; } }

.notice-item__text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38; }
  @media (min-width: 1200px) {
    .notice-item__text {
      font-size: 1.4rem;
      line-height: 1.43; } }
  @media (max-width: 1199px) {
    .notice-item__text span {
      display: block;
      font-weight: 600; } }

@media (min-width: 1024px) {
  .payments-info {
    padding: 24px;
    background-color: #F7F7F7;
    border-radius: 16px; } }

.payments-info__title {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.38; }
  @media (min-width: 1200px) {
    .payments-info__title {
      font-weight: 700;
      font-size: 1.8rem;
      line-height: 1.11; } }

.payments-info__text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.38;
  color: #7F7F7F; }
  @media (min-width: 1200px) {
    .payments-info__text {
      font-size: 1.4rem;
      line-height: 1.43; } }

.new-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.2rem 0.8rem;
  border-radius: 30px;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.43;
  color: #FFFFFF; }
  .new-tag--sale {
    background-color: #FF1D1E; }

.sub-text {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #7F7F7F; }

.text-black {
  color: #000000; }

.text-gray-20 {
  color: #CCCCCC; }

.page-link {
  color: #00B900;
  font-size: 1.2rem;
  line-height: 1.33;
  display: flex;
  align-items: center;
  width: fit-content;
  transition: all 0.3s ease; }
  .page-link .icon {
    color: #CCCCCC; }
  .page-link:hover {
    color: #7F7F7F; }

.download-link {
  padding: 1.2rem 1.6rem;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.43;
  color: #00B900;
  transition: all 0.3s ease; }
  .download-link:hover, .download-link:active {
    border-color: #00B900; }

.btn-share {
  display: flex;
  align-items: center;
  flex: none;
  height: fit-content;
  color: #B3B3B3;
  transition: all 0.3s ease; }

.more-btn {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.54;
  text-align: right;
  color: #00B900; }

.product-btn {
  display: flex;
  align-items: center;
  flex: none;
  height: fit-content;
  transition: all 0.3s ease;
  color: #7F7F7F; }
  .product-btn.with-tooltip {
    position: relative;
    color: #B3B3B3; }
    .product-btn.with-tooltip:hover .product-btn__tooltip {
      opacity: 1;
      visibility: visible;
      transform: translateY(0); }
    .product-btn.with-tooltip.active .show {
      display: block; }
    .product-btn.with-tooltip.active .hide {
      display: none; }
    .product-btn.with-tooltip .show {
      display: none; }
  .product-btn__tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    text-transform: none;
    display: block;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out;
    right: -9px; }
    @media (min-width: 768px) {
      .product-btn__tooltip {
        font-size: 1.3rem; } }
    .product-btn__tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      right: 16px;
      display: block;
      width: 12px;
      height: 6px;
      background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L5.24537e-07 -1.04907e-06L12 0L6 6Z' fill='%23333333'/%3E%3C/svg%3E%0A");
      background-size: cover;
      background-repeat: no-repeat; }
  .product-btn:hover, .product-btn.active {
    color: #00B900; }

.tooltip {
  padding: 0.4rem 0.8rem;
  background: #333333;
  border-radius: 8px;
  width: max-content;
  display: block; }
  .tooltip__text {
    font-size: 1.3rem;
    line-height: 1.54;
    color: #FFFFFF; }
    .tooltip__text.show {
      display: none; }

.btn.xl-big {
  min-height: 4.4rem; }
  @media (min-width: 1200px) {
    .btn.xl-big {
      min-height: 5.2rem;
      font-size: 1.8rem; } }

.is-desktop {
  display: none !important; }
  @media (min-width: 1024px) {
    .is-desktop {
      display: flex !important; } }

@media (min-width: 1200px) {
  .widescreen-none {
    display: none !important; } }

.mr-125 {
  margin-right: 10px !important; }

.mr-25 {
  margin-right: 20px !important; }

@media (min-width: 1024px) {
  .mb-lg-15 {
    margin-bottom: 12px !important; }
  .mr-lg-2 {
    margin-right: 16px !important; }
  .ml-lg-0 {
    margin-left: 0 !important; } }

.reviews-section {
  padding: 2rem 0 4.4rem; }
  @media (min-width: 1024px) {
    .reviews-section {
      padding: 2rem 0 7.2rem; } }

.reviews__wrap {
  display: flex;
  flex-wrap: wrap; }

.reviews__content {
  width: 100%; }
  @media (min-width: 1024px) {
    .reviews__content {
      order: 1;
      width: 61.6%; } }

.reviews__sidebar {
  width: 100%;
  margin-bottom: 2.4rem; }
  @media (min-width: 1024px) {
    .reviews__sidebar {
      width: 38.4%;
      padding-left: 3rem;
      order: 2; } }

@media (min-width: 1024px) {
  .reviews__sidebar-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
    right: 0;
    left: 0; } }

@media (min-width: 1024px) {
  .rating__stat {
    padding-top: 3.2rem;
    border-top: 1px solid #E5E5E5; } }

@media (min-width: 1200px) {
  .rating__stars.lg-space-8 .icon + .icon {
    margin-left: 0.8rem; } }

.rating__title {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.38;
  color: #000000; }
  @media (min-width: 1200px) {
    .rating__title {
      font-size: 1.6rem;
      line-height: 1.25; } }

.rating__item {
  display: flex; }
  .rating__item + .rating__item {
    margin-top: 0.8rem; }

.icon-star {
  font-size: 2rem;
  width: 1em; }

.icon-star-32 {
  font-size: 2rem;
  width: 1em; }
  @media (min-width: 1200px) {
    .icon-star-32 {
      font-size: 3.2rem;
      width: 1em; } }

.reviews-overview__wrap {
  width: 100%; }
  @media (min-width: 1024px) {
    .reviews-overview__wrap {
      background-color: #F7F7F7;
      border-radius: 16px;
      padding: 2.4rem; } }

.reviews-overview__title {
  font-family: 'Nunito Sans';
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 1.38;
  color: #000000; }
  @media (min-width: 1200px) {
    .reviews-overview__title {
      font-size: 2.6rem;
      line-height: 1.38; } }

.sorting {
  display: flex;
  align-items: center; }
  .sorting__text {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.43; }

.sorting-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2.4rem -2.4rem 0; }
  .sorting-buttons .sorting-btn {
    margin: 0 2.4rem 2.4rem 0; }

.sorting-btn__input:checked + .sorting-btn__item {
  color: #00B900; }

.sorting-btn__item {
  color: #7F7F7F;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .sorting-btn__item:hover {
    color: #000000; }

.sorting-btn__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.43;
  white-space: nowrap;
  transition: all 0.3s ease; }

.sorting-btn .icon {
  transition: all 0.3s ease; }

.reviews-block__items {
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%; }

.reviews-block__footer {
  border-top: 1px solid #E5E5E5;
  padding-top: 2.4rem; }
  @media (min-width: 768px) {
    .reviews-block__footer {
      border-top: none !important;
      padding-top: 0; } }

.review {
  padding-bottom: 2.4rem; }
  @media (min-width: 768px) {
    .review {
      padding-bottom: 1.5rem; } }
  .review + .review {
    padding-top: 2.4rem;
    border-top: 1px solid #E5E5E5; }
    @media (min-width: 768px) {
      .review + .review {
        border: none;
        padding-top: 1px; } }
  @media (min-width: 768px) {
    .review__wrap {
      padding: 1.6rem;
      border-radius: 16px;
      border: 1px solid #E5E5E5; } }
  .review__ava {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #D9D9D9; }
    @media (min-width: 768px) {
      .review__ava {
        width: 40px;
        height: 40px; } }
  .review__head {
    margin-bottom: 1.6rem; }
    @media (min-width: 768px) {
      .review__head {
        margin-bottom: 0.4rem;
        display: flex;
        align-items: center; } }
  .review__title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.43; }
  .review__info {
    width: 100%;
    margin-top: 1.6rem;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .review__info {
        width: auto;
        margin: auto 0 auto auto; } }
  @media (min-width: 768px) {
    .review__rating {
      margin-left: 4.8rem; } }
  @media (min-width: 768px) {
    .review__content {
      padding-left: 5.6rem; } }
  .review__footer {
    width: 100%; }
  .review__btn + .review__btn {
    margin-left: 1.6rem; }
  .review__reply {
    margin-top: 2.4rem;
    padding: 1.6rem;
    background-color: #E9F7E6;
    border-radius: 16px; }
  .review__reply-head {
    margin-bottom: 1.6rem; }
    @media (min-width: 1024px) {
      .review__reply-head {
        margin-bottom: 0.4rem;
        padding-left: 1.6rem; } }

.review-list li {
  font-size: 1.4rem;
  line-height: 1.43;
  color: #000000; }
  .review-list li h4 {
    font-weight: 600;
    margin-bottom: 0.4rem; }

.review-list li + li {
  margin-top: 2rem; }

.like-btn {
  padding: 0.6rem 0.9rem 0.6rem 1.2rem;
  background-color: #F7F7F7;
  border-radius: 90px;
  display: flex;
  align-items: center; }
  .like-btn.dislike span,
  .like-btn.dislike .icon {
    color: #FF1D1E; }
  .like-btn.like span,
  .like-btn.like .icon {
    color: #00B900; }
  .like-btn .icon {
    color: #7F7F7F;
    margin-right: 6px; }
  .like-btn span {
    font-size: 1.4rem;
    line-height: 1.43;
    color: #000000;
    transition: all 0.3s ease;
    pointer-events: none; }

.icon-like {
  font-size: 1.3rem;
  width: 1em; }

.filter-radios {
  display: flex;
  flex: auto;
  margin: 0 -2rem -0.8rem -0.4rem;
  padding-right: 1.6rem; }
  .filter-radios--wrap {
    flex-wrap: wrap; }
  .filter-radios.scroll-none {
    overflow: hidden;
    overflow-x: auto; }
    @media (min-width: 1024px) {
      .filter-radios.scroll-none {
        overflow: visible;
        flex-wrap: wrap; } }
  .filter-radios .filter-radio {
    margin: 0 0.4rem 0.8rem; }

.filter-radio.unavailable .filter-radio__label {
  background-color: #F0F0F0 !important; }
  .filter-radio.unavailable .filter-radio__label::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #B3B3B3;
    transform: translateY(-50%) rotate(22.59deg);
    transition: all 0.3s ease; }
  .filter-radio.unavailable .filter-radio__label .filter-radio__text {
    color: #7F7F7F; }

.filter-radio.active .filter-radio__label {
  background-color: #E0FFE0; }
  .filter-radio.active .filter-radio__label::before {
    border-color: #00B900;
    border-width: 2px; }

.filter-radio__input:checked + .filter-radio__label {
  background-color: #E0FFE0; }
  .filter-radio__input:checked + .filter-radio__label::before {
    border-color: #00B900;
    border-width: 2px; }

.filter-radio__label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 13px 16px;
  background: #FFFFFF;
  border-radius: 16px;
  transition: all 0.3s ease;
  position: relative; }
  .filter-radio__label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    transition: all 0.3s ease; }

.filter-radio__text {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #000000;
  white-space: nowrap; }

.quick-section {
  padding: 4.8rem 0 0;
  position: sticky;
  z-index: 5;
  bottom: 1rem;
  left: 0;
  right: 0; }

.quick-order__wrap {
  background-color: #F7F7F7;
  border-radius: 16px;
  padding: 1.6rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.quick-order__price-wrap {
  margin: 0 2.4rem;
  display: flex;
  align-items: flex-end; }
  @media (min-width: 1024px) {
    .quick-order__price-wrap {
      margin: 0 3.2rem; } }

.quick-order__price {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 1.36;
  white-space: nowrap; }

.quick-order__price-old {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.36;
  color: #7F7F7F;
  text-decoration-line: line-through;
  margin-left: 0.8rem; }

.prod-sm {
  display: flex;
  align-items: center; }
  .prod-sm__img {
    width: 6.6rem;
    height: 7.5rem; }
  .prod-sm__title {
    font-family: 'Nunito Sans';
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.38;
    color: #000000; }
    @media (min-width: 1200px) {
      .prod-sm__title {
        font-size: 1.8rem; } }

/*# sourceMappingURL=styles.min.css.map */