@charset "UTF-8";._button_ni4mo_1 {
  margin-top: 10px;
  padding: 8px 20px;
  border: none;
  border-radius: 12px;
  background-color: #00b86c;
  color: white;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(0, 184, 108, 0.3);
  transition: transform 0.2s, background 0.2s;
}

._button_ni4mo_1:hover {
  background-color: #00a35f;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 184, 108, 0.4);
}._orderCard_ss9zx_1 {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 15px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
._orderCard_ss9zx_1 ._header_ss9zx_9 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 10px;
}
@media (max-width: 600px) {
  ._orderCard_ss9zx_1 ._header_ss9zx_9 {
    flex-direction: column;
  }
}
._orderCard_ss9zx_1 ._header_ss9zx_9 ._address_ss9zx_21 {
  margin: 0;
  font-size: 1rem;
  color: #333;
}
._orderCard_ss9zx_1 ._header_ss9zx_9 ._orderNumber_ss9zx_26 {
  font-weight: bold;
  font-size: 0.9rem;
  color: #555;
}
._orderCard_ss9zx_1 ._header_ss9zx_9 ._date_ss9zx_31 {
  color: #666;
  font-size: 0.85rem;
  white-space: nowrap;
}
._orderCard_ss9zx_1 ._itemsList_ss9zx_36 {
  border-top: 1px solid #eee;
  padding-top: 10px;
}
._orderCard_ss9zx_1 ._productRow_ss9zx_40 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(102, 102, 102, 0.5);
  gap: 15px;
}
@media (max-width: 600px) {
  ._orderCard_ss9zx_1 ._productRow_ss9zx_40 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
._orderCard_ss9zx_1 ._productRow_ss9zx_40:last-child {
  border-bottom: none;
}
._orderCard_ss9zx_1 ._productRowItem_ss9zx_58 {
  display: flex;
  flex-basis: 400px;
  justify-content: end;
}
@media (max-width: 600px) {
  ._orderCard_ss9zx_1 ._productRowItem_ss9zx_58 {
    width: 100%;
    justify-content: space-between;
    text-align: start;
    align-items: baseline;
    flex-basis: inherit;
  }
}
._orderCard_ss9zx_1 ._productInfo_ss9zx_72 {
  flex: 1;
}
._orderCard_ss9zx_1 ._productName_ss9zx_75 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  color: #1a1a1a;
}
._orderCard_ss9zx_1 ._productSku_ss9zx_81 {
  margin-top: 5px;
  color: #737373;
}
._orderCard_ss9zx_1 ._pricePerOne_ss9zx_85 {
  flex-basis: 150px;
  color: #737373;
  text-align: right;
  font-size: 14px;
}
@media (max-width: 600px) {
  ._orderCard_ss9zx_1 ._pricePerOne_ss9zx_85 {
    text-align: left;
  }
}
._orderCard_ss9zx_1 ._quantity_ss9zx_96 {
  text-align: right;
  flex-basis: 100px;
}
._orderCard_ss9zx_1 ._controlsWrapper_ss9zx_100 {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 600px) {
  ._orderCard_ss9zx_1 ._controlsWrapper_ss9zx_100 {
    width: 100%;
    justify-content: space-between;
    border-top: 1px dashed #eee;
    padding-top: 8px;
  }
}
._orderCard_ss9zx_1 ._counter_ss9zx_113 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._orderCard_ss9zx_1 ._counter_ss9zx_113 button {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
}
._orderCard_ss9zx_1 ._counter_ss9zx_113 button:hover {
  background: #f0f0f0;
}
._orderCard_ss9zx_1 ._counter_ss9zx_113 ._quantity_ss9zx_96 {
  font-weight: bold;
  min-width: 25px;
  text-align: center;
}
._orderCard_ss9zx_1 ._rowTotal_ss9zx_137 {
  min-width: 80px;
  flex-basis: 120px;
  text-align: right;
  font-weight: 600;
}
._orderCard_ss9zx_1 ._footer_ss9zx_143 {
  border-top: 1px dotted #ccc;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
}
@media (max-width: 600px) {
  ._orderCard_ss9zx_1 ._footer_ss9zx_143 {
    align-items: flex-start;
  }
}
._orderCard_ss9zx_1 ._footer_ss9zx_143 ._statusBlock_ss9zx_157 ._editable_ss9zx_157 {
  color: #27ae60;
  font-size: 12px;
  font-weight: 600;
}
._orderCard_ss9zx_1 ._footer_ss9zx_143 ._statusBlock_ss9zx_157 ._statusText_ss9zx_162 {
  color: #888;
  font-size: 12px;
}
._orderCard_ss9zx_1 ._footer_ss9zx_143 ._statusBlock_ss9zx_157 ._userName_ss9zx_166 {
  font-size: 13px;
  color: #333;
  margin-top: 4px;
}
._orderCard_ss9zx_1 ._footer_ss9zx_143 ._finalPrice_ss9zx_171 {
  font-size: 1.1rem;
}
._orderCard_ss9zx_1 ._footer_ss9zx_143 ._finalPrice_ss9zx_171 strong {
  color: #000;
}._container_169ot_1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

._list_169ot_7 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._empty_169ot_13 {
  text-align: center;
  padding: 40px;
  color: #888;
  background: #f9f9f9;
  border-radius: 8px;
}

._pagination_169ot_21 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  padding: 20px 0;
}
@media (max-width: 480px) {
  ._pagination_169ot_21 {
    justify-content: space-between;
    gap: 10px;
  }
}

._pageInfo_169ot_36 {
  font-size: 0.95rem;
  color: #333;
}
._pageInfo_169ot_36 strong {
  color: #007bff;
}

