@charset "UTF-8";
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none; }

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

/* Links */
a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main {
  display: block; }

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit; }

ul, ul li {
  list-style: none; }

img {
  vertical-align: top; }

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

address {
  font-style: normal; }

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent; }

input::-ms-clear {
  display: none; }

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer; }

input:focus, input:active,
button:focus, button:active {
  outline: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

label {
  cursor: pointer; }

legend {
  display: block; }

input[type='file'] {
  max-width: 100%; }

:root {
  --orange-color: #FF5A00;
  --grey-color: #7D7D7D;
  --white-color: #FFFFFF;
  --black-color: #2C3E50;
  --footer-back: #2D251A;
  --orange-back: #FFAA01;
  --orange-light-back: #F9F0E1; }

body {
  font-family: Inter;
  background: #FDFDFD; }

.container {
  width: 100%;
  max-width: 1460px;
  margin: auto;
  padding: 0 50px; }

img {
  width: 100%; }

body .row > *, body .row {
  padding-left: 0;
  padding-right: 0;
  margin: 0; }
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
  margin-bottom: 0; }
body p {
  margin-top: 0;
  margin-bottom: 0; }
body dl, body ol, body ul {
  padding: 0;
  margin: 0; }

.orange_button_catalog a {
  display: flex;
  background: var(--orange-color);
  padding: 12px 24px;
  color: var(--white-color);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 24px;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  justify-content: center; }
  .orange_button_catalog a:hover {
    background: #CD4800;
    transition: .3s; }

.orange_button, .orange_button_cart {
  display: flex; }
  .orange_button a, .orange_button_cart a {
    background: var(--orange-color);
    padding: 8px 24px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    justify-content: center;
    transition: .3s; }
    .orange_button a:hover, .orange_button_cart a:hover {
      background: #CD4800;
      transition: .3s; }

.orange_button_cart {
  max-width: max-content;
  margin-top: 30px; }
  .orange_button_cart a {
    padding: 8px 59px;
    font-size: 14px; }

#profile_page .orange_button_cart {
  margin-top: 0; }
  #profile_page .orange_button_cart a {
    font-size: 14px;
    padding: 10px 35px; }

.inactive {
  display: flex; }
  .inactive a {
    background: #FF5A0080;
    cursor: not-allowed;
    pointer-events: none; }

h2 {
  font-size: 30px;
  font-weight: 700;
  color: var(--black-color); }

.title_block {
  display: flex;
  align-items: center;
  gap: 56px; }

a {
  display: block; }

.more a {
  font-size: 16px;
  line-height: 1;
  color: var(--orange-color);
  font-weight: 700;
  position: relative;
  transition: .3s;
        /*&:before {
            display: block;
            position: absolute;
            content: '';
            width: 0;
            height: 2px;
            background: var(--orange-color);
            bottom: 0;
            left: 0;
            transition: .3s;
        }

        &:hover:before {
            width: 100%;
            transition: .3s;
        }*/ }
  .more a:hover {
    color: #CD4800;
    transition: .3s; }