._pageBtn_169ot_44 {
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}
._pageBtn_169ot_44:hover:not(:disabled) {
  border-color: #007bff;
  color: #007bff;
  background: #f0f7ff;
}
._pageBtn_169ot_44:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f5f5f5;
}
@media (max-width: 480px) {
  ._pageBtn_169ot_44 {
    flex: 1;
    text-align: center;
  }
}._groupCard_17anh_1 {
  max-width: 1200px;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  margin: 15px auto;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
._groupCard_17anh_1 ._address_17anh_10 {
  color: #333;
  margin-bottom: 15px;
  font-size: 1.1rem;
}
._groupCard_17anh_1 ._footer_17anh_15 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 2px solid #f0f0f0;
}
@media (max-width: 600px) {
  ._groupCard_17anh_1 ._footer_17anh_15 {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
}
._groupCard_17anh_1 ._totalInfo_17anh_30 span {
  color: #666;
  margin-right: 8px;
}
._groupCard_17anh_1 ._totalInfo_17anh_30 strong {
  font-size: 1.3rem;
}
._groupCard_17anh_1 ._orderBtn_17anh_37 {
  padding: 10px 20px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s;
}
._groupCard_17anh_1 ._orderBtn_17anh_37:hover {
  background: #0056b3;
}
@media (max-width: 600px) {
  ._groupCard_17anh_1 ._orderBtn_17anh_37 {
    width: 100%;
  }
}

._btn__group_17anh_56 {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
@media (max-width: 600px) {
  ._btn__group_17anh_56 {
    width: 100%;
  }
}
@media (max-width: 450px) {
  ._btn__group_17anh_56 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
._btn__group__delete_17anh_72 {
  border-radius: 6px;
  display: flex;
  color: #333;
  justify-content: center;
}._item_1v2vj_1 {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  gap: 15px;
}
@media (max-width: 600px) {
  ._item_1v2vj_1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
._item_1v2vj_1 ._info_1v2vj_15 {
  flex: 1;
}
._item_1v2vj_1 ._info_1v2vj_15 ._name_1v2vj_18 {
  display: block;
  margin-bottom: 4px;
}
._item_1v2vj_1 ._info_1v2vj_15 ._pricePerOne_1v2vj_22 {
  font-size: 0.85rem;
  color: #666;
}
._item_1v2vj_1 ._controls_1v2vj_26 {
  display: flex;
  flex-basis: 35%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 600px) {
  ._item_1v2vj_1 ._controls_1v2vj_26 {
    width: 100%;
  }
}
._item_1v2vj_1 ._controls_1v2vj_26 button {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
}
._item_1v2vj_1 ._controls_1v2vj_26 button:hover {
  background: #f5f5f5;
}
._item_1v2vj_1 ._controls_1v2vj_26 ._quantity_1v2vj_49 {
  font-weight: bold;
  min-width: 24px;
  text-align: center;
}
._item_1v2vj_1 ._totalItemPrice_1v2vj_54 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100px;
  text-align: right;
  font-weight: bold;
}
@media (max-width: 600px) {
  ._item_1v2vj_1 ._totalItemPrice_1v2vj_54 {
    font-size: 18px;
    width: 40%;
    text-align: right;
    border-top: 1px dashed #eee;
  }
}
@media (max-width: 450px) {
  ._item_1v2vj_1 ._totalItemPrice_1v2vj_54 {
    width: 100%;
  }
}
._quantity_1s2wz_2 {
  display: inline-flex;
  align-items: center;
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  justify-content: space-between;
}
._quantity__button_1s2wz_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background-color: transparent;
  color: #00b86c;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
}
._quantity__button_1s2wz_12:hover:not(:disabled) {
  background-color: rgba(0, 184, 108, 0.1);
}
._quantity__button_1s2wz_12:active:not(:disabled) {
  background-color: rgba(0, 184, 108, 0.2);
}
._quantity__button_1s2wz_12:disabled {
  color: #333, 50%;
  cursor: not-allowed;
  background-color: #f5f5f5;
}
._quantity__value_1s2wz_37 {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Красный текст, если ввели больше лимита */
._text_danger_1s2wz_47 {
  color: #e74c3c !important;
  font-weight: bold;
}

/* Анимация тряски (shake), если лимит превышен */
._quantity_error_1s2wz_53 {
  animation: _shake_1s2wz_1 0.3s ease-in-out;
}

@keyframes _shake_1s2wz_1 {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(2px);
  }
}
/* Защита от системных стрелок в хроме/сафари */
._quantity__input_1s2wz_69::-webkit-outer-spin-button,
._quantity__input_1s2wz_69::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._quantityWrapper_1s2wz_75 {
  position: relative; /* Чтобы тултип позиционировался относительно обертки */
  display: inline-block;
}

._tooltip_1s2wz_80 {
  position: absolute;
  bottom: 90%; /* Над компонентом */
  left: 50%;
  transform: translateX(-50%);
  background: #00b86c;
  color: #fff;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  letter-spacing: 0.6px;
  word-wrap: nowrap;
  z-index: 10;
  animation: _fadeIn_1s2wz_1 0.3s;
}

@media (max-width: 500px) {
  ._tooltip_1s2wz_80 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 120px;
    max-width: 90vw;
    white-space: normal;
    word-wrap: break-word;
  }
}
/* Стрелочка вниз */
._tooltip_1s2wz_80::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00b86c transparent transparent transparent;
}

@keyframes _fadeIn_1s2wz_1 {
  from {
    opacity: 0;
    transform: translate(-50%, 10px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}._toastContainer_1tlpv_1 {
  position: fixed;
  z-index: 9999;
}

._toastContent_1tlpv_6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 600px) {
  ._toastContainer_1tlpv_1 ._MuiSnackbarContent-root_1tlpv_14 {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-width: none;
  }
}
._success_1tlpv_21 {
  background-color: #4caf50 !important;
  color: white !important;
}

._error_1tlpv_26 {
  background-color: #f44336 !important;
  color: white !important;
}

._info_1tlpv_31 {
  background-color: #2196f3 !important;
  color: white !important;
}

._warning_1tlpv_36 {
  background-color: #ff9800 !important;
  color: white !important;
}/* По умолчанию (на мобильных устройствах) */
.mobile-only {
  display: block;
  width: 100%;
  max-width: 280px;
}

.desktop-only {
  display: none; /* скрываем десктопную версию на телефонах */
}

/* На экранах от 768px и шире (планшеты и ПК) */
@media (min-width: 768px) {
  .mobile-only {
    display: none; /* скрываем мобильный SVG со стрелкой */
  }
  
  .desktop-only {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* Базовые стили для десктопной кнопки и текста, чтобы они выглядели красиво без Tailwind */
.cart-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  margin: 0 auto;
  min-height: 60vh;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.desktop-icon-wrapper {
  width: 96px;
  height: 96px;
  margin-bottom: 24px;
}

.desktop-title {
  font-family: system-ui, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #111827;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.desktop-subtitle {
  font-family: system-ui, sans-serif;
  font-size: 16px;
  color: #6B7280;
  margin-bottom: 32px;
  max-width: 380px;
}

.desktop-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;
  background-color: #00b86c;
  border-radius: 12px;
  transition: background-color 0.2s, transform 0.1s;
  box-shadow: 0 4px 6px -1px rgba(0, 184, 108, 0.1);
}

.desktop-btn:hover {
  background-color: #009658;
}

.desktop-btn:active {
  transform: scale(0.98);
}
._breadcrumbs_uzjc4_1 {
  padding: 10px;
  background: #f5f5f5;
  border-radius: 4px;
}
._breadcrumbs__link_uzjc4_6 {
  font-size: 12px;
  opacity: 0.5;
}
._breadcrumbs__span_uzjc4_10 {
  font-size: 12px;
  margin: 0 8px;
  opacity: 0.5;
}._aside_y5734_1 {
  background: white;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  flex-basis: 31%;
}
@media (max-width: 1250px) {
  ._aside_y5734_1 {
    display: none;
  }
}
._aside__title_y5734_13 {
  font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px;
  border-bottom: #dedede 1px solid;
}
._aside__box_y5734_21 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  border: #e0e0e0 1px solid;
}
._aside__list_y5734_28 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
._aside__list__title_y5734_33 {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 5px 20px 5px;
  border-bottom: #dedede 1px solid;
}
._aside__list__item_y5734_39 {
  padding: 5px 5px 5px 30px;
  transition: all 0.2s;
}
._aside__list__item_y5734_39:not(._active_y5734_43):hover {
  background: #D8D8D0;
}
._aside__list__button_y5734_46 {
  width: 100%;
  height: 100%;
  text-align: left;
}

._active_y5734_43 {
  background: #00b86c;
  color: white;
  box-shadow: 0 4px 12px rgba(0, 184, 108, 0.2);
}
._viewSwitchers_1bta0_2 {
  display: flex;
  gap: 4px;
  background: #f4f4f4;
  padding: 4px;
  border-radius: 6px;
}
._viewSwitchers_1bta0_2 button {
  border: none;
  background: transparent;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
._viewSwitchers_1bta0_2 button:hover {
  background: #e0e0e0;
}
._viewSwitchers_1bta0_2 button._active_1bta0_23 {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #00a651;
}

._b2bGridTable_1bta0_29 {
  display: -ms-grid;
  display: grid;
  width: 100%;
}

._tableHeaderTitle_1bta0_34 {
  text-align: center;
}

._line_1bta0_38 {
  height: 1px;
  background-color: black;
}

/* Общая настройка колонок для шапки и строк */
._tableHeader_1bta0_34 { /* Класс внутри ProductCard */
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 12px 1fr 12px 1.5fr 12px 0.5fr 12px 120px;
  grid-template-columns: 80px 1fr 1.5fr 0.5fr 120px;
  gap: 12px;
  align-items: center;
  padding: 10px;
  text-align: center;
}
@media (max-width: 850px) {
  ._tableHeader_1bta0_34 {
    display: none;
  }
}

._tableHeader_1bta0_34 {
  font-weight: bold;
  border-bottom: 2px solid #eee;
  background: #f9f9f9;
}

._tableBody_1bta0_64 {
  display: flex;
  flex-direction: column;
  z-index: 0;
}

._gridWrapper_1bta0_70 {
  min-height: 500px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 768.99px) {
  ._gridWrapper_1bta0_70 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 568.99px) {
  ._gridWrapper_1bta0_70 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

._b2bTable_1bta0_87 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._b2bTable_1bta0_87 thead {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  background: #f8f9fa;
  z-index: 9;
}
._b2bTable_1bta0_87 thead th {
  text-align: left;
  padding: 12px;
  border-bottom: 2px solid #dee2e6;
  color: #6c757d;
  font-weight: 600;
  white-space: nowrap;
}

/* Добавьте это в конец файла */
/* Общие стили для анимации shimmer */
._skeleton__block_1bta0_109 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_1bta0_1 1.5s infinite;
  border-radius: 4px;
}

@keyframes _shimmer_1bta0_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
/* Класс для скелетона-карточки, чтобы он занимал то же место */
._card_1bta0_125._skeleton_1bta0_109 {
  /* Убедитесь, что высота или min-height совпадают с обычной карточкой */
  display: flex;
  /* Если у вас есть фиксированная высота карточки, раскомментируйте строку ниже и подставьте значение */
  /* height: 400px; */
}

/* Класс для скелетона-строки таблицы (если используете viewMode="table") */
._tableRow_1bta0_133._skeleton_1bta0_109 {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
._batteryParams_1f6qp_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto 16px auto 16px auto;
  grid-template-rows: repeat(3, auto);
  gap: 16px 12px;
  align-items: start;
  max-width: 450px;
  width: 100%;
}
._batteryParams_1f6qp_2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
._batteryParams_1f6qp_2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
._batteryParams_1f6qp_2 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
._batteryParams_1f6qp_2 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
._batteryParams_1f6qp_2 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
._batteryParams_1f6qp_2 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
._batteryParams_1f6qp_2 > *:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
._batteryParams_1f6qp_2 > *:nth-child(8) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
._batteryParams_1f6qp_2 > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
._batteryParams__item_1f6qp_11 {
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 1.3;
}
._batteryParams__item_1f6qp_11:nth-child(-n+6) {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 8px;
}
._batteryParams__item--terminal_1f6qp_21 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  text-align: center;
}
._batteryParams__item--dimensions_1f6qp_25 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  text-align: length;
}
@media (max-width: 480px) {
  ._batteryParams__item--terminal_1f6qp_21 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    text-align: center;
    padding-bottom: 8px;
  }
  ._batteryParams__item--dimensions_1f6qp_25 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    text-align: length;
    padding-top: 4px;
  }
}
._batteryParams__value_1f6qp_41 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
._batteryParams__unit_1f6qp_46 {
  font-size: 14px;
  color: #333;
}
._batteryParams__type_1f6qp_50 {
  font-size: 14px;
  color: #333;
  text-transform: capitalize;
}
._batteryParams__terminal_1f6qp_55 {
  font-size: 13px;
  font-weight: 500;
  color: #222;
  display: block;
}
._batteryParams__dimensions_1f6qp_61 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.5px;
}
._batteryParams__dimensionsHint_1f6qp_67 {
  font-size: 11px;
  color: #999;
  margin-top: 2px;
}

._row_1f6qp_73 {
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  /* Важно: те же пропорции, что и в заголовке */
  -ms-grid-columns: 70px 16px 2.5fr 16px 3.5fr 16px 1fr 16px 1fr;
  grid-template-columns: 70px 2.5fr 3.5fr 1fr 1fr;
  gap: 16px;
  align-items: center;
  padding: 12px 16px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}

._row_1f6qp_73:hover {
  background-color: #f9f9f9;
}

/* Специфичные стили для ячеек */
._image_1f6qp_92 {
  display: flex;
  height: 100%;
  object-fit: contain;
  justify-content: center;
}

._nameCol_1f6qp_99 {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 4px;
}

._card__title_1f6qp_106 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  word-break: keep-all;
}

._card__list__span_1f6qp_113 {
  text-align: end;
}

._articul_1f6qp_117 {
  font-size: 12px;
  color: #888;
}

._price_1f6qp_122 {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

._null__stock_1f6qp_129 {
  opacity: 0.4;
}

/* Мобильная адаптация через grid-area */
@media (max-width: 900px) {
  ._row_1f6qp_73 {
    -ms-grid-columns: 80px 8px 1fr 8px 1fr;
    grid-template-columns: 80px 1fr 1fr;
    -ms-grid-rows: auto 8px auto 8px auto 8px auto;
        grid-template-areas: "name name name" "img char char" "img price price" "order order order";
    gap: 8px;
  }
  ._image_1f6qp_92 {
    grid-area: img;
  }
  ._nameCol_1f6qp_99 {
    grid-area: name;
  }
  ._batteryParams_1f6qp_2 {
    grid-area: char;
  }
  ._price_1f6qp_122 {
    grid-area: price;
  }
  ._order_1f6qp_152 {
    grid-area: order;
    text-align: center;
    font-size: 14px;
  }
}
@media (max-width: 420px) {
  ._row_1f6qp_73 {
    -ms-grid-columns: 70px 8px 1fr 8px 1fr;
    grid-template-columns: 70px 1fr 1fr;
    -ms-grid-rows: auto 8px auto 8px auto 8px auto;
        grid-template-areas: "name name name" "img char char" "img price price" "order order order";
    gap: 8px;
  }
  ._image_1f6qp_92 {
    grid-area: img;
    height: 100%;
  }
  ._nameCol_1f6qp_99 {
    grid-area: name;
  }
  ._batteryParams_1f6qp_2 {
    grid-area: char;
  }
  ._price_1f6qp_122 {
    text-align: end;
    grid-area: price;
  }
  ._order_1f6qp_152 {
    grid-area: order;
    text-align: center;
    font-size: 14px;
  }
  ._image_1f6qp_92 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  ._nameCol_1f6qp_99 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  ._batteryParams_1f6qp_2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._price_1f6qp_122 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._order_1f6qp_152 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}
@media (max-width: 900px){
  ._image_1f6qp_92 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  ._nameCol_1f6qp_99 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  ._batteryParams_1f6qp_2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._price_1f6qp_122 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._order_1f6qp_152 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  ._image_1f6qp_92 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  ._nameCol_1f6qp_99 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  ._batteryParams_1f6qp_2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._price_1f6qp_122 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._order_1f6qp_152 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}
@media (max-width: 420px){
  ._image_1f6qp_92 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  ._nameCol_1f6qp_99 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  ._batteryParams_1f6qp_2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._price_1f6qp_122 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  ._order_1f6qp_152 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}
._card_1f6qp_106 {
  position: relative;
  z-index: 0;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  transition: transform 0.2s, box-shadow 0.2s;
}
._card_1f6qp_106:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
._card_1f6qp_106 ._imageBox_1f6qp_199 {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
._card_1f6qp_106 ._imageBox_1f6qp_199 img {
  max-height: 100%;
  object-fit: contain;
}
._card_1f6qp_106 ._info_1f6qp_210 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
._card_1f6qp_106 ._info_1f6qp_210 h3 {
  font-size: 16px;
  margin: 0 0 8px 0;
  height: 40px;
  overflow: hidden;
}
._card_1f6qp_106 ._info_1f6qp_210 ._gridPrice_1f6qp_221 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #00a651;
}
._card_1f6qp_106 ._info_1f6qp_210 ._specs_1f6qp_227 {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
  font-size: 13px;
  color: #666;
  flex-grow: 1;
}
._card_1f6qp_106 ._info_1f6qp_210 ._specs_1f6qp_227 li {
  padding: 4px 0;
  border-bottom: 1px dashed #eee;
  display: flex;
  justify-content: space-between;
}._box_1v3rw_1 {
  position: relative;
  width: 100%;
  height: 100%;
}

._image_1v3rw_7 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
}/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-slides-offset-before);
              margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      -webkit-margin-end: var(--swiper-slides-offset-after);
              margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-slides-offset-before);
              margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      -webkit-margin-after: var(--swiper-slides-offset-after);
              margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      -ms-scroll-snap-type: none;
          scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-centered-offset-before);
              margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-centered-offset-before);
              margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;-ms-scroll-chaining:var(--yarl__controller_overscroll_behavior,contain);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}