.request {
  padding-top: clamp(12px, 3vw, 24px);
  padding-bottom: 10px;
  background: var(--white-color);
  z-index: 1000; }
  .request__items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px; }
  .request__item {
    padding: 8px 16px;
    background: #F9F0E1;
    width: 100%;
    text-align: left;
    height: 36px; }
    .request__item p {
      font-size: clamp(10px, 2.5vw, 14px);
      display: block;
      text-align: center;
      color: #2C3E50; }
    .request__item a {
      font-size: clamp(10px, 2.5vw, 14px);
      color: var(--orange-color);
      position: relative;
      text-decoration: underline;
      display: unset;
      transition: .3s; }
      .request__item a:hover {
        color: #CD4800;
        transition: .3s; }

.authorized_user.mobile .icon {
  flex-shrink: 0; }

.header {
  padding: clamp(16px, 3vw, 24px) 0;
  transition: top 0.3s;
  position: relative;
  background: var(--white-color);
  z-index: 1000; }
  .header .mobile {
    display: none; }
    @media (max-width: 1024px) {
      .header .mobile {
        display: block;
        width: 100%;
        position: relative; } }
    .header .mobile .search-input {
      width: 100%;
      padding: 11px 44px;
      font-size: 16px;
      border: 1px solid #A6A59D;
      border-radius: 24px;
      outline: none;
      color: var(--black-color);
      /* Скрываем весь контейнер стандартных элементов */ }
      .header .mobile .search-input::-webkit-search-cancel-button {
        display: none; }
      .header .mobile .search-input::-ms-clear {
        display: none; }
      .header .mobile .search-input::-moz-search-cancel-button {
        display: none; }
      .header .mobile .search-input::-webkit-textfield-decoration-container {
        display: none !important; }
      .header .mobile .search-input::part(-webkit-search-decoration) {
        display: none !important; }
      .header .mobile .search-input::part(-webkit-search-cancel-button) {
        display: none !important; }
      .header .mobile .search-input::-ms-clear {
        display: none; }
      .header .mobile .search-input::-webkit-search-cancel-button {
        display: none; }
      .header .mobile .search-input::-webkit-search-cancel-button {
        display: none; }
    .header .mobile .search-icon {
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      display: flex; }
  .header .desktop {
    display: flex; }
    @media (max-width: 1024px) {
      .header .desktop {
        display: none; } }
  .header__container {
    display: flex;
    align-items: center;
    gap: 1.8%; }
    @media (max-width: 1024px) {
      .header__container {
        flex-direction: column; } }
  .header__logo {
    width: 100%;
    max-width: 11.2%;
    flex: 1 0 auto; }
  .header__catalog {
    width: 100%;
    max-width: 9.5%;
    flex: 1 0 auto;
    transition: .3s; }
    .header__catalog-btn {
      display: flex;
      background: #FF5A00;
      padding: 12px 24px;
      color: #ffffff;
      align-items: center;
      gap: 8px;
      border-radius: 24px;
      font-size: 12px;
      font-weight: 500;
      width: 100%;
      justify-content: center;
      transition: .3s;
      /*&-icon {
          flex-shrink: 0;
      }*/ }
      .header__catalog-btn:hover {
        background: #CD4800;
        color: #ffffff;
        transition: .3s; }
  .header__search {
    position: relative;
    max-width: 38.2%;
    margin: 0;
    width: 100%;
    flex: 1 0 auto; }
    .header__search-clear {
      position: absolute;
      right: 11px;
      top: 50%;
      transform: translateY(-50%);
      color: #909090; }
      .header__search-clear:hover {
        color: var(--orange-color); }
    .header__search-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 12px; }
    .header__search-input {
      width: 100%;
      padding: 11px 44px;
      font-size: 16px;
      border: 1px solid #A6A59D;
      border-radius: 24px;
      outline: none;
      color: #2C3E50;
      caret-color: var(--orange-color); }
      .header__search-input:focus::placeholder {
        color: transparent;
        opacity: 0; }
      .header__search-input::placeholder {
        font-size: 16px;
        font-weight: 400;
        color: #B3B9BE; }
    .header__search-suggestions {
      position: absolute;
      width: 100%;
      max-height: 200px;
      overflow-y: auto;
      box-shadow: 0px 4px 20.4px 0px #00000040;
      border-top: none;
      border-radius: 24px;
      padding: 24px 20px;
      background: white;
      /*z-index: 1000;*/
      display: none;
      margin-top: 24px; }
  .header__address {
    width: 100%;
    max-width: 19.5%;
    flex: 1 0 auto; }
    .header__address-btn {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 12px 28px;
      background: transparent;
      border: 1px solid #FF5A00;
      border-radius: 24px;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 8px; }
      .header__address-btn-icon {
        flex-shrink: 1; }
      .header__address-btn span {
        color: #2C3E50;
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 90%; }
  .header__action {
    width: 100%;
    max-width: 16%;
    flex: 1 0 auto;
    display: flex;
    flex-wrap: wrap;
    /*&-icon {
        color: #666666;
    }*/ }
    .header__action-item {
      width: 100%;
      max-width: max-content;
      flex: 1 0 auto; }
    .header__action-link {
      padding: 7px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      text-align: center;
      color: #666666;
      position: relative; }
      .header__action-link .count {
        position: absolute;
        top: 0;
        right: 15px;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background: var(--orange-color);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 9px; }
      .header__action-link:hover {
        color: #FF5A00;
        transition: .3s; }
        .header__action-link:hover-icon {
          color: #FF5A00;
          transition: .3s; }
      .header__action-link span {
        font-size: 14px;
        font-weight: 500;
        transition: .3s; }

.modal .modal-body form {
  width: 100%; }

.section {
    /*&__link--desktop {
        display: block;

        @media (max-width: 1024px) {
            display: none;
        }
    }

    &__link--mobile {
        display: none;

        @media (max-width: 1024px) {
            display: block;
        }
    }*/ }
  .section__header-order {
    display: flex;
    align-items: center;
    gap: clamp(30px, 3vw, 56px);
    padding: 12px 16px; }
    @media (max-width: 1024px) {
      .section__header-order {
        justify-content: space-between;
        padding: 12px 0; } }
  .section__status {
    display: flex;
    align-items: center;
    gap: 12px; }
  .section__status-item {
    padding: 4px 8px;
    font-size: clamp(10px, 2vw, 16px);
    font-weight: 500;
    color: var(--black-color);
    border-radius: 12px;
    line-height: 1.2; }
    .section__status-item--registration {
      background: #F9F0E1; }
    .section__status-item--delivery {
      background: #B3F4A7; }
  .section__title {
    font-size: clamp(16px, 2vw, 30px);
    font-weight: 700;
    color: #2C3E50; }
  .section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: clamp(20px, 3.5vw, 25px); }
    @media (max-width: 1024px) {
      .section__header {
        padding: 0 12px;
        margin-top: 20px; } }
  .section__title-wrapper {
    display: flex;
    align-items: center;
    gap: 56px; }
    @media (max-width: 1024px) {
      .section__title-wrapper {
        display: flex;
        align-items: center;
        gap: 56px;
        justify-content: space-between;
        width: 100%; } }
  .section__link {
    font-size: 16px;
    line-height: 1;
    color: #FF5A00;
    font-weight: 700;
    position: relative;
    transition: .3s; }
    .section__link:before {
      content: attr(data-desktop); }
      @media (max-width: 1024px) {
        .section__link:before {
          content: attr(data-mobile); } }
    .section__link:hover {
      color: #CD4800; }
    @media (max-width: 1024px) {
      .section__link {
        font-size: 12px;
        font-weight: 500; } }
  .section__slider-nav {
    bottom: unset;
    position: relative;
    z-index: 10;
    right: unset;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #EAEDF6;
    border-radius: 12px;
    padding: 2px 8px;
    height: 32px; }
    @media (max-width: 1024px) {
      .section__slider-nav {
        display: none; } }
    .section__slider-nav .slider-nav__btn:hover path {
      stroke: #FF5A00; }
    .section__slider-nav .slider-nav__btn path {
      stroke: var(--orange-color); }
    .section__slider-nav .swiper-button-disabled path {
      stroke: #B5C3E6; }

.product-card {
  padding: 16px 12px; }
  @media (max-width: 1024px) {
    .product-card {
      padding: 8px 10px; } }
  .product-card__badge {
    height: 20px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    border-radius: 12px;
    text-align: center;
    margin: 10px 0 10px auto; }
    @media (max-width: 1024px) {
      .product-card__badge {
        width: 57px;
        height: 16px;
        font-size: 10px; } }
    .product-card__badge--sale {
      color: #2C3E50;
      background: #FFD857; }
    .product-card__badge--new {
      color: #ffffff;
      background: #FF5757; }
  .product-card__image {
    position: relative; }
    .product-card__image img {
      height: 171px;
      object-fit: contain; }
      @media (max-width: 1024px) {
        .product-card__image img {
          height: 105px; } }
  .product-card__content {
    margin-top: 12px; }
    @media (max-width: 1024px) {
      .product-card__content {
        margin-top: 8px; } }
  .product-card__title {
    padding: 0 12px;
    height: 47px;
    display: flex;
    align-items: center;
    transition: .3s; }
    @media (max-width: 1024px) {
      .product-card__title {
        padding: 0;
        height: 36px; } }
    .product-card__title a {
      color: #2C3E50;
      font-size: 14px;
      font-weight: 500;
      overflow: hidden;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      @media (max-width: 1024px) {
        .product-card__title a {
          font-size: 12px; } }
      .product-card__title a:hover {
        color: #FF5A00;
        transition: .3s; }
  .product-card__prices {
    margin-top: 8px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 6px; }
    @media (max-width: 1024px) {
      .product-card__prices {
        padding: 0; } }
  .product-card__price {
    color: #FF5A00;
    font-size: 18px;
    font-weight: 600; }
    @media (max-width: 1024px) {
      .product-card__price {
        font-size: 12px; } }
  .product-card__old-price {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: #B3B9BE; }
    @media (max-width: 1024px) {
      .product-card__old-price {
        font-size: 8px; } }
    .product-card__old-price:before {
      display: block;
      position: absolute;
      content: '';
      width: 100%;
      height: 1px;
      background: #B3B9BE;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
  .product-card__actions {
    margin-top: 16px; }
    @media (max-width: 1024px) {
      .product-card__actions {
        margin-top: 12px; } }
    .product-card__actions .btn--primary {
      background: var(--orange-color);
      padding: 8px 24px;
      color: var(--white-color);
      display: flex;
      align-items: center;
      border-radius: 24px;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      justify-content: center;
      gap: 8px;
      transition: .3s; }
      @media (max-width: 1024px) {
        .product-card__actions .btn--primary {
          padding: 8px;
          height: 32px;
          font-size: 12px; } }
      .product-card__actions .btn--primary:disabled {
        background: rgba(255, 90, 0, 0.5);
        opacity: 1; }
      .product-card__actions .btn--primary:hover {
        background: #CD4800;
        transition: .3s; }
  .product-card__status {
    position: absolute;
    bottom: -15px;
    text-align: center;
    width: max-content;
    font-size: 12px;
    color: #FF5A00;
    padding: 0 7px;
    border: 1px solid #FF5A00;
    border-radius: 12px;
    background: #ffffff;
    left: 0;
    right: 0;
    margin: auto; }
    @media (max-width: 1024px) {
      .product-card__status {
        font-size: 10px;
        bottom: 0; } }

.icon_foot {
  position: relative; }

.cart-section {
  margin-top: 5px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  gap: 2%; }
  .cart-section .min_price {
    margin-left: auto; }
    @media (max-width: 500px) {
      .cart-section .min_price {
        margin-left: unset; } }
    .cart-section .min_price p {
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      color: #FF5757; }
  @media (max-width: 1024px) {
    .cart-section {
      flex-direction: column;
      gap: 16px; } }
  .cart-section__date {
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 700;
    color: #909090;
    padding: 12px 16px; }
    @media (max-width: 1024px) {
      .cart-section__date {
        padding: 0; } }
  .cart-section__current-shelf {
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 20px 16px;
    border-radius: 24px;
    margin-bottom: 32px;
    /*margin-left: 16px;*/ }
    @media (max-width: 1024px) {
      .cart-section__current-shelf {
        padding: 15px;
        margin-left: 0; } }
  .cart-section__title-min {
    font-size: clamp(16px, 3vw, 24px);
    font-weight: 700;
    color: var(--black-color);
    margin-bottom: 12px;
    padding: 12px 16px; }
    @media (max-width: 500px) {
      .cart-section__title-min {
        padding: 12px 0; } }
  .cart-section__block {
    width: 100%;
    max-width: 58%;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media (max-width: 1024px) {
      .cart-section__block {
        max-width: 100%; } }
    .cart-section__block .cart-section__shelf-items {
      max-width: 100%;
      width: 100%;
      gap: unset;
      /*margin-left: 16px;*/ }
      @media (max-width: 1024px) {
        .cart-section__block .cart-section__shelf-items {
          margin-left: 0; } }
  .cart-section__title {
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color); }
  .cart-section .current-shelf {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    flex-direction: column; }
    .cart-section .current-shelf__title {
      font-size: clamp(14px, 3vw, 20px);
      font-weight: 700;
      color: var(--black-color); }
    .cart-section .current-shelf__info {
      display: flex;
      align-items: center;
      gap: 30px; }
      @media (max-width: 400px) {
        .cart-section .current-shelf__info {
          flex-direction: column;
          align-items: unset;
          gap: 15px; } }
    .cart-section .current-shelf__name {
      font-size: clamp(14px, 3vw, 18px);
      font-weight: 600;
      color: var(--black-color); }
    .cart-section .current-shelf__number {
      font-size: clamp(14px, 3vw, 18px);
      font-weight: 500;
      color: var(--black-color); }
  .cart-section__shelf-items {
    width: 100%;
    width: 58%;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media (max-width: 1024px) {
      .cart-section__shelf-items {
        max-width: 100%; } }
  .cart-section__total {
    width: 100%;
    width: 40%;
    flex: 1 0 auto;
    padding: 26px 20px;
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    height: 100%; }
    @media (max-width: 1024px) {
      .cart-section__total {
        max-width: 100%;
        padding: 20px 12px;
        width: 100%; } }
  .cart-section__title {
    margin-bottom: 22px; }
    .cart-section__title h3 {
      font-size: 24px;
      font-weight: 700;
      color: var(--black-color); }
      @media (max-width: 1024px) {
        .cart-section__title h3 {
          font-size: 18px; } }
  .cart-section__shelf:not(:last-child) {
    margin-bottom: 28px; }
  .cart-section .shelf-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cart-section .shelf-header__title {
      color: var(--black-color);
      font-size: 18px;
      font-weight: 600; }
    .cart-section .shelf-header__count {
      font-size: 16px;
      font-weight: 500;
      color: var(--black-color); }
  .cart-section .shelf-sale {
    margin-top: 4px;
    padding: 6px 0;
    display: flex;
    gap: 10px;
    align-items: center; }
    .cart-section .shelf-sale__label {
      font-size: 14px;
      font-weight: 500;
      color: #7D7D7D; }
    .cart-section .shelf-sale__value {
      font-size: 14px;
      font-weight: 500;
      color: var(--orange-color); }
  .cart-section .shelf-product {
    padding: 6px 0;
    display: flex;
    gap: 10px;
    align-items: center; }
    @media (max-width: 500px) {
      .cart-section .shelf-product {
        flex-wrap: wrap; } }
    .cart-section .shelf-product__label {
      font-size: 14px;
      font-weight: 500;
      color: #7D7D7D; }
    .cart-section .shelf-product__value {
      font-size: 14px;
      font-weight: 500;
      color: var(--black-color); }
  .cart-section__total-footer {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #E0E0E0;
    /*@media (max-width: 1024px) {
        border: none;
        margin-top: 12px;
        padding-top: 0;
    }*/ }
    .cart-section__total-footer--separator {
      margin-top: 0;
      border-top: none; }
  .cart-section .total-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px; }
    .cart-section .total-summary__sale {
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 6px 0px; }
      @media (max-width: 1024px) {
        .cart-section .total-summary__sale {
          justify-content: space-between;
          padding: 4px 0; } }
    .cart-section .total-summary__label {
      font-size: 18px;
      font-weight: 600;
      color: var(--black-color); }
      @media (max-width: 1024px) {
        .cart-section .total-summary__label {
          font-size: 14px; } }
    .cart-section .total-summary__value {
      font-size: 14px;
      font-weight: 600;
      color: var(--orange-color); }
      @media (max-width: 1024px) {
        .cart-section .total-summary__value {
          font-size: 12px; } }
    .cart-section .total-summary__order {
      margin-top: 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      @media (max-width: 1024px) {
        .cart-section .total-summary__order {
          margin-top: 6px; } }
    .cart-section .total-summary__amount {
      display: flex;
      gap: 10px;
      align-items: center;
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
      @media (max-width: 1024px) {
        .cart-section .total-summary__amount {
          justify-content: space-between; } }
    .cart-section .total-summary__count {
      font-size: 16px;
      font-weight: 500;
      color: var(--black-color); }
      @media (max-width: 1024px) {
        .cart-section .total-summary__count {
          font-size: 14px; } }
    .cart-section .total-summary__amount-value {
      font-size: 16px;
      font-weight: 600;
      color: var(--orange-color); }
      @media (max-width: 1024px) {
        .cart-section .total-summary__amount-value {
          font-size: 14px; } }
    .cart-section .total-summary__amount-label {
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
      @media (max-width: 1024px) {
        .cart-section .total-summary__amount-label {
          font-size: 14px; } }
  .cart-section__address {
    margin-top: 20px;
    padding: 11px 16px;
    background: #FF5A001A;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .cart-section__address-title {
    width: 20%;
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color); }
  .cart-section__address-value {
    width: 70%;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color);
    text-align: right; }
  .cart-section__btn {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px; }
    .cart-section__btn-invoice {
      border: 1px solid var(--orange-color);
      border-radius: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 24px;
      height: 48px;
      gap: 8px; }
      .cart-section__btn-invoice:hover {
        border-color: #CD4800; }
        .cart-section__btn-invoice:hover span {
          color: #CD4800; }
        .cart-section__btn-invoice:hover path {
          fill: #CD4800; }
      .cart-section__btn-invoice span {
        color: var(--orange-color);
        font-size: 16px;
        font-weight: 600;
        line-height: normal; }
    .cart-section__btn-primary {
      display: flex;
      justify-content: center;
      gap: 4px; }
    @media (max-width: 1024px) {
      .cart-section__btn {
        margin-top: 17px;
        gap: 17px; } }
  .cart-section__btn-primary {
    background: var(--orange-color);
    padding: 12px 24px;
    color: var(--white-color);
    border-radius: 24px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    transition: .3s;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .cart-section__btn-primary {
        height: 40px;
        font-size: 14px;
        line-height: 1; } }
    .cart-section__btn-primary:hover {
      background: #CD4800;
      transition: .3s; }
  .cart-section .shelf-item {
    padding: 16px 10px;
    box-shadow: 0px 4px 8.4px 0px #0000001F;
    border-radius: 24px; }
    .cart-section .shelf-item .cart-product:not(:first-child) {
      padding-top: 16px;
      margin-top: 16px;
      border-top: 1px solid #E0E0E0; }
    @media (max-width: 1024px) {
      .cart-section .shelf-item {
        padding: 12px; } }
    .cart-section .shelf-item__title-block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 22px; }
    .cart-section .shelf-item__title {
      font-size: 18px;
      font-weight: 600;
      color: var(--black-color); }
      @media (max-width: 1024px) {
        .cart-section .shelf-item__title {
          font-size: 14px; } }
    .cart-section .shelf-item__delete-btn {
      font-size: 16px;
      font-weight: 500;
      color: #909090;
      cursor: pointer;
      transition: .3s; }
      .cart-section .shelf-item__delete-btn:hover {
        color: var(--orange-color);
        transition: .3s; }
    @media (max-width: 1024px) {
      .cart-section .shelf-item__delete {
        font-size: 12px; } }
  .cart-section .cart-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*&:not(:nth-child(2)) {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #E0E0E0;
    }*/
        /*&__image {
            !*width: 100%;
            max-width: 22%;
            flex: 1 0 auto;
            height: 168px;*!
            width: 100%;
            max-width: 130px;
            flex: 1 0 auto;
            height: 130px;

            img {
                height: 100%;
                width: 100%;
                object-fit: contain;
                object-position: center;
            }
        }*/ }
    @media (max-width: 1024px) {
      .cart-section .cart-product {
        display: grid;
        grid-template-columns: 110px 1fr;
        gap: 10px;
        row-gap: 0; } }
    .cart-section .cart-product__image {
      width: 100%;
      max-width: 22%;
      flex: 1 0 auto;
      height: 168px;
            /*a {
                width: 100%;
                max-width: 22%;
                flex: 1 0 auto;
                height: 168px;

                @media (max-width: 1024px) {
                    max-width: 100%;
                    height: 110px;
                }




                img {
                    height: 100%;
                    width: 100%;
                    object-fit: contain;
                    object-position: center;
                }
            }*/ }
      @media (max-width: 1024px) {
        .cart-section .cart-product__image {
          max-width: 100%;
          height: 110px; } }
      .cart-section .cart-product__image img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center; }
    .cart-section .cart-product__info {
      width: 100%;
      max-width: 42%;
      flex: 1 0 auto; }
      .cart-section .cart-product__info--width {
        max-width: 75%; }
      @media (max-width: 1024px) {
        .cart-section .cart-product__info {
          max-width: 100%; } }
    @media (max-width: 1024px) {
      .cart-section .cart-product {
        flex-wrap: wrap; }
        .cart-section .cart-product:not(:last-child) {
          margin-bottom: 24px; } }
    .cart-section .cart-product__actions {
      width: 100%;
      max-width: 28%;
      flex: 1 0 auto; }
      @media (max-width: 1024px) {
        .cart-section .cart-product__actions {
          max-width: 100%;
          grid-column: 1 / -1; } }
    .cart-section .cart-product__name {
      margin-bottom: 8px; }
    .cart-section .cart-product__link {
      font-size: 14px;
      color: var(--black-color);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .cart-section .cart-product__link:hover {
        color: var(--orange-color);
        transition: .3s; }
      @media (max-width: 440px) {
        .cart-section .cart-product__link {
          font-size: 10px; } }
    .cart-section .cart-product__part {
      margin-bottom: 8px; }
      .cart-section .cart-product__part p {
        font-size: 14px;
        color: #909090; }
        @media (max-width: 440px) {
          .cart-section .cart-product__part p {
            font-size: 10px; } }
    .cart-section .cart-product__pack {
      margin-bottom: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .cart-section .cart-product__pack-general {
        font-size: 14px;
        font-weight: 600;
        color: var(--orange-color); }
        @media (max-width: 440px) {
          .cart-section .cart-product__pack-general {
            font-size: 10px; } }
      .cart-section .cart-product__pack-order {
        font-size: 14px;
        font-weight: 600;
        color: #2C3E50; }
        @media (max-width: 440px) {
          .cart-section .cart-product__pack-order {
            font-size: 10px; } }
    .cart-section .cart-product__price-block {
      display: flex;
      align-items: center;
      gap: 8px; }
    .cart-section .cart-product__price {
      font-size: 14px;
      font-weight: 600;
      color: var(--orange-color); }
      @media (max-width: 440px) {
        .cart-section .cart-product__price {
          font-size: 10px; } }
    .cart-section .cart-product__price-old {
      font-size: 12px;
      color: #909090;
      position: relative; }
      @media (max-width: 440px) {
        .cart-section .cart-product__price-old {
          font-size: 10px; } }
      .cart-section .cart-product__price-old:before {
        display: block;
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: #909090;
        left: 0;
        top: 44%;
        transform: translateY(44%); }
    .cart-section .cart-product__sale p {
      font-size: 12px;
      font-weight: 500;
      color: var(--black-color);
      background: #FED702;
      border-radius: 8px;
      padding: 1px 2px; }
      @media (max-width: 440px) {
        .cart-section .cart-product__sale p {
          font-size: 10px; } }

.order__section-wrapper {
  display: flex;
  gap: 20px; }
  @media (max-width: 1024px) {
    .order__section-wrapper {
      flex-direction: column; } }
.order__menu {
  width: 100%;
  max-width: 22%;
  flex: 1 0 auto;
  margin-top: 24px; }
  @media (max-width: 1024px) {
    .order__menu {
      margin-top: 12px;
      max-width: 100%;
      display: flex;
      overflow-x: scroll;
      flex-wrap: nowrap; } }
.order__section {
  width: 100%;
  max-width: 69%;
  flex: 1 0 auto; }
  @media (max-width: 1024px) {
    .order__section {
      max-width: 100%; } }
.order__menu-item {
  padding: 12px 20px; }
  @media (max-width: 1024px) {
    .order__menu-item {
      padding: 0;
      white-space: nowrap; } }
.order__menu-link {
  font-size: 14px;
  font-weight: 500;
  color: var(--black-color);
  transition: .3s; }
  .order__menu-link:hover {
    color: #FF5A00;
    transition: .3s; }
  @media (max-width: 1024px) {
    .order__menu-link {
      padding: 8px 30px;
      font-size: 12px;
      font-weight: 400;
      color: #909090; } }
  .order__menu-link--active {
    color: var(--orange-color);
    font-weight: 600; }
    @media (max-width: 1024px) {
      .order__menu-link--active {
        background: #F9F0E1;
        font-size: 12px;
        font-weight: 400;
        color: var(--orange-color);
        border-radius: 24px; } }
.order__header {
  padding: 12px 0; }
.order__title {
  font-size: clamp(16px, 3vw, 30px);
  font-weight: 700;
  color: var(--black-color); }
.order .order-state {
  margin-top: 60px; }
  @media (max-width: 1024px) {
    .order .order-state {
      width: 100%;
      text-align: center; } }
  .order .order-state__button {
    background: var(--orange-color);
    padding: 8px 24px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    width: 194px;
    height: 40px;
    justify-content: center;
    transition: .3s;
    margin-top: 30px; }
    @media (max-width: 1024px) {
      .order .order-state__button {
        width: 252px;
        height: 32px;
        font-size: 12px;
        margin: clamp(24px, 3vw, 30px) auto 0; } }
    .order .order-state__button:hover {
      background: #CD4800;
      transition: .3s; }
  .order .order-state--rejected .order-state__description, .order .order-state--consideration .order-state__description {
    width: 35%; }
    @media (max-width: 1024px) {
      .order .order-state--rejected .order-state__description, .order .order-state--consideration .order-state__description {
        width: 100%; } }
  .order .order-state__title {
    font-size: clamp(18px, 3.5vw, 24px);
    font-weight: 600;
    color: var(--black-color);
    margin-bottom: clamp(12px, 3vw, 16px); }
  .order .order-state__description {
    font-size: clamp(14px, 3vw, 16px);
    line-height: normal;
    color: #7D7D7D; }
.order__list {
  margin-top: 40px; }
.order .order-card {
  padding: 40px 20px 24px;
  box-shadow: 0px 4px 21.1px 0px #00000026;
  border-radius: 24px; }
  @media (max-width: 1024px) {
    .order .order-card {
      padding: 15px; } }
  @media (max-width: 500px) {
    .order .order-card {
      position: relative; } }
  .order .order-card:not(:last-child) {
    margin-bottom: 16px; }
  .order .order-card__partly {
    margin-top: clamp(14px, 2.5vw, 30px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .order .order-card__partly-label {
      font-size: clamp(14px, 3vw, 18px);
      font-weight: 600;
      line-height: normal;
      color: #FF5757; }
    .order .order-card__partly-value {
      font-size: clamp(14px, 3vw, 18px);
      font-weight: 600;
      line-height: normal;
      color: #FF5757; }
  .order .order-card__cancel {
    position: relative;
    cursor: pointer;
    margin-left: auto; }
    @media (max-width: 500px) {
      .order .order-card__cancel {
        position: absolute;
        right: 1rem;
        top: 1rem; } }
    .order .order-card__cancel:hover {
      box-shadow: 0px 1px 10.1px 0px #00000026;
      border-radius: 5px;
      transition: .3s; }
  .order .order-card__cancel-btn {
    display: none;
    box-shadow: 0px 4px 18px 0px #00000026;
    padding: 12px 50px;
    border-radius: 24px;
    position: absolute;
    right: 0;
    z-index: 35;
    background: var(--white-color);
    color: #2C3E50;
    cursor: pointer; }
  .order .order-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 500px) {
      .order .order-card__header--mobile {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 1rem; } }
  .order .order-card__info {
    display: flex;
    align-items: center; }
    @media (max-width: 500px) {
      .order .order-card__info {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1rem; } }
  .order .order-card__status-icon {
    display: flex; }
    @media (max-width: 1024px) {
      .order .order-card__status-icon svg {
        width: 16px;
        height: 16px; } }
  .order .order-card__date {
    font-size: clamp(14px, 3vw, 16px);
    font-weight: 700;
    color: var(--black-color);
    margin-right: 20px; }
  .order .order-card__number {
    font-size: clamp(14px, 3vw, 16px);
    font-weight: 700;
    color: var(--black-color);
    margin-right: 40px; }
  .order .order-card__status {
    display: flex;
    gap: 10px;
    align-items: center; }
    .order .order-card__status--issued {
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      color: var(--black-color);
      line-height: 1.2;
      border: 1px solid #11E666;
      border-radius: 12px;
      padding: 4px 8px;
      background: #E3F5DF; }
    .order .order-card__status--unpaid {
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      color: #E61511;
      line-height: 1.2;
      border: 1px solid #E61511;
      border-radius: 12px;
      padding: 4px 8px;
      background: #F5DFDF; }
    .order .order-card__status--changed {
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      color: var(--black-color);
      line-height: 1.2;
      border: 1px solid #F4E0A7;
      border-radius: 12px;
      padding: 4px 8px;
      background: #F4E0A7; }
  .order .order-card__user {
    font-size: clamp(14px, 3vw, 18px);
    font-weight: 600;
    color: var(--black-color); }
  .order .order-card__phone {
    font-size: clamp(14px, 3vw, 18px);
    font-weight: 500;
    color: var(--black-color); }
  .order .order-card__status-label {
    /*font-size: clamp(12px, 3vw, 16px);
    font-weight: 500;
    color: var(--black-color);
    line-height: 1.2;*/ }
    .order .order-card__status-label--paid {
      border: 1px solid #11E666;
      background: #E3F5DF;
      color: #2C3E50;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      padding: 1px 8px;
      border-radius: 12px; }
    .order .order-card__status-label--nopaid {
      border: 1px solid #E61511;
      background: #F5DFDF;
      color: #E61511;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      padding: 1px 8px;
      border-radius: 12px; }
    .order .order-card__status-label--cancel {
      border: 1px solid #E61511;
      background: #F5DFDF;
      color: #E61511;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      padding: 1px 8px;
      border-radius: 12px; }
    .order .order-card__status-label--changed {
      border: 1px solid #F4E0A7;
      background: #F4E0A7;
      color: var(--black-color);
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      padding: 1px 8px;
      border-radius: 12px; }
    .order .order-card__status-label--stay {
      border: 1px solid #E61511;
      background: #F5F2DF;
      color: #E61511;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      padding: 1px 8px;
      border-radius: 12px; }
    .order .order-card__status-label--decorated {
      padding: 1px 8px;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      color: var(--black-color);
      border-radius: 12px;
      background: #F9F0E1;
      border: 1px solid #F9F0E1; }
    .order .order-card__status-label--change {
      padding: 1px 8px;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      color: var(--black-color);
      border-radius: 12px;
      background: #F4E0A7;
      border: 1px solid #F4E0A7; }
    .order .order-card__status-label--delivery {
      padding: 1px 8px;
      font-size: clamp(12px, 3vw, 16px);
      font-weight: 500;
      color: var(--black-color);
      border-radius: 12px;
      background: #B3F4A7;
      border: 1px solid #B3F4A7; }
  .order .order-card__block {
    margin-top: clamp(14px, 2.5vw, 30px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 440px) {
      .order .order-card__block {
        flex-direction: column;
        align-items: unset;
        gap: 10px; } }
  .order .order-card__name {
    font-size: clamp(14px, 2.5vw, 20px);
    font-weight: 700;
    color: var(--black-color); }
  .order .order-card__amount {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: clamp(14px, 2.5vw, 20px);
    font-weight: 700;
    color: var(--black-color); }
    .order .order-card__amount span {
      font-size: clamp(14px, 2.5vw, 20px);
      font-weight: 700;
      color: var(--orange-color); }
  .order .order-card__buttons {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 30px; }
    .order .order-card__buttons--invoice {
      flex-wrap: wrap; }
      .order .order-card__buttons--invoice .order-card__invoice {
        width: 100%; }
      @media (max-width: 500px) {
        .order .order-card__buttons--invoice .order-card__repeat {
          order: 4; } }
    @media (max-width: 500px) {
      .order .order-card__buttons {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px; } }
  .order .order-card__invoice {
    margin-top: 24px; }
    @media (max-width: 500px) {
      .order .order-card__invoice {
        margin-top: 14px; } }
  .order .order-card__invoice-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--orange-color);
    border-radius: 24px;
    padding: 7px 24px;
    transition: .3s;
    /*&--indent {
        margin-top: 27px;
    }*/ }
    @media (max-width: 500px) {
      .order .order-card__invoice-btn--mobile {
        margin: 1rem auto 0.5rem !important;
        order: 3; } }
    @media (max-width: 1024px) {
      .order .order-card__invoice-btn {
        padding: 0;
        border: none; } }
    @media (max-width: 500px) {
      .order .order-card__invoice-btn {
        margin: 0 auto .5rem; } }
    .order .order-card__invoice-btn:hover {
      border-color: #CD4800;
      transition: .3s; }
      .order .order-card__invoice-btn:hover span {
        color: #CD4800;
        transition: .3s; }
      .order .order-card__invoice-btn:hover path {
        fill: #CD4800;
        transition: .3s; }
    .order .order-card__invoice-btn span {
      color: var(--orange-color);
      font-size: 16px;
      font-weight: 500;
      transition: .3s; }
      @media (max-width: 1024px) {
        .order .order-card__invoice-btn span {
          font-size: 14px; } }
  .order .order-card__repeat {
    display: flex;
    margin-left: auto; }
    @media (max-width: 440px) {
      .order .order-card__repeat {
        display: flex;
        margin-left: unset;
        width: 100%; } }
  .order .order-card__repeat-btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 7px 24px;
    background: var(--orange-color);
    border-radius: 24px;
    border: 1px solid var(--orange-color);
    transition: .3s; }
    @media (max-width: 1024px) {
      .order .order-card__repeat-btn {
        height: 48px;
        font-size: 14px;
        width: 100%;
        align-items: center; } }
    .order .order-card__repeat-btn:hover {
      background: #CD4800;
      border-color: #CD4800;
      transition: .3s; }

.employee-section {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 1024px) {
    .employee-section {
      flex-direction: column;
      gap: 16px; } }
  .employee-section__form {
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 24px 20px;
    width: 100%;
    max-width: 67%;
    flex: 1 0 auto;
    height: 100%; }
    @media (max-width: 1024px) {
      .employee-section__form {
        max-width: 100%; } }
  .employee-section__role-info {
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 24px 20px;
    width: 100%;
    max-width: 31%;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1024px) {
      .employee-section__role-info {
        max-width: 100%; } }
  .employee-section__current-role {
    display: flex;
    align-items: center;
    gap: 4px; }
  .employee-section__role-label {
    font-size: clamp(14px, 3vw, 18px);
    font-weight: 500;
    color: var(--black-color); }
  .employee-section__role-value {
    font-size: clamp(14px, 3vw, 20px);
    font-weight: 600;
    color: var(--black-color); }
  .employee-section__description {
    margin-top: clamp(8px, 3vw, 20px); }
    .employee-section__description p {
      font-size: clamp(12px, 2.5vw, 14px);
      font-weight: 400;
      color: var(--black-color); }
  .employee-section__roles-list {
    margin-top: clamp(8px, 3vw, 20px); }
  .employee-section .role-card:not(:last-child) {
    margin-bottom: clamp(10px, 3vw, 20px); }
  .employee-section .role-card__label {
    font-size: clamp(14px, 3vw, 16px);
    font-weight: 600;
    color: var(--black-color);
    margin-bottom: 8px; }
  .employee-section .role-card__description {
    font-size: clamp(12px, 2.5vw, 14px);
    font-weight: 400;
    color: var(--black-color); }
  .employee-section__shop-buttons {
    display: flex;
    gap: 25px;
    margin-top: 24px; }
  .employee-section__shop-btn {
    border: 2px solid var(--orange-color);
    border-radius: 24px;
    color: var(--orange-color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: .3s; }
    .employee-section__shop-btn:hover {
      color: #CD4800;
      border-color: #CD4800;
      transition: .3s; }
    .employee-section__shop-btn.inactive {
      border-color: rgba(255, 90, 0, 0.5);
      color: rgba(255, 90, 0, 0.5);
      cursor: default; }
    .employee-section__shop-btn--big {
      width: 194px; }
    .employee-section__shop-btn--small {
      width: 170px; }
  .employee-section__shops {
    width: 100%;
    margin-top: 17px;
    margin-top: 32px;
    display: flex;
    flex-direction: column; }
  .employee-section__shops-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #E0E0E0; }
  .employee-section__shops-title {
    font-size: clamp(14px, 2.5vw, 20px);
    font-weight: 600;
    color: var(--black-color); }
  .employee-section__shops-select-all {
    font-size: clamp(12px, 2.5vw, 14px);
    color: var(--orange-color);
    font-weight: 600;
    transition: .3s; }
    .employee-section__shops-select-all:hover {
      color: #CD4800;
      transition: .3s; }
  .employee-section__shops-list {
    margin-top: 20px; }
  .employee-section .shop-card {
    /* Эффект нажатия */
    /* Смена цвета границы при наведении */ }
    .employee-section .shop-card:not(:last-child) {
      margin-bottom: 20px; }
    .employee-section .shop-card__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px; }
    .employee-section .shop-card__checkbox {
      margin-right: auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
    .employee-section .shop-card__name {
      flex-grow: 1;
      font-size: clamp(14px, 3vw, 16px);
      font-weight: 600;
      color: var(--black-color);
      width: 80%;
      margin-right: 20px; }
    .employee-section .shop-card__items {
      display: none; }
    .employee-section .shop-card__items.active {
      display: block; }
    .employee-section .shop-card__subitems {
      display: none; }
    .employee-section .shop-card__subitems.active {
      display: block; }
    .employee-section .shop-card__item-header {
      display: flex;
      align-items: center;
      gap: 10px;
      padding-left: 10px;
      margin-top: 15px; }
    .employee-section .shop-card__item-checkbox {
      margin-right: auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      gap: 3%; }
    .employee-section .shop-card__subitem {
      padding-left: 44px;
      margin-right: auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      margin-top: 12px; }
    .employee-section .shop-card__toggle {
      width: 24px;
      height: 24px;
      flex-shrink: 0; }
    .employee-section .shop-card__checkbox-input {
      appearance: none;
      width: 24px;
      height: 24px;
      border: 2px solid #E0E0E0;
      border-radius: 100%;
      background-color: #fff;
      cursor: pointer;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      margin: 0;
      flex-shrink: 0; }
    .employee-section .shop-card__checkbox-input:checked {
      background-color: var(--orange-color);
      border-color: var(--orange-color);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
    .employee-section .shop-card__checkbox-input:active {
      filter: brightness(90%); }
    .employee-section .shop-card__checkbox-input:hover:not(:disabled) {
      border-color: var(--orange-color); }
    .employee-section .shop-card__item-name {
      font-size: 14px;
      color: #2C3E50;
      font-weight: 400; }
    .employee-section .shop-card__subitem-name {
      font-size: 14px;
      color: #2C3E50;
      font-weight: 400; }
  .employee-section__staff {
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 24px 20px;
    width: 100%;
    max-width: 68%;
    flex: 1 0 auto;
    margin-top: 16px; }
    @media (max-width: 1024px) {
      .employee-section__staff {
        max-width: 100%; } }
  .employee-section__staff-title {
    margin-bottom: 5px;
    padding: 4px 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color); }
  .employee-section .staffs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 16px; }
    .employee-section .staffs__element {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 768px) {
        .employee-section .staffs__element {
          align-items: center;
          gap: 10px;
          flex-wrap: wrap;
          justify-content: unset; }
          .employee-section .staffs__element:not(:first-child) {
            padding-top: 16px;
            margin-top: 16px;
            border-top: 1px solid #E0E0E0; } }
      @media (max-width: 768px) {
        .employee-section .staffs__element--mobile {
          display: none; } }
    .employee-section .staffs__name {
      width: 30%; }
      @media (max-width: 768px) {
        .employee-section .staffs__name {
          width: 100%; } }
    .employee-section .staffs__phone {
      width: 21%; }
      @media (max-width: 768px) {
        .employee-section .staffs__phone {
          width: 45%; } }
    .employee-section .staffs__mail {
      width: 20%; }
      @media (max-width: 768px) {
        .employee-section .staffs__mail {
          width: 45%; } }
    .employee-section .staffs__status {
      width: 20%; }
      @media (max-width: 768px) {
        .employee-section .staffs__status {
          width: 45%; } }
    .employee-section .staffs__btn {
      width: 5%; }
      @media (max-width: 768px) {
        .employee-section .staffs__btn {
          width: 25%; } }
      .employee-section .staffs__btn-link {
        width: 32px;
        height: 32px;
        background: var(--orange-color);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .3s; }
        .employee-section .staffs__btn-link:hover {
          background: #CD4800;
          transition: .3s; }
      .employee-section .staffs__btn-link--disabled {
        background: #FF5A0080;
        cursor: default; }
        .employee-section .staffs__btn-link--disabled:hover {
          background: #FF5A0080; }
    .employee-section .staffs__mail p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .employee-section .staffs__item p {
      font-size: clamp(14px, 2vw, 16px);
      font-weight: 400;
      color: var(--black-color);
      word-break: break-word; }
    .employee-section .staffs__item--bold p {
      font-size: clamp(14px, 2vw, 16px);
      font-weight: 600;
      color: var(--black-color); }
  .employee-section__button {
    margin-top: auto; }
    @media (max-width: 1024px) {
      .employee-section__button {
        margin-top: 20px; } }
    .employee-section__button-link {
      background: transparent;
      border: 2px solid var(--orange-color);
      padding: 8px 24px;
      color: var(--orange-color);
      border-radius: 24px;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      width: max-content;
      transition: .3s; }
      @media (max-width: 768px) {
        .employee-section__button-link {
          height: 34px;
          padding: 6px 10px;
          font-size: 12px;
          width: 100%; } }
      .employee-section__button-link:hover {
        color: #CD4800;
        background: transparent;
        border-color: #CD4800;
        transition: .3s; }

.modal .employee-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 15px; }
  .modal .employee-form .wrapper-fio {
    position: relative;
    height: 54px; }
    .modal .employee-form .wrapper-fio svg {
      position: absolute;
      width: 16px;
      height: 16px;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      background: #fff;
      /* padding-left: 10px; */ }
      .modal .employee-form .wrapper-fio svg:hover path {
        stroke: var(--orange-color); }
  .modal .employee-form__input {
    width: 100%;
    max-width: 47.7%;
    flex: 1 0 auto; }
  .modal .employee-form__input-label {
    padding: 0;
    margin-bottom: 8px;
    font-size: clamp(14px, 3.5vw, 18px);
    color: #909090;
    width: 100%; }
  .modal .employee-form__password {
    width: 100%;
    display: flex;
    align-items: end;
    gap: 14px; }
    @media (max-width: 768px) {
      .modal .employee-form__password {
        flex-direction: column; } }
  .modal .employee-form__password-btn {
    font-size: 12px;
    color: var(--white-color);
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 24px;
    background: var(--orange-color);
    transition: .3s;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 768px) {
      .modal .employee-form__password-btn {
        margin: 0;
        font-size: 10px;
        padding: 6px 12px;
        height: 32px; } }
    .modal .employee-form__password-btn:hover {
      background: #CD4800;
      transition: .3s; }
  .modal .employee-form__input-field {
    padding: 15px 12px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    resize: none;
    min-height: 54px;
    box-sizing: border-box;
    opacity: 1;
    font-size: 18px;
    color: #2C3E50;
    font-weight: 400;
    background: var(--white-color);
    width: 100%;
    height: 54px;
    line-height: normal; }
    .modal .employee-form__input-field--error {
      border-color: #FF5757; }
    .modal .employee-form__input-field:focus-visible {
      box-shadow: unset;
      outline: none; }
    .modal .employee-form__input-field--disabled {
      background: #F3F3F3; }
    .modal .employee-form__input-field::placeholder {
      color: #909090; }
  .modal .employee-form__input-select .btn {
    width: 100%;
    text-align: left;
    height: 54px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    padding: 16px 12px;
    font-size: 18px;
    background: transparent;
    color: #909090;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .modal .employee-form__input-select {
    width: 100%; }
  .modal .employee-form__notification {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto;
    margin-top: 30px; }
    .modal .employee-form__notification-title {
      margin-bottom: 5px;
      padding: 4px 0 12px 0;
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
    .modal .employee-form__notification-info {
      width: 35%;
      color: #989797;
      font-size: 14px;
      font-weight: 500; }
  .modal .employee-form__checkboxes {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }
  .modal .employee-form__checkbox-item {
    padding: 8px 0;
    display: flex;
    align-items: center; }
  .modal .employee-form__checkbox-name {
    width: 24%;
    margin-right: 33px;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color); }
  .modal .employee-form__label {
    display: inline-block;
    height: 22px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none; }
    .modal .employee-form__label input[type="checkbox"] {
      display: none; }
      .modal .employee-form__label input[type="checkbox"]:not(:disabled) + .employee-form__label-newcheck {
        cursor: pointer;
        border-color: rgba(0, 0, 0, 0.3); }
      .modal .employee-form__label input[type="checkbox"]:checked + .employee-form__label-newcheck {
        background: var(--orange-color); }
      .modal .employee-form__label input[type="checkbox"]:checked + .employee-form__label-newcheck:before {
        transform: translateX(18px); }
    .modal .employee-form__label-newcheck {
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      width: 40px;
      height: 22px;
      border-radius: 25%/50%;
      vertical-align: top;
      background: #2928260D;
      transition: .2s; }
      .modal .employee-form__label-newcheck:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: white;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        transition: .15s; }

.employee-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 15px; }
  @media (max-width: 768px) {
    .employee-form {
      flex-direction: column; } }
  .employee-form .wrapper-fio {
    position: relative;
    /*height: 54px;*/ }
    .employee-form .wrapper-fio svg {
      position: absolute;
      width: 16px;
      height: 16px;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      background: #fff;
      /*padding: 4px 0 4px 10px;*/ }
      .employee-form .wrapper-fio svg:hover path {
        stroke: var(--orange-color); }
  .employee-form__input {
    width: 100%;
    max-width: 45%;
    flex: 1 0 auto; }
    @media (max-width: 768px) {
      .employee-form__input {
        max-width: 100%; } }
  .employee-form__input-label {
    padding: 0;
    margin-bottom: 8px;
    font-size: clamp(14px, 2.5vw, 18px);
    color: #909090;
    width: 100%; }
  .employee-form__password {
    width: 100%;
    display: flex;
    align-items: end;
    gap: 14px; }
    @media (max-width: 768px) {
      .employee-form__password {
        flex-direction: column;
        align-items: self-start; } }
  .employee-form__password-btn {
    font-size: 12px;
    color: var(--white-color);
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 24px;
    background: var(--orange-color);
    transition: .3s;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 768px) {
      .employee-form__password-btn {
        margin: 0;
        font-size: 10px;
        padding: 6px 12px;
        height: 32px; } }
    .employee-form__password-btn:hover {
      background: #CD4800;
      transition: .3s; }
  .employee-form__input-field {
    padding: 12px 30px 12px 12px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    resize: none;
    min-height: 54px;
    box-sizing: border-box;
    opacity: 1;
    font-size: 18px;
    color: #2C3E50;
    color: #909090;
    font-weight: 400;
    background: var(--white-color);
    width: 100%;
    height: 54px;
    overflow-y: hidden;
    display: flex;
    /*&[type="email"] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }*/ }
    .employee-form__input-field::placeholder {
      color: #909090; }
    .employee-form__input-field--error {
      border-color: #FF5757; }
    .employee-form__input-field:focus-visible {
      box-shadow: unset;
      outline: none; }
    .employee-form__input-field--disabled {
      background: #F3F3F3; }
    .employee-form__input-field::placeholder {
      color: #909090;
      width: 95%; }
  .employee-form__input-select .btn {
    width: 100%;
    text-align: left;
    height: 54px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    padding: 16px 12px;
    font-size: 18px;
    background: transparent;
    color: #909090;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .employee-form__input-select {
    width: 100%; }
  .employee-form__notification {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto;
    margin-top: 30px; }
    .employee-form__notification-title {
      margin-bottom: 5px;
      padding: 4px 0 12px 0;
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
    .employee-form__notification-info {
      width: 35%;
      color: #989797;
      font-size: 14px;
      font-weight: 500; }
      @media (max-width: 768px) {
        .employee-form__notification-info {
          width: 100%; } }
  .employee-form__checkboxes {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }
  .employee-form__checkbox-item {
    padding: 8px 0;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .employee-form__checkbox-item {
        justify-content: space-between; } }
  .employee-form__checkbox-name {
    width: 24%;
    margin-right: 33px;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color); }
    @media (max-width: 768px) {
      .employee-form__checkbox-name {
        width: 100%; } }
  .employee-form__label {
    display: inline-block;
    height: 22px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none; }
    .employee-form__label input[type="checkbox"] {
      display: none; }
      .employee-form__label input[type="checkbox"]:not(:disabled) + .employee-form__label-newcheck {
        cursor: pointer;
        border-color: rgba(0, 0, 0, 0.3); }
      .employee-form__label input[type="checkbox"]:checked + .employee-form__label-newcheck {
        background: var(--orange-color); }
      .employee-form__label input[type="checkbox"]:checked + .employee-form__label-newcheck:before {
        transform: translateX(18px); }
    .employee-form__label-newcheck {
      position: relative;
      display: inline-block;
      box-sizing: border-box;
      width: 40px;
      height: 22px;
      border-radius: 25%/50%;
      vertical-align: top;
      background: #2928260D;
      transition: .2s; }
      .employee-form__label-newcheck:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: white;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        transition: .15s; }

.employee-form__checkbox-input {
  display: none;
  /* Полностью скрываем настоящий чекбокс */ }

.employee-form__label-newcheck {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  height: 22px;
  border-radius: 25px;
  vertical-align: top;
  background: #2928260D;
  transition: .2s; }

.employee-form__label-newcheck:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  transition: .15s; }

/* Стили для checked состояния - УПРОЩЕННЫЕ СЕЛЕКТОРЫ */
.employee-form__checkbox-input:checked + .employee-form__label-newcheck {
  background: #ff6b00;
  /* Используем прямой цвет вместо переменной для теста */
  border-color: #ff6b00; }

.employee-form__checkbox-input:checked + .employee-form__label-newcheck:before {
  transform: translateX(18px); }

.employee-buttons {
  margin-top: 25px;
  display: flex;
  align-items: center;
  gap: 24px; }
  @media (max-width: 768px) {
    .employee-buttons {
      flex-direction: column;
      gap: 10px; } }
  .employee-buttons__btn {
    padding: 8px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    width: max-content;
    transition: .3s;
    height: 40px;
    justify-content: center;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .employee-buttons__btn {
        width: 100%; } }
    .employee-buttons__btn-send {
      width: 194px;
      background: var(--orange-color);
      color: var(--white-color); }
      @media (max-width: 768px) {
        .employee-buttons__btn-send {
          width: 100%; } }
      .employee-buttons__btn-send:hover {
        background: #CD4800;
        transition: .3s; }
    .employee-buttons__btn-quit, .employee-buttons__btn-feedback {
      border: 2px solid var(--orange-color);
      color: var(--orange-color);
      background: transparent;
      width: 170px;
      height: 40px; }
      @media (max-width: 768px) {
        .employee-buttons__btn-quit, .employee-buttons__btn-feedback {
          width: 100%; } }
      .employee-buttons__btn-quit:hover, .employee-buttons__btn-feedback:hover {
        border-color: #CD4800;
        color: #CD4800;
        transition: .3s; }

.profile__header {
  margin-bottom: 5px;
  padding: 12px 16px; }
.profile__title {
  font-size: clamp(16px, 2vw, 30px);
  font-weight: 700;
  color: var(--black-color); }
.profile__section-wrapper {
  margin-top: 16px;
  display: flex;
  justify-content: space-between; }

.request-profile {
  width: 100%;
  width: 68%;
  flex: 1 0 auto;
  margin-bottom: 16px; }
  @media (max-width: 1024px) {
    .request-profile {
      max-width: 100%; } }
  .request-profile__items {
    display: flex;
    flex-direction: column;
    gap: 10px; }
  .request-profile__item {
    padding: 8px 16px;
    background: #F9F0E1;
    width: 100%;
    border-radius: 16px; }
    .request-profile__item p {
      font-size: clamp(12px, 2.5vw, 14px);
      display: block;
      color: #2C3E50; }
    .request-profile__item a {
      font-size: clamp(10px, 2.5vw, 14px);
      color: var(--orange-color);
      position: relative;
      text-decoration: underline;
      display: unset;
      transition: .3s; }
      .request-profile__item a:hover {
        color: #CD4800;
        transition: .3s; }

.quantity_selector {
  display: none;
  align-items: center;
  background: transparent;
  padding: 7px 24px;
  height: 40px;
  color: var(--white-color);
  border: 1px solid var(--orange-color);
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  margin-top: 16px; }
  @media (max-width: 1024px) {
    .quantity_selector {
      padding: 8px;
      height: 31px;
      font-size: 12px;
      margin-top: 12px; } }
  @media (max-width: 500px) {
    .quantity_selector {
      height: 40px;
      font-size: 14px; } }
  @media (max-width: 414px) {
    .quantity_selector {
      height: 31px;
      font-size: 14px; } }
  .quantity_selector .plus-btn svg, .quantity_selector .minus-text svg {
    width: 20px;
    height: 20px;
    display: flex; }
  .quantity_selector .action-btn {
    width: 11%; }
  .quantity_selector .plus-btn {
    width: 11%; }
  .quantity_selector .minus-text {
    width: 20px;
    height: 20px; }
  .quantity_selector .quantity {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    text-align: center;
    width: 45%; }
    @media (max-width: 1024px) {
      .quantity_selector .quantity {
        font-size: 12px; } }

.quantity_selector.visible {
  display: flex !important; }
  @media (max-width: 414px) {
    .quantity_selector.visible {
      height: 31px; } }

.products-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px; }
  .products-grid .product-card {
    width: 100%;
    max-width: 25%;
    flex: 1 0 auto;
    row-gap: 16px; }

.pagination {
  width: 100%;
  justify-content: center;
  margin-top: 32px; }
  .pagination .bx-pagination {
    margin: 10px 0; }

.catalog {
  /*&--indent {
      margin-top: 24px !important;
  }*/ }
  .catalog__container {
    display: flex;
    justify-content: space-between; }
  .catalog__filters {
    width: 100%;
    max-width: 22%;
    flex: 1 0 auto; }
    @media (max-width: 1024px) {
      .catalog__filters {
        display: none; } }
  .catalog__filters.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 1000;
    flex-direction: column;
    padding: 0 16px 24px;
    overflow-y: scroll;
    max-width: 100%; }
  .catalog__products {
    width: 100%;
    max-width: 75%;
    flex: 1 0 auto; }
    @media (max-width: 1024px) {
      .catalog__products {
        max-width: 100%; } }
  .catalog .filters-list__item {
    padding: 12px 20px; }
  .catalog .filter-btn {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color);
    transition: .3s;
    width: 100%; }
    .catalog .filter-btn:hover {
      color: var(--orange-color);
      transition: .3s; }
    .catalog .filter-btn--active {
      color: var(--orange-color); }
  .catalog .filter-section:not(:nth-child(3)) {
    margin-top: 32px; }
  .catalog .filter-section__title {
    font-size: 20px;
    font-weight: 600;
    color: #2C3E50;
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 0 20px;
    margin-bottom: 12px; }
    @media (max-width: 1024px) {
      .catalog .filter-section__title {
        padding: 0; } }
    .catalog .filter-section__title span {
      color: #7D7D7D;
      font-size: 14px;
      font-weight: 400; }
  .catalog .brands-filter {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .catalog .brands-filter .checkbox {
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 12px 20px; }
      .catalog .brands-filter .checkbox:hover .checkbox__input {
        border-color: var(--orange-color); }
      .catalog .brands-filter .checkbox__input {
        appearance: none;
        -webkit-appearance: none;
        /* для поддержки в Safari */ }
      .catalog .brands-filter .checkbox__input:checked {
        background-color: var(--orange-color);
        border-color: var(--orange-color);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
      .catalog .brands-filter .checkbox__input {
        appearance: none;
        width: 24px;
        height: 24px;
        border: 2px solid #E0E0E0;
        border-radius: 100%;
        background-color: #fff;
        cursor: pointer;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        margin: 0;
        flex-shrink: 0; }
      .catalog .brands-filter .checkbox__label {
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color);
        transition: .3s;
        margin: 0; }
  .catalog .filter-count {
    font-size: 14px;
    font-weight: 400;
    color: #7D7D7D; }
  .catalog .filter-section--mobile {
    display: none; }
    @media (max-width: 1024px) {
      .catalog .filter-section--mobile {
        display: block; } }
  @media (max-width: 1024px) {
    .catalog .filter-section--desktop {
      display: none; } }
  .catalog__filter--mobile {
    display: none; }
    @media (max-width: 1024px) {
      .catalog__filter--mobile {
        display: block; } }

.filters-actions {
  margin-top: 24px; }
  @media (max-width: 500px) {
    .filters-actions {
      display: flex;
      flex-direction: column;
      gap: 10px; } }
  .filters-actions__apply.btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    transition: .3s;
    padding: 7px;
    border-radius: 24px;
    background-color: var(--orange-color);
    width: 232px;
    text-align: center;
    opacity: 1; }
    .filters-actions__apply.btn:hover {
      background: #CD4800;
      transition: .3s;
      color: var(--white-color); }
    @media (max-width: 500px) {
      .filters-actions__apply.btn {
        width: 100%;
        margin: 0; } }
  .filters-actions__reset.btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    transition: .3s;
    padding: 7px;
    border: 1px solid #C2C2C2;
    border-radius: 24px;
    margin-top: 16px;
    width: 232px;
    opacity: 1; }
    .filters-actions__reset.btn:hover {
      border-color: var(--orange-color);
      color: var(--orange-color); }
    @media (max-width: 500px) {
      .filters-actions__reset.btn {
        width: 100%;
        margin: 0; } }

.catalog-controls {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .catalog-controls {
      justify-content: unset;
      gap: 30px; } }
  .catalog-controls__filter-toggle {
    width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 500;
    background: #FDFDFD;
    border: 1px solid #A6A59D;
    border-radius: 24px;
    color: var(--black-color);
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    display: none; }
    @media (max-width: 500px) {
      .catalog-controls__filter-toggle {
        height: 40px; } }
    @media (max-width: 1024px) {
      .catalog-controls__filter-toggle {
        display: flex; } }
  .catalog-controls__sort {
    width: 100%;
    max-width: 25%;
    flex: 1 0 auto; }
    .catalog-controls__sort .dropdown-toggle {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 9px 20px;
      font-size: 14px;
      font-weight: 500;
      background: #FDFDFD;
      border: 1px solid #A6A59D;
      border-radius: 24px;
      color: var(--black-color);
      text-align: left;
      position: relative; }
      @media (max-width: 500px) {
        .catalog-controls__sort .dropdown-toggle {
          height: 40px; } }
      .catalog-controls__sort .dropdown-toggle:after {
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        background: url("/local/templates/korovka_new/markup/images/arr_down.svg") no-repeat;
        background-size: contain;
        margin-left: 0;
        vertical-align: 0;
        content: "";
        border: none;
        right: 20px;
        top: 50%;
        transform: translateY(-50%); }
    .catalog-controls__sort .dropdown-menu {
      box-shadow: 0px 4px 20.4px 0px #00000040;
      padding: 24px 20px;
      border-radius: 24px;
      margin-top: 24px !important;
      border: none;
      width: 100%; }
      .catalog-controls__sort .dropdown-menu li:not(:last-child) {
        margin-bottom: 8px; }
      .catalog-controls__sort .dropdown-menu a {
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        color: #7D7D7D; }
        .catalog-controls__sort .dropdown-menu a:hover {
          color: var(--orange-color);
          transition: .3s;
          background: transparent; }
  .catalog-controls__results {
    display: flex;
    font-size: 14px;
    color: #7D7D7D;
    gap: 4px; }
    @media (max-width: 1024px) {
      .catalog-controls__results {
        display: none; } }

.footer__columns {
  display: flex;
  justify-content: space-between; }
.footer__column {
  width: 22%; }
  .footer__column--apps {
    width: 25%; }
.footer__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--white-color);
  margin-bottom: 16px; }
.footer__menu-item:not(:last-child) {
  margin-bottom: 16px; }
.footer__link {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  transition: .3s; }
  .footer__link:hover {
    color: var(--orange-color);
    transition: .3s; }
.footer__apps {
  display: flex;
  gap: 16px; }
.footer__app-link {
  width: max-content;
  padding: 8px;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  filter: grayscale(1);
  transition: .3s; }
  .footer__app-link:hover {
    filter: unset;
    transition: .3s; }
  .footer__app-link svg {
    width: 100%;
    height: 18px; }

.application__banner {
  position: relative; }
.application__image {
  width: 100%;
  position: relative; }
  .application__image img {
    height: 426px;
    object-fit: cover;
    border-radius: 24px; }
.application__button {
  position: absolute;
  left: 130px;
  bottom: 34px;
  font-size: 16px;
  color: var(--orange-color);
  font-weight: 600;
  display: inline-block;
  padding: 12px 30px;
  background: #F9F0E1;
  border-radius: 24px;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 162px; }
  .application__button:hover {
    background: var(--orange-color);
    color: #F9F0E1;
    transition: .3s; }
  @media (max-width: 1024px) {
    .application__button {
      left: 30px;
      bottom: 30px; } }
  @media (max-width: 768px) {
    .application__button {
      position: absolute;
      left: unset;
      bottom: 16px;
      font-size: 10px;
      color: var(--orange-color);
      font-weight: 600;
      display: inline-block;
      padding: 0;
      background: #F9F0E1;
      border-radius: 24px;
      transition: .3s;
      width: 68px;
      height: 20px;
      right: 16px;
      display: flex;
      align-items: center;
      justify-content: center; } }
.application .buttons-slider {
  bottom: 44px;
  position: absolute;
  z-index: 10;
  right: 56px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #EAEDF6;
  border-radius: 12px;
  padding: 4px 8px; }
  .application .buttons-slider path {
    stroke: var(--orange-color); }
  .application .buttons-slider .swiper-button-disabled path {
    stroke: #B5C3E6; }
  @media (max-width: 1024px) {
    .application .buttons-slider {
      bottom: 30px;
      right: 30px; } }

.catalog-categories.catalog-categories-page {
  margin-top: 38px; }

.catalog-categories {
  margin-top: 50px; }
  .catalog-categories__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px; }
    @media (max-width: 1024px) {
      .catalog-categories__grid {
        display: flex;
        flex-wrap: unset;
        justify-content: unset;
        row-gap: unset;
        overflow-x: scroll;
        gap: 8px; }
        .catalog-categories__grid::-webkit-scrollbar {
          display: none; } }
  .catalog-categories__content--desktop {
    display: block; }
    @media (max-width: 1024px) {
      .catalog-categories__content--desktop {
        display: none; } }
  .catalog-categories__content--mobile {
    display: none; }
    @media (max-width: 1024px) {
      .catalog-categories__content--mobile {
        display: block; } }
  .catalog-categories .catalog-category {
    height: 283px;
    border-radius: 24px;
    padding: 16px;
    position: relative; }
    .catalog-categories .catalog-category:hover h4 {
      color: #CD4800;
      transition: .3s; }
    @media (max-width: 1024px) {
      .catalog-categories .catalog-category__title {
        display: flex;
        justify-content: center;
        text-align: center; } }
    .catalog-categories .catalog-category__title h4 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1;
      position: relative;
      display: inline-block;
      color: #FF5A00; }
      @media (max-width: 1024px) {
        .catalog-categories .catalog-category__title h4 {
          font-size: 20px; } }
    .catalog-categories .catalog-category--small {
      width: 100%;
      max-width: 24%;
      flex: 1 0 auto;
      background: #FFAA01; }
      @media (max-width: 1024px) {
        .catalog-categories .catalog-category--small {
          max-width: 200px;
          height: 200px; } }
      .catalog-categories .catalog-category--small h4 {
        color: var(--white-color);
        transition: .3s; }
      .catalog-categories .catalog-category--small:hover h4 {
        color: #F9F0E1;
        transition: .3s; }
    .catalog-categories .catalog-category--middle {
      width: 100%;
      max-width: 36%;
      flex: 1 0 auto;
      background: #F9F0E1; }
      @media (max-width: 1024px) {
        .catalog-categories .catalog-category--middle {
          max-width: 200px;
          height: 200px; } }
    .catalog-categories .catalog-category--big {
      width: 100%;
      max-width: 49%;
      flex: 1 0 auto;
      background: #F9F0E1; }
      @media (max-width: 1024px) {
        .catalog-categories .catalog-category--big {
          max-width: 200px;
          height: 200px; } }
    .catalog-categories .catalog-category__image {
      width: max-content;
      position: absolute;
      right: 16px;
      bottom: 16px; }
      @media (max-width: 1024px) {
        .catalog-categories .catalog-category__image {
          right: 0;
          bottom: 4px;
          left: 0;
          margin: auto; } }
      .catalog-categories .catalog-category__image img {
        width: 200px;
        object-fit: contain; }
        @media (max-width: 1024px) {
          .catalog-categories .catalog-category__image img {
            width: 120px;
            height: 120px; } }

.product-detail {
  margin-top: 50px; }
  .product-detail .quantity_selector {
    height: 48px; }
  .product-detail__grid {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .product-detail__grid {
        flex-direction: column;
        gap: 20px; } }
  .product-detail__gallery {
    width: 45%; }
    @media (max-width: 1366px) {
      .product-detail__gallery {
        width: 40%; } }
    @media (max-width: 1366px) {
      .product-detail__gallery {
        width: 100%; } }
  .product-detail__info {
    width: 50%;
    padding: 0; }
    @media (max-width: 1366px) {
      .product-detail__info {
        width: 60%; } }
    @media (max-width: 1366px) {
      .product-detail__info {
        width: 100%; } }
  .product-detail .js-swiper-gallery-main {
    margin-bottom: 40px !important; }
  .product-detail .swiper-slide {
    text-align: center; }
  .product-detail .img-fluid {
    width: 580px;
    margin: auto;
    object-fit: contain;
    max-width: 100%;
    height: 417px; }
    @media (max-width: 500px) {
      .product-detail .img-fluid {
        height: 300px;
        width: 100%; } }
  .product-detail .js-swiper-gallery-thumbs .swiper-wrapper {
    justify-content: center; }
  .product-detail .js-swiper-gallery-thumbs .swiper-slide {
    text-align: center;
    border: 1px solid #A6A59D;
    border-radius: 24px;
    width: 96px !important;
    height: 96px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 500px) {
      .product-detail .js-swiper-gallery-thumbs .swiper-slide {
        border-radius: 15px;
        width: 70px !important;
        height: 70px; } }
    .product-detail .js-swiper-gallery-thumbs .swiper-slide .img-fluid {
      object-fit: contain;
      width: 60%; }
  .product-detail .js-swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--orange-color);
    border-radius: 24px; }
    @media (max-width: 500px) {
      .product-detail .js-swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
        border-radius: 15px; } }

.product-info__title {
  font-size: clamp(16px, 2vw, 30px);
  font-weight: 700;
  color: #2C3E50; }
.product-info__status {
  background: #F9F0E1;
  border-radius: 16px;
  padding: 8px 16px;
  margin-bottom: 36px; }
  .product-info__status p {
    font-size: clamp(12px, 1.5vw, 16px);
    color: #2C3E50; }
.product-info__header {
  margin-bottom: clamp(16px, 2vw, 42px); }

.product-pricing--mobile {
  display: none; }
.product-pricing__current {
  display: flex;
  align-items: center;
  gap: 39px; }
  @media (max-width: 1024px) {
    .product-pricing__current {
      flex-wrap: wrap; } }
.product-pricing__price {
  color: var(--orange-color);
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 600; }
  @media (max-width: 1024px) {
    .product-pricing__price {
      padding: 0; } }
.product-pricing__package {
  color: var(--black-color);
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 600; }
  @media (max-width: 1024px) {
    .product-pricing__package {
      padding: 0; } }
.product-pricing__min-order {
  font-size: clamp(14px, 2vw, 18px);
  font-weight: 600;
  color: #2C3E50; }
  @media (max-width: 1024px) {
    .product-pricing__min-order {
      width: 100%; } }
.product-pricing .product-card__actions {
  width: 74%;
  margin-top: 42px; }
  .product-pricing .product-card__actions .btn--primary {
    height: 48px;
    font-size: 16px; }
    @media (max-width: 500px) {
      .product-pricing .product-card__actions .btn--primary {
        height: 40px;
        font-size: 14px; } }
  @media (max-width: 768px) {
    .product-pricing .product-card__actions {
      width: 100%; } }

.cart-state {
  margin-top: 60px; }
  .cart-state--rejected {
    width: 26%; }
  .cart-state--no-role {
    width: 25%; }
    @media (max-width: 1024px) {
      .cart-state--no-role {
        width: 100%; } }
  @media (max-width: 1024px) {
    .cart-state__content {
      text-align: center; } }
  .cart-state__title {
    font-size: clamp(18px, 3.5vw, 24px);
    font-weight: 600;
    color: var(--black-color);
    margin-bottom: clamp(12px, 3vw, 16px); }
  .cart-state__description {
    font-size: clamp(14px, 3vw, 16px);
    line-height: normal;
    color: #7D7D7D; }
  .cart-state__actions {
    max-width: max-content;
    margin-top: 16px; }
    @media (max-width: 1024px) {
      .cart-state__actions {
        margin: clamp(24px, 3vw, 30px) auto 0; } }
  .cart-state__link {
    background: var(--orange-color);
    color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    font-weight: 500;
    width: 194px;
    height: 40px;
    justify-content: center;
    transition: .3s;
    padding: 9px;
    font-size: 14px; }
    @media (max-width: 1024px) {
      .cart-state__link {
        width: 252px;
        height: 32px;
        font-size: 12px; } }
    .cart-state__link:hover {
      background: #CD4800;
      transition: .3s;
      color: var(--white-color); }

.quantity_selector .plus-btn, .quantity_selector .action-btn {
  display: flex;
  justify-content: center; }

.product-nutrition {
  margin-top: clamp(24px, 3.5vw, 42px); }
  .product-nutrition__title {
    margin-bottom: clamp(12px, 3vw, 40px); }
    .product-nutrition__title p {
      font-size: clamp(12px, 2vw, 18px);
      font-weight: 400;
      color: var(--black-color); }
  .product-nutrition__grid {
    display: flex;
    gap: 86px; }
    @media (max-width: 768px) {
      .product-nutrition__grid {
        justify-content: space-between;
        gap: unset; } }
  .product-nutrition .nutrition-item {
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center; }
    .product-nutrition .nutrition-item__value {
      font-size: clamp(12px, 2.5vw, 18px);
      font-weight: 400;
      color: var(--black-color); }
    .product-nutrition .nutrition-item__label {
      font-size: clamp(12px, 2.5vw, 16px);
      font-weight: 400;
      color: var(--black-color); }

.product-composition {
  margin-top: clamp(24px, 3.5vw, 42px); }
  .product-composition__header {
    margin-bottom: clamp(8px, 3vw, 16px); }
    .product-composition__header h4 {
      font-size: clamp(14px, 3vw, 24px);
      font-weight: 500;
      color: var(--black-color); }
  .product-composition__content p {
    font-size: clamp(12px, 3vw, 18px);
    font-weight: 400;
    color: var(--black-color); }

.product-storage {
  margin-top: clamp(24px, 3.5vw, 42px); }
  .product-storage__header {
    margin-bottom: clamp(8px, 3vw, 16px); }
    .product-storage__header h4 {
      font-size: clamp(14px, 3vw, 24px);
      font-weight: 500;
      color: var(--black-color); }
  .product-storage__content p {
    font-size: clamp(12px, 3vw, 18px);
    font-weight: 400;
    color: var(--black-color); }

.banner {
  margin-top: clamp(0px, 3.5vw, 38px); }
  .banner__block {
    height: clamp(126px, 30vw, 393px);
    margin-right: 30px;
    width: 100%; }
  .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px; }
  .banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #2C3E50;
    opacity: .3; }
  .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2C3E50;
    opacity: .7;
    width: 16px;
    border-radius: 20px; }
  .banner .swiper-pagination {
    position: relative;
    margin-top: 13px;
    bottom: unset;
    top: unset; }

.buttons-slider {
  bottom: 44px;
  position: absolute;
  z-index: 10;
  right: 56px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #EAEDF6;
  border-radius: 12px;
  padding: 4px 8px;
    /*path {
        stroke: var(--orange-color);
    }

    .swiper-button-disabled {
        path {
            stroke: #B5C3E6;
        }
    }*/ }
  @media (max-width: 1024px) {
    .buttons-slider {
      display: none; } }
  .buttons-slider .button-hover:hover path {
    stroke: var(--orange-color); }

.catalog {
  margin-top: clamp(26px, 3vw, 50px);
  /*.swiper-button-disabled {
      svg path {
          stroke: #B5C3E6;
      }
  }*/
  /*.catalog_item.out_of_stock {
      img {
          filter: grayscale(100%);
      }
  }*/
    /*.quantity_selector {
        display: none;
        align-items: center;
        background: transparent;
        padding: 7px 24px;
        color: var(--white-color);
        border: 1px solid var(--orange-color);
        align-items: center;
        justify-content: center;
        border-radius: 24px;
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        margin-top: 16px;

        .plus-btn, .minus-text {
            svg {
                width: 20px;
                height: 20px;
                display: flex;
            }
        }

        .action-btn {
            width: 11%;
        }

        .plus-btn {
            width: 11%;
        }

        .minus-text {
            width: 20px;
            height: 20px;
        }

        .quantity {
            font-size: 16px;
            font-weight: 500;
            color: var(--black-color);
            text-align: center;
            width: 45%;
        }
    }*/ }
  .catalog .swiper-button-prev:after, .catalog .swiper-rtl .swiper-button-next:after, .catalog .swiper-button-next:after, .catalog .swiper-rtl .swiper-button-prev:after {
    display: none; }
  .catalog .swiper-button-next.swiper-button-disabled, .catalog .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none; }
  .catalog .swiper-button-prev, .catalog .swiper-button-next {
    left: unset;
    right: unset; }
  .catalog .swiper-button-next, .catalog .swiper-button-prev {
    position: relative;
    top: unset;
    width: 24px;
    height: 24px;
    margin-top: unset;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: unset;
    color: unset;
    gap: 16px; }
    .catalog .swiper-button-next svg path, .catalog .swiper-button-prev svg path {
      stroke: var(--orange-color); }
  .catalog .buttons-slider {
    bottom: unset;
    position: relative;
    z-index: 10;
    right: unset;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #EAEDF6;
    border-radius: 12px;
    padding: 4px 8px; }
  .catalog .catalog__items {
    margin-top: 25px; }
  .catalog .orange_button.inactive {
    display: block !important; }
  .catalog .image {
    position: relative; }
  .catalog .out_of_stock_item {
    position: absolute;
    bottom: -15px;
    text-align: center;
    width: 100%; }
    .catalog .out_of_stock_item span {
      font-size: 12px;
      color: var(--orange-color);
      padding: 0 7px;
      border: 1px solid var(--orange-color);
      border-radius: 12px;
      background: var(--white-color); }
  .catalog .catalog_item {
    padding: 16px 12px; }
    .catalog .catalog_item .name {
      padding: 0 12px;
      margin-top: 12px;
      height: 47px;
      display: flex;
      align-items: center;
      transition: .3s; }
      .catalog .catalog_item .name a {
        color: var(--black-color);
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        .catalog .catalog_item .name a:hover {
          color: var(--orange-color);
          transition: .3s; }
    .catalog .catalog_item .price_block {
      margin-top: 8px;
      padding: 0 12px;
      display: flex;
      align-items: center;
      gap: 6px; }
      .catalog .catalog_item .price_block .price p {
        color: var(--orange-color);
        font-size: 18px;
        font-weight: 600; }
      .catalog .catalog_item .price_block .price_old p {
        position: relative;
        font-size: 12px;
        font-weight: 400;
        color: #B3B9BE; }
        .catalog .catalog_item .price_block .price_old p:before {
          display: block;
          position: absolute;
          content: '';
          width: 100%;
          height: 1px;
          background: #B3B9BE;
          top: 50%;
          transform: translateY(-50%);
          left: 0; }
    .catalog .catalog_item .orange_button {
      margin-top: 16px; }
      .catalog .catalog_item .orange_button a {
        gap: 24px;
        transition: .3s; }
        .catalog .catalog_item .orange_button a:hover {
          background: #CD4800;
          transition: .3s; }
  .catalog .image img {
    height: 171px;
    object-fit: contain; }
  .catalog .collection-property {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: end; }
    .catalog .collection-property .collection-sale {
      font-size: 12px;
      font-weight: 500;
      color: var(--black-color);
      background: #FFD857;
      border-radius: 12px;
      text-align: center;
      width: 30%; }
    .catalog .collection-property .collection-new {
      font-size: 12px;
      font-weight: 500;
      color: var(--white-color);
      background: #FF5757;
      border-radius: 12px;
      text-align: center;
      width: 30%; }
  .catalog .quantity_selector.visible {
    display: flex;
    /* Показываем при добавлении класса visible */ }
  .catalog .orange_button {
    display: block;
    /* Показываем по умолчанию */ }
  .catalog .quantity_selector button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    width: 21px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .catalog .action-btn {
    position: relative; }
  .catalog .cart-icon {
    width: 20px;
    height: 20px; }
  .catalog .cart-icon, .catalog .minus-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .catalog .minus-text {
    display: none; }

.title_block_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px !important; }

.catalog_categories {
  margin-top: 24px; }
  .catalog_categories .swiper-button-prev:after, .catalog_categories .swiper-rtl .swiper-button-next:after, .catalog_categories .swiper-button-next:after, .catalog_categories .swiper-rtl .swiper-button-prev:after {
    display: none; }
  .catalog_categories .swiper-button-next.swiper-button-disabled, .catalog_categories .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none; }
  .catalog_categories .swiper-button-prev, .catalog_categories .swiper-button-next {
    left: unset;
    right: unset; }
  .catalog_categories .swiper-button-next, .catalog_categories .swiper-button-prev {
    position: relative;
    top: unset;
    width: 24px;
    height: 24px;
    margin-top: unset;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: unset;
    color: unset;
    gap: 16px; }
  .catalog_categories .buttons-slider {
    bottom: unset;
    position: relative;
    z-index: 10;
    right: unset;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #EAEDF6;
    border-radius: 12px;
    padding: 4px 8px; }
    .catalog_categories .buttons-slider svg path {
      stroke: var(--orange-color); }
  .catalog_categories .swiper-button-disabled svg path {
    stroke: #B5C3E6; }
  .catalog_categories .title_block {
    align-items: center;
    gap: 38px; }
  .catalog_categories .header_content .title {
    padding: 12px 16px; }
  .catalog_categories .catalog_categories_items {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px; }
    .catalog_categories .catalog_categories_items .catalog_category_item {
      height: 283px;
      border-radius: 24px;
      padding: 16px;
      position: relative;
      /*&:hover h4:before {
          width: 100%;
      }*/ }
      .catalog_categories .catalog_categories_items .catalog_category_item:hover h4 {
        color: #CD4800;
        transition: .3s; }
    .catalog_categories .catalog_categories_items .catalog_category_item.small:hover h4 {
      color: #F9F0E1;
      transition: .3s; }
    .catalog_categories .catalog_categories_items .image {
      width: max-content;
      position: absolute;
      right: 16px;
      bottom: 16px; }
      .catalog_categories .catalog_categories_items .image img {
        width: 200px;
        object-fit: contain; }
    .catalog_categories .catalog_categories_items h4 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1;
      position: relative;
      display: inline-block; }
    .catalog_categories .catalog_categories_items .small {
      width: 100%;
      max-width: 24%;
      flex: 1 0 auto;
      background: #FFAA01; }
      .catalog_categories .catalog_categories_items .small h4 {
        color: var(--white-color);
        transition: .3s;
        /*&:before {
            display: block;
            position: absolute;
            content: '';
            width: 0;
            height: 2px;
            background: var(--white-color);
            bottom: 0;
            left: 0;
            transition: .3s;
        }*/ }
    .catalog_categories .catalog_categories_items .middle {
      width: 100%;
      max-width: 36%;
      flex: 1 0 auto;
      background: #F9F0E1; }
      .catalog_categories .catalog_categories_items .middle h4 {
        color: #FF5A00; }
        .catalog_categories .catalog_categories_items .middle h4:before {
          display: block;
          position: absolute;
          content: '';
          width: 0;
          height: 2px;
          background: #FF5A00;
          bottom: 0;
          left: 0;
          transition: .3s; }
    .catalog_categories .catalog_categories_items .big {
      width: 100%;
      max-width: 49%;
      flex: 1 0 auto;
      background: #F9F0E1; }
      .catalog_categories .catalog_categories_items .big h4 {
        color: #FF5A00; }
        .catalog_categories .catalog_categories_items .big h4:before {
          display: block;
          position: absolute;
          content: '';
          width: 0;
          height: 2px;
          background: #FF5A00;
          bottom: 0;
          left: 0;
          transition: .3s; }

.application {
  margin-top: 46px;
    /*.image {
        width: 100%;
        height: clamp(152px, 30vw, 393px);

        img {
            height: 416px;
            object-fit: contain;
            border-radius: 24px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 24px;
        }
    }*/ }
  .application .application_banner {
    position: relative; }
  .application__image {
    width: 100%;
    height: clamp(152px, 30vw, 393px); }
    .application__image img {
      height: 416px;
      object-fit: contain;
      border-radius: 24px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 24px; }
  @media (max-width: 768px) {
    .application__buttons {
      display: none; } }
  .application .button {
    display: flex;
    position: absolute;
    left: 130px;
    bottom: 34px; }
    .application .button a {
      font-size: 16px;
      color: var(--orange-color);
      font-weight: 600;
      display: inline-block;
      padding: 14px 35px;
      background: #F9F0E1;
      border-radius: 24px;
      transition: .3s; }
      .application .button a:hover {
        background: var(--orange-color);
        color: #F9F0E1;
        transition: .3s; }

footer {
  padding: 40px 0 174px;
  background: var(--footer-back);
  margin-top: 140px; }
  footer .row {
    justify-content: space-between; }
  footer .col-3 {
    width: 22%; }
  footer .title {
    margin-bottom: 16px; }
    footer .title h3 {
      font-size: 16px;
      font-weight: 600;
      color: var(--white-color); }
  footer li:not(:last-child) {
    margin-bottom: 16px; }
  footer li a {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    transition: .3s; }
    footer li a:hover {
      color: var(--orange-color);
      transition: .3s; }
  footer .app_items {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    footer .app_items svg {
      height: 18px; }
      footer .app_items svg path {
        filter: grayscale(1);
        transition: .3s; }
    footer .app_items .app_item a {
      padding: 8px;
      background: var(--white-color);
      border-radius: 6px;
      display: flex;
      align-items: center; }
      footer .app_items .app_item a:hover path {
        filter: unset;
        transition: .3s; }

/*.request {

    .request__items {


        .request__item {


            p {


                a {


                    !*&:hover:before {
                        width: 100%;
                        transition: .3s;
                    }

                    &:before {
                        display: block;
                        position: absolute;
                        content: '';
                        width: 0;
                        height: 1px;
                        background: var(--orange-color);
                        bottom: 0;
                        left: 0;
                        transition: .3s;
                    }*!
                }
            }
        }
    }
}*/
footer.mobile {
  padding: 0;
  margin: 0;
  position: fixed;
  bottom: 0;
  z-index: 99;
  background: #FDFDFD;
  width: 100vw;
  box-shadow: 0px 3px 14px 0px #0000001F; }
  footer.mobile .mobile_buttons {
    display: flex;
    justify-content: space-between; }
  footer.mobile .mobile_button {
    width: 20%;
    padding: 8px 12px;
    text-align: center; }
    footer.mobile .mobile_button svg {
      width: 24px;
      height: 24px; }
  footer.mobile .name p {
    color: #666666;
    font-size: 12px; }
  footer.mobile .mobile_button .icon svg path {
    fill: #666666; }
  footer.mobile .mobile_button:nth-child(2) .icon svg path {
    stroke: #666666; }
  footer.mobile .mobile_button.active .icon svg path {
    fill: var(--orange-color); }
  footer.mobile .mobile_button.active:nth-child(2) .icon svg path {
    stroke: var(--orange-color); }
  footer.mobile .mobile_button.active .name p {
    color: var(--orange-color); }

footer.mobile {
  display: none; }

header.mobile {
  display: none; }

.more.mobile {
  display: none; }

#nav-icon6 {
  width: 18px;
  height: 18px;
  position: relative;
  transition-duration: 1s;
  cursor: pointer;
  margin: 0;
  display: flex;
  align-items: center; }

#nav-icon6 span {
  height: 2px;
  width: 18px;
  background-color: var(--white-color);
  border-radius: 20px;
  position: absolute;
  transition-duration: .25s;
  transition-delay: .25s; }

#nav-icon6 span:before {
  left: 0;
  position: absolute;
  top: -5px;
  height: 2px;
  width: 18px;
  background-color: var(--white-color);
  content: "";
  border-radius: 20px;
  transition-duration: .25s;
  transition: transform .25s, top .25s .25s; }

#nav-icon6 span:after {
  left: 0;
  position: absolute;
  top: 5px;
  height: 2px;
  width: 18px;
  background-color: var(--white-color);
  content: "";
  border-radius: 20px;
  transition-duration: .25s;
  transition: transform .25s, top .25s .25s; }

#nav-icon6.open span {
  transition-duration: 0.1s;
  transition-delay: .25s;
  background: transparent; }

#nav-icon6.open span:before {
  transition: top .25s, transform .25s .25s;
  top: 0px;
  transform: rotateZ(-45deg); }

#nav-icon6.open span:after {
  transition: top 0.4s, transform .25s .25s;
  top: 0px;
  transform: rotateZ(45deg); }

.overlay {
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
  background: #00000099;
  /*display: none;*/
  cursor: pointer;
  /*opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;*/
  height: 0;
  overflow: hidden;
  /*transition: height .5s ease;*/
  z-index: 15; }

.overlay.active {
  /*display: block;*/
  /*transition: all .7s ease;*/
  /*opacity: 1;
  visibility: visible;*/
  height: 3000px; }

body.active {
  overflow: hidden; }

.header__mobile {
  position: absolute;
  width: 100%;
  left: 0;
  height: 355px;
  background-color: #FDFDFD;
  transition: all .7s ease;
  top: -500px;
  /*z-index: 999;*/
  /*z-index: 15;*/
  /*overflow: auto;*/
  /*opacity: 0;
  z-index: -1;*/ }
  .header__mobile .container {
    height: 100%; }

.header__mobile.active {
  left: 0;
  top: 100%;
  /*bottom: -100px;*/
  /*opacity: 1;
  z-index: 9;*/ }

.main-categories {
  width: 100%;
  position: relative;
  height: 100%;
  /*padding-bottom: 50px;*/
  overflow: hidden;
  /*&:before {
      position: absolute;
      content: '';
      width: 10px;
      height: 100%;
  }*/ }

.main-categories ul {
  list-style: none;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 30px;
  width: 30%; }
  .main-categories ul::-webkit-scrollbar {
    width: 8px; }
  .main-categories ul::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px; }
  .main-categories ul::-webkit-scrollbar-thumb {
    background: var(--orange-color);
    border-radius: 5px;
    border: 2px solid #f1f1f1; }
  .main-categories ul::-webkit-scrollbar-thumb:hover {
    background: #555; }

.main-categories li {
  padding: 12px 20px;
  width: 100%; }

.main-categories li a {
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 500;
  color: var(--black-color); }

.main-categories li a:hover {
  color: #ff6b00; }

.subcategories-container {
  position: absolute;
  left: 30%;
  top: 0;
  width: 70%;
  height: 100%;
  /*&:before {
      content: '';
      width: 50px;
      height: 100%;
      left: -30px;
      position: absolute;
  }*/ }

.bx-pagination .bx-pagination-container ul li a:hover span {
  background: var(--orange-color);
  color: var(--white-color); }

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
  border-color: var(--orange-color);
  color: var(--orange-color); }

.bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
  background: #fff;
  border: 2px solid #E0E0E0;
  line-height: normal;
  height: 40px;
  padding: 0 28px;
  color: #909090;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  width: max-content;
  min-width: 110px; }

.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:focus span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:focus span {
  border-color: #CD4800;
  color: #CD4800;
  background: transparent; }

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
  background: #fff;
  border: 2px solid #E0E0E0;
  line-height: normal;
  height: 40px;
  padding: 0 28px;
  color: #2C3E50;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  width: max-content;
  min-width: 110px; }

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span:hover, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:hover, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:hover {
  border-color: var(--orange-color);
  color: var(--orange-color); }
  .bx-pagination .bx-pagination-container ul li.bx-pag-all a span:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:hover span {
    border-color: var(--orange-color); }

.bx-pagination .bx-pagination-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 12px; }

.bx-pagination .bx-pagination-container ul li {
  display: inline-block;
  margin: 0; }

.bx-pagination .bx-pagination-container ul li a {
  text-decoration: none;
  display: block;
  border-radius: 0;
  height: 40px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  vertical-align: middle; }

.bx-pagination .bx-pagination-container ul li span {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E0E0E0;
  color: #2C3E50;
  font-size: 14px; }

.bx-pagination .bx-pagination-container ul li.pag-ellipses span {
  width: auto;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  background: transparent;
  color: #2C3E50;
  font-size: 14px;
  padding: 0;
  min-width: auto; }

.bx-pagination .bx-pagination-container ul li.pag-ellipses a:hover span {
  background: var(--orange-color);
  color: var(--white-color); }

button:focus:not(:focus-visible) {
  box-shadow: unset; }

.buttons-slider > * {
  display: flex; }

.employee.profile_page .buttons_block .orange_border.dis a {
  padding: 7.5px 55px; }

.bx-pagination .bx-pagination-container ul li a:focus span {
  background: #CD4800;
  color: #fff; }

button, input[type="submit"] {
  display: flex; }

/*.main-categories li:hover .subcategories-container {
    display: block;
}*/
.subcategories h3 {
  color: var(--black-color);
  font-size: 22px;
  padding: 12px 16px;
  font-weight: 700;
  width: 100%; }

.subcategories {
  display: flex;
  flex-wrap: wrap;
  /*overflow-y: scroll;
  overflow-x: hidden;*/
  padding-bottom: 70px;
  height: 100%; }

.subcategory-column {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-right: 1%;
  height: 100%; }

.main-categories .subcategory-column ul {
  list-style: none;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 0;
  width: 100%; }

.subcategory-column ul {
  list-style: none; }

.subcategory-column li {
  padding: 6px 20px; }

.subcategory-column li a {
  color: var(--black-color);
  font-size: 14px; }

.subcategory-column li a:hover {
  color: #ff6b00;
  cursor: pointer; }

.highlight {
  color: #ff6b00;
  font-weight: bold; }

/*.breadcrumbs_nav {
    margin-top: 4px;

    .breadcrumbs {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;

        a {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            transition: .3s;

            &:last-child {
                font-weight: 600;
            }

            &:hover {
                color: var(--orange-color);
                transition: .3s;
            }
        }

        .separator {
            font-size: 14px;
            color: var(--black-color);
        }
    }

    .breadcrumbs_elem {
        span {
            font-size: 14px;
            font-weight: 600;
            color: var(--black-color);
        }
    }
}*/
.catalog_general {
  margin-top: 24px; }
  .catalog_general .catalog_filter {
    width: 100%;
    max-width: 25%;
    flex: 1 0 auto; }
    .catalog_general .catalog_filter li {
      padding: 12px 20px;
      display: flex;
      align-items: center;
      gap: 24px;
      justify-content: space-between; }
      .catalog_general .catalog_filter li .filter-item {
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color);
        transition: .3s; }
        .catalog_general .catalog_filter li .filter-item:hover {
          color: var(--orange-color);
          transition: .3s; }
      .catalog_general .catalog_filter li .filter-item.active {
        color: var(--orange-color); }
      .catalog_general .catalog_filter li .count {
        font-size: 14px;
        font-weight: 400;
        color: #7D7D7D; }
  .catalog_general .catalog_items_block {
    width: 100%;
    max-width: 75%;
    flex: 1 0 auto; }
    .catalog_general .catalog_items_block .dropdown__block {
      width: 100%;
      max-width: 100%;
      flex: 1 0 auto; }
    .catalog_general .catalog_items_block .dropdown-toggle {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 9px 20px;
      font-size: 14px;
      font-weight: 500;
      background: #FDFDFD;
      border: 1px solid #A6A59D;
      border-radius: 24px;
      color: var(--black-color);
      text-align: left;
      position: relative; }
      .catalog_general .catalog_items_block .dropdown-toggle:after {
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        background: url("/local/templates/korovka_new/markup/images/arr_down.svg") no-repeat;
        background-size: contain;
        margin-left: 0;
        vertical-align: 0;
        content: "";
        border: none;
        right: 20px;
        top: 50%;
        transform: translateY(-50%); }
    .catalog_general .catalog_items_block .dropdown-menu {
      box-shadow: 0px 4px 20.4px 0px #00000040;
      padding: 24px 20px;
      border-radius: 24px;
      margin-top: 24px !important;
      border: none;
      width: 100%; }
      .catalog_general .catalog_items_block .dropdown-menu li:not(:last-child) {
        margin-bottom: 8px; }
      .catalog_general .catalog_items_block .dropdown-menu a {
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        color: #7D7D7D; }
        .catalog_general .catalog_items_block .dropdown-menu a:hover {
          color: var(--orange-color);
          transition: .3s;
          background: transparent; }
  .catalog_general .catalog_general_items {
    display: flex;
    flex-wrap: wrap; }
    .catalog_general .catalog_general_items .catalog {
      margin-top: 40px; }
    .catalog_general .catalog_general_items .catalog_item {
      width: 100%;
      max-width: 25%;
      flex: 1 0 auto; }

.general_title_back {
  display: none; }

.custom-dropdown-header {
  display: flex;
  align-items: center;
  padding: 16px 0; }
  .custom-dropdown-header .custom-back-arrow {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    cursor: pointer; }
  .custom-dropdown-header .custom-dropdown-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color);
    width: 100%;
    text-align: center; }

.detail_product_block {
  margin-top: 64px; }
  .detail_product_block .js-swiper-gallery-main {
    margin-bottom: 40px !important; }
    .detail_product_block .js-swiper-gallery-main .swiper-slide {
      text-align: center; }
      .detail_product_block .js-swiper-gallery-main .swiper-slide .img-fluid {
        width: 50%;
        margin: auto;
        object-fit: contain; }
  .detail_product_block .js-swiper-gallery-thumbs .swiper-wrapper {
    justify-content: center; }
  .detail_product_block .js-swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--orange-color);
    border-radius: 24px; }
  .detail_product_block .js-swiper-gallery-thumbs .swiper-slide {
    text-align: center;
    border: 1px solid #A6A59D;
    border-radius: 24px;
    width: 96px !important;
    height: 96px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .detail_product_block .js-swiper-gallery-thumbs .swiper-slide .img-fluid {
      object-fit: contain;
      width: 60%; }
  .detail_product_block .product_specifications_block.catalog {
    margin-top: 0; }
  .detail_product_block .product_title {
    margin-bottom: 42px; }
  .detail_product_block .price_block_detail .price_block {
    display: flex;
    align-items: center;
    gap: 14px; }
  .detail_product_block .price_block_detail .price {
    padding: 8px 15px; }
    .detail_product_block .price_block_detail .price p {
      color: var(--orange-color);
      font-size: 24px;
      font-weight: 600; }
  .detail_product_block .price_block_detail .quantity_block {
    padding: 8px 15px; }
    .detail_product_block .price_block_detail .quantity_block p {
      color: var(--black-color);
      font-size: 24px;
      font-weight: 600; }
  .detail_product_block .catalog .quantity_selector {
    margin-top: 34px; }
  .detail_product_block .catalog .buttons_basket .orange_button {
    margin-top: 34px; }
  .detail_product_block .catalog .orange_button {
    width: 100%; }
  .detail_product_block .buttons_basket, .detail_product_block .price_block_detail.inactive {
    width: 75%; }
  .detail_product_block .nutritional_value {
    margin-top: 42px; }
    .detail_product_block .nutritional_value .name {
      margin-bottom: 40px; }
      .detail_product_block .nutritional_value .name p {
        font-size: 18px;
        font-weight: 400;
        color: var(--black-color); }
    .detail_product_block .nutritional_value .nutritional_value__items {
      display: flex;
      gap: 80px; }
    .detail_product_block .nutritional_value .nutritional_value_item {
      width: max-content;
      display: flex;
      flex-direction: column;
      gap: 4px;
      text-align: center; }
      .detail_product_block .nutritional_value .nutritional_value_item .info p {
        font-size: 18px;
        font-weight: 400;
        color: var(--black-color); }
      .detail_product_block .nutritional_value .nutritional_value_item .name {
        margin-bottom: 0; }
        .detail_product_block .nutritional_value .nutritional_value_item .name p {
          font-size: 16px;
          font-weight: 400;
          color: var(--black-color); }
  .detail_product_block .text_detail {
    margin-top: 42px; }
    .detail_product_block .text_detail .title {
      margin-bottom: 16px; }
      .detail_product_block .text_detail .title h4 {
        font-size: 24px;
        font-weight: 500;
        color: var(--black-color); }
    .detail_product_block .text_detail p {
      font-size: 18px;
      font-weight: 400;
      color: var(--black-color); }

#feedback .input_item input {
  height: 54px; }

.modal {
  /*textarea.auto-resize {
      min-height: 61px;
      height: 61px;
      overflow: hidden;
      resize: none;
  }*/ }
  .modal .modal-content {
    padding: 40px;
    border: none;
    border-radius: 24px; }
    @media (max-width: 600px) {
      .modal .modal-content {
        padding: 20px; } }
  .modal .hints {
    width: 100%; }
  .modal .login_inputs {
    width: 100%; }
  .modal .buttons_up {
    display: flex;
    justify-content: space-between; }
  .modal textarea {
    padding: 16px 12px;
    color: var(--black-color);
    font-size: 18px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    resize: none; }
    .modal textarea::placeholder {
      color: #909090;
      font-size: 18px; }
    .modal textarea:focus-visible {
      outline: 0; }
    .modal textarea:focus {
      box-shadow: none;
      border-color: #C2C2C2; }
  .modal .btn-close {
    padding: 5px;
    width: 14px;
    height: 14px;
    display: inline-block; }
  .modal .button__close {
    text-align: right; }
  .modal .modal-header {
    padding: 0;
    border: none; }
  .modal .registration a {
    font-size: 14px;
    font-weight: 600;
    color: var(--orange-color);
    cursor: pointer;
    transition: .3s; }
    .modal .registration a:hover {
      color: #CD4800;
      transition: .3s; }
  .modal .modal-body {
    padding: 0; }
  .modal .input_item {
    display: flex;
    flex-direction: column; }
    .modal .input_item:not(:last-child) {
      margin-bottom: 28px; }
    .modal .input_item input {
      padding: 16px 12px;
      color: var(--black-color);
      font-size: 18px;
      border: 1px solid #C2C2C2;
      border-radius: 16px;
      caret-color: var(--orange-color);
      width: 100%;
      height: 54px; }
      .modal .input_item input:focus::placeholder {
        color: transparent;
        opacity: 0; }
      .modal .input_item input::placeholder {
        color: #909090;
        font-size: 18px;
        font-weight: 400; }
      .modal .input_item input:focus-visible {
        outline: 0; }
      .modal .input_item input:focus {
        box-shadow: none; }
  .modal label {
    margin-bottom: 8px;
    font-size: 18px;
    color: #909090;
    font-weight: 400; }
  .modal .title_block {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 28px; }
  .modal .name_block {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal .name_block .recover a {
      font-size: 14px;
      color: #909090;
      font-weight: 600;
      transition: 0.3s;
      cursor: pointer; }
      .modal .name_block .recover a:hover {
        color: #2C3E50;
        transition: 0.3s; }
  .modal .button {
    display: flex;
    justify-content: end;
    width: 100%; }
    .modal .button input {
      background: var(--orange-color);
      color: var(--white-color);
      padding: 14px 60px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 24px;
      transition: .3s; }
      .modal .button input:hover {
        background: #CD4800;
        transition: .3s; }
    .modal .button input.inactive {
      background: #FF5A0080;
      cursor: not-allowed;
      pointer-events: none;
      color: var(--white-color);
      display: flex;
      align-items: center;
      gap: 8px;
      border-radius: 24px;
      justify-content: center;
      padding: 14px 60px;
      font-size: 14px;
      font-weight: 600;
      transition: .3s; }
  .modal .input_pass {
    position: relative; }
    .modal .input_pass svg {
      position: absolute;
      width: 33px;
      top: 50%;
      transform: translateY(-50%);
      right: 12px;
      background: #fff;
      padding-left: 8px; }

.profile_page.employee .buttons_block .orange_border a:hover {
  color: #CD4800;
  background: transparent;
  border-color: #CD4800;
  transition: .3s; }

.employee {
  /* Оформление состояния checked */ }
  .employee .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin-bottom: 10px; }
  .employee .shop_items {
    margin-top: 20px; }
  .employee .checkbox-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .employee .item {
    overflow: hidden; }
  .employee .item-header {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .employee .toggle-btn {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .employee .shop_item:not(:last-child) {
    margin-bottom: 20px; }
  .employee .item-title {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color);
    width: 80%;
    margin-right: 20px; }
  .employee .checkbox-input {
    appearance: none;
    -webkit-appearance: none;
    /* для поддержки в Safari */ }
  .employee .checkbox-input:checked {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
  .employee .checkbox-input {
    appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #E0E0E0;
    border-radius: 100%;
    background-color: #fff;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
    flex-shrink: 0; }
  .employee .radio-btn {
    margin-left: 10px; }
  .employee .sub-items {
    padding-left: 10px;
    display: none; }
    .employee .sub-items .sub-items {
      padding-left: 50px; }
      .employee .sub-items .sub-items .sub-item {
        margin-top: 16px; }
    .employee .sub-items .item {
      margin-top: 16px; }
    .employee .sub-items .item-title {
      flex-grow: 1;
      font-size: 16px;
      font-weight: 400;
      color: var(--black-color); }
  .employee .sub-item {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .employee .sub-item-title {
    flex-grow: 1; }
  .employee .change_role_employee {
    width: 100%;
    max-width: 45%;
    flex: 1 0 auto; }
    .employee .change_role_employee .dropdown__block {
      max-width: 100%; }
      .employee .change_role_employee .dropdown__block .btn.show {
        color: #909090; }
      .employee .change_role_employee .dropdown__block .btn {
        width: 100%;
        text-align: left;
        height: 54px;
        border: 1px solid #C2C2C2;
        border-radius: 16px;
        padding: 16px 12px;
        font-size: 18px;
        background: transparent;
        color: #2C3E50;
        line-height: normal; }
        .employee .change_role_employee .dropdown__block .btn:after {
          display: block;
          position: absolute;
          content: '';
          width: 24px;
          height: 24px;
          background: url("/local/templates/korovka_new/markup/images/arr_down.svg") no-repeat;
          background-size: contain;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          border: none;
          margin: 0; }
    .employee .change_role_employee .title {
      padding: 0;
      margin-bottom: 8px;
      font-size: 18px;
      color: #909090;
      width: 100%; }
  .employee .profile_form {
    height: 100%; }
  .employee .buttons_block .orange_border.dis a {
    padding: 8px 55px; }
  .employee .buttons_block .orange_border a:hover {
    color: #CD4800;
    background: transparent;
    border-color: #CD4800;
    transition: .3s; }
  .employee .orange_border.inactive {
    opacity: .5; }
  .employee .dropdown-menu {
    box-shadow: 0px 4px 20.4px 0px #00000040;
    padding: 24px 20px;
    border-radius: 24px;
    margin-top: 16px !important;
    border: none;
    width: 100%;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .employee .dropdown-menu::-webkit-scrollbar {
      display: none; }
  .employee .dropdown-menu li:not(:last-child) {
    margin-bottom: 8px; }
  .employee .dropdown-menu a {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #7D7D7D; }
  .employee .dropdown-menu a:hover {
    color: var(--orange-color);
    background: transparent; }

.profile_page .shops_block {
  width: 100%;
  margin-top: 17px; }
  .profile_page .shops_block .title_block {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #E0E0E0; }
    .profile_page .shops_block .title_block button {
      font-size: 14px;
      color: var(--orange-color);
      font-weight: 600;
      transition: .3s; }
      .profile_page .shops_block .title_block button:hover {
        color: #CD4800;
        transition: .3s; }
  .profile_page .shops_block .title {
    margin-bottom: 0;
    padding: 0; }
    .profile_page .shops_block .title h3 {
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
  .profile_page .shops_block .item-header {
    display: flex; }
  .profile_page .shops_block .icon {
    width: 20px;
    height: 20px;
    border: 1px solid #909090;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .profile_page .shops_block .icon .toggle-btn {
      width: 11px;
      height: 11px;
      margin: 0; }
.profile_page .title {
  margin-bottom: 5px;
  padding: 12px 16px; }
.profile_page .header_content .info {
  padding: 8px 16px;
  background: #F9F0E1;
  border-radius: 16px;
  width: 100%; }
  .profile_page .header_content .info p {
    font-size: 14px;
    color: var(--black-color); }
.profile_page .row {
  margin-top: 16px;
  justify-content: space-between; }
.profile_page .another_roles_block {
  margin-top: 16px; }
  .profile_page .another_roles_block .name {
    margin-bottom: 8px; }
    .profile_page .another_roles_block .name p {
      font-size: 16px;
      font-weight: 600;
      color: var(--black-color); }
  .profile_page .another_roles_block .info p {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color); }
.profile_page .another_roles_item:not(:last-child) {
  margin-bottom: 18px; }
.profile_page .profile_invite {
  display: flex;
  width: max-content; }
  .profile_page .profile_invite a {
    background: transparent;
    border: 2px solid var(--orange-color);
    padding: 8px 24px;
    color: var(--orange-color);
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    transition: .3s; }
    .profile_page .profile_invite a:hover {
      color: #CD4800;
      background: transparent;
      border-color: #CD4800;
      transition: .3s; }
.profile_page .profile_role_block {
  border-radius: 24px;
  box-shadow: 0px 4px 21.1px 0px #00000026;
  padding: 24px 20px;
  width: 100%;
  max-width: 30%;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .profile_page .profile_role_block .your_role_block .info {
    margin-top: 16px; }
    .profile_page .profile_role_block .your_role_block .info p {
      font-size: 14px;
      font-weight: 400;
      color: var(--black-color); }
  .profile_page .profile_role_block .your_role {
    display: flex;
    align-items: center;
    gap: 4px; }
    .profile_page .profile_role_block .your_role .name p {
      font-size: 18px;
      font-weight: 500;
      color: var(--black-color); }
    .profile_page .profile_role_block .your_role .role p {
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
.profile_page .profile_form {
  border-radius: 24px;
  box-shadow: 0px 4px 21.1px 0px #00000026;
  padding: 24px 20px;
  width: 100%;
  max-width: 68%;
  flex: 1 0 auto; }
  .profile_page .profile_form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px; }
  .profile_page .profile_form .input_item.disabled textarea {
    background: #F3F3F3; }
.profile_page h4 {
  margin-bottom: 8px;
  font-size: 18px;
  color: #909090; }
.profile_page .dropdown__block {
  width: 100%;
  max-width: 45%;
  flex: 1 0 auto; }
.profile_page .password_block {
  width: 100%;
  max-width: 100%;
  flex: 1 0 auto;
  display: flex;
  align-items: end;
  gap: 14px; }
  .profile_page .password_block .password {
    display: flex;
    margin-bottom: 5px; }
    .profile_page .password_block .password a {
      font-size: 12px;
      color: var(--white-color);
      font-weight: 600;
      padding: 12px 24px;
      border-radius: 24px;
      background: var(--orange-color);
      transition: .3s; }
      .profile_page .password_block .password a:hover {
        background: #CD4800;
        transition: .3s; }
  .profile_page .password_block .input_item {
    width: 100%;
    max-width: 45%; }
.profile_page .notification_block {
  width: 100%;
  max-width: 100%;
  flex: 1 0 auto;
  margin-top: 30px; }
  .profile_page .notification_block .title {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px; }
  .profile_page .notification_block h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color); }
  .profile_page .notification_block .info {
    width: 35%; }
    .profile_page .notification_block .info p {
      color: #989797;
      font-size: 14px;
      font-weight: 500; }
.profile_page .checkbox_items {
  margin-top: 12px; }
  .profile_page .checkbox_items .checkbox_item {
    padding: 8px 0;
    display: flex;
    align-items: center; }
    .profile_page .checkbox_items .checkbox_item .info {
      width: 24%;
      margin-right: 33px; }
    .profile_page .checkbox_items .checkbox_item p {
      font-size: 14px;
      font-weight: 500;
      color: var(--black-color); }
.profile_page .input_item {
  width: 100%;
  max-width: 45%;
  flex: 1 0 auto;
  /*textarea.auto-resize {
      min-height: 54px;
      height: 54px;
      overflow: hidden;
      resize: none;
  }*/ }
  .profile_page .input_item:nth-child(1) {
    position: relative; }
    .profile_page .input_item:nth-child(1) svg {
      position: absolute;
      width: 16px;
      height: 16px;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      background: #fff;
      /*padding-left: 10px;*/ }
      .profile_page .input_item:nth-child(1) svg:hover path {
        stroke: var(--orange-color); }
  .profile_page .input_item label {
    margin-bottom: 7px;
    font-size: 18px;
    color: #909090;
    width: 100%;
    line-height: normal;
    font-weight: 400; }
  .profile_page .input_item .form-control:disabled {
    opacity: 1;
    font-size: 18px;
    color: #909090;
    line-height: normal;
    font-weight: 400;
    background: #F3F3F3; }
    .profile_page .input_item .form-control:disabled::placeholder {
      color: #909090; }
  .profile_page .input_item .wrapper-fio {
    position: relative; }
    .profile_page .input_item .wrapper-fio textarea {
      padding: 16px 30px 16px 12px; }
  .profile_page .input_item textarea {
    padding: 16px 12px;
    color: var(--black-color);
    font-size: 18px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    resize: none;
    /*height: 100px;*/
    line-height: normal;
    min-height: 27px;
    box-sizing: border-box; }
    .profile_page .input_item textarea::placeholder {
      color: #909090; }
    .profile_page .input_item textarea:focus {
      box-shadow: none;
      border-color: #C2C2C2; }
    .profile_page .input_item textarea:focus-visible {
      outline: 0; }
  .profile_page .input_item input {
    padding: 10px 12px;
    color: var(--black-color);
    font-size: 18px;
    border: 1px solid #C2C2C2;
    border-radius: 16px;
    width: 100%;
    caret-color: var(--orange-color);
    height: 54px; }
    .profile_page .input_item input:focus::placeholder {
      color: transparent;
      /* Делаем плейсхолдер прозрачным */
      opacity: 0;
      /* Альтернативный способ скрытия */ }
    .profile_page .input_item input::placeholder {
      color: #909090;
      font-size: 18px; }
    .profile_page .input_item input:focus-visible {
      outline: 0; }
    .profile_page .input_item input:focus {
      box-shadow: none; }
.profile_page .buttons_block {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 24px; }
  .profile_page .buttons_block .orange_button {
    display: flex; }
    .profile_page .buttons_block .orange_button a {
      background: var(--orange-color);
      border: 2px solid var(--orange-color);
      padding: 7.5px 29px;
      color: var(--white-color);
      border-radius: 24px;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      width: 100%;
      transition: .3s; }
      .profile_page .buttons_block .orange_button a:hover {
        background: #CD4800;
        transition: .3s;
        border-color: #CD4800; }
  .profile_page .buttons_block .orange_border.black a:hover {
    color: #CD4800;
    background: transparent;
    border-color: #CD4800;
    transition: .3s; }
  .profile_page .buttons_block .orange_border {
    display: flex; }
    .profile_page .buttons_block .orange_border a {
      background: transparent;
      border: 2px solid var(--orange-color);
      padding: 7.5px 28px;
      color: var(--orange-color);
      border-radius: 24px;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      width: 100%;
      transition: .3s; }
      .profile_page .buttons_block .orange_border a:hover {
        background: var(--orange-color);
        color: var(--white-color);
        transition: .3s;
        border-color: var(--orange-color); }
.profile_page .profile_employee {
  border-radius: 24px;
  box-shadow: 0px 4px 21.1px 0px #00000026;
  padding: 24px 20px;
  width: 100%;
  max-width: 68%;
  flex: 1 0 auto;
  margin-top: 16px; }
  .profile_page .profile_employee .title {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px; }
    .profile_page .profile_employee .title h3 {
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
.profile_page .profile_employee_items {
  display: flex;
  flex-wrap: wrap; }
.profile_page .profile_employee_name {
  margin-bottom: 16px; }
  .profile_page .profile_employee_name p {
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color); }
.profile_page .profile_employee_item .mail p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.profile_page .profile_employee_item p {
  font-size: 16px;
  font-weight: 400;
  color: var(--black-color);
  word-break: break-word; }
.profile_page .profile_employee_item:not(:last-child) {
  margin-bottom: 16px; }
.profile_page .profile_employee_name, .profile_page .profile_employee_item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center; }
  .profile_page .profile_employee_name .fio, .profile_page .profile_employee_item .fio {
    width: 30%; }
  .profile_page .profile_employee_name .phone, .profile_page .profile_employee_item .phone {
    width: 21%; }
  .profile_page .profile_employee_name .mail, .profile_page .profile_employee_item .mail {
    width: 20%; }
  .profile_page .profile_employee_name .status, .profile_page .profile_employee_item .status {
    width: 15%; }
  .profile_page .profile_employee_name .prof_btn, .profile_page .profile_employee_item .prof_btn {
    width: 5%; }
  .profile_page .profile_employee_name .profile_employee_button.inactive a, .profile_page .profile_employee_item .profile_employee_button.inactive a {
    background: #FF5A0080; }
  .profile_page .profile_employee_name .profile_employee_button, .profile_page .profile_employee_item .profile_employee_button {
    display: flex; }
    .profile_page .profile_employee_name .profile_employee_button a, .profile_page .profile_employee_item .profile_employee_button a {
      width: 32px;
      height: 32px;
      background: var(--orange-color);
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .3s; }
      .profile_page .profile_employee_name .profile_employee_button a:hover, .profile_page .profile_employee_item .profile_employee_button a:hover {
        background: #CD4800;
        transition: .3s; }
    .profile_page .profile_employee_name .profile_employee_button svg, .profile_page .profile_employee_item .profile_employee_button svg {
      width: 16px;
      height: 16px; }

.modal#newName .button input.inactive {
  padding: 14px 19px; }

.modal#newName .button input {
  padding: 14px 19px; }

#feedback.modal textarea {
  height: 100px; }

.profile_page .buttons_block .orange_border:nth-child(2) a {
  padding: 7.5px 18px; }

.checkbox-ios {
  display: inline-block;
  height: 22px;
  line-height: 28px;
  margin-right: 10px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  user-select: none; }

.checkbox-ios .checkbox-ios-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  height: 22px;
  border-radius: 25%/50%;
  vertical-align: top;
  background: #2928260D;
  transition: .2s; }

.checkbox-ios .checkbox-ios-switch:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  transition: .15s; }

.checkbox-ios input[type=checkbox] {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  opacity: 0; }

.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
  background: var(--orange-color); }

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
  transform: translateX(18px); }

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0.3); }

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
  filter: grayscale(70%);
  border-color: rgba(0, 0, 0, 0.1); }

.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
  background: #eee; }

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
  box-shadow: inset 0px 0px 4px #ff5623; }

.cart_page .header_content .title {
  padding: 12px 16px; }

.cart__items_block {
  margin-top: 5px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  gap: 2%; }
  .cart__items_block .shelf__items {
    width: 100%;
    max-width: 58%;
    flex: 1 0 auto; }
  .cart__items_block .shelf__items {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .cart__items_block .order_block {
    width: 100%;
    max-width: 40%;
    flex: 1 0 auto;
    padding: 26px 16px;
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    height: 100%; }
    .cart__items_block .order_block .title {
      margin-bottom: 16px; }
      .cart__items_block .order_block .title h3 {
        font-size: 24px;
        font-weight: 600;
        color: var(--black-color); }
    .cart__items_block .order_block .orange_button {
      margin-top: 32px; }
  .cart__items_block .shelf_item {
    padding: 16px 10px;
    box-shadow: 0px 4px 8.4px 0px #0000001F;
    border-radius: 24px; }
    .cart__items_block .shelf_item .title_block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px; }
      .cart__items_block .shelf_item .title_block h4 {
        font-size: 18px;
        font-weight: 600;
        color: var(--black-color); }
      .cart__items_block .shelf_item .title_block p {
        font-size: 16px;
        font-weight: 500;
        color: #909090;
        cursor: pointer;
        transition: .3s; }
        .cart__items_block .shelf_item .title_block p:hover {
          color: var(--orange-color);
          transition: .3s; }
  .cart__items_block .product {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cart__items_block .product:not(:nth-child(2)) {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid #E0E0E0; }
    .cart__items_block .product .quantity_selector {
      margin-top: 0; }
    .cart__items_block .product .name {
      margin-bottom: 8px; }
      .cart__items_block .product .name p {
        font-size: 14px;
        color: var(--black-color);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .cart__items_block .product .price_piece {
      margin-bottom: 8px; }
      .cart__items_block .product .price_piece p {
        font-size: 14px;
        color: #909090; }
    .cart__items_block .product .pack {
      margin-bottom: 14px; }
      .cart__items_block .product .pack p {
        font-size: 14px;
        font-weight: 600;
        color: var(--orange-color); }
    .cart__items_block .product .price_pack_block {
      display: flex;
      align-items: center;
      gap: 8px; }
      .cart__items_block .product .price_pack_block .price_pack p {
        font-size: 14px;
        font-weight: 600;
        color: var(--orange-color); }
      .cart__items_block .product .price_pack_block .sale p {
        font-size: 12px;
        font-weight: 500;
        color: var(--black-color);
        background: #FED702;
        border-radius: 8px;
        padding: 1px 2px; }
      .cart__items_block .product .price_pack_block .price_pack_old p {
        font-size: 12px;
        color: #909090;
        position: relative; }
        .cart__items_block .product .price_pack_block .price_pack_old p:before {
          display: block;
          position: absolute;
          content: '';
          width: 100%;
          height: 1px;
          background: #909090;
          left: 0;
          top: 44%;
          transform: translateY(44%); }
    .cart__items_block .product .image {
      width: 100%;
      max-width: 22%;
      flex: 1 0 auto; }
      .cart__items_block .product .image img {
        height: 168px;
        object-fit: contain; }
    .cart__items_block .product .product_info {
      width: 100%;
      max-width: 75%;
      flex: 1 0 auto; }
    .cart__items_block .product .pack_block {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .cart__items_block .product .pack_block .pack_kg p {
        font-size: 14px;
        font-weight: 600;
        color: #2C3E50; }
    .cart__items_block .product .buttons_basket {
      width: 100%;
      max-width: 28%;
      flex: 1 0 auto; }
  .cart__items_block .basket_title_block {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cart__items_block .basket_title_block .title {
      margin-bottom: 0; }
    .cart__items_block .basket_title_block h4 {
      color: var(--black-color);
      font-size: 18px;
      font-weight: 600; }
    .cart__items_block .basket_title_block p {
      font-size: 16px;
      font-weight: 500;
      color: var(--black-color); }
  .cart__items_block .basket_sale_block {
    margin-top: 4px;
    padding: 6px 0;
    display: flex;
    gap: 10px;
    align-items: center; }
    .cart__items_block .basket_sale_block .name p {
      font-size: 14px;
      font-weight: 500;
      color: #7D7D7D; }
    .cart__items_block .basket_sale_block .basket_info p {
      font-size: 14px;
      font-weight: 500;
      color: var(--orange-color); }
  .cart__items_block .basket_product_block {
    padding: 6px 0;
    display: flex;
    gap: 10px;
    align-items: center; }
    .cart__items_block .basket_product_block .name p {
      font-size: 14px;
      font-weight: 500;
      color: #7D7D7D; }
    .cart__items_block .basket_product_block .basket_info p {
      font-size: 14px;
      font-weight: 500;
      color: var(--black-color); }
  .cart__items_block .basket_item:not(:last-child) {
    margin-bottom: 16px; }
  .cart__items_block .basket_result_block {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #E0E0E0; }
  .cart__items_block .basket_result_sale {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 6px 0px; }
    .cart__items_block .basket_result_sale .name p {
      font-size: 18px;
      font-weight: 600;
      color: var(--black-color); }
    .cart__items_block .basket_result_sale .amount p {
      font-size: 14px;
      font-weight: 600;
      color: var(--orange-color); }
  .cart__items_block .basket_amount_result_block {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .cart__items_block .basket_amount_result {
    display: flex;
    gap: 10px;
    align-items: center; }
    .cart__items_block .basket_amount_result .name p {
      font-size: 20px;
      font-weight: 600;
      color: var(--black-color); }
    .cart__items_block .basket_amount_result .amount p {
      font-size: 16px;
      font-weight: 600;
      color: var(--orange-color); }
  .cart__items_block .basket_amount_pack p {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color); }
  .cart__items_block .basket_address {
    margin-top: 20px;
    padding: 10px 16px;
    background: #FF5A001A;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cart__items_block .basket_address .basket_address_name {
      width: 20%; }
      .cart__items_block .basket_address .basket_address_name p {
        font-size: 18px;
        font-weight: 500;
        color: var(--black-color); }
    .cart__items_block .basket_address .basket_address_info {
      width: 70%; }
      .cart__items_block .basket_address .basket_address_info p {
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color);
        text-align: right; }
  .cart__items_block .invoice {
    margin-top: 32px; }
    .cart__items_block .invoice .invoice_btn {
      background: transparent;
      padding: 12px 24px;
      border: 1px solid var(--orange-color);
      color: var(--orange-color);
      display: flex;
      align-items: center;
      gap: 8px;
      border-radius: 24px;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      text-align: center;
      transition: .3s;
      justify-content: center; }
  .cart__items_block .orange_button_result {
    display: flex;
    margin-top: 32px; }
    .cart__items_block .orange_button_result a {
      background: var(--orange-color);
      padding: 12px 24px;
      color: var(--white-color);
      border-radius: 24px;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      text-align: center;
      transition: .3s; }
      .cart__items_block .orange_button_result a:hover {
        background: #CD4800;
        transition: .3s; }

.order_page .row {
  /*justify-content: space-between;*/
  gap: 20px; }
.order_page .order__menu {
  width: 100%;
  max-width: 22%;
  flex: 1 0 auto;
  margin-top: 24px; }
.order_page .order_block_info {
  width: 100%;
  max-width: 69%;
  flex: 1 0 auto; }
  .order_page .order_block_info .title {
    padding: 12px 0; }
.order_page .order_nav_item {
  padding: 12px 20px; }
  .order_page .order_nav_item a {
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color);
    transition: .3s; }
    .order_page .order_nav_item a:hover {
      color: var(--orange-color);
      transition: .3s; }
.order_page .order_nav_item.active a {
  color: var(--orange-color);
  font-weight: 600; }
.order_page .order_general_block {
  margin-top: 40px; }
.order_page .order_item {
  padding: 40px 20px 24px;
  box-shadow: 0px 4px 21.1px 0px #00000026;
  border-radius: 24px; }
  .order_page .order_item:not(:last-child) {
    margin-bottom: 16px; }
.order_page .order_status_block {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.order_page .order_status {
  display: flex;
  align-items: center; }
.order_page .order_date {
  margin-right: 20px; }
  .order_page .order_date p {
    font-size: 16px;
    font-weight: 700;
    color: var(--black-color); }
.order_page .order_number {
  margin-right: 40px; }
  .order_page .order_number p {
    font-size: 16px;
    font-weight: 700;
    color: var(--black-color); }
.order_page .order_status_items {
  display: flex;
  align-items: center;
  gap: 16px; }
  .order_page .order_status_items .order_status_item p {
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    border-radius: 12px; }
  .order_page .order_status_items .order_status_item.deliv p {
    background: #B3F4A7; }
  .order_page .order_status_items .order_status_item.change_order p {
    background: #F9F0E1; }
  .order_page .order_status_items .order_status_item.regis p {
    background: #F9F0E1; }
.order_page .order_menu {
  cursor: pointer;
  transition: .3s;
  position: relative; }
  .order_page .order_menu:hover {
    box-shadow: 0px 1px 10.1px 0px #00000026;
    border-radius: 5px;
    transition: .3s; }
  .order_page .order_menu:hover path {
    fill: var(--orange-color);
    transition: .3s; }
  .order_page .order_menu svg {
    width: 24px;
    height: 25px; }
.order_page .order_info_block {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.order_page .order_shelf p {
  font-size: 20px;
  font-weight: 700;
  color: var(--black-color); }
.order_page .order_amount_block {
  display: flex;
  align-items: center;
  gap: 5px; }
.order_page .order_name p {
  font-size: 20px;
  font-weight: 700;
  color: var(--black-color); }
.order_page .order_amount p {
  font-size: 20px;
  font-weight: 700;
  color: var(--orange-color); }
.order_page .order_contacts_block {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 30px; }
.order_page .order_user p {
  font-size: clamp(14px, 3vw, 18px);
  font-weight: 600;
  color: var(--black-color); }
.order_page .order_phone p {
  font-size: clamp(14px, 3vw, 18px);
  font-weight: 500;
  color: var(--black-color); }
.order_page .order_button {
  display: flex;
  margin-left: auto; }
  .order_page .order_button span {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 7px 24px;
    background: var(--orange-color);
    border-radius: 24px;
    border: 1px solid var(--orange-color);
    transition: .3s; }
    .order_page .order_button span:hover {
      background: #CD4800;
      border-color: #CD4800;
      transition: .3s; }
.order_page .cancel-btn {
  display: none;
  box-shadow: 0px 4px 18px 0px #00000026;
  padding: 12px 50px;
  border-radius: 24px;
  position: absolute;
  right: 0;
  z-index: 35;
  background: var(--white-color);
  color: #2C3E50;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .order_page .cancel-btn {
      font-size: 12px;
      padding: 8px 12px; } }

.modal.dop_btn .title_block {
  margin: 0;
  margin-bottom: 28px; }

.order_detail_page .cart__items_block {
  max-width: 40%; }
  .order_detail_page .cart__items_block .order_block {
    max-width: 100%; }
.order_detail_page .order_block_info {
  max-width: 58%; }
.order_detail_page .order_item {
  padding: 0;
  box-shadow: none;
  border-radius: 0; }
.order_detail_page .order_date p {
  font-size: 18px;
  font-weight: 700;
  color: #909090;
  padding: 12px 16px; }
.order_detail_page .order_date {
  margin-right: 0;
  margin-top: 12px; }
.order_detail_page .order_info_block {
  margin-top: 14px; }
.order_detail_page .order_general_block {
  margin-top: 0; }
  .order_detail_page .order_general_block .cart__items_block {
    max-width: 100%;
    margin-top: 32px !important; }
    .order_detail_page .order_general_block .cart__items_block h3 {
      font-size: 24px;
      font-weight: 700;
      color: var(--black-color);
      margin-bottom: 12px; }
  .order_detail_page .order_general_block .shelf_item {
    width: 100%;
    margin-left: 16px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 20px; }
.order_detail_page .order_info_block {
  box-shadow: 0px 4px 21.1px 0px #00000026;
  padding: 20px;
  border-radius: 24px;
  margin-left: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: unset; }
  .order_detail_page .order_info_block .order_shelf {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }
.order_detail_page .cart__items_block .product:not(:nth-child(2)) {
  margin-top: 0;
  padding-top: 0;
  border-top: none; }

.order_status_payment {
  display: flex;
  gap: 10px;
  margin-left: auto; }
  .order_status_payment .order_status_payment_item p {
    font-size: 16px;
    font-weight: 500;
    padding: 1px 8px;
    border-radius: 12px; }
  .order_status_payment .paid p {
    border: 1px solid #11E666;
    background: #E3F5DF;
    color: #2C3E50; }
  .order_status_payment .nopaid p {
    border: 1px solid #E61511;
    background: #F5DFDF;
    color: #E61511; }
  .order_status_payment .credit p {
    border: 1px solid #E61511;
    background: #F5F2DF;
    color: #E61511; }

.payment_history_page .order_status {
  width: 100%; }

.order_history_page .order_status {
  width: 100%; }
.order_history_page .order_status_check {
  display: flex;
  gap: 10px;
  margin-left: auto; }
  .order_history_page .order_status_check .order_status_check_item {
    display: flex;
    gap: 10px;
    align-items: center; }
    .order_history_page .order_status_check .order_status_check_item p {
      font-size: 16px;
      font-weight: 500;
      color: var(--black-color); }
.order_history_page .invoice {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--orange-color);
  border-radius: 24px;
  padding: 7px 24px;
  transition: .3s; }
  .order_history_page .invoice:hover {
    border-color: #CD4800;
    transition: .3s; }
  .order_history_page .invoice:hover span {
    color: #CD4800;
    transition: .3s; }
  .order_history_page .invoice:hover path {
    fill: #CD4800;
    transition: .3s; }
  .order_history_page .invoice span {
    color: var(--orange-color);
    font-size: 16px;
    font-weight: 500;
    transition: .3s; }

.address_selector_block {
  display: flex;
  justify-content: space-between;
  width: 80%;
  padding: 8px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 16px; }

#regis .modal-dialog {
  max-width: 960px; }
#regis form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
#regis .input_item_checkbox {
  width: 100%;
  max-width: 100%;
  flex: 1 0 auto; }
  #regis .input_item_checkbox .checkbox-item {
    display: flex;
    gap: 12px;
    width: 48%;
    align-items: center; }
  #regis .input_item_checkbox input {
    width: 24px;
    height: 24px;
    border-radius: 100%; }
  #regis .input_item_checkbox label {
    display: flex;
    gap: 4px;
    font-size: 12px;
    margin: 0;
    line-height: normal;
    color: #2C3E50;
    width: 90%; }
    #regis .input_item_checkbox label a {
      color: var(--orange-color); }
      #regis .input_item_checkbox label a:hover {
        color: #CD4800; }
#regis .input_item {
  width: 100%;
  max-width: 48%;
  flex: 1 0 auto; }

.checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  /* для поддержки в Safari */ }

/* Стилизация чекбокса */
.checkbox-input {
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #E0E0E0;
  border-radius: 0.25rem;
  background-color: #fff;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0;
  flex-shrink: 0; }

.checkbox-input:checked {
  background-color: var(--orange-color);
  border-color: var(--orange-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }

/* Эффект нажатия */
.checkbox-input:active {
  filter: brightness(90%); }

/* Смена цвета границы при наведении */
.checkbox-input:hover:not(:disabled) {
  border-color: var(--orange-color); }

/* Стили для чекбокса при фокусе */
/*.checkbox-input:focus {
    border-color: #0d6efd;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}*/
/* Отключенный чекбокс */
.checkbox-input:disabled {
  filter: none;
  opacity: 0.5;
  cursor: not-allowed; }

.checkbox-input:disabled ~ .checkbox-label {
  opacity: 0.5;
  cursor: not-allowed; }

.stock p {
  font-size: 18px;
  font-weight: 600;
  color: #2C3E50; }

.cart__items_block .shelf__items .product .product_info {
  width: 100%;
  max-width: 42%;
  flex: 1 0 auto; }

#repair .modal-header {
  flex-direction: column; }
#repair .info {
  width: 100%;
  text-align: left;
  margin-bottom: 28px; }
  #repair .info p {
    font-size: 16px;
    color: #7D7D7D; }
  #repair .info .pad {
    margin-bottom: 28px; }

.header__mobile.active:before {
  transition: all .3s ease;
  position: fixed;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000099;
  display: block;
  cursor: pointer; }

.status .modal-header {
  flex-direction: column; }
.status .button {
  width: 100%; }
.status .info {
  width: 100%;
  text-align: left;
  margin-bottom: 28px; }
  .status .info p {
    font-size: 16px;
    color: #7D7D7D; }

#change .input_pass {
  position: relative; }
  #change .input_pass input {
    width: 100%; }
#change svg {
  position: absolute;
  width: 33px;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  background: #ffffff;
  padding-left: 8px; }

.dop_btn .orange_border {
  width: 35%; }
  .dop_btn .orange_border a {
    background: transparent;
    border: 2px solid var(--orange-color);
    padding: 11px 20px;
    color: var(--orange-color);
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    transition: .3s; }
    .dop_btn .orange_border a:hover {
      color: #CD4800;
      border-color: #CD4800; }
.dop_btn .orange_button {
  width: 60%; }
.dop_btn .modal-body {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
  width: 100%; }

.modal .orange_button {
  display: block !important; }
.modal .sort {
  margin-top: 28px; }
  .modal .sort:not(:nth-child(2)) {
    margin-top: 16px; }

.price_block_detail.mobile, .product_price_block .price_block_detail.mobile .buttons_basket {
  display: none; }

.input_pass {
  position: relative; }
  .input_pass svg {
    position: absolute;
    width: 33px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    background: #fff;
    padding-left: 8px; }

.dop_btn .orange_button a {
  padding: 13px 24px;
  font-size: 14px;
  font-weight: 600; }

.modal .error_form {
  margin-bottom: 28px; }
  .modal .error_form .general {
    margin-top: 10px; }
  .modal .error_form p {
    color: #FF5757;
    font-size: 16px; }

.hints {
  margin-bottom: 28px; }
  .hints p {
    font-size: 16px;
    color: #7D7D7D; }

.error_pad {
  margin-top: 0;
  margin-bottom: 10px !important; }

.error_form.error_pad {
  margin-bottom: 0; }

#repair .error_form p {
  color: #FF5757;
  font-size: 16px; }

.address-options {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: 20px; }

.address-option {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  transition: background-color 0.2s;
  width: 90%;
  min-height: 24px;
  align-items: center; }
  .address-option:not(:last-child) {
    margin-bottom: 24px; }

.address-option:last-child {
  border-bottom: none; }

.address-option-text {
  flex-grow: 1;
  font-size: 14px;
  color: var(--black-color);
  position: relative; }
  .address-option-text:before {
    display: block;
    position: absolute;
    content: '';
    width: 25px;
    height: 24px;
    background: url("/local/templates/korovka_new/markup/images/checkbox-off.png") no-repeat;
    background-size: contain;
    right: -11%;
    top: 50%;
    transform: translateY(-50%); }

.modal .address-options {
  margin-top: 0; }
.modal .dropdown-footer {
  margin-bottom: 0; }

.address-option.selected .address-option-text:before {
  background: url("/local/templates/korovka_new/markup/images/checkbox-on.svg") no-repeat; }

input[type=radio]:checked + .address-option-text:before {
  background: url("/local/templates/korovka_new/markup/images/checkbox-on.svg") no-repeat; }

.address-option input[type="radio"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: none; }

.dropdown-footer {
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  justify-content: end; }

.select-button {
  width: max-content;
  padding: 13px 40px;
  background-color: var(--orange-color);
  color: var(--white-color);
  text-align: center;
  border: none;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease; }

#changeShop .dropdown-footer {
  margin-top: 30px; }

#basket, #order {
  position: relative; }

#itemCount {
  position: absolute;
  top: 0;
  right: 15px;
  background: #FF5A00;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px; }

header.visible {
  position: fixed;
  top: 0;
  width: 100%;
  /*z-index: 1000;*/
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: top 0.3s; }

.error_input {
  border-color: #FF5757 !important; }

.row.desktop_category {
  display: block; }

.row.mobile_category {
  display: none; }

.detail_product_block .catalog .quantity_selector .quantity {
  font-size: 16px;
  font-weight: 500;
  color: var(--black-color);
  text-align: center;
  width: 25%; }

.stock_item {
  background: #F9F0E1;
  border-radius: 16px;
  padding: 8px 16px;
  margin-bottom: 36px; }
  .stock_item p {
    font-size: 16px;
    color: #2C3E50; }

.modal.show {
  opacity: 1; }

/*.modal.show .form-control {
    height: auto;
}*/
#profile_page a.inactive {
  background: #FF5A0080;
  cursor: not-allowed;
  pointer-events: none;
  padding: 10px 35px;
  color: var(--white-color);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  transition: .3s; }

.bx-pagination .bx-pagination-container ul li.bx-active span {
  background: var(--orange-color);
  color: #fff; }

.catalog_filter_price .title {
  font-size: 24px;
  font-weight: bold; }
.catalog_filter_price .subtitle {
  font-size: 16px;
  font-weight: normal; }
.catalog_filter_price .price-inputs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 26px; }
.catalog_filter_price .price-input {
  width: 100%;
  max-width: 47%;
  flex: 1 0 auto; }
.catalog_filter_price .price-input input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #C2C2C2;
  border-radius: 16px;
  font-size: 16px;
  height: 50px; }
.catalog_filter_price .slider-container {
  position: relative;
  height: 14px; }
.catalog_filter_price .slider-track {
  height: 4px;
  background-color: #E0E0E0;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%); }
.catalog_filter_price .slider-range {
  height: 4px;
  background-color: var(--orange-color);
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
.catalog_filter_price .slider-thumb {
  width: 14px;
  height: 14px;
  background-color: var(--orange-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer; }
.catalog_filter_price .slider-min {
  left: 0; }
.catalog_filter_price .slider-max {
  right: 0;
  transform: translate(50%, -50%); }

.catalog_general .row {
  justify-content: space-between; }
.catalog_general .catalog_filter {
  max-width: 22%; }

.catalog_filter_block {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .catalog_filter_block .find p {
    display: flex;
    font-size: 14px;
    color: #7D7D7D;
    gap: 4px; }

.catalog_general .catalog_items_block .catalog_filter_block .dropdown__block {
  width: 100%;
  max-width: 30%;
  flex: 1 0 auto; }

.catalog_filter_price {
  margin-top: 32px; }
  .catalog_filter_price .title {
    padding: 0 20px;
    margin-bottom: 24px; }
    @media (max-width: 1024px) {
      .catalog_filter_price .title {
        padding: 0; } }
    .catalog_filter_price .title h3 {
      font-size: 20px;
      font-weight: 600;
      color: #2C3E50;
      align-items: center;
      display: flex;
      gap: 8px; }
    .catalog_filter_price .title span {
      color: #7D7D7D;
      font-size: 14px;
      font-weight: 400; }
  .catalog_filter_price input::-webkit-outer-spin-button,
  .catalog_filter_price input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }

.catalog_filter_brands {
  margin-top: 40px; }
  .catalog_filter_brands .title {
    padding: 0 20px;
    margin-bottom: 23px; }
    .catalog_filter_brands .title h3 {
      font-size: 20px;
      font-weight: 600;
      color: #2C3E50; }
  .catalog_filter_brands .brand-filter__option {
    padding: 12px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px; }
    .catalog_filter_brands .brand-filter__option .checkbox-input {
      border-radius: 100%;
      flex-shrink: 0;
      margin: 0; }
    .catalog_filter_brands .brand-filter__option input[type="file"]:focus, .catalog_filter_brands .brand-filter__option input[type="radio"]:focus, .catalog_filter_brands .brand-filter__option input[type="checkbox"]:focus {
      outline: unset; }
    .catalog_filter_brands .brand-filter__option label {
      font-size: 14px;
      font-weight: 500;
      color: var(--black-color);
      transition: .3s;
      margin: 0; }

.catalog_filter_clear {
  margin-top: 24px; }
  .catalog_filter_clear button {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
    transition: .3s;
    padding: 7px 40px;
    border: 1px solid #C2C2C2;
    border-radius: 24px; }
    .catalog_filter_clear button:hover {
      border-color: var(--orange-color);
      color: var(--orange-color); }

input:focus::placeholder, textarea:focus::placeholder {
  opacity: 1 !important;
  /* placeholder остается видимым при фокусе */
  color: #909090 !important; }

.catalog_general .catalog_items_block .catalog_filter_block .dropdown__block_filter {
  display: none; }

.dropdown__block_filter .button__close {
  display: none; }

.categories-filter {
  margin: 20px auto; }

.categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px; }

.category-btn {
  padding: 8px;
  border: 1px solid #E0E0E0;
  border-radius: 25px;
  background: transparent;
  color: #2C3E50;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px; }

.category-btn:hover {
  border-color: var(--orange-color); }

.category-btn.active {
  border-color: var(--orange-color); }

.hidden-category {
  display: none; }

.show-more-btn {
  background: none;
  border: none;
  color: #0066ff;
  cursor: pointer;
  font-size: 14px;
  padding: 5px 10px; }

.show-more-btn:hover {
  text-decoration: underline; }

.catalog_filter .dropdown-header {
  display: none; }

.catalog_filter .categories-filter {
  display: none; }

.catalog_filter .catalog_filter_show_btn {
  display: none; }

.input_item_checkbox.pad {
  margin-top: 8px; }

#changeShop_header .dropdown-footer {
  margin-top: 28px; }
#changeShop_header .select-button {
  padding: 13px 66px; }

header .dropdown__block .dropdown:before {
  display: none; }

.invite_employee .profile_form {
  max-width: 100%; }
.invite_employee .input_item input {
  height: 61px; }
.invite_employee .button {
  display: flex;
  justify-content: end;
  margin-top: 10px;
  width: 100%; }
  .invite_employee .button .inactive {
    background: #FF5A0080;
    cursor: not-allowed;
    pointer-events: none; }
  .invite_employee .button input {
    background: var(--orange-color);
    color: var(--white-color);
    padding: 14px 60px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 24px;
    transition: .3s; }
    .invite_employee .button input:hover {
      background: #CD4800;
      transition: .3s; }
.invite_employee .input_item_checkbox {
  width: 100%;
  max-width: 100%;
  flex: 1 0 auto;
  margin-top: 20px; }
.invite_employee .checkbox-input {
  border-radius: 100%; }
.invite_employee .input_item_checkbox.pad {
  margin-top: 0; }
.invite_employee .checkbox-item {
  display: flex;
  align-items: center;
  gap: 10px; }
  .invite_employee .checkbox-item a {
    color: var(--orange-color); }
  .invite_employee .checkbox-item label {
    display: flex;
    gap: 4px;
    font-size: 12px; }

.cart_block.no_role .info {
  width: 25%; }

.cart_block {
  margin-top: 60px !important; }
  .cart_block .title {
    margin-bottom: 16px; }
  .cart_block p {
    font-size: 16px;
    color: #7D7D7D; }
  .cart_block h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black-color); }
  .cart_block .orange_button {
    display: flex;
    width: max-content;
    margin-top: 16px; }
    .cart_block .orange_button a {
      font-size: 14px;
      font-weight: 600;
      padding: 10px 65px;
      transition: .3s; }
      .cart_block .orange_button a:hover {
        background: var(--orange-back);
        transition: .3s; }

.order_page .cart_block .title {
  padding: 0; }

.cart_block.orders_block.no_role .info {
  width: 35%; }

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

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

.modal .modal-body .orange_border {
  display: flex; }

.modal .new_foot .modal-body {
  margin-top: 28px;
  display: flex;
  justify-content: space-between; }

.modal .new_foot .modal-body .orange_border a {
  border: 2px solid var(--orange-color);
  padding: 11px 24px;
  color: var(--orange-color);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  justify-content: center;
  transition: .3s; }
  .modal .new_foot .modal-body .orange_border a:hover {
    border-color: #CD4800;
    color: #CD4800;
    transition: .3s; }

.modal .new_foot .modal-body .orange_button a {
  padding: 11px 24px;
  border: 1px solid var(--orange-color); }

.modal .new_foot .modal-body .orange_border {
  width: 35%; }

.modal .new_foot .modal-body .orange_button {
  width: 62%; }

#invite .input_item {
  margin-bottom: 0; }
#invite .button {
  margin-top: 28px; }

.profile_page.employee .buttons_block {
  margin-top: 9px; }

#status5 .title_block {
  margin: 0; }

/*.modal .button input {
    padding: 14px;
    width: 194px;
}*/
/*#dismissed.modal .button input {
    padding: 14px 53px;

}

#employee_dis.modal .title_block {
    margin: 0;
}

#change.modal .button input {
    padding: 14px 19px;
}

#quit.modal .button input {
    padding: 13.5px 75px;
}*/
input, textarea {
  caret-color: var(--orange-color); }

#safe.modal .title_block .title, #dismissed.modal .title_block .title {
  margin: 0;
  padding: 0; }

#safe.modal .title_block {
  margin-bottom: 0; }

.cart_block.no_auth .orange_button_cart a {
  padding: 9.5px 63px;
  font-size: 14px; }

header .request .requests__items .request_item {
  padding: 8px 16px;
  background: #F9F0E1;
  width: 100%;
  text-align: center;
  border-radius: 0; }

.profile_approved textarea {
  min-height: 54px;
  overflow-y: hidden; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main {
  flex: 1 1 0; }

.row:before {
  display: none !important; }

#changeShop_private .dropdown-footer {
  margin-top: 28px; }

.invite_employee.profile_page .input_item textarea::placeholder {
  color: #909090; }

footer .col-3.app {
  width: 25%; }

.order_page .order_block_info .modal.show .title {
  padding: 0; }

#preloader_site {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; }

/*
#preloader_site .spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #cccccc;
    border-top-color: #f07e1e;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}*/
.loader-container {
  text-align: center; }

.loader {
  width: 90px;
  height: 90px;
  margin: auto;
  position: relative;
  animation: rotate 2s linear infinite; }

.loader-ellipses ellipse {
  animation: pulse 1.5s ease-in-out infinite alternate; }

/* Разные задержки для каждого элемента для эффекта волны */
.loader-ellipses ellipse:nth-child(1) {
  animation-delay: 0s; }

.loader-ellipses ellipse:nth-child(2) {
  animation-delay: 0.2s; }

.loader-ellipses ellipse:nth-child(3) {
  animation-delay: 0.4s; }

.loader-ellipses ellipse:nth-child(4) {
  animation-delay: 0.6s; }

.loader-ellipses ellipse:nth-child(5) {
  animation-delay: 0.8s; }

.loader-ellipses ellipse:nth-child(6) {
  animation-delay: 1.0s; }

.loader-ellipses ellipse:nth-child(7) {
  animation-delay: 1.2s; }

.loader-ellipses ellipse:nth-child(8) {
  animation-delay: 1.4s; }

.loader-ellipses ellipse:nth-child(9) {
  animation-delay: 1.6s; }

.loader-ellipses ellipse:nth-child(10) {
  animation-delay: 1.8s; }

.gradient-circle {
  fill: url(#angularGradient); }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes pulse {
  0% {
    opacity: 0.3;
    transform: scale(0.95); }
  100% {
    opacity: 1;
    transform: scale(1.05); } }
.loading-text {
  color: #FF5A00;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px; }

.progress-bar {
  width: 200px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  margin: 15px auto;
  overflow: hidden; }

.progress {
  height: 100%;
  width: 0%;
  background: #FF5A00;
  border-radius: 3px;
  animation: loading 3s ease-in-out infinite; }

@keyframes loading {
  0% {
    width: 0%; }
  50% {
    width: 70%; }
  100% {
    width: 100%; } }
#feedback .error_pad {
  margin-top: 8px;
  margin-bottom: 0 !important; }

#preloader_site {
  display: none; }

#preloader_site.active {
  display: flex; }

.select-button.inactive {
  background: #FF5A0080;
  cursor: not-allowed;
  pointer-events: none; }

.orange_button_modal {
  width: 61%; }
  @media (max-width: 600px) {
    .orange_button_modal {
      width: 100%; } }
  .orange_button_modal a {
    background: var(--orange-color);
    color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    width: 100%;
    justify-content: center;
    transition: .3s;
    padding: 13px 24px;
    font-size: 14px;
    font-weight: 600; }
    .orange_button_modal a:hover {
      background: #CD4800;
      transition: .3s; }

/*.order_page .order_item:hover .order_shelf p {
    color: var(--orange-color);
    transition: .3s;
}*/
.cart__items_block .product .name:hover p {
  color: var(--orange-color);
  transition: .3s; }

.order_detail_page .order_general_block .cart__items_block .shelf_item .product:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0; }

#cart {
  margin-top: 50px; }

/*#logIn.modal .button input.inactive {
    padding: 14px 76px;
}

.modal .button input {
    padding: 14px 76px;
}*/
#changeShop.modal .select-button {
  padding: 14px 67px; }
  #changeShop.modal .select-button:hover {
    background: #CD4800; }

.modal p {
  color: #7D7D7D; }

/*.modal input[type="button"], .modal .select-button, .modal .inactive {
    width: 194px !important;
}*/
.breadcrumbs {
  margin-top: 8px; }
  .breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px; }
    @media (max-width: 1024px) {
      .breadcrumbs__list {
        padding: 0; } }
    @media (max-width: 600px) {
      .breadcrumbs__list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        /* Плавная прокрутка на iOS */
        scrollbar-width: none;
        /* Скрыть скроллбар в Firefox */
        -ms-overflow-style: none;
        /* Скрыть скроллбар в IE */
        padding: 10px 0;
        margin: 0;
        list-style: none; }
        .breadcrumbs__list::-webkit-scrollbar {
          display: none; } }
  .breadcrumbs__link {
    font-size: 14px;
    font-weight: 400;
    color: #2C3E50;
    transition: .3s;
    width: max-content; }
    @media (max-width: 1024px) {
      .breadcrumbs__link {
        font-size: 12px; } }
    @media (max-width: 600px) {
      .breadcrumbs__link {
        white-space: nowrap; } }
    .breadcrumbs__link:hover {
      color: #FF5A00;
      transition: .3s; }
  .breadcrumbs__item {
    height: 18px;
    display: flex; }
    @media (max-width: 600px) {
      .breadcrumbs__item {
        flex-shrink: 0;
        white-space: nowrap; } }
    .breadcrumbs__item:last-child {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      /*width: 100%;*/ }
  @media (max-width: 1024px) {
    .breadcrumbs__separator {
      font-size: 12px; } }
  @media (max-width: 600px) {
    .breadcrumbs__separator {
      flex-shrink: 0;
      white-space: nowrap; } }
  .breadcrumbs__current {
    font-size: 14px;
    font-weight: 600;
    color: #2C3E50;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 600px) {
      .breadcrumbs__current {
        white-space: nowrap; } }
    @media (max-width: 1024px) {
      .breadcrumbs__current {
        font-size: 12px; } }

.error-page {
  margin-top: 3rem; }
  @media (max-width: 1024px) {
    .error-page {
      margin-top: 100px; } }
  @media (max-width: 500px) {
    .error-page {
      margin-top: 50px; } }
  .error-page__section {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .error-page__section {
        flex-direction: column-reverse;
        align-items: center;
        gap: 38px; } }
  @media (max-width: 600px) {
    .error-page__number {
      width: 185px; } }
  .error-page__title {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color: #2C3E50;
    margin-bottom: 16px; }
    @media (max-width: 1024px) {
      .error-page__title {
        text-align: center; } }
    @media (max-width: 600px) {
      .error-page__title {
        font-size: 18px;
        margin-bottom: 14px; } }
  .error-page__text {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: #7D7D7D;
    margin-bottom: 16px; }
    @media (max-width: 1024px) {
      .error-page__text {
        text-align: center; } }
    @media (max-width: 600px) {
      .error-page__text {
        margin-bottom: 23px; } }
  .error-page__button {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 24px;
    background: #FF5A00;
    height: 40px;
    width: 194px;
    transition: .3s; }
    @media (max-width: 1024px) {
      .error-page__button {
        margin: auto; } }
    .error-page__button:hover {
      background: #CD4800;
      transition: .3s; }

@media (max-width: 1280px) {
  .catalog-categories-page .catalog-category__title h4 {
    font-size: 20px; }
  .catalog-categories-page .catalog-category {
    max-width: 32%; }
  .catalog-categories-page .catalog-categories__grid {
    justify-content: unset;
    gap: 2%;
    row-gap: 20px; } }
@media (max-width: 1024px) {
  .catalog-categories-page .catalog-categories__grid {
    overflow-x: unset;
    flex-wrap: wrap;
    gap: 8px; }
  .catalog-categories-page .catalog-category {
    max-width: calc(25% - 12px);
    aspect-ratio: 1 / 1;
    height: auto;
    min-width: 120px; }
  .catalog-categories-page .catalog-category__title h4 {
    font-size: 16px; }
  .catalog-categories-page .catalog-category__image img {
    width: clamp(70px, 15vw, 140px);
    height: clamp(70px, 15vw, 140px); } }
@media (max-width: 786px) {
  .catalog-categories-page .catalog-category__title h4 {
    font-size: 16px; }
  .catalog-categories-page .catalog-category {
    max-width: calc(33% - 12px); } }
@media (max-width: 500px) {
  .catalog-categories-page .catalog-category__image img {
    width: 100px;
    height: 100px; }
  .catalog-categories-page .catalog-category {
    max-width: 49%; }
  .catalog-categories-page .catalog-categories__grid {
    justify-content: space-between;
    gap: unset;
    row-gap: 8px; } }
@media (max-width: 390px) {
  .catalog-categories-page .catalog-category__title h4 {
    font-size: 14px; }
  .catalog-categories-page .catalog-category__image img {
    width: 80px;
    height: 80px; } }

.js-hidden {
  display: none; }

.employee-form__input-field--error {
  border-color: #FF5757; }

.pagination .bx-pagination .bx-pagination-container ul .bx-pag-next a span:hover {
  border-color: var(--orange-color);
  color: var(--orange-color); }

/* Скрываем стандартный крестик */
.search-input.header__search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none; }

/* Альтернативный способ для других браузеров */
.search-input.header__search-input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.search-input.header__search-input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none; }

.button-modal {
  min-width: 194px;
  height: 48px;
  padding: 15px;
  background: var(--orange-color);
  color: var(--white-color);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  justify-content: center;
  border-radius: 25px;
  transition: .3s;
  /*margin-top: 28px;*/ }
  .button-modal:hover {
    background: #CD4800;
    transition: .3s; }
  .button-modal:disabled {
    background: rgba(255, 90, 0, 0.5);
    cursor: default; }

.store-list {
  margin-bottom: 28px; }

.store-list {
  margin-bottom: 28px; }

.error_form p {
  color: #FF5757;
  font-size: 14px;
  font-weight: 400;
  line-height: normal; }

.error_pad {
  margin-top: 8px; }

.form-control:focus {
  border: 1px solid #C2C2C2;
  box-shadow: none; }

@media (max-width: 1440px) {
  header .header_buttons_items {
    max-width: 16%; } }
@media (max-width: 1366px) {
  .application .image img {
    height: 388px;
    object-fit: contain; }

  header .header_buttons_items {
    max-width: 16%; }

  footer .col-3.app {
    width: 28%; }

  footer .col-3 {
    width: 25%; } }
@media (max-width: 1280px) {
  header .header_buttons_items {
    max-width: 18%; }

  header .search-container {
    max-width: 32%; }

  header .dropdown__block {
    max-width: 21%; }

  header .orange_button_catalog {
    max-width: 11%; }

  .application .image img {
    height: 361px;
    object-fit: contain; }

  header .header_buttons_items .header_button_item span {
    font-size: 12px; }

  .cart_page .cart_block.no_role .info {
    width: 30%; }

  footer .col-3.app {
    width: 32%; }

  footer .col-3 {
    width: 32%; } }
@media (max-width: 1024px) {
  footer {
    display: none; }

  footer.mobile {
    display: block; }

  header.mobile {
    display: block; }

  .desktop {
    display: none; }

  /*.buttons-slider {
      bottom: 30px;
      right: 30px;
  }*/
  .container {
    padding: 0 30px; }

  .address-selector {
    width: 100%;
    max-width: 95%;
    position: relative; }

  .address-display {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease; }

  .address-icon {
    width: 24px;
    height: 24px;
    fill: #4a5568; }

  .address-text {
    flex-grow: 1;
    color: #2d3748;
    font-size: 16px; }

  .address-dropdown {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 1000;
    flex-direction: column;
    padding: 0 16px; }

  .address-dropdown.show {
    display: flex; }

  .dropdown-header {
    display: flex;
    align-items: center;
    padding: 16px 0;
    position: relative; }

  .back-arrow {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    cursor: pointer;
    position: absolute;
    left: 0; }

  .dropdown-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color);
    width: 100%;
    text-align: center; }

  .address-options {
    flex-grow: 1;
    overflow-y: auto;
    margin-top: 20px; }

  .address-option {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    transition: background-color 0.2s; }
    .address-option:not(:last-child) {
      margin-bottom: 24px; }

  .address-option:last-child {
    border-bottom: none; }

  .address-option-text {
    flex-grow: 1;
    font-size: 16px;
    color: var(--black-color);
    position: relative; }
    .address-option-text:before {
      display: block;
      position: absolute;
      content: '';
      width: 25px;
      height: 24px;
      background: url("/local/templates/korovka_new/markup/images/checkbox-off.png") no-repeat;
      background-size: contain;
      right: -30px; }

  .address-option input[type="radio"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: none; }

  .address-option.selected .address-option-text:before {
    background: url("/local/templates/korovka_new/markup/images/checkbox-on.svg") no-repeat;
    width: 25px;
    height: 24px;
    background-size: contain; }

  input[type=radio]:checked + .address-option-text:before {
    background: url("/local/templates/korovka_new/markup/images/checkbox-on.svg") no-repeat; }

  .dropdown-footer {
    margin-bottom: 20px; }

  .select-button {
    width: 100%;
    padding: 12px;
    background-color: var(--orange-color);
    color: var(--white-color);
    text-align: center;
    border: none;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center; }

  .catalog_categories .buttons-slider {
    display: none; }

  .row.desktop_category {
    display: none; }

  .row.mobile_category {
    display: block; }

  .catalog_categories .swiper-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    gap: 20px; }

  .catalog_categories .swiper-wrapper::-webkit-scrollbar {
    display: none; }

  header .registration {
    padding: 8px 0; }
    header .registration a {
      display: flex;
      align-items: center;
      gap: 8px; }
    header .registration span {
      color: var(--black-color);
      font-size: 16px; }
    header .registration .icon {
      display: flex; }
  header .authorized_user {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }

  .main {
    margin-bottom: 80px; }

  header {
    padding: 0; }

  .catalog .catalog__items .swiper-wrapper {
    overflow-x: scroll;
    overflow-y: hidden; }
    .catalog .catalog__items .swiper-wrapper .swiper-slide {
      width: 30%; }
    .catalog .catalog__items .swiper-wrapper::-webkit-scrollbar {
      display: none; }

  .catalog .buttons-slider {
    display: none; }

  .title_block {
    justify-content: space-between;
    width: 100%; }

  .more.mobile {
    display: block; }

  .more {
    display: none; }

  .application .image img {
    height: 296px;
    object-fit: contain; }

  .application .button {
    left: unset;
    bottom: 30px;
    right: 30px; }

  .catalog_categories .catalog_categories_items {
    margin-top: 25px;
    display: flex;
    flex-wrap: unset;
    justify-content: space-between;
    row-gap: unset;
    overflow-x: scroll;
    gap: 20px; }
    .catalog_categories .catalog_categories_items::-webkit-scrollbar {
      display: none; }

  .catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle, .catalog_categories .catalog_categories_items .big {
    max-width: 30%; }

  .catalog_categories .catalog_categories_items .image img {
    width: 170px; }

  .catalog_categories .catalog_categories_items h4 {
    font-size: 20px;
    text-align: center;
    width: 100%; }

  .catalog_categories .catalog_categories_items .image {
    width: max-content;
    position: absolute;
    bottom: 16px;
    margin: auto;
    left: 0;
    right: 0; }

  .detail_product_block {
    margin-top: 30px; }

  header .content {
    padding: 0; }

  .catalog_categories .catalog_categories_items .small h4:before, .catalog_categories .catalog_categories_items .middle h4:before, .catalog_categories .catalog_categories_items .big h4:before {
    display: none; }

  /*.banner img {
      height: 273px;
      object-fit: contain;
  }*/
  .catalog_general_items.catalog {
    margin-top: 40px; }

  .catalog_general .catalog_filter {
    display: none; }

  .catalog_general .catalog_items_block {
    max-width: 100%; }

  .detail_product_block .col-6 {
    width: 100%; }
    .detail_product_block .col-6:nth-child(2) {
      margin-top: 50px; }

  .catalog_categories .catalog_categories_items, .catalog .catalog__items {
    margin-top: 5px; }

  .profile_page .header_content .info {
    width: 100%; }

  header .search-container {
    max-width: 100%;
    margin-top: 14px; }

  header .authorized_user .information {
    display: none; }

  .address_selector_block {
    width: 100%; }

  .modal.show .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0; }

  .modal .modal-content {
    padding: 20px;
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: unset; }

  #regis .modal-dialog {
    max-width: 100%; }

  .modal.fade {
    transition: unset; }

  .profile_page .profile_form {
    max-width: 100%; }

  .profile_page .profile_role_block {
    max-width: 100%;
    margin-top: 20px; }

  .profile_page .input_item {
    max-width: 49%; }

  .cart__items_block .shelf__items {
    max-width: 100%; }

  .cart__items_block .order_block {
    max-width: 100%;
    margin-top: 20px; }

  .order_detail_page .order_block_info {
    max-width: 100%; }

  .order_detail_page .cart__items_block {
    max-width: 100%; }

  .order_page .order__menu {
    max-width: 100%;
    margin-top: 0;
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    overflow-y: unset;
    margin-top: 20px; }

  .order_page .order_nav_item {
    padding: 10px 30px;
    border-radius: 24px; }

  .order_page .order_nav_item.active {
    background: #F9F0E1; }

  .breadcrumbs_nav .breadcrumbs {
    padding: 0; }

  .order_page .order_block_info .title {
    padding: 0;
    margin-top: 30px; }

  .order_page .order_general_block {
    margin-top: 20px; }

  .order_page .order_block_info {
    max-width: 100%; }

  .cart_page .header_content .title {
    padding: 0; }

  .order_block_info h2 {
    display: none; }

  .order_detail_page .order_block_info h2 {
    display: block; }

  .general_page.catalog_categories .catalog_categories_items {
    flex-wrap: wrap;
    overflow-x: unset;
    gap: 1%;
    row-gap: 20px; }

  .general_page.catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle {
    max-width: 32%; }

  .general_page.catalog_categories .catalog_categories_items .big {
    max-width: 49%; }

  .catalog_general .catalog_items_block .catalog_filter_block .dropdown__block_filter {
    display: block;
    width: 30%; }

  .find {
    display: none; }

  .catalog_general .catalog_items_block .dropdown__block_filter .dropdown {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 500;
    background: #FDFDFD;
    border: 1px solid #A6A59D;
    border-radius: 24px;
    color: var(--black-color);
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px; }

  .catalog_filter_block {
    display: flex;
    justify-content: unset;
    align-items: center;
    gap: 30px; }

  .dropdown__block_filter .button__close.active {
    display: block; }

  .catalog_general .catalog_filter.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 1000;
    flex-direction: column;
    padding: 0 16px 24px;
    overflow-y: scroll; }

  .catalog_general .catalog_filter.active::-webkit-scrollbar {
    display: none; }

  .catalog_filter .catalog_filter_list, .catalog_filter .catalog_filter_brands {
    display: none; }

  .catalog_general .catalog_filter {
    max-width: 100%; }

  body.active {
    overflow: hidden; }

  .address-option {
    width: 100%;
    padding-right: 30px; }

  .catalog_general .catalog_filter.active h3 {
    font-size: 16px;
    font-weight: 600;
    color: #2C3E50; }

  .catalog_general .catalog_filter.active .title {
    padding: 0 16px;
    margin-bottom: 24px; }

  .toggle-categories-btn {
    color: #2C3E50;
    transition: all 0.3s;
    font-size: 14px;
    padding: 8px;
    border: 1px solid var(--orange-color);
    border-radius: 25px; }

  .toggle-categories-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border: 1px solid #E0E0E0;
    border-radius: 25px;
    background: transparent;
    cursor: pointer; }
    .toggle-categories-btn span {
      color: #2C3E50;
      transition: all 0.3s;
      font-size: 14px; }
    .toggle-categories-btn svg {
      width: 16px;
      height: 16px; }

  .catalog_filter_price .price-input {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .catalog_filter_price {
    width: 40%; }

  .catalog_filter .dropdown-header {
    display: block; }

  .catalog_filter .categories-filter {
    display: block; }

  .catalog_filter .catalog_filter_show_btn {
    display: block;
    margin-top: 10px; }
    .catalog_filter .catalog_filter_show_btn p {
      background: var(--orange-color);
      padding: 8px 24px;
      color: var(--white-color);
      display: flex;
      align-items: center;
      gap: 8px;
      border-radius: 24px;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      justify-content: center;
      transition: .3s; }

  .catalog_filter_clear {
    text-align: center; }
    .catalog_filter_clear button {
      font-size: 14px;
      font-weight: 600;
      color: var(--orange-color);
      transition: .3s;
      padding: 8px 24px;
      border: none;
      border-radius: 0; }

  .catalog_filter_clear {
    margin-top: 15px; }

  .cart_page .cart_block.no_role .info {
    width: 35%; }

  .profile_page .profile_invite a {
    margin-top: 28px; }

  .profile_page .profile_employee {
    max-width: 100%;
    margin-top: 20px; }

  .product-slider-section .swiper-wrapper {
    overflow-x: scroll; }
    .product-slider-section .swiper-wrapper::-webkit-scrollbar {
      display: none; }
  .product-slider-section .swiper-slide {
    width: 154px; }
  .product-slider-section .section__slider-nav {
    display: none; }

  .request__item {
    height: auto; }

  .catalog-controls__sort {
    max-width: 290px; }

  .catalog-controls__sort .dropdown-toggle {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px; }

  .catalog-controls__filter-toggle {
    height: 40px; }

  .mobile_button .icon {
    display: inline-block;
    position: relative; }

  #basket_menu .count {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--orange-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px; }

  #orders_menu .count {
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: var(--orange-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px; } }
@media (min-width: 640px) and (max-width: 959px) {
  .catalog .catalog__items .swiper-wrapper .swiper-slide {
    width: 32%; }

  .catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle, .catalog_categories .catalog_categories_items .big {
    max-width: 32%; }

  .catalog_categories .catalog_categories_items h4 {
    font-size: 18px; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 261px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 150px; }

  .application .button a {
    font-size: 14px;
    padding: 12px 35px; }

  /*.banner img {
      height: 231px;
  }*/
  .application .image img {
    height: 236px; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 232px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 130px; }

  /*.banner img {
      height: 220px;
  }*/
  .catalog_general .catalog_general_items .catalog_item {
    width: 100%;
    max-width: 33%;
    flex: 1 0 auto; }

  header .registration span {
    color: var(--black-color);
    font-size: 12px; }

  .address-text {
    font-size: 12px; }

  /*.banner img {
      height: 200px;
  }*/
  .banner .swiper-pagination {
    display: none; }

  .buttons-slider {
    bottom: 20px;
    right: 20px; }

  .title_block_top {
    padding: 10px 0 !important; }

  /*.catalog {
      margin-top: 20px;
  }*/
  .catalog_categories .catalog_categories_items h4 {
    font-size: 16px; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 212px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 110px; }

  .catalog .catalog__items .swiper-wrapper .swiper-slide {
    width: 37%; }

  .general_title_back {
    display: block; }

  .catalog_general .catalog_general_items .catalog_item {
    width: 100%;
    max-width: 50%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle, .catalog_general .catalog_items_block .dropdown-menu {
    width: 50%; }

  .breadcrumbs_nav {
    display: none; }

  .detail_product_block {
    margin-top: 5px; }

  .detail_product_block .js-swiper-gallery-thumbs {
    display: none; }

  .detail_product_block .col-6:nth-child(2) {
    margin-top: 24px; }

  /*h2 {
      font-size: 20px;
  }*/
  .detail_product_block .product_title {
    margin-bottom: 30px; }

  .detail_product_block .price_block_detail .price, .detail_product_block .price_block_detail .quantity_block {
    padding: 0; }

  .detail_product_block .price_block_detail .price p, .detail_product_block .price_block_detail .quantity_block p {
    font-size: 20px; }

  .product_price_block .buttons_basket, .product_price_block .price_block_detail.inactive {
    display: none; }

  .price_block_detail.mobile, .product_price_block .price_block_detail.mobile .buttons_basket {
    display: block; }

  .detail_product_block .buttons_basket, .detail_product_block .price_block_detail.inactive {
    width: 100%; }

  .detail_product_block .catalog .price_block_detail.mobile .orange_button {
    margin-top: 28px; }

  .detail_product_block .col-6:nth-child(2) {
    margin-top: 20px; }

  /*.catalog, .catalog_categories {
      margin-top: 20px;
  }*/
  .catalog_categories .catalog_categories_items, .catalog .catalog__items {
    margin-top: 5px; }

  .custom-dropdown-header {
    position: relative; }

  .custom-dropdown-header .custom-back-arrow {
    position: absolute;
    left: 0; }

  .catalog_filter_block {
    display: flex;
    justify-content: space-between; }

  .catalog_general .catalog_items_block .dropdown__block {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .dropdown__block_filter {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    width: 100%;
    padding: 8px;
    padding-left: 56px;
    border: none; }

  header .authorized_user .information {
    display: none; }

  .address_selector_block {
    width: 100%; }

  .request .requests__items {
    display: flex;
    align-items: unset;
    flex-direction: column; }

  .request .container {
    padding: 0; }
  .request .requests__items .request_item {
    border-radius: 0; }

  header .search-container {
    max-width: 100%;
    margin-top: 14px; }

  .modal.show .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0; }

  .modal .modal-content {
    padding: 20px;
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: unset; }

  #regis .modal-dialog {
    max-width: 100%; }

  .modal.fade {
    transition: unset; }

  #regis .input_item {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }

  .profile_page .input_item {
    max-width: 100%; }

  .profile_page .password_block .input_item {
    width: 100%;
    max-width: 68%; }

  .profile_page .notification_block .info {
    width: 100%; }

  .cart__items_block .shelf__items {
    max-width: 100%; }

  .cart__items_block .order_block {
    max-width: 100%;
    margin-top: 20px; }

  .cart__items_block .shelf_item .title_block p {
    font-size: 14px; }

  .order_detail_page .order_block_info {
    max-width: 100%; }

  .order_detail_page .cart__items_block {
    max-width: 100%; }

  .order_page .order_block_info .title {
    padding: 0; }

  .order_detail_page .order_date p {
    padding: 0; }

  .order_page .order_date {
    margin-right: 0;
    margin-top: 15px; }

  .order_detail_page .order_info_block {
    margin-left: 0;
    justify-content: space-between; }

  .order_detail_page .order_general_block .cart__items_block h3 {
    padding-left: 0; }

  .order_detail_page .order_general_block .shelf_item {
    margin-left: 0; }

  .order_page .order__menu {
    max-width: 100%;
    margin-top: 0;
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    overflow-y: unset;
    margin-top: 20px; }

  .order_page .order_nav_item {
    padding: 10px 30px;
    border-radius: 24px; }

  .order_page .order_nav_item.active {
    background: #F9F0E1; }

  .breadcrumbs_nav .breadcrumbs {
    padding: 0; }

  .order_page .order_block_info .title {
    padding: 0;
    margin-top: 30px; }

  .order_page .order_general_block {
    margin-top: 20px; }

  .order_page .order_block_info {
    max-width: 100%; }

  .order_page .order_nav_item {
    padding: 5px 12px; }

  .order_page .order_item {
    padding: 20px 12px;
    position: relative; }

  .order_page .order_item .order_date {
    margin-top: 0;
    margin-right: 20px; }

  .order_page .order_item .order_number {
    margin-right: 20px; }

  .order_page .order_shelf p {
    font-size: 16px; }

  .order_page .order_name p {
    font-size: 16px; }

  .order_page .order_amount p {
    font-size: 16px; }

  .order_page .order_contacts_block {
    justify-content: space-between;
    margin-top: 20px;
    align-items: unset;
    gap: 20px;
    flex-wrap: wrap; }

  .order_page .order_item .order_button {
    display: flex;
    margin-left: unset;
    width: 50%;
    margin: auto; }

  .order_page .order_button a {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 8px 24px;
    background: var(--orange-color);
    border-radius: 24px;
    border: 1px solid var(--orange-color);
    transition: .3s;
    width: 100%;
    text-align: center; }

  .order_page .order_user p {
    font-size: 16px; }

  .order_page .order_phone p {
    font-size: 16px; }

  .cart__items_block .product .pack {
    margin-bottom: 0; }

  .general_page.catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle {
    max-width: unset; }

  .general_page.catalog_categories .catalog_categories_items .big {
    max-width: unset; }

  .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+1), .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+4) {
    max-width: 54%; }

  .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+2), .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+3) {
    max-width: 43%; }

  .general_page.catalog_categories .catalog_categories_items {
    row-gap: 20px; }

  .cart_page .cart_block.no_role .info {
    width: 61%; }

  .cart_block.orders_block.no_role .info {
    width: 60%; }

  .profile_page .buttons_block {
    gap: 16px;
    flex-direction: column; }

  .profile_page .buttons_block > * {
    width: 100%;
    max-width: 100%; }

  .profile_page .profile_employee_name {
    display: none; }

  .profile_page .profile_employee {
    border-radius: 0;
    box-shadow: none;
    padding: 0; }

  .profile_page .profile_employee .title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px; }

  .profile_page .profile_employee_item {
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 24px 20px;
    align-items: center;
    flex-wrap: wrap; }
    .profile_page .profile_employee_item .info.status {
      order: 1;
      width: 50%; }
    .profile_page .profile_employee_item .profile_employee_button.prof_btn {
      order: 2;
      width: 50%;
      justify-content: end; }
    .profile_page .profile_employee_item .info.fio {
      order: 3;
      width: 66%;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.fio p {
        font-weight: 500; }
    .profile_page .profile_employee_item .accept p {
      width: max-content;
      background: #B3F4A7;
      padding: 4px 8px;
      border-radius: 24px; }
    .profile_page .profile_employee_item .send p {
      width: max-content;
      background: #F9F0E1;
      padding: 4px 8px;
      border-radius: 24px; }
    .profile_page .profile_employee_item .info.phone {
      order: 4;
      width: 30%;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.phone p {
        text-align: right; }
    .profile_page .profile_employee_item .info.mail {
      order: 5;
      width: 100%;
      justify-content: end;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.mail p {
        text-align: right; }

  .employee .change_role_employee {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }

  .profile_page.employee .buttons_block {
    width: 100%; }

  .employee .sub-items .item-title {
    width: 90%; }

  #regis .input_item_checkbox .checkbox-item {
    display: flex;
    gap: 12px;
    width: 100%;
    align-items: center; } }
/*@media (max-width: 876px) {
    .catalog .catalog__items .swiper-wrapper .swiper-slide {
        width: 32%;
    }

    .catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle, .catalog_categories .catalog_categories_items .big {
        max-width: 32%;
    }

    .catalog_categories .catalog_categories_items h4 {
        font-size: 18px;
    }

    .catalog_categories .catalog_categories_items .catalog_category_item {
        height: 261px;
    }

    .catalog_categories .catalog_categories_items .image img {
        width: 150px;
    }

    .application .button a {
        font-size: 14px;
        padding: 12px 35px;
    }

    .banner img {
        height: 231px;
    }
}*/
/*@media (max-width: 834px) {
    .application .image img {
        height: 236px;
    }

    .catalog_categories .catalog_categories_items .catalog_category_item {
        height: 232px;
    }

    .catalog_categories .catalog_categories_items .image img {
        width: 130px;
    }

    .banner img {
        height: 220px;
    }

    .catalog_general .catalog_general_items .catalog_item {
        width: 100%;
        max-width: 33%;
        flex: 1 0 auto;
    }
}*/
/*@media (max-width: 820px) {
    .catalog_categories .catalog_categories_items h4 {
        font-size: 17px;
    }

    .banner img {
        height: 216px;
    }
}*/
/*@media (max-width: 810px) {
    .application .image img {
        height: 232px;
    }

    .banner img {
        height: 212px;
    }
}*/
/*@media (max-width: 768px) {
    header .registration span {
        color: var(--black-color);
        font-size: 12px;
    }

    .address-text {
        font-size: 12px;
    }

    .banner img {
        height: 200px;
    }

    .banner .swiper-pagination {
        display: none;
    }

    .buttons-slider {
        bottom: 20px;
        right: 20px;
    }

    .title_block_top {
        padding: 10px 0 !important;
    }

    .catalog {
        margin-top: 20px;
    }

    .catalog_categories .catalog_categories_items h4 {
        font-size: 16px;
    }

    .catalog_categories .catalog_categories_items .catalog_category_item {
        height: 212px;
    }

    .catalog_categories .catalog_categories_items .image img {
        width: 110px;
    }
}*/
@media (max-width: 800px) {
  .products-grid .product-card {
    max-width: 25%; } }
@media (max-width: 768px) {
  .catalog-controls__filter-toggle {
    width: 48%; }

  .catalog-controls__sort {
    max-width: 48%; }

  .products-grid .product-card {
    max-width: 33%; }

  .filters-actions__apply.btn, .filters-actions__reset.btn {
    width: 100%; } }
@media (min-width: 480px) and (max-width: 639px) {
  .address-selector {
    max-width: 92%; }

  .request .requests__items {
    display: flex;
    align-items: flex-start;
    flex-direction: column; }

  .request .requests__items .request_item p {
    font-size: 12px; }

  .request .requests__items .request_item p a {
    font-size: 12px; }

  /*.banner img {
      height: 120px;
  }*/
  .buttons-slider {
    display: none; }

  /*h2 {
      font-size: 16px;
  }*/
  .more a {
    font-size: 12px; }

  .catalog .catalog__items {
    margin-top: 10px; }

  .catalog .catalog__items .swiper-wrapper .swiper-slide {
    width: 49%; }

  .catalog .catalog_item {
    padding: 8px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 24px; }

  .catalog .catalog__items .swiper-wrapper {
    gap: 12px; }

  .catalog .image img {
    height: 105px;
    object-fit: contain; }

  .catalog .collection-property {
    height: 30px; }

  .catalog .collection-property .collection-sale {
    font-size: 10px; }

  .catalog .catalog_item .name a {
    font-size: 12px; }

  .catalog .catalog_item .name {
    padding: 0;
    margin-top: 10px;
    height: 33px; }

  .catalog .catalog_item .price_block {
    margin-top: 8px;
    padding: 0;
    gap: 12px; }

  .catalog .catalog_item .price_block .price p {
    color: var(--black-color);
    font-size: 12px; }

  .catalog .catalog_item .price_block .price_old p {
    font-size: 8px; }

  .catalog .catalog_item .orange_button {
    margin-top: 8px; }

  .orange_button a {
    padding: 6px 10px;
    gap: 8px;
    font-size: 12px; }

  .catalog .catalog__items .swiper-wrapper .swiper-slide {
    width: 45%; }

  .application .image img {
    height: 152px;
    object-fit: cover; }

  .application .button {
    left: unset;
    bottom: 16px;
    right: 16px; }

  .application .button a {
    font-size: 10px;
    padding: 4px 8px; }

  .catalog_categories .catalog_categories_items {
    gap: 8px; }

  .catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle, .catalog_categories .catalog_categories_items .big {
    max-width: 45%; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 189px; }

  .catalog_categories .catalog_categories_items h4 {
    font-size: 14px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 100px; }

  .container {
    padding: 0 16px; }

  .catalog_general .catalog_general_items .catalog_item {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle, .catalog_general .catalog_items_block .dropdown-menu {
    width: 60%; }

  .catalog_general_items.catalog {
    margin-top: 16px;
    gap: 4%;
    row-gap: 20px; }

  /*.catalog .quantity_selector.visible {
      padding: 5px 10px;
      gap: 8px;
      font-size: 12px;
      margin-top: 8px;
  }*/
  .catalog .quantity_selector .quantity {
    font-size: 12px; }

  .breadcrumbs_nav .breadcrumbs {
    display: none; }

  .general_title_back {
    display: block; }

  .catalog_general .catalog_items_block .dropdown-toggle:after {
    width: 36px;
    height: 36px;
    background: url("/images/mob_filter.svg") no-repeat;
    left: 0; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    width: 60%;
    padding: 8px;
    padding-left: 56px;
    border: none; }

  .catalog_general {
    margin-top: 12px; }

  .general_title_back {
    display: block; }

  .catalog_general .catalog_general_items .catalog_item {
    width: 100%;
    max-width: 50%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle, .catalog_general .catalog_items_block .dropdown-menu {
    width: 50%; }

  .breadcrumbs_nav {
    display: none; }

  .detail_product_block {
    margin-top: 5px; }

  .detail_product_block .js-swiper-gallery-thumbs {
    display: none; }

  .detail_product_block .col-6:nth-child(2) {
    margin-top: 24px; }

  /*h2 {
      font-size: 16px;
  }*/
  .detail_product_block .product_title {
    margin-bottom: 30px; }

  .detail_product_block .price_block_detail .price, .detail_product_block .price_block_detail .quantity_block {
    padding: 0; }

  .detail_product_block .price_block_detail .price p, .detail_product_block .price_block_detail .quantity_block p {
    font-size: 20px; }

  .product_price_block .buttons_basket, .product_price_block .price_block_detail.inactive {
    display: none; }

  .price_block_detail.mobile, .product_price_block .price_block_detail.mobile .buttons_basket {
    display: block; }

  .detail_product_block .buttons_basket, .detail_product_block .price_block_detail.inactive {
    width: 100%; }

  .detail_product_block .js-swiper-gallery-main .swiper-slide .img-fluid {
    width: 40%; }

  .detail_product_block .product_title {
    margin-bottom: 16px; }

  .detail_product_block .price_block_detail .price p, .detail_product_block .price_block_detail .quantity_block p {
    font-size: 16px; }

  .detail_product_block .nutritional_value {
    margin-top: 16px; }

  .detail_product_block .nutritional_value .name p {
    font-size: 12px; }

  .detail_product_block .nutritional_value .name {
    margin-bottom: 12px; }

  .detail_product_block .nutritional_value .nutritional_value_item .info p {
    font-size: 12px; }

  .detail_product_block .nutritional_value .nutritional_value_item .name p {
    font-size: 12px; }

  .detail_product_block .nutritional_value .nutritional_value__items {
    display: flex;
    gap: unset;
    justify-content: space-between; }

  .detail_product_block .text_detail {
    margin-top: 24px; }

  .detail_product_block .text_detail .title h4 {
    font-size: 14px; }

  .detail_product_block .text_detail .title {
    margin-bottom: 8px; }

  .detail_product_block .text_detail p {
    font-size: 12px; }

  .detail_product_block .catalog .price_block_detail.mobile .orange_button {
    margin-top: 28px; }

  .detail_product_block .col-6:nth-child(2) {
    margin-top: 20px; }

    /*.catalog, .catalog_categories {
        margin-top: 20px;
    }
*/
  .catalog_categories .catalog_categories_items, .catalog .catalog__items {
    margin-top: 5px; }

  .custom-dropdown-header {
    position: relative; }

  .custom-dropdown-header .custom-back-arrow {
    position: absolute;
    left: 0; }

  .catalog_filter_block {
    display: flex;
    justify-content: space-between; }

  .catalog_general .catalog_items_block .dropdown__block {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .dropdown__block_filter {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    width: 100%;
    padding: 8px;
    padding-left: 56px;
    border: none; }

  header .authorized_user .information {
    display: none; }

  .address_selector_block {
    width: 100%; }

  .request .requests__items {
    display: flex;
    align-items: unset;
    flex-direction: column; }

  .request .container {
    padding: 0; }
  .request .requests__items .request_item {
    border-radius: 0; }

  header .search-container {
    max-width: 100%;
    margin-top: 14px; }

  .modal.show .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0; }

  .modal .modal-content {
    padding: 20px;
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: unset; }

  #regis .modal-dialog {
    max-width: 100%; }

  .modal.fade {
    transition: unset; }

  #regis .input_item {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }

  .modal label {
    font-size: 14px; }

  .modal .input_item input {
    padding: 10px 14px;
    font-size: 16px; }

  .modal .input_item input::placeholder {
    font-size: 16px; }

  .modal .input_item textarea {
    padding: 10px 14px;
    font-size: 16px; }
    .modal .input_item textarea::placeholder {
      font-size: 16px; }

  .modal .button input {
    padding: 10px 55px;
    font-size: 14px;
    width: 100%;
    text-align: center; }

  .modal .button {
    width: 100%; }

  .modal .modal-content {
    padding: 30px 16px; }

  .modal .input_item {
    margin-bottom: 16px; }

  .profile_page .input_item {
    max-width: 100%; }

  .profile_page .password_block .input_item {
    width: 100%;
    max-width: 68%; }

  .profile_page .notification_block .info {
    width: 100%; }

  .profile_page .input_item label {
    margin-bottom: 8px;
    font-size: 14px; }

  .profile_page .input_item input {
    padding: 10px 14px;
    font-size: 16px; }

  .profile_page .input_item input::placeholder {
    font-size: 16px; }

  .profile_page .password_block {
    align-items: start;
    gap: 15px;
    flex-direction: column; }

  .profile_page .password_block .input_item {
    width: 100%;
    max-width: 100%; }

  .profile_page .password_block .password {
    display: flex;
    margin-bottom: 8px;
    width: 100%; }

  .profile_page .password_block .password a {
    width: 100%;
    text-align: center; }

  .profile_page .checkbox_items .checkbox_item .info {
    width: 100%; }

  .profile_page .buttons_block {
    gap: 15px;
    flex-direction: column; }

  .profile_page .buttons_block a {
    width: 100%;
    text-align: center; }

  .profile_page .buttons_block > * {
    width: 100%; }

  .profile_page .header_content .info {
    border-radius: 0; }

  .profile_page .profile_role_block .your_role .role p {
    font-size: 18px; }

  .modal .button input {
    width: 100%; }

  .modal .button {
    width: 100%; }

  .cart__items_block .shelf__items {
    max-width: 100%; }

  .cart__items_block .order_block {
    max-width: 100%;
    margin-top: 20px; }

  .cart__items_block .shelf_item .title_block p {
    font-size: 14px; }

  .cart_page .cart_block h3 {
    font-size: 16px; }

  .cart_page .cart_block .title {
    margin-bottom: 10px; }

  .cart_page .cart_block p {
    font-size: 14px; }

  .cart_page .cart_block .orange_button a {
    width: 100%;
    text-align: center; }

  .cart_page .cart_block .orange_button {
    width: 100%; }

  .cart__items_block .product {
    flex-wrap: wrap; }

  .cart__items_block .product .image {
    max-width: 40%; }

  .cart__items_block .product .product_info {
    max-width: 58%; }

  .cart__items_block .product .buttons_basket {
    max-width: 100%;
    margin-top: 15px; }

  .catalog .shelf__items .quantity_selector.visible {
    margin: 0; }

  .shelf__items .orange_button a {
    padding: 10px;
    gap: 8px;
    font-size: 12px; }

  .catalog .shelf__items .quantity_selector.visible {
    padding: 10px; }

  .cart__items_block .shelf_item .title_block h4 {
    font-size: 16px; }

  .cart__items_block .order_block .title h3 {
    font-size: 20px; }

  .cart__items_block .basket_title_block h4 {
    font-size: 16px; }

  .cart__items_block .basket_title_block p {
    font-size: 14px; }

  .cart__items_block .basket_amount_result_block {
    flex-wrap: wrap; }

  .cart__items_block .basket_amount_pack {
    width: 100%; }

  .cart__items_block .basket_result_sale {
    justify-content: space-between; }

  .cart__items_block .basket_amount_result {
    justify-content: space-between;
    width: 100%; }

  .cart__items_block .basket_amount_pack {
    width: 100%;
    text-align: right; }

  .cart__items_block .basket_amount_pack p {
    font-size: 14px; }

  .cart__items_block .basket_result_sale .name p {
    font-size: 14px; }

  .cart__items_block .basket_amount_result .name p {
    font-size: 16px; }

  .cart__items_block .basket_address .basket_address_name p {
    font-size: 16px; }

  header .noregis p {
    font-size: 12px;
    display: flex;
    justify-content: center; }

  .order_detail_page .order_block_info {
    max-width: 100%; }

  .order_detail_page .cart__items_block {
    max-width: 100%; }

  .order_page .order_block_info .title {
    padding: 0; }

  .order_detail_page .order_date p {
    padding: 0; }

  .order_page .order_date {
    margin-right: 0;
    margin-top: 15px; }

  .order_detail_page .order_info_block {
    margin-left: 0;
    justify-content: space-between; }

  .order_detail_page .order_general_block .cart__items_block h3 {
    padding-left: 0; }

  .order_detail_page .order_general_block .shelf_item {
    margin-left: 0; }

  .order_block_info h2 {
    font-size: 14px; }

  .order_page .order_status_items .order_status_item p {
    font-size: 10px; }

  .order_detail_page .order_date p {
    font-size: 14px; }

  .order_page .order_date {
    margin-top: 10px; }

  .order_detail_page .order_info_block {
    padding: 20px 12px; }

  .order_page .order_shelf p {
    font-size: 16px; }

  .order_page .order_user p {
    font-size: 14px; }

  .order_page .order_phone p {
    font-size: 14px; }

  .order_detail_page .order_info_block {
    gap: 15px; }

  .order_detail_page .order_general_block .cart__items_block h3 {
    font-size: 16px;
    margin-bottom: 15px; }

  .order_page .order__menu {
    max-width: 100%;
    margin-top: 0;
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    overflow-y: unset;
    margin-top: 20px; }

  .order_page .order_nav_item {
    padding: 10px 30px;
    border-radius: 24px; }

  .order_page .order_nav_item.active {
    background: #F9F0E1; }

  .breadcrumbs_nav .breadcrumbs {
    padding: 0; }

  .order_page .order_block_info .title {
    padding: 0;
    margin-top: 30px; }

  .order_page .order_general_block {
    margin-top: 20px; }

  .order_page .order_block_info {
    max-width: 100%; }

  .order_page .order_nav_item {
    padding: 5px 12px; }

  .order_page .order_item {
    padding: 20px 12px;
    position: relative; }

  .order_page .order_item .order_date {
    margin-top: 0;
    margin-right: 20px; }

  .order_page .order_item .order_number {
    margin-right: 20px; }

  .order_page .order_shelf p {
    font-size: 16px; }

  .order_page .order_name p {
    font-size: 16px; }

  .order_page .order_amount p {
    font-size: 16px; }

  .order_page .order_contacts_block {
    justify-content: space-between;
    margin-top: 20px;
    align-items: unset;
    gap: 20px;
    flex-wrap: wrap; }

  .order_page .order_item .order_button {
    display: flex;
    margin-left: unset;
    width: 50%;
    margin: auto; }

  .order_page .order_button a {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 8px 24px;
    background: var(--orange-color);
    border-radius: 24px;
    border: 1px solid var(--orange-color);
    transition: .3s;
    width: 100%;
    text-align: center; }

  .order_page .order_user p {
    font-size: 16px; }

  .order_page .order_phone p {
    font-size: 16px; }

  .order_page .order_nav_item {
    white-space: nowrap; }

  .order_page .order_nav_item a {
    font-size: 12px; }

  .order_page .order_nav_item {
    padding: 8px 20px; }

  .order_page .order_block_info .title {
    margin-top: 16px; }

  .order_page .order_date p {
    font-size: 12px; }

  .order_page .order_number p {
    font-size: 12px; }

  .order_page .order_item .order_date {
    margin-right: 10px; }

  .order_page .order_item .order_number {
    margin-right: 10px; }

  .order_page .cancel-btn {
    padding: 6px 10px;
    font-size: 12px; }

  .order_page .order_info_block {
    margin-top: 10px; }

  .order_page .order_shelf p {
    font-size: 12px; }

  .order_page .order_name p {
    font-size: 12px; }

  .order_page .order_amount p {
    font-size: 12px; }

  .order_page .order_contacts_block {
    margin-top: 16px; }

  .order_page .order_user p {
    font-size: 12px; }

  .order_page .order_phone p {
    font-size: 12px; }

  .order_page .order_button a {
    font-size: 12px;
    padding: 6px 24px; }

  .order_page .order_item .order_button {
    width: 100%; }

  .order_status_payment .order_status_payment_item p {
    font-size: 10px; }

  .order_history_page .invoice {
    display: flex;
    width: 100%; }

  .order_history_page .invoice svg {
    width: 20px; }

  .order_history_page .invoice a {
    justify-content: center;
    width: 100%;
    border: none;
    padding: 0; }

  .order_page .order_contacts_block {
    gap: 16px; }

  .order_history_page .invoice a span {
    font-size: 12px; }

  .order_history_page .order_status_check .order_status_check_item svg {
    width: 20px; }

  .order_history_page .order_status_check .order_status_check_item p {
    font-size: 12px; }

  .order_history_page .order_status_check .order_status_check_item {
    gap: 6px; }

  .detail_product_block h2 {
    font-size: 18px; }

  .stock p {
    font-size: 14px; }

  .stock {
    margin: 16px 0; }

  .cart__items_block .product .pack {
    margin-bottom: 0; }

  .cart__items_block .product .pack_block {
    display: flex;
    justify-content: space-between;
    align-items: unset;
    flex-direction: column;
    gap: 10px; }

  .detail_product_block .catalog .quantity_selector.visible {
    margin-top: 28px; }

  .cart_page {
    padding-top: 16px; }

  .general_page.catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle {
    max-width: unset; }

  .general_page.catalog_categories .catalog_categories_items .big {
    max-width: unset; }

  .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+1), .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+4) {
    max-width: 54%; }

  .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+2), .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+3) {
    max-width: 43%; }

  .general_page.catalog_categories .catalog_categories_items {
    row-gap: 20px; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 150px;
    padding: 10px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 90px; }

  .dop_btn .modal-body {
    flex-direction: column;
    justify-content: unset;
    gap: 20px; }

  .dop_btn .orange_border a {
    padding: 0;
    gap: 8px;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .dop_btn .orange_button, .dop_btn .orange_border {
    width: 100%; }

  .catalog_filter_price {
    width: 100%; }

  .catalog_general .catalog_items_block .dropdown__block_filter .dropdown {
    padding: 7px 20px; }

  .catalog_general .catalog_items_block .catalog_filter_block .dropdown__block {
    max-width: 48%; }

  .catalog_general .catalog_items_block .catalog_filter_block .dropdown__block_filter {
    width: 48%; }

  .cart_page .cart_block.no_role .info {
    width: 65%; }

  .cart_block.orders_block.no_role .info {
    width: 80%; }

  .profile_page .buttons_block {
    gap: 16px;
    flex-direction: column; }

  .profile_page .buttons_block > * {
    width: 100%;
    max-width: 100%; }

  .profile_page .profile_employee_name {
    display: none; }

  .profile_page .profile_employee {
    border-radius: 0;
    box-shadow: none;
    padding: 0; }

  .profile_page .profile_employee .title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px; }

  .profile_page .profile_employee_item {
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 24px 20px;
    align-items: center;
    flex-wrap: wrap; }
    .profile_page .profile_employee_item .info.status {
      order: 1;
      width: 50%; }
      .profile_page .profile_employee_item .info.status p {
        font-size: 10px; }
    .profile_page .profile_employee_item .profile_employee_button.prof_btn {
      order: 2;
      width: 50%;
      justify-content: end; }
    .profile_page .profile_employee_item .info.fio {
      order: 3;
      width: 66%;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.fio p {
        font-weight: 500; }
    .profile_page .profile_employee_item .accept p {
      width: max-content;
      background: #B3F4A7;
      padding: 4px 8px;
      border-radius: 24px; }
    .profile_page .profile_employee_item .send p {
      width: max-content;
      background: #F9F0E1;
      padding: 4px 8px;
      border-radius: 24px; }
    .profile_page .profile_employee_item .info.phone {
      order: 4;
      width: 30%;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.phone p {
        text-align: right; }
    .profile_page .profile_employee_item .info.mail {
      order: 5;
      width: 100%;
      justify-content: end;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.mail p {
        text-align: right; }

  .profile_page .profile_employee_name .profile_employee_button a, .profile_page .profile_employee_item .profile_employee_button a {
    width: 24px;
    height: 24px; }
    .profile_page .profile_employee_name .profile_employee_button a svg, .profile_page .profile_employee_item .profile_employee_button a svg {
      width: 14px;
      height: 14px; }

  .profile_page .profile_employee_item p {
    font-size: 12px; }

  .employee .change_role_employee {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }

  .profile_page.employee .buttons_block {
    width: 100%; }

  .employee .sub-items .item-title {
    width: 90%; }

  .profile_page .shops_block .title h3 {
    font-size: 16px; }

  .profile_page .shops_block .title_block button {
    font-size: 12px; }

  .employee .item-title {
    font-size: 14px; }

  .employee .sub-items {
    padding-left: 0; }

  .employee .sub-items .item-title {
    font-size: 14px; }

  .employee .sub-items .sub-items {
    padding-left: 0; }

  .employee .sub-items .sub-items .sub-item-title {
    font-size: 14px; }

  #regis .input_item_checkbox .checkbox-item {
    display: flex;
    gap: 12px;
    width: 100%;
    align-items: center; } }
/*@media (min-width: 360px) and (max-width: 479px) {
    .address-selector {
        max-width: 92%;
    }

    .request .requests__items {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        margin-top: 10px;
        flex-direction: column;
    }

    .request .requests__items .request_item p {
        font-size: 12px;
    }

    .request .requests__items .request_item p a {
        font-size: 12px;
    }

    .banner img {
        height: 120px;
    }

    .buttons-slider {
        display: none;
    }

    h2 {
        font-size: 16px;
    }

    .more a {
        font-size: 12px;
    }

    .catalog .catalog__items {
        margin-top: 10px;
    }

    .catalog .catalog__items .swiper-wrapper .swiper-slide {
        width: 49%;
    }

    .catalog .catalog_item {
        padding: 8px 12px;
        border: 1px solid #E0E0E0;
        border-radius: 24px;
    }

    .catalog .catalog__items .swiper-wrapper {
        gap: 12px;
    }

    .catalog .image img {
        height: 105px;
        object-fit: contain;
    }

    .catalog .collection-property {
        height: 30px;
    }

    .catalog .collection-property .collection-sale {
        font-size: 10px;
    }

    .catalog .catalog_item .name a {
        font-size: 12px;
    }

    .catalog .catalog_item .name {
        padding: 0;
        margin-top: 10px;
        height: 33px;
    }

    .catalog .catalog_item .price_block {
        margin-top: 8px;
        padding: 0;
        gap: 12px;
    }

    .catalog .catalog_item .price_block .price p {
        color: var(--black-color);
        font-size: 12px;
    }

    .catalog .catalog_item .price_block .price_old p {
        font-size: 8px;
    }

    .catalog .catalog_item .orange_button {
        margin-top: 8px;
    }

    .orange_button a {
        padding: 6px 10px;
        gap: 8px;
        font-size: 12px;
    }

    .catalog .catalog__items .swiper-wrapper .swiper-slide {
        width: 45%;
    }

    .application .image img {
        height: 152px;
        object-fit: cover;
    }

    .application .button {
        left: unset;
        bottom: 16px;
        right: 16px;
    }

    .application .button a {
        font-size: 10px;
        padding: 4px 8px;
    }

    .catalog_categories .catalog_categories_items {
        gap: 8px;
    }

    .catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle, .catalog_categories .catalog_categories_items .big {
        max-width: 45%;
    }

    .catalog_categories .catalog_categories_items .catalog_category_item {
        height: 189px;
    }

    .catalog_categories .catalog_categories_items h4 {
        font-size: 14px;
    }

    .catalog_categories .catalog_categories_items .image img {
        width: 100px;
    }

    .container {
        padding: 0 16px;
    }
}*/
@media (max-width: 600px) {
  .product-detail .product-pricing .product-card__actions .btn--primary, .product-detail .quantity_selector {
    height: 40px;
    font-size: 14px; } }
@media (max-width: 500px) {
  .products-grid .product-card {
    max-width: 50%; }

  .pagination {
    display: none; }

  .product-pricing__current {
    gap: 16px; }

  .catalog-controls {
    gap: 0; }

  .catalog-controls__filter-toggle {
    width: 50%;
    padding: 0 10px;
    height: 41px; }

  .catalog-controls__sort {
    max-width: 50%;
    padding: 0 10px;
    height: 41px; }

  .employee-section__shop-buttons {
    display: flex;
    gap: 10px;
    margin-top: 24px;
    flex-direction: column; }

  .employee-section__shop-btn--big, .employee-section__shop-btn--small {
    width: 100%; }

  .modal .employee-form__input {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }

  .button-modal {
    min-width: 100%; }

  .cart-state--rejected {
    width: 100%;
    text-align: center; }

  .cart-section .shelf-header__title, .cart-section .shelf-header__count {
    font-size: 14px; }

  .cart-section .min_price p {
    font-size: 12px; }

  .cart-section .min_price {
    width: 100%; }

  .cart-section__address-title {
    font-size: 14px; }

  .mobile_button .icon {
    position: relative;
    width: max-content;
    margin: auto; }

  .cart__items_block {
    gap: 14px; }

  .order .order-card__buttons {
    margin-top: 24px;
    display: flex;
    gap: 10px;
    flex-direction: column-reverse;
    align-items: unset; }

  .cart-section .shelf-item__delete-btn {
    font-size: 12px; }

  .order .order-card__repeat {
    display: flex;
    margin-left: unset; }
    .order .order-card__repeat .order-card__repeat-btn {
      justify-content: center; }

  .order .order-card__header {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 10px; }

  .order .order-card__info, .order .order-card__status {
    width: 100%; }

  .cart-section__current-shelf, .cart-section__block .cart-section__shelf-items {
    margin-left: 0; }

  .cart-section__btn-invoice {
    border: none;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 41px;
    gap: 8px; }

  .cart-section__btn-invoice span {
    font-size: 14px; }

  .employee-form__password-btn {
    margin: 0;
    font-size: 14px;
    padding: 9px;
    height: 40px;
    width: 100%;
    justify-content: center;
    align-items: center; }

  .employee-section__button-link {
    height: 40px;
    padding: 6px 10px;
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }

  .modal-body {
    position: relative;
    flex: unset;
    padding: var(--bs-modal-padding); }

  /*.order .order__list--mobile .order-card__info, .order .order__list--mobile .order-card__status {
      width: unset;
  }*/
  /*.order .order__list--mobile .order-card__header {
      flex-wrap: unset;
      flex-direction: unset;
      gap: unset;
  }*/
  .cart-section__block .cart-section__shelf-items {
    margin-left: 0; }

  .total-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px; }

  .cart-section .total-summary__order {
    width: 100%; }

  .modal .new_foot .modal-body {
    flex-direction: column;
    gap: 20px; }

  .modal .new_foot .modal-body .orange_border, .modal .new_foot .modal-body .orange_button {
    width: 100%; }

  .modal .new_foot .modal-body .orange_border a, .modal .new_foot .modal-body .orange_button a {
    font-size: 14px;
    height: 48px; }

  .order-state .orange_button_cart {
    margin: 30px auto 0; } }
@media (max-width: 440px) {
  .address-selector {
    max-width: 92%; }

  .request .requests__items {
    display: flex;
    align-items: flex-start;
    flex-direction: column; }

  .request .requests__items .request_item p {
    font-size: 12px; }

  .request .requests__items .request_item p a {
    font-size: 12px; }

  /*.banner img {
      height: 120px;
  }*/
  .buttons-slider {
    display: none; }

  /*h2 {
      font-size: 16px;
  }*/
  .more a {
    font-size: 12px; }

  .catalog .catalog__items {
    margin-top: 10px; }

  .catalog .catalog__items .swiper-wrapper .swiper-slide {
    width: 49%; }

  .catalog .catalog_item {
    padding: 8px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 24px; }

  .catalog .catalog__items .swiper-wrapper {
    gap: 12px; }

  .catalog .image img {
    height: 105px;
    object-fit: contain; }

  .catalog .collection-property {
    height: 30px; }

  .catalog .collection-property .collection-sale {
    font-size: 10px; }

  .catalog .catalog_item .name a {
    font-size: 12px; }

  .catalog .catalog_item .name {
    padding: 0;
    margin-top: 10px;
    height: 33px; }

  .catalog .catalog_item .price_block {
    margin-top: 8px;
    padding: 0;
    gap: 12px; }

  .catalog .catalog_item .price_block .price p {
    color: var(--black-color);
    font-size: 12px; }

  .catalog .catalog_item .price_block .price_old p {
    font-size: 8px; }

  .catalog .catalog_item .orange_button {
    margin-top: 8px; }

  .orange_button a {
    padding: 6px 10px;
    gap: 8px;
    font-size: 12px; }

  .catalog .catalog__items .swiper-wrapper .swiper-slide {
    width: 45%; }

  .application .image img {
    height: 152px;
    object-fit: cover; }

  .application .button {
    left: unset;
    bottom: 16px;
    right: 16px; }

  .application .button a {
    font-size: 10px;
    padding: 4px 8px; }

  .catalog_categories .catalog_categories_items {
    gap: 8px; }

  .catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle, .catalog_categories .catalog_categories_items .big {
    max-width: 45%; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 189px; }

  .catalog_categories .catalog_categories_items h4 {
    font-size: 14px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 100px; }

  .container {
    padding: 0 16px; }

  /*.banner img {
      height: 126px;
      object-fit: cover;
  }*/
  .catalog .collection-property .collection-new {
    font-size: 10px;
    width: max-content;
    padding: 0 8px; }

  /*.catalog .quantity_selector.visible {
      padding: 5px 10px;
      gap: 8px;
      font-size: 12px;
      margin-top: 8px;
  }*/
  .catalog .quantity_selector .quantity {
    font-size: 12px; }

  .address-option-text {
    font-size: 14px; }

  .address-option-text:before {
    width: 20px;
    height: 20px; }

  .address-option.selected .address-option-text:before {
    background: url("/local/templates/korovka_new/markup/images/checkbox-on.svg") no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain; }

  .catalog_general .catalog_general_items .catalog_item {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle, .catalog_general .catalog_items_block .dropdown-menu {
    width: 60%; }

  .catalog_general_items.catalog {
    margin-top: 16px;
    gap: 4%;
    row-gap: 20px; }

  /*.catalog .quantity_selector.visible {
      padding: 5px 10px;
      gap: 8px;
      font-size: 12px;
      margin-top: 8px;
  }*/
  .catalog .quantity_selector .quantity {
    font-size: 12px; }

  .breadcrumbs_nav .breadcrumbs {
    display: none; }

  .general_title_back {
    display: block; }

  .catalog_general .catalog_items_block .dropdown-toggle:after {
    width: 36px;
    height: 36px;
    background: url("/images/mob_filter.svg") no-repeat;
    left: 0; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    width: 60%;
    padding: 8px 16px;
    border: none; }

  .catalog_general {
    margin-top: 12px; }

  .detail_product_block .js-swiper-gallery-main .swiper-slide .img-fluid {
    width: 40%; }

  .detail_product_block .product_title {
    margin-bottom: 16px; }

  .detail_product_block .price_block_detail .price p, .detail_product_block .price_block_detail .quantity_block p {
    font-size: 16px; }

  .detail_product_block .nutritional_value {
    margin-top: 16px; }

  .detail_product_block .nutritional_value .name p {
    font-size: 12px; }

  .detail_product_block .nutritional_value .name {
    margin-bottom: 12px; }

  .detail_product_block .nutritional_value .nutritional_value_item .info p {
    font-size: 12px; }

  .detail_product_block .nutritional_value .nutritional_value_item .name p {
    font-size: 12px; }

  .detail_product_block .nutritional_value .nutritional_value__items {
    display: flex;
    gap: unset;
    justify-content: space-between; }

  .detail_product_block .text_detail {
    margin-top: 24px; }

  .detail_product_block .text_detail .title h4 {
    font-size: 14px; }

  .detail_product_block .text_detail .title {
    margin-bottom: 8px; }

  .detail_product_block .text_detail p {
    font-size: 12px; }

  .product_price_block .buttons_basket, .product_price_block .price_block_detail.inactive {
    display: none; }

  .price_block_detail.mobile, .product_price_block .price_block_detail.mobile .buttons_basket {
    display: block; }

  .detail_product_block .buttons_basket, .detail_product_block .price_block_detail.inactive {
    width: 100%; }

  .detail_product_block .price_block_detail .price, .detail_product_block .price_block_detail .quantity_block {
    padding: 0; }

  .detail_product_block .price_block_detail .price p, .detail_product_block .price_block_detail .quantity_block p {
    font-size: 16px; }

  .detail_product_block .orange_button a {
    padding: 10px 10px;
    gap: 8px;
    font-size: 14px; }

  /*.detail_product_block .catalog .quantity_selector.visible {
      padding: 9px 10px;
      gap: 8px;
      font-size: 14px;
      margin-top: 0;
  }*/
  .detail_product_block .catalog .price_block_detail.mobile .orange_button {
    margin-top: 28px; }

  .detail_product_block .js-swiper-gallery-thumbs {
    display: none; }

  .detail_product_block .col-6:nth-child(2) {
    margin-top: 20px; }

  /*.catalog, .catalog_categories {
      margin-top: 20px;
  }*/
  .catalog_categories .catalog_categories_items, .catalog .catalog__items {
    margin-top: 5px; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 179px; }

  .custom-dropdown-header {
    position: relative; }

  .custom-dropdown-header .custom-back-arrow {
    position: absolute;
    left: 0; }

  .catalog_filter_block {
    display: flex;
    justify-content: space-between; }

  .catalog_general .catalog_items_block .dropdown__block {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .dropdown__block_filter {
    width: 100%;
    max-width: 48%;
    flex: 1 0 auto; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    width: 100%;
    padding: 8px;
    border: none; }

  .catalog_general .catalog_items_block .dropdown-toggle:after {
    width: 24px;
    height: 24px;
    background: url("/images/arrow_grey.svg") no-repeat;
    left: unset;
    right: 16px; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #E0E0E0;
    border-radius: 16px; }

  .catalog_general .catalog_items_block .dropdown__block_filter .dropdown-toggle:after {
    display: none; }

  .catalog_general .catalog_items_block .dropdown__block_filter .dropdown-toggle:before {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("/images/filter.svg") no-repeat;
    background-size: contain;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border: none;
    left: 16px;
    top: 50%;
    transform: translateY(-50%); }

  .catalog_general .catalog_items_block .dropdown__block_filter .dropdown-toggle {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    padding-left: 56px; }

  .catalog_general .catalog_items_block .dropdown-toggle, .catalog_general .catalog_items_block .dropdown-menu {
    width: 100%; }

  header .authorized_user .information {
    display: none; }

  .address_selector_block {
    width: 100%; }

  .request .requests__items {
    display: flex;
    align-items: unset;
    flex-direction: column; }

  .request .container {
    padding: 0; }
  .request .requests__items .request_item {
    border-radius: 0; }

  header .noregis p {
    font-size: 12px;
    display: flex;
    justify-content: center;
    width: 90%;
    margin: auto; }

  .address-text {
    flex-grow: 1;
    color: #2d3748;
    font-size: 12px; }

  header .registration span {
    color: var(--black-color);
    font-size: 12px; }

  header .search-container {
    max-width: 100%;
    margin-top: 14px; }

  .profile_page .input_item {
    max-width: 100%; }

  .profile_page .password_block .input_item {
    width: 100%;
    max-width: 68%; }

  .profile_page .notification_block .info {
    width: 100%; }

  .profile_page .input_item label {
    margin-bottom: 8px;
    font-size: 14px; }

  .profile_page .input_item input {
    padding: 10px 14px;
    font-size: 16px; }

  .profile_page .input_item input::placeholder {
    font-size: 16px; }

  .profile_page .password_block {
    align-items: start;
    gap: 15px;
    flex-direction: column; }

  .profile_page .password_block .input_item {
    width: 100%;
    max-width: 100%; }

  .profile_page .password_block .password {
    display: flex;
    margin-bottom: 8px;
    width: 100%; }

  .profile_page .password_block .password a {
    width: 100%;
    text-align: center; }

  .profile_page .checkbox_items .checkbox_item .info {
    width: 100%; }

  .profile_page .header_content .info {
    border-radius: 0; }

  #regis .input_item {
    max-width: 100%; }

  .modal label {
    font-size: 14px; }

  .modal .input_item input {
    padding: 10px 14px;
    font-size: 16px; }
    .modal .input_item input::placeholder {
      font-size: 14px; }

  .modal .input_item textarea {
    padding: 10px 14px;
    font-size: 16px; }
    .modal .input_item textarea::placeholder {
      font-size: 14px; }

  .modal .input_item {
    margin-bottom: 16px; }

  #regis .input_item_checkbox label {
    display: block; }

  .modal .button input {
    width: 100%; }

  .modal .button {
    width: 100%; }

  .profile_page .buttons_block {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }

  .profile_page .buttons_block > * {
    width: 100%; }

  .profile_page .profile_role_block .your_role .name p, .profile_page .profile_role_block .your_role .role p {
    font-size: 16px; }

  .cart__items_block .shelf__items {
    max-width: 100%; }

  .cart__items_block .order_block {
    max-width: 100%;
    margin-top: 20px; }

  .cart__items_block .shelf_item .title_block p {
    font-size: 14px; }

  .cart_page .cart_block h3 {
    font-size: 16px; }

  .cart_page .cart_block .title {
    margin-bottom: 10px; }

  .cart_page .cart_block p {
    font-size: 14px; }

  .cart_page .cart_block .orange_button a {
    width: 100%;
    text-align: center; }

  .cart_page .cart_block .orange_button {
    width: 100%; }

  .cart__items_block .product {
    flex-wrap: wrap; }

  .cart__items_block .product .image {
    max-width: 40%; }

  .cart__items_block .product .product_info {
    max-width: 58%; }

  .cart__items_block .product .buttons_basket {
    max-width: 100%;
    margin-top: 15px; }

  .catalog .shelf__items .quantity_selector.visible {
    margin: 0; }

  .shelf__items .orange_button a {
    padding: 10px;
    gap: 8px;
    font-size: 12px; }

  .catalog .shelf__items .quantity_selector.visible {
    padding: 10px; }

  .cart__items_block .shelf_item .title_block h4 {
    font-size: 16px; }

  .cart__items_block .order_block .title h3 {
    font-size: 20px; }

  .cart__items_block .basket_title_block h4 {
    font-size: 16px; }

  .cart__items_block .basket_title_block p {
    font-size: 14px; }

  .cart__items_block .basket_amount_result_block {
    flex-wrap: wrap; }

  .cart__items_block .basket_amount_pack {
    width: 100%; }

  .cart__items_block .basket_result_sale {
    justify-content: space-between; }

  .cart__items_block .basket_amount_result {
    justify-content: space-between;
    width: 100%; }

  .cart__items_block .basket_amount_pack {
    width: 100%;
    text-align: right; }

  .cart__items_block .basket_amount_pack p {
    font-size: 14px; }

  .cart__items_block .basket_result_sale .name p {
    font-size: 14px; }

  .cart__items_block .basket_amount_result .name p {
    font-size: 16px; }

  .cart__items_block .basket_address .basket_address_name p {
    font-size: 16px; }

  header .noregis p {
    font-size: 12px;
    display: flex;
    justify-content: center; }

  .order_detail_page .order_block_info {
    max-width: 100%; }

  .order_detail_page .cart__items_block {
    max-width: 100%; }

  .order_page .order_block_info .title {
    padding: 0; }

  .order_detail_page .order_date p {
    padding: 0; }

  .order_page .order_date {
    margin-right: 0;
    margin-top: 15px; }

  .order_detail_page .order_info_block {
    margin-left: 0;
    justify-content: space-between; }

  .order_detail_page .order_general_block .cart__items_block h3 {
    padding-left: 0; }

  .order_detail_page .order_general_block .shelf_item {
    margin-left: 0; }

  .order_block_info h2 {
    font-size: 14px; }

  .order_page .order_status_items .order_status_item p {
    font-size: 10px; }

  .order_detail_page .order_date p {
    font-size: 14px; }

  .order_page .order_date {
    margin-top: 10px; }

  .order_detail_page .order_info_block {
    padding: 20px 12px; }

  .order_page .order_shelf p {
    font-size: 16px; }

  .order_page .order_user p {
    font-size: 14px; }

  .order_page .order_phone p {
    font-size: 14px; }

  .order_detail_page .order_info_block {
    gap: 15px; }

  .order_detail_page .order_general_block .cart__items_block h3 {
    font-size: 16px;
    margin-bottom: 15px; }

  .order_page .order__menu {
    max-width: 100%;
    margin-top: 0;
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    overflow-y: unset;
    margin-top: 20px; }

  .order_page .order_nav_item {
    padding: 10px 30px;
    border-radius: 24px; }

  .order_page .order_nav_item.active {
    background: #F9F0E1; }

  .breadcrumbs_nav .breadcrumbs {
    padding: 0; }

  .order_page .order_block_info .title {
    padding: 0;
    margin-top: 30px; }

  .order_page .order_general_block {
    margin-top: 20px; }

  .order_page .order_block_info {
    max-width: 100%; }

  .order_page .order_nav_item {
    padding: 5px 12px; }

  .order_page .order_item {
    padding: 20px 12px;
    position: relative; }

  .order_page .order_item .order_date {
    margin-top: 0;
    margin-right: 20px; }

  .order_page .order_item .order_number {
    margin-right: 20px; }

  .order_page .order_shelf p {
    font-size: 16px; }

  .order_page .order_name p {
    font-size: 16px; }

  .order_page .order_amount p {
    font-size: 16px; }

  .order_page .order_contacts_block {
    justify-content: space-between;
    margin-top: 20px;
    align-items: unset;
    gap: 20px;
    flex-wrap: wrap; }

  .order_page .order_item .order_button {
    display: flex;
    margin-left: unset;
    width: 50%;
    margin: auto; }

  .order_page .order_button a {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 8px 24px;
    background: var(--orange-color);
    border-radius: 24px;
    border: 1px solid var(--orange-color);
    transition: .3s;
    width: 100%;
    text-align: center; }

  .order_page .order_user p {
    font-size: 16px; }

  .order_page .order_phone p {
    font-size: 16px; }

  .order_page .order_nav_item {
    white-space: nowrap; }

  .order_page .order_nav_item a {
    font-size: 12px; }

  .order_page .order_nav_item {
    padding: 8px 20px; }

  .order_page .order_block_info .title {
    margin-top: 16px; }

  .order_page .order_date p {
    font-size: 12px; }

  .order_page .order_number p {
    font-size: 12px; }

  .order_page .order_item .order_date {
    margin-right: 10px; }

  .order_page .order_item .order_number {
    margin-right: 10px; }

  .order_page .cancel-btn {
    padding: 6px 10px;
    font-size: 12px; }

  .order_page .order_info_block {
    margin-top: 10px; }

  .order_page .order_shelf p {
    font-size: 12px; }

  .order_page .order_name p {
    font-size: 12px; }

  .order_page .order_amount p {
    font-size: 12px; }

  .order_page .order_contacts_block {
    margin-top: 16px; }

  .order_page .order_user p {
    font-size: 12px; }

  .order_page .order_phone p {
    font-size: 12px; }

  .order_page .order_button a {
    font-size: 12px;
    padding: 6px 24px; }

  .order_page .order_item .order_button {
    width: 100%; }

  .order_status_payment .order_status_payment_item p {
    font-size: 10px; }

  .order_status_payment .order_status_payment_item p {
    font-size: 10px; }

  .order_history_page .invoice {
    display: flex;
    width: 100%; }

  .order_history_page .invoice svg {
    width: 20px; }

  .order_history_page .invoice a {
    justify-content: center;
    width: 100%;
    border: none;
    padding: 0; }

  .order_page .order_contacts_block {
    gap: 16px; }

  .order_history_page .invoice a span {
    font-size: 12px; }

  .order_history_page .order_status_check .order_status_check_item svg {
    width: 20px; }

  .order_history_page .order_status_check .order_status_check_item p {
    font-size: 12px; }

  .order_history_page .order_status_check .order_status_check_item {
    gap: 6px; }

  .detail_product_block h2 {
    font-size: 18px; }

  .stock p {
    font-size: 14px; }

  .stock {
    margin: 16px 0; }

  .cart__items_block .product .pack {
    margin-bottom: 0; }

  .cart__items_block .product .pack_block {
    display: flex;
    justify-content: space-between;
    align-items: unset;
    flex-direction: column;
    gap: 10px; }

  .detail_product_block .catalog .quantity_selector.visible {
    margin-top: 28px; }

  .order__menu::-webkit-scrollbar {
    display: none; }

  .order_page.order_detail_page .order_block_info .title {
    margin-top: 0; }

  .cart_page {
    padding-top: 16px; }

  .general_page.catalog_categories .catalog_categories_items .small, .catalog_categories .catalog_categories_items .middle {
    max-width: unset; }

  .general_page.catalog_categories .catalog_categories_items .big {
    max-width: unset; }

  .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+1), .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+4) {
    max-width: 51%; }

  .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+2), .catalog_categories .catalog_categories_items .catalog_category_item:nth-child(4n+3) {
    max-width: 46%; }

  .general_page.catalog_categories .catalog_categories_items {
    row-gap: 10px; }

  .catalog_categories .catalog_categories_items .catalog_category_item {
    height: 150px;
    padding: 10px; }

  .catalog_categories .catalog_categories_items .image img {
    width: 90px; }

  .catalog_categories .catalog_categories_items .image {
    bottom: 10px; }

  .dop_btn .modal-body {
    flex-direction: column;
    justify-content: unset;
    gap: 20px; }

  .dop_btn .orange_border a {
    padding: 6px 10px;
    gap: 8px;
    font-size: 12px; }

  .dop_btn .orange_button, .dop_btn .orange_border {
    width: 100%; }

  .catalog_filter_price {
    width: 100%; }

  .catalog_filter_block {
    gap: unset;
    justify-content: space-between; }

  .catalog_general .catalog_items_block .catalog_filter_block .dropdown__block {
    max-width: 48%; }

  .catalog_general .catalog_items_block .catalog_filter_block .dropdown__block_filter {
    max-width: 48%;
    width: 100%;
    flex: unset; }

  .catalog_general .catalog_items_block .dropdown-toggle {
    padding: 9px 16px; }

  .catalog_general .catalog_items_block .dropdown__block_filter .dropdown {
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    padding: 7px 20px; }

  .cart_page .cart_block.no_role .info {
    width: 75%; }

  .profile_page .buttons_block {
    gap: 16px;
    flex-direction: column; }

  .profile_page .buttons_block > * {
    width: 100%;
    max-width: 100%; }

  .profile_page .profile_employee_name {
    display: none; }

  .profile_page .profile_employee {
    border-radius: 0;
    box-shadow: none;
    padding: 0; }

  .profile_page .profile_employee .title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px; }

  .profile_page .profile_employee_item {
    border-radius: 24px;
    box-shadow: 0px 4px 21.1px 0px #00000026;
    padding: 24px 20px;
    align-items: center;
    flex-wrap: wrap; }
    .profile_page .profile_employee_item .info.status {
      order: 1;
      width: 50%; }
      .profile_page .profile_employee_item .info.status p {
        font-size: 10px; }
    .profile_page .profile_employee_item .profile_employee_button.prof_btn {
      order: 2;
      width: 50%;
      justify-content: end; }
    .profile_page .profile_employee_item .info.fio {
      order: 3;
      width: 66%;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.fio p {
        font-weight: 500; }
    .profile_page .profile_employee_item .accept p {
      width: max-content;
      background: #B3F4A7;
      padding: 4px 8px;
      border-radius: 24px; }
    .profile_page .profile_employee_item .send p {
      width: max-content;
      background: #F9F0E1;
      padding: 4px 8px;
      border-radius: 24px; }
    .profile_page .profile_employee_item .info.phone {
      order: 4;
      width: 30%;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.phone p {
        text-align: right; }
    .profile_page .profile_employee_item .info.mail {
      order: 5;
      width: 100%;
      justify-content: end;
      margin-top: 16px; }
      .profile_page .profile_employee_item .info.mail p {
        text-align: right; }

  .profile_page .profile_employee_name .profile_employee_button a, .profile_page .profile_employee_item .profile_employee_button a {
    width: 24px;
    height: 24px; }
    .profile_page .profile_employee_name .profile_employee_button a svg, .profile_page .profile_employee_item .profile_employee_button a svg {
      width: 14px;
      height: 14px; }

  .profile_page .profile_employee_item p {
    font-size: 12px; }

  .employee .change_role_employee {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto; }

  .profile_page.employee .buttons_block {
    width: 100%; }

  .employee .sub-items .item-title {
    width: 90%; }

  .profile_page .shops_block .title h3 {
    font-size: 16px; }

  .profile_page .shops_block .title_block button {
    font-size: 12px; }

  .employee .item-title {
    font-size: 14px; }

  .employee .sub-items {
    padding-left: 0; }

  .employee .sub-items .item-title {
    font-size: 14px; }

  .employee .sub-items .sub-items {
    padding-left: 0; }

  .employee .sub-items .sub-items .sub-item-title {
    font-size: 14px; }

  #regis .input_item_checkbox .checkbox-item {
    display: flex;
    gap: 12px;
    width: 100%;
    align-items: center; }

  .dop_btn .orange_border a {
    padding: 0;
    gap: 8px;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .product-detail .product-pricing .product-card__actions .btn--primary, .product-detail .quantity_selector {
    height: 40px;
    font-size: 14px; } }

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