/* Контейнер навигации */
._nav_wrapper_1y4pr_3 {
  display: none;
}

@media (max-width: 1250px) {
  ._nav_wrapper_1y4pr_3 {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    background: #f9f9f9;
    /* Легкий фон, чтобы отделить от списка товаров */
    border-top: 1px solid #eee;
    margin-top: 20px;
    text-align: center;
  }
}
@media (max-width: 1250px) and (max-width: 600px) {
  ._nav_wrapper_1y4pr_3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 70px;
    grid-template-rows: 70px;
    gap: 10px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    align-items: center;
    padding-bottom: 15px;
  }
  ._nav_wrapper_1y4pr_3 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  ._nav_wrapper_1y4pr_3 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1250px) {
  /* Общий стиль кнопок */
  ._nav_btn_1y4pr_34,
  ._nav_btn_next_1y4pr_35 {
    flex: 1;
    /* Кнопки делят пространство поровну */
    display: flex;
    align-items: center;
    padding: 4px 16px;
    background: #ffffff;
    border: 1.5px solid #00b86c;
    /* Твой основной цвет */
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    min-height: 16px;
  }
  /* Эффект при нажатии */
  ._nav_btn_1y4pr_34:active,
  ._nav_btn_next_1y4pr_35:active {
    background: #f0fff8;
    transform: translateY(1px);
  }
  /* Контейнер для текста внутри кнопки */
  ._btn_text_1y4pr_57 {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 0 8px;
    overflow: hidden;
    /* Чтобы длинные названия не ломали кнопку */
  }
  ._nav_btn_next_1y4pr_35 ._btn_text_1y4pr_57 {
    text-align: right;
  }
  /* Подпись "Назад / Далее" */
  ._label_1y4pr_69 {
    font-size: 11px;
    text-transform: uppercase;
    color: #00b86c;
    /* Твой цвет для акцента */
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  /* Название следующей/предыдущей линии */
  ._name_1y4pr_78 {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
  }
  /* Стрелочки */
  ._arrow_1y4pr_86 {
    font-size: 20px;
    color: #00b86c;
    font-weight: bold;
  }
  /* Пустой блок для сохранения отступа, если кнопки «Назад» нет */
  ._empty_spacer_1y4pr_92 {
    flex: 1;
  }
  /* Метка "Производитель" */
  ._brand_label_1y4pr_96 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
  }
  /* Стилизация выпадающего списка */
  ._brand_select_1y4pr_103 {
    width: 100%;
    max-width: 250px;
    padding: 10px 16px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border: 2px solid #00b86c;
    /* Твой основной цвет */
    border-radius: 8px;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    /* Убираем стандартную стрелку (опционально) */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org' viewBox='0 0 24 24' fill='none' stroke='%2300b86c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
  }
  /* Состояние при фокусе или наведении */
  ._brand_select_1y4pr_103:hover {
    border-color: #008f54;
    /* Чуть темнее при наведении */
  }
  ._brand_select_1y4pr_103:focus {
    box-shadow: 0 0 0 3px rgba(0, 184, 108, 0.2);
    border-color: #00b86c;
  }
  /* Стилизация опций (работает не во всех браузерах одинаково) */
  ._brand_select_1y4pr_103 option {
    padding: 10px;
    background-color: #fff;
  }
}
@media (max-width: 1250px) and (max-width: 600px) {
  ._nav_btn_1y4pr_34 {
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 2;
    grid-row: 2/2;
  }
  ._nav_btn_next_1y4pr_35 {
    -ms-grid-column: 2;
    grid-column: 2/2;
    -ms-grid-row: 2;
    grid-row: 2/2;
  }
  ._brand_selector_container_1y4pr_148 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
/* brandselector.module.scss */
@font-face{
  font-family: sans-serif;
  font-style: italic;
  font-weight: 300;
  src: local("Helvetica Neue Light Italic"),local(HelveticaNeue-LightItalic),local("Helvetica Light Oblique"),local(Helvetica-LightOblique);
}
@font-face{
  font-family: sans-serif;
  font-style: italic;
  font-weight: 400;
  src: local("Helvetica Neue Italic"),local(HelveticaNeue-Italic),local("Helvetica Oblique"),local(Helvetica-Oblique);
}
@font-face{
  font-family: sans-serif;
  font-style: italic;
  font-weight: 700;
  src: local("Helvetica Neue Bold Italic"),local(HelveticaNeue-BoldItalic),local("Helvetica Bold Oblique"),local(Helvetica-BoldOblique);
}
@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: 300;
  src: local("Helvetica Neue Light"),local(HelveticaNeue-Light),local("Helvetica Light"),local(Helvetica-Light);
}
@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local(HelveticaNeue),local(Helvetica);
}
@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue Bold"),local(HelveticaNeue-Bold),local("Helvetica Bold"),local(Helvetica-Bold);
}
@media (max-width: 600px) {
  ._brand_selector_container_2n8e0_4 {
    display: flex;
    flex-direction: column;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 1;
    grid-row: 1/1;
    align-items: center;
    gap: 8px;
    text-align: center;
    font-family: sans-serif;
    min-width: 100%;
  }
  ._brand_label_2n8e0_15 {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
  /* Кастомные стили для react-select через префикс "custom-select" */
  .custom-select__control {
    border: 2px solid #00b86c !important;
    border-radius: 8px !important;
    min-width: 250px;
    cursor: pointer;
    box-shadow: none !important;
  }
  .custom-select__control:hover {
    border-color: #008f54 !important;
  }
  .css-b62m3t-container {
    min-width: 100%;
    text-align: center;
  }
  .custom-select__control--is-focused {
    box-shadow: 0 0 0 3px rgba(0, 184, 108, 0.2) !important;
  }
  .custom-select__menu {
    border-radius: 8px !important;
    overflow: hidden;
  }
  .custom-select__option {
    cursor: pointer !important;
    transition: background-color 0.2s;
    /* Состояние при наведении (фокусе клавиатурой) */
  }
  .custom-select__option--is-focused {
    background-color: rgba(0, 184, 108, 0.1) !important;
    color: #333 !important;
  }
  .custom-select__option {
    /* Выбранный элемент */
  }
  .custom-select__option--is-selected {
    background-color: #00b86c !important;
    color: white !important;
  }
  .custom-select__option:active {
    background-color: #00b86c !important;
  }
  .custom-select__indicator-separator {
    display: none;
  }
  .custom-select__dropdown-indicator {
    color: #00b86c !important;
  }
  .custom-select__dropdown-indicator:hover {
    color: #008f54 !important;
  }
}
@font-face{
  font-family: sans-serif;
  font-style: italic;
  font-weight: 300;
  src: local("Helvetica Neue Light Italic"),local(HelveticaNeue-LightItalic),local("Helvetica Light Oblique"),local(Helvetica-LightOblique);
}
@font-face{
  font-family: sans-serif;
  font-style: italic;
  font-weight: 400;
  src: local("Helvetica Neue Italic"),local(HelveticaNeue-Italic),local("Helvetica Oblique"),local(Helvetica-Oblique);
}
@font-face{
  font-family: sans-serif;
  font-style: italic;
  font-weight: 700;
  src: local("Helvetica Neue Bold Italic"),local(HelveticaNeue-BoldItalic),local("Helvetica Bold Oblique"),local(Helvetica-BoldOblique);
}
@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: 300;
  src: local("Helvetica Neue Light"),local(HelveticaNeue-Light),local("Helvetica Light"),local(Helvetica-Light);
}
@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local(HelveticaNeue),local(Helvetica);
}
@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue Bold"),local(HelveticaNeue-Bold),local("Helvetica Bold"),local(Helvetica-Bold);
}
._category_selector_container_1l40k_2 {
  display: none; /* Скрыт по умолчанию (десктоп) */
}

@media (max-width: 498px) {
  ._category_selector_container_1l40k_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-family: sans-serif;
    min-width: 100%;
  }
  ._category_label_1l40k_15 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }
}
/* Общие стили для react-select (можно вынести в общий файл, если нужно) */
.custom-select__control {
  border: 2px solid #00b86c !important;
  border-radius: 8px !important;
  min-width: 250px;
  cursor: pointer;
  box-shadow: none !important;
}
.custom-select__control:hover {
  border-color: #008f54 !important;
}
.custom-select__control--is-focused {
  box-shadow: 0 0 0 3px rgba(0, 184, 108, 0.2) !important;
}
.custom-select__menu {
  border-radius: 8px !important;
  overflow: hidden;
}
.custom-select__option {
  cursor: pointer !important;
  transition: background-color 0.2s;
}
.custom-select__option--is-focused {
  background-color: rgba(0, 184, 108, 0.1) !important;
  color: #333 !important;
}
.custom-select__option--is-selected {
  background-color: #00b86c !important;
  color: white !important;
}
.custom-select__option:active {
  background-color: #00b86c !important;
}
.custom-select__indicator-separator {
  display: none;
}
.custom-select__dropdown-indicator {
  color: #00b86c !important;
}
.custom-select__dropdown-indicator:hover {
  color: #008f54 !important;
}
._box_glrvw_2 {
  margin-bottom: 24px;
}
._box_glrvw_2 ._orgSlide_glrvw_5 {
  background: #fff;
  border-radius: 12px;
}
._box_glrvw_2 ._orgSlide_glrvw_5 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._box_glrvw_2 ._orgSlide_glrvw_5 ul h3 {
  font-size: 14px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  font-weight: 600;
  padding-left: 4px;
}
._box_glrvw_2 ._pointsGrid_glrvw_23 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
._box_glrvw_2 ._pointsGrid_glrvw_23 li {
  list-style: none;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  ._box_glrvw_2 ._pointsGrid_glrvw_23 {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* Стилизация скроллбара для Chrome/Safari/Opera */
  }
  ._box_glrvw_2 ._pointsGrid_glrvw_23::-webkit-scrollbar {
    display: none;
  }
  ._box_glrvw_2 ._pointsGrid_glrvw_23 {
    padding: 8px 12px;
  }
  ._box_glrvw_2 ._pointsGrid_glrvw_23 li {
    min-width: 120px;
  }
  ._box_glrvw_2 ._orgSlide_glrvw_5 ul h3 {
    margin-bottom: 16px;
  }
}

._pointBtn_glrvw_54 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  color: #333;
  transition: all 0.2s ease;
  outline: none;
  white-space: nowrap;
}
._pointBtn_glrvw_54:hover {
  border-color: #00b869;
  background-color: rgba(0, 184, 105, 0.02);
}
._pointBtn_glrvw_54._active_glrvw_75 {
  border-color: #00b869;
  background-color: rgba(0, 184, 105, 0.05);
  color: #000;
  font-weight: 600;
  box-shadow: 0 0 0 1px #00b869;
}

._badge_glrvw_83 {
  position: absolute;
  top: -9px;
  right: -9px;
  background-color: #ff5252;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(255, 82, 82, 0.3);
  z-index: 1;
}._box_bho0i_1 {
  position: relative;
}

._box__counter_bho0i_5 {
  position: absolute;
  top: -6px;
  right: 8px;
  background-color: #FF0000;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 498px) {
  ._box__counter_bho0i_5 {
    top: -10px;
    right: 0px;
    min-width: 17px;
    height: 17px;
  }
}
._header_oix8d_2 {
  padding: 20px 0 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 498px) {
  ._header_oix8d_2 {
    padding: 20px 0px 0px 0px;
  }
}
._header__box_oix8d_12 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 498px) {
  ._header__box_oix8d_12 {
    margin-bottom: 10px;
  }
}
._header__top_oix8d_22 {
  align-items: center;
  margin-bottom: 25px;
}
@media (max-width: 498px) {
  ._header__top_oix8d_22 {
    margin-bottom: 10px;
  }
}
._header__controls_oix8d_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media (max-width: 498px) {
  ._header__controls_oix8d_31 {
    gap: 10px;
    width: 100%;
  }
}
._header__bottom__desktop_oix8d_43 {
  display: flex;
  justify-content: center;
  background-color: #00b86c;
  min-height: 50px;
  transition: right 0.4s ease;
}
@media (max-width: 498px) {
  ._header__bottom__desktop_oix8d_43 {
    display: none;
  }
}
._header__user_info_oix8d_55 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
@media (max-width: 498px) {
  ._header__user_info_oix8d_55 {
    display: none;
  }
}
@media (max-width: 498px) {
  ._header_oix8d_2 ._desktop_logout_oix8d_67 {
    display: none;
  }
}
._header_oix8d_2 {
  /* Стили для иконки выхода в хедере */
}
._header_oix8d_2 ._logout_icon_btn_oix8d_74 {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}
@media (max-width: 498px) {
  ._header_oix8d_2 ._logout_icon_btn_oix8d_74 {
    display: flex;
  }
}
._header_oix8d_2 ._logout_icon_btn_oix8d_74 svg {
  color: #000000;
  width: 24px;
  height: 24px;
}
._header_oix8d_2 {
  /* Кнопка корзины в хедере (если нужна там) */
}
@media (max-width: 498px) {
  ._header_oix8d_2 ._mobile_basket_oix8d_95 {
    display: block !important;
    position: static;
  }
}
._header_oix8d_2 {
  /* === BOTTOM NAVIGATION === */
}
._header__bottom_oix8d_43 {
  display: none;
}

/* Сама панель навигации внизу */
._bottom_nav_oix8d_108 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 9999;
  display: none;
}
@media (max-width: 498px) {
  ._bottom_nav_oix8d_108 {
    display: flex;
  }
}
._bottom_nav__link_oix8d_127 {
  text-transform: uppercase;
  color: #000000;
}
._bottom_nav__link_oix8d_127:hover {
  opacity: 0.7;
}

._nav_item_oix8d_135 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #888888;
  gap: 4px;
  font-size: 10px;
  transition: color 0.3s;
  flex: 1;
}
._nav_item_oix8d_135 svg {
  width: 24px;
  height: 24px;
}
._nav_item_oix8d_135._active_oix8d_151 {
  color: #00b86c;
  font-weight: bold;
}
._nav_item_oix8d_135.badge_active {
  position: relative;
}
._nav_item_oix8d_135.badge_active svg {
  fill: #00b86c;
}

._basket__desktop_oix8d_162 {
  display: none;
}
@media (max-width: 498px) {
  ._basket__desktop_oix8d_162 {
    display: none;
  }
}

._basket_oix8d_162 {
  display: none;
}
@media (max-width: 498px) {
  ._basket_oix8d_162 {
    display: block;
  }
}
._nav_t5qru_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "JetBrainsMono-Bold", sans-serif;
}
@media (max-width: 498px) {
  ._nav_t5qru_2 {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 100%;
    overflow: auto; /* Разрешает вертикальный скролл */
    background-color: #00b86c;
    flex-direction: column;
    justify-content: flex-start; /* ИЗМЕНЕНО: прижимаем к верху, чтобы работал скролл */
    align-items: center;
    transition: right 0.4s ease;
    z-index: 100;
    padding-top: 151px;
    padding-bottom: 50px;
    box-sizing: border-box;
  }
  ._nav_t5qru_2._active_t5qru_29 {
    right: 0;
  }
}
._nav__item_t5qru_33 {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 498px) {
  ._nav__item_t5qru_33 {
    text-align: center;
    background-color: #00b86c;
    flex-direction: column;
    justify-content: center;
  }
}
._nav__close_t5qru_46 {
  display: none;
}
@media (max-width: 498px) {
  ._nav__close_t5qru_46 {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  ._nav__close_t5qru_46 span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    position: relative;
    top: 50%;
  }
  ._nav__close_t5qru_46 span::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: rotate(-90deg);
    position: absolute;
  }
}
._nav__link_t5qru_78 {
  text-transform: uppercase;
  color: #fff;
  transition: color 0.3s;
}
._nav__link_t5qru_78:hover {
  color: #FFFF00;
}
@media (max-width: 498px) {
  ._nav__link_t5qru_78 {
    font-size: 24px;
    padding: 20px;
  }
}
._nav__link_t5qru_78.active {
  color: yellow;
  text-decoration: underline;
}

._nav__mobile_exit_t5qru_97 {
  display: none;
}
@media (max-width: 498px) {
  ._nav__mobile_exit_t5qru_97 {
    display: block;
    margin-top: auto;
    width: 100%;
    max-width: 200px;
  }
  ._nav__mobile_exit_t5qru_97 button {
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
}._logoContainer_7efkt_1 {
  display: flex;
  width: 280px;
}
._logoContainer_7efkt_1 ._logoPart_7efkt_5 {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  flex: 1;
}
._logoContainer_7efkt_1 ._partUral_7efkt_13 {
  padding: 12px 20px;
  background-color: #00b050;
}
._logoContainer_7efkt_1 ._partAkb_7efkt_17 {
  padding: 10px 10px;
  background-color: #fff;
  color: #00b050;
  border-left: 1px solid #000;
}

._logoDescription_7efkt_24 {
  font-size: 10px;
  color: #666;
  text-align: left;
  margin-top: 5px;
  width: 300px;
}

@media (max-width: 500px) {
  ._logoContainer_7efkt_1 {
    width: 200px;
  }
}._chat__box_s9kt4_1 {
  max-width: 500px;
}

._chat__input__clients_s9kt4_5 {
  display: flex;
  gap: 10px;
  padding: 15px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
._chat__input__clients__textarea_s9kt4_12 {
  flex: 1;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  resize: none;
  height: 40px;
  font-size: 14px;
  outline: none;
}
._chat__input__clients__textarea_s9kt4_12:focus {
  border-color: #00b86c;
  box-shadow: 0 0 5px rgba(0, 184, 108, 0.3);
}
._chat__input__clients__button_s9kt4_26 {
  padding: 0 20px;
  background-color: #f5f5f5;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: not-allowed;
  transition: background-color 0.2s;
}
._chat__input__clients__button_s9kt4_26:enabled {
  background-color: #00b86c;
  cursor: pointer;
}
._chat__input__clients__button_s9kt4_26:hover:enabled {
  background-color: #00965a;
}

._messageList_s9kt4_43 {
  height: 80vh;
  overflow-y: auto;
  padding: 15px;
}

._message_s9kt4_43 {
  margin-bottom: 15px;
}
._message__mine_s9kt4_52 {
  text-align: right;
}
._message__manager_s9kt4_55 {
  text-align: left;
}
._message__bubble_s9kt4_58 {
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
  background-color: #f5f5f5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
._message__bubble--mine_s9kt4_65 {
  background-color: #00b86c;
  color: #fff;
}
._message__bubble--mine_s9kt4_65 small {
  color: #fff;
}
._message__bubble--manager_s9kt4_72 {
  background-color: #f5f5f5;
  color: #333;
}
._message__bubble--manager_s9kt4_72 small {
  color: #e0e0e0;
}
._message__sender_s9kt4_79 {
  font-size: 12px;
  margin-bottom: 5px;
}
._message__text_s9kt4_83 {
  word-wrap: break-word;
}
._container_cmd9h_2 {
  display: flex;
  gap: 20px;
  padding: 20px;
  background-color: #f5f7fa;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  ._container_cmd9h_2 {
    flex-direction: column;
    height: auto;
  }
}

/* SIDEBAR STYLES */
._sidebar_cmd9h_17 {
  width: 380px;
  min-width: 320px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  ._sidebar_cmd9h_17 {
    width: 100%;
    min-width: 100%;
    max-height: 400px;
  }
}

._sidebarHeader_cmd9h_34 {
  padding: 15px;
  border-bottom: 1px solid #eee;
}
._sidebarHeader_cmd9h_34 h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #333;
}
._sidebarHeader_cmd9h_34 ._addCategoryForm_cmd9h_43 {
  width: 100%;
}

._treeContainer_cmd9h_47 {
  overflow-y: auto;
  flex: 1;
  padding: 10px;
}
._treeContainer_cmd9h_47::-webkit-scrollbar {
  width: 6px;
}
._treeContainer_cmd9h_47::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

._treeItem_cmd9h_60, ._treeBranch_cmd9h_60 {
  margin-bottom: 5px;
}

._treeNode_cmd9h_64 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
  margin-bottom: 4px;
}
._treeNode_cmd9h_64:hover {
  background-color: #f0f2f5;
}

._levelCategory_cmd9h_78 {
  font-weight: bold;
  color: #2c3e50;
  background-color: #eef2f7;
  border-left: 4px solid #2c3e50;
}

._levelBrand_cmd9h_85 {
  font-weight: 600;
  color: #34495e;
  padding-left: 15px;
  font-size: 14px;
}

._levelLine_cmd9h_92 {
  font-weight: normal;
  color: #7f8c8d;
  padding-left: 30px;
  font-size: 13px;
  justify-content: space-between;
  background-color: transparent;
}
._levelLine_cmd9h_92:hover {
  background-color: #fafafa;
}

._countBadge_cmd9h_104 {
  background: #e2e8f0;
  color: #64748b;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: normal;
}

._miniList_cmd9h_113 {
  margin-left: 35px;
  border-left: 2px solid #eee;
  margin-top: 5px;
  padding-left: 8px;
}

._miniListItem_cmd9h_120 {
  padding: 4px 0;
  font-size: 12px;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._miniListItem_cmd9h_120::before {
  content: "•";
  margin-right: 5px;
  color: #cbd5e1;
}

._miniListItemMore_cmd9h_134 {
  padding: 2px 0;
  font-size: 11px;
  color: #94a3b8;
  font-style: italic;
}

/* INLINE FORMS (Input + Button inside tree) */
._inlineForm_cmd9h_142 {
  display: flex;
  gap: 5px;
  margin-top: 6px;
  padding-left: 0;
}

._inputSmall_cmd9h_149 {
  flex: 1;
  padding: 5px;
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
}
._inputSmall_cmd9h_149:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

._btnTiny_cmd9h_162 {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
._btnTiny_cmd9h_162:hover {
  background: #0056b3;
}

._main_cmd9h_176 {
  flex-basis: 80%;
}

/* MAIN TABLE STYLES */
._header_cmd9h_181 {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._header_cmd9h_181 h2 {
  margin: 0;
  font-size: 18px;
  color: #333;
}
._header_cmd9h_181 ._badge_cmd9h_193 {
  background: #e0f7fa;
  color: #006064;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
}

._tableWrapper_cmd9h_202 {
  overflow: auto;
  flex: 1;
}
._tableWrapper_cmd9h_202::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
._tableWrapper_cmd9h_202::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

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

._table_cmd9h_202 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._table_cmd9h_202 th {
  background-color: #f8f9fa;
  padding: 12px 15px;
  text-align: left;
  border-bottom: 2px solid #eee;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  color: #666;
  font-weight: 600;
  white-space: nowrap;
}
._table_cmd9h_202 td {
  padding: 12px 15px;
  border-bottom: 1px solid #f1f1f1;
  vertical-align: middle;
  color: #333;
}
._table_cmd9h_202 ._row_cmd9h_243:hover {
  background-color: #fafafa;
}
._table_cmd9h_202 input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
}
._table_cmd9h_202 input:focus {
  border-color: #007bff;
  outline: none;
}
._table_cmd9h_202 td:last-child {
  white-space: nowrap;
}

/* Кнопки в таблице */
._btnEdit_cmd9h_263, ._btnSuccess_cmd9h_263, ._btnCancel_cmd9h_263 {
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  margin-right: 5px;
}
._btnEdit_cmd9h_263:last-child, ._btnSuccess_cmd9h_263:last-child, ._btnCancel_cmd9h_263:last-child {
  margin-right: 0;
}

._btnEdit_cmd9h_263 {
  background-color: #fff;
  border: 1px solid #007bff;
  color: #007bff;
}
._btnEdit_cmd9h_263:hover {
  background-color: #e7f1ff;
}

._btnSuccess_cmd9h_263 {
  background-color: #28a745;
  border: 1px solid #28a745;
  color: white;
}
._btnSuccess_cmd9h_263:hover {
  background-color: #218838;
}

._btnCancel_cmd9h_263 {
  background-color: #fff;
  border: 1px solid #dc3545;
  color: #dc3545;
}
._btnCancel_cmd9h_263:hover {
  background-color: #fff5f5;
}

._table_cmd9h_202 div {
  padding: 20px;
  text-align: center;
  color: #999;
}

._lineWrapper_cmd9h_308 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

._lineName_cmd9h_315:hover {
  text-decoration: underline;
}

._uploadControls_cmd9h_319 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}

._uploadLabel_cmd9h_326 {
  font-size: 12px;
  cursor: pointer;
  padding: 4px 8px;
  background-color: #eee;
  border-radius: 4px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._uploadLabel_cmd9h_326:hover {
  background-color: #ddd;
}

._uploadBtn_cmd9h_341 {
  font-size: 11px;
  padding: 2px 6px;
  background-color: #4caf50;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}
._uploadBtn_cmd9h_341:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

._battery__params_cmd9h_355 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto 16px auto 16px auto;
  grid-template-rows: repeat(3, auto);
  gap: 16px 12px;
  align-items: start;
  max-width: 450px;
  width: 100%;
}

._battery__params_cmd9h_355 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

._battery__params_cmd9h_355 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

._battery__params_cmd9h_355 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

._battery__params_cmd9h_355 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

._battery__params_cmd9h_355 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

._battery__params_cmd9h_355 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

._battery__params_cmd9h_355 > *:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

._battery__params_cmd9h_355 > *:nth-child(8) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

._battery__params_cmd9h_355 > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
._battery__params__input_cmd9h_364 {
  padding: 3px;
  margin: 5px 0px 5px 0px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
}
._battery__params__input_cmd9h_364:focus {
  border-color: #007bff;
  outline: none;
}
._battery__params__item_cmd9h_376 {
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 1.3;
}
._battery__params__item_cmd9h_376:nth-child(-n+6) {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 8px;
}
._battery__params__item--terminal_cmd9h_386 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  text-align: center;
}
._battery__params__item--dimensions_cmd9h_390 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  text-align: length;
}
@media (max-width: 480px) {
  ._battery__params__item--terminal_cmd9h_386 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    text-align: center;
    padding-bottom: 8px;
  }
  ._battery__params__item--dimensions_cmd9h_390 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    text-align: length;
    padding-top: 4px;
  }
}
._battery__params__value_cmd9h_406 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
._battery__params__unit_cmd9h_411 {
  font-size: 14px;
  color: #333;
}
._battery__params__type_cmd9h_415 {
  font-size: 14px;
  color: #333;
  text-transform: capitalize;
}
._battery__params__terminal_cmd9h_420 {
  font-size: 13px;
  font-weight: 500;
  color: #222;
  display: block;
}
._battery__params__dimensions_cmd9h_426 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.5px;
}
._battery__params__dimensionsHint_cmd9h_432 {
  font-size: 11px;
  color: #999;
  margin-top: 2px;
}

._row_cmd9h_243 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 70px 16px 2.5fr 16px 3.5fr 16px 1fr 16px 1fr;
  grid-template-columns: 70px 2.5fr 3.5fr 1fr 1fr;
  gap: 16px;
  align-items: center;
  padding: 12px 16px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}

._row_cmd9h_243:hover {
  background-color: #f9f9f9;
}

/* Специфичные стили для ячеек */
._image_cmd9h_454 {
  display: flex;
  height: 100%;
  object-fit: contain;
  justify-content: center;
}

._nameCol_cmd9h_461 {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 4px;
}

._card__title_cmd9h_468 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  word-break: keep-all;
}

._card__list__span_cmd9h_475 {
  text-align: end;
}

._articul_cmd9h_479 {
  font-size: 12px;
  color: #888;
}

._price_cmd9h_484 {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}._box_17zno_1 {
  display: flex;
  gap: 15px;
}

._nav__link_17zno_6.active {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 5px;
}._button_1px9d_1 {
  padding: 10px 24px;
  background-color: #fff;
  color: #00b86c;
  border: 1px solid #00b86c;
  border-radius: 8px;
  font-family: "JetBrainsMono-Bold";
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._button_1px9d_1:hover:not(:disabled) {
  background-color: #00b86c;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 184, 108, 0.2);
}
._button_1px9d_1:active:not(:disabled) {
  transform: translateY(0);
}
._button_1px9d_1:disabled {
  background-color: #f5f5f5;
  color: #333;
  opacity: 0.6;
  cursor: not-allowed;
  border-color: #f5f5f5;
}
._container_ul216_2 {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 500px;
}
._container__title_ul216_13 {
  font-family: "JetBrainsMono-Bold";
  font-size: 18px;
  color: #333;
  margin: 0;
  text-align: center;
}
._container__input_ul216_20 {
  display: none;
}
._container__label_ul216_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  background-color: rgb(247, 247, 250);
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
}
._container__label_ul216_23:hover {
  border-color: #688494;
  background-color: #f5f5f5;
}
._container__label__text_ul216_42 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
._container__label__clear_ul216_51 {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 1;
  color: #333;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.2s;
  padding: 0 4px;
}
._container__label__clear_ul216_51:hover {
  opacity: 1;
  color: #FF0000;
}
._container__info_ul216_66 {
  display: flex;
  justify-content: flex-end; /* Кнопка справа */
}
._container__button_ul216_70 {
  padding: 12px 24px;
  background-color: #00b86c;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: "JetBrainsMono-Bold";
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px rgba(0, 184, 108, 0.2);
}
._container__button_ul216_70:hover:not(:disabled) {
  box-shadow: 0 6px 12px rgba(0, 184, 108, 0.4);
  transform: translateY(-2px);
}
._container__button_ul216_70:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 184, 108, 0.2);
}
._container__button_ul216_70:disabled {
  background-color: #f5f5f5;
  color: #333;
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}._title__category_omohv_1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #333;
}

._input__category_omohv_8 {
  margin-bottom: 16px;
}
._input__category_omohv_8 ._MuiOutlinedInput-root_omohv_11:hover fieldset {
  border-color: #00b86c;
}
._input__category_omohv_8 ._MuiOutlinedInput-root_omohv_11._Mui-focused_omohv_14 fieldset {
  border-color: #00b86c;
}

._button__save_omohv_18 {
  background-color: #00b86c !important;
  color: white !important;
  text-transform: none;
  font-weight: 600;
}
._button__save_omohv_18:hover {
  background-color: #009a5e !important;
}._title__brandline_xumim_1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #333;
}

._input__brandline_xumim_8 {
  margin-bottom: 16px;
}
._input__brandline_xumim_8 ._MuiOutlinedInput-root_xumim_11:hover fieldset {
  border-color: #00b86c;
}
._input__brandline_xumim_8 ._MuiOutlinedInput-root_xumim_11._Mui-focused_xumim_14 fieldset {
  border-color: #00b86c;
}

._button__save_xumim_18 {
  background-color: #00b86c !important;
  color: white !important;
  text-transform: none;
  font-weight: 600;
}
._button__save_xumim_18:hover {
  background-color: #009a5e !important;
}._form_yhb5x_1 {
  display: flex;
  flex-direction: column;
  width: 80%;
  max-width: 400px;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._title_yhb5x_12 {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
  color: #333;
}

._input_yhb5x_19 {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-size: 16px;
}
._input_yhb5x_19:focus {
  outline: none;
  border-color: #00b86c;
}

._hr_yhb5x_32 {
  border: none;
  height: 2px;
  background-color: #dedede;
  margin-bottom: 20px;
}

._subtitle_yhb5x_39 {
  margin-bottom: 16px;
  font-size: 18px;
  color: #333;
}

._deliveryPoint_yhb5x_45 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

._removeButton_yhb5x_52 {
  background-color: transparent;
  border: none;
  color: #FF0000;
  font-size: 16px;
  cursor: pointer;
}
._removeButton_yhb5x_52:hover {
  color: #ff0000;
}

._addButton_yhb5x_63 {
  background-color: #00b86c;
  color: #fff;
  padding: 12px;
  border-radius: 5px;
  font-size: 16px;
  margin-bottom: 20px;
  cursor: pointer;
}
._addButton_yhb5x_63:hover {
  background-color: rgb(0, 133, 78.0652173913);
}

._submitButton_yhb5x_76 {
  background-color: #00b86c;
  color: #fff;
  padding: 12px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}
._submitButton_yhb5x_76:hover {
  background-color: rgb(0, 133, 78.0652173913);
}

/* ... existing code ... */
._selectContainer_yhb5x_89 {
  margin-bottom: 20px;
}

._label_yhb5x_93 {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
}

._select_yhb5x_89 {
  width: 100%;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-size: 16px;
  background-color: #fff;
}
._select_yhb5x_89:focus {
  outline: none;
  border-color: #00b86c;
}

._daysGrid_yhb5x_113 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

._dayCheckboxLabel_yhb5x_119 {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
._dayCheckboxLabel_yhb5x_119 input[type=checkbox] {
  margin-right: 6px;
}._box_14iri_1 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}._chat__page_1t0eq_1 {
  position: absolute;
  display: flex;
  height: 100%;
  max-width: 750px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  color: #333;
  overflow: hidden;
}

._chat__sidebar_1t0eq_14 {
  width: 320px;
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  flex-shrink: 0;
}

._chat__tabs_1t0eq_23 {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 12px;
  background-color: #fff;
}

._chat__tab_1t0eq_23 {
  flex: 1;
  padding: 16px 0;
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 500;
  color: #333;
  opacity: 0.5;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  font-size: 0.9rem;
}
._chat__tab_1t0eq_23:hover {
  opacity: 0.8;
}
._chat__tab_1t0eq_23._active_1t0eq_46 {
  color: #00b86c;
  opacity: 1;
  border-bottom-color: #00b86c;
}

._chat__list_1t0eq_52 {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
._chat__list_1t0eq_52::-webkit-scrollbar {
  width: 6px;
}
._chat__list_1t0eq_52::-webkit-scrollbar-track {
  background: transparent;
}
._chat__list_1t0eq_52::-webkit-scrollbar-thumb {
  background: #dedede;
  border-radius: 3px;
}
._chat__list_1t0eq_52::-webkit-scrollbar-thumb:hover {
  background: #D8D8D0;
}

._chat__item_1t0eq_71 {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  margin-bottom: 4px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._chat__item_1t0eq_71:hover {
  background-color: #f5f5f5;
}
._chat__item_1t0eq_71._selected_1t0eq_83 {
  background-color: rgb(133, 255, 204.6086956522);
}
._chat__item_1t0eq_71 ._item__name_1t0eq_86 {
  font-weight: 600;
  font-size: 0.95rem;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._chat__item_1t0eq_71 ._item__meta_1t0eq_94 {
  font-size: 0.75rem;
  color: #333;
  opacity: 0.6;
  margin-top: 2px;
}

._chat__area_1t0eq_101 {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: rgb(247, 247, 250);
  min-width: 0;
}

._chat__messages_1t0eq_109 {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._chat__messages_1t0eq_109::-webkit-scrollbar {
  width: 6px;
}
._chat__messages_1t0eq_109::-webkit-scrollbar-track {
  background: transparent;
}
._chat__messages_1t0eq_109::-webkit-scrollbar-thumb {
  background: #dedede;
  border-radius: 3px;
}

._chat__bubble_1t0eq_128 {
  display: flex;
  flex-direction: column;
  max-width: 75%;
  position: relative;
}
._chat__bubble_1t0eq_128._is__me_1t0eq_134 {
  align-self: flex-end;
  align-items: flex-end;
}
._chat__bubble_1t0eq_128._is__me_1t0eq_134 ._bubble__content_1t0eq_138 {
  background-color: #00b86c;
  color: #fff;
  border-top-right-radius: 4px;
}
._chat__bubble_1t0eq_128._is__me_1t0eq_134 ._sender__name_1t0eq_143 {
  color: rgba(255, 255, 255, 0.7);
}
._chat__bubble_1t0eq_128._is__other_1t0eq_146 {
  align-self: flex-start;
  align-items: flex-start;
}
._chat__bubble_1t0eq_128._is__other_1t0eq_146 ._bubble__content_1t0eq_138 {
  background-color: #fff;
  color: #333;
  border-top-left-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
._chat__bubble_1t0eq_128 ._bubble__content_1t0eq_138 {
  padding: 10px 14px;
  border-radius: 18px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 0.95rem;
  line-height: 1.4;
  word-break: break-word;
}
._chat__bubble_1t0eq_128 ._bubble__meta_1t0eq_165 {
  font-size: 0.7rem;
  margin-top: 4px;
  padding: 0 4px;
  color: #333;
  opacity: 0.5;
}
._chat__bubble_1t0eq_128 ._sender__name_1t0eq_143 {
  font-size: 0.7rem;
  margin-bottom: 4px;
  opacity: 0.7;
}

._chat__input__wrapper_1t0eq_178 {
  padding: 16px 20px;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

._chat__textarea_1t0eq_187 {
  flex: 1;
  resize: none;
  padding: 12px 16px;
  border-radius: 24px;
  border: 1px solid #dedede;
  background-color: rgb(247, 247, 250);
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 44px;
  max-height: 120px;
}
._chat__textarea_1t0eq_187:focus {
  border-color: #00b86c;
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(0, 184, 108, 0.1);
}
._chat__textarea_1t0eq_187::-moz-placeholder {
  color: #dedede;
}
._chat__textarea_1t0eq_187:-ms-input-placeholder {
  color: #dedede;
}
._chat__textarea_1t0eq_187::placeholder {
  color: #dedede;
}

._chat__send__btn_1t0eq_209 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background-color: #00b86c;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, transform 0.1s;
  flex-shrink: 0;
}
._chat__send__btn_1t0eq_209:disabled {
  background-color: #dedede;
  cursor: not-allowed;
}
._chat__send__btn_1t0eq_209:not(:disabled):hover {
  background-color: rgb(0, 133, 78.0652173913);
}
._chat__send__btn_1t0eq_209:active:not(:disabled) {
  transform: scale(0.95);
}
._chat__send__btn_1t0eq_209 svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}