@charset "UTF-8";
/*! Собрано из assets/styles/*.scss. Не редактировать: правки затрёт сборка. */
.productItem--unique, .productItem--unique::after, .productItem--unique::before {
  background: #ffb81c;
}

.productItem__hit--sale, .productImages__hit--sale {
  background: #ffb81c;
}

.phoneNumber {
  white-space: nowrap;
}

.notpayed {
  color: #ff5268;
}

.headerLine__nav.show .contacts ul {
  display: block;
}

.headerLine__nav.show .contacts ul li {
  display: block;
  text-align: center;
}

.headerLine__nav.show .contacts .whatsapp {
  margin: 0 auto;
}

.headerMessage {
  height: auto;
}

.promocode_warn {
  color: #ff5268;
}

.productSize__item--single .productSize__trigger {
  width: auto;
  padding: 0 12px;
}

.formBoxes__item:has(input[name=delivery]:checked) + .formBoxes__item.error .formBoxes__trigger {
  border-color: unset;
}

a.whatsapp {
  color: #25d366 !important;
}

/* ---------------------------------------------------------------- */
:root {
  --col-biedge: #f3f4f6;
  --col-biedge-m2: #d1d5db;
  --col-dark-biedge: #aeb2b8;
  --col-grey-text: #8e939a;
  --col-warning: #bb662d;
  --col-error: #e00000; /* до 05.10.2026 #bb662d, оранжевый */
  --col-error-bg: #eef0f3; /*f3eeeb; /*rgba(255,82,104,0.2);*/
  --trans-func: all 0.3s ease;
}

html {
  scroll-behavior: smooth;
}

a.privacy-link {
  text-decoration: underline;
  color: var(--col-warning);
}

.mainSlider__text {
  max-width: 100% !important;
}

#mainBannerVideo {
  width: 100%;
}

.cabinetOrdersDetails {
  counter-reset: orderDetails;
}

.cabinetOrdersDetails .cabinetOrdersDetails__product {
  counter-increment: orderDetails;
}

.cabinetOrdersDetails .cabinetOrdersDetails__product .cabinetOrdersDetails__primg {
  position: relative;
}

.cabinetOrdersDetails .cabinetOrdersDetails__product .cabinetOrdersDetails__primg:after {
  position: absolute;
  border-radius: 20px;
  background-color: white;
  border: 1px solid var(--col-grey-text);
  content: counter(orderDetails);
  font-size: 6.5pt;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -3px;
  top: -3px;
  width: 16px;
  height: 16px;
}

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

.cabinetOrdersDetails .cabinetOrdersDetails__name span {
  font-size: 0.8em;
}

.cabinetOrdersDetails .cabinetOrdersDetails__product .cabinetOrdersDetails__price span:nth-child(2) {
  display: none;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: 600;
}

.cabinetOrdersDetails .cabinetOrdersDetails__product.wrong {
  color: var(--col-error);
}

.cabinetOrdersDetails .cabinetOrdersDetails__product.wrong .cabinetOrdersDetails__price span:nth-child(1) {
  display: none;
}

.cabinetOrdersDetails .cabinetOrdersDetails__product.wrong .cabinetOrdersDetails__price span:nth-child(2) {
  display: block;
}

.cabinetOrders__row.wrong .cabinetOrders__number span {
  display: inline-flex;
}

.cabinetOrders__row.wrong .cabinetOrders__number span:after {
  content: "!";
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid var(--col-error);
  color: var(--col-error);
  display: flex;
  font-size: 6.5pt;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* return */
.return {
  counter-reset: orderRows;
}

.return .order-row {
  position: relative;
}

.return .order-row:before {
  counter-increment: orderRows;
  content: counter(orderRows) ".";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 16px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 33px;
}

.return .order-row label {
  display: none;
}

.return .order-row.base label {
  display: block;
}

.return .order-row.base:before {
  padding-bottom: 12px;
}

.return .fields-container, .return .order-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.return .form__field label {
  white-space: nowrap;
}

.return .fields-container h2 {
  max-width: unset;
}

.return textarea {
  width: 100%;
  border: none;
  border-bottom: 2px solid black;
  min-height: 120px;
  resize: none;
}

.return .checkbox-field {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.return input[type=checkbox] {
  width: 25px;
  height: 25px;
  border: 2px solid black;
  appearance: none;
  min-width: 25px;
  cursor: pointer;
}

.return .checkbox-label {
  flex: 1 1 100%;
}

.return .checkbox-label span {
  cursor: pointer;
}

.return input[type=checkbox]:checked {
  background-color: black;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,20,20'%3E%3Cpath d='M4.5,10 l+4.5,+4 l+7,-9' stroke='white' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");
}

.return .text-intro {
  padding-right: 20px;
}

.return .btn:hover a {
  color: white;
}

.return-btn {
  max-width: 320px;
  margin: 20px auto 0;
  padding: 0;
}

.return-btn .spinner .icon {
  min-width: 26px;
  min-height: 26px;
}

.return .item-name {
  padding-left: 24px;
}

.return .order-row:not(.base) .item-cost {
  padding-right: 34px;
}

.pdf {
  width: 25px;
  height: 25px;
  fill: black;
}

.return .btn:hover .pdf {
  fill: white;
}

.btn.download-return {
  padding-left: 30px;
  padding-right: 30px;
  gap: 8px;
}

.btn.download-return span {
  color: black;
  margin-left: 0;
}

.btn.download-return:hover span {
  color: white;
}

.return .total-cost:after {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  content: "рублей";
  z-index: 1;
  display: flex;
  align-items: center;
}

.return .total-cost input {
  padding-right: 55px;
}

.return .illegal input, .return .illegal textarea, return .checkbox-field.illegal input {
  border-color: var(--col-error);
}

.return .promobtn {
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 1;
  right: 13px;
}

.order-row.base .promobtn {
  display: none;
}

@media (min-width: 760px) {
  .return .form__field {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .return .order-row:before {
    left: 8px;
  }
}
@media (max-width: 760px) {
  .return .order-row:before {
    padding-bottom: 26px;
  }
  .return .order-row.base:before {
    padding-bottom: 10px;
  }
  .return .item-name {
    padding-left: 16px;
  }
  .checkoutCart .temp-message {
    margin-top: 10px;
  }
}
/* return */
/*
.checkoutCartItem__formatter { display: flex; flex-direction: column; }
.checkoutCartItem__tech { display: flex; flex-direction: column; flex: 1 1 50%; }
.checkoutCartItem__tech .checkoutCartItem__title { line-height: 1.2em !important; }
.checkoutCartItem__params { display: flex; }
.checkoutCartItem__messages { display: flex; flex-direction: column; flex: 1 1 50%; dpadding-left: 10px; dpadding-top: 24px; }
.checkoutCartItem__remove { position: relative !important; padding-left: 15px; margin-left: 0 !important; }

.checkoutCartItem__content { display: flex; flex-direction: column; }
.checkoutCartItem__data { padding-bottom: 0 !important; padding-right: 0; order: 1; }
.checkoutCartItem__bottom { position: relative; width: 100%; margin-top: 0; }
.checkoutCartItem__availability { max-width: 200px; font-size: 12px !important; }

.checkoutCartItem__prices { padding-left: 12px; }
.checkoutCartItem__cost, .checkoutCartItem__old-cost { line-height: 1em; }
.checkoutCartItem__old-cost { font-size: 12px !important; padding-right: 1px; }
.checkoutCartItem__title { flex: 0 0 60%; }
.checkoutCartItem__color { flex: 0 0 40%; margin-top: 0; display: flex !important; align-items: center; height: fit-content; overflow: hidden; gap: 5px; }
.checkoutCartItem__color .name { order: 1; }

@media (min-width: 1280px) {
	.checkoutCartItem__formatter { flex-direction: column; }
	.checkoutCartItem__messages { padding-left: 0; }
}
*/
/* sticky pay button on cart */
.submit-sticky {
  display: flex;
  min-width: 320px;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  background-color: white;
  border-top: 1px solid var(--col-biedge-m2);
  padding: 12px 16px;
  transition: var(--trans-func);
}

.submit-sticky.hidden {
  bottom: -100px;
}

.submit-sticky .submit-sticky-container {
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: center;
}

.submit-sticky .submit-sticky-container .total-container {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.submit-sticky .submit-sticky-container .button-container {
  flex: 1 1 55%;
}

@media (min-width: 460px) {
  .submit-sticky .submit-sticky-container .total-container {
    flex-direction: row;
    gap: 16px;
  }
}
@media (min-width: 760px) {
  .submit-sticky {
    padding: 12px 24px;
  }
}
@media (min-width: 1280px) {
  .submit-sticky {
    display: none !important;
  }
}
/* sticky pay */
span.rq {
  color: var(--col-error) !important;
}

.cabinetOrders__payment-block form {
  margin: 0 !important;
}

.cabinetOrders {
  padding-bottom: 0 !important;
}

.checkoutCartItem__prices {
  display: flex;
  flex: 1 1 60%;
  flex-direction: column;
}

.cartPopupItem__prices {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.checkoutCartItem__old-cost, .cartPopupItem__old-cost {
  text-decoration: line-through;
  text-align: right;
  font-size: 14px;
}

.price_val {
  white-space: nowrap;
}

.productSize__counter input {
  height: unset;
}

.productSize__list .productSize__item.wholesale {
  cursor: default;
}

.productSize__list .productSize__counter button.plus, .productSize__list .productSize__counter button.minus {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: none;
  overflow: hidden;
}

.productSize__list .productSize__counter button.plus svg, .productSize__list .productSize__counter button.minus svg {
  width: 18px;
  height: 18px;
  transition: var(--trans-func);
}

.productSize__list .productSize__counter button.plus svg circle, .productSize__list .productSize__counter button.minus svg circle {
  fill: none;
  stroke: black;
  stroke-width: 1.2;
  transition: var(--trans-func);
}

.productSize__list .productSize__counter button.plus:hover svg circle, .productSize__list .productSize__counter button.minus:hover svg circle {
  fill: black;
}

.productSize__list .productSize__counter button.plus svg path, .productSize__list .productSize__counter button.minus svg path {
  fill: none;
  stroke: black;
  stroke: 1;
  transition: var(--trans-func);
}

.productSize__list .productSize__counter button.plus:hover svg path, .productSize__list .productSize__counter button.minus:hover svg path {
  stroke: white;
}

#cartPopup .spinner {
  background-color: rgba(209, 213, 219, 0.5);
  border-radius: 0;
}

.checkoutCart .spinner, .formBoxes__item .spinner, .productImages__slider .spinner {
  background-color: rgba(243, 244, 246, 0.5);
  border-radius: 0;
  color: black;
}

.productImages__slider.slick-slider .spinner {
  height: calc(100% - 20px);
}

.checkoutCart .spinner {
  height: calc(100% - 76px);
  top: -10px;
}

#cartPopup .spinner .icon, .checkoutCart .spinner .icon, .productImages__slider .spinner .icon, .formBoxes__item .spinner .icon {
  max-width: 70px;
  max-height: 45px;
  color: black;
}

.productImages__slider .spinner .icon {
  top: min(50%, 360px);
}

.temp-message {
  display: none;
  background-color: var(--col-error-bg);
  color: var(--col-error);
  padding: 10px 20px;
  margin-bottom: 24px;
}

.popupRight__empty.hidden, .popupRight__body.hidden, .popupRight__bottom.hidden, .checkoutCartEmpty.hidden, .checkoutAside .form__submit.hidden,
.checkoutAside .form__description.hidden, .delivery-data.hidden, .checkoutAside__delivery-address.hidden, .checkoutAside__delivery-type.hidden, .loyalty-message.hidden, .loyalty-info.hidden {
  display: none !important;
}

.loyalty-message {
  font-size: 14px;
  color: #666;
}

.loyalty-info {
  font-size: 13px;
  color: #888;
}

.checkoutCartEmpty {
  font-size: 20pt;
  padding: 20px 0 0 0;
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.checkoutCartEmpty .btns {
  display: flex;
  gap: 20px;
}

.checkoutCartEmpty .btns .btn-dark span {
  color: white;
}

.checkoutCartEmpty .message {
  padding-left: 20px;
}

.checkoutCartEmpty .btns a {
  max-width: 250px;
}

.formBoxes__item.disabled {
  cursor: default;
  background-color: var(--col-biedge);
}

.success__btn {
  display: flex;
  gap: 15px;
}

.success__btn .btn {
  flex: 1 1;
}

.productItem__image {
  cursor: pointer;
}

.productItem:hover .productItem__sizes label:hover span {
  color: black;
  background-color: rgba(0, 0, 0, 0.05);
}

.formBoxes__item input + .formBoxes__trigger:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: white;
  border: 1px solid black;
  z-index: 1;
  top: 10px;
  right: 10px;
  border-radius: 50%;
}

.formBoxes__item input:checked + .formBoxes__trigger:after {
  background-color: black;
  border-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,30,30' width='30' height='30'%3E%3Cpath d='M9,15 l5,5 l8,-10' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.formBoxes__hidden .selected-address {
  font-size: 14px;
  line-height: 1.2em;
}

.btn-simple-arrow {
  line-height: 1.2em;
}

/* «Изменить пункт выдачи» — вторичная кнопка: прозрачная, с обводкой.
   Раньше это была btn-simple-arrow: бледный серый текст со стрелкой сбоку,
   и кликом воспринималась именно стрелка. Покупатели кнопку не находили —
   с этого началась жалоба 26.08.2026 про «не могла долго найти, как выбрать
   свой ПВЗ». */
.formBoxes__hidden .selected-change {
  margin-top: 12px;
  text-align: center;
}

.selected-change__btn {
  display: inline-flex;
  width: auto;
  padding: 0 20px;
  height: 40px;
  font-size: 14px;
}

/* Пояснение над оформленным заказом. Возвращаясь в корзину со страницы оплаты,
   покупатель видел readonly-вид заказа: состав нередактируемый, а из способов
   доставки показан только выбранный. Без подписи это читается как «половина
   страницы пропала», о чём и сказали 26.08.2026. */
.checkoutContent__note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.35em;
  color: #767676;
  max-width: 320px;
}

.formBoxes.delivery .formBoxes__item {
  flex: 1 1 100%;
}

.checkoutCartItem__availability {
  display: block;
  color: var(--col-warning);
}

.checkoutCartItem__size {
  flex: 1 1 20%;
  display: flex;
  align-items: center;
}

.checkoutCartItem__cost {
  flex: 1 1 60%;
  text-align: right;
}

.checkoutCartItem__cost.hidden, .checkoutCartItem__old-cost.hidden {
  opacity: 0;
}

.checkoutCartItem__count.hidden {
  display: none;
}

.checkoutCartItem__count-wrapper {
  flex: 0 0;
}

.checkoutCartItem .minus, .checkoutCartItem .plus {
  transition: var(--trans-func);
}

.checkoutCartItem .minus:hover, .checkoutCartItem .plus:hover {
  background-color: var(--col-biedge);
}

.cartPopupItem[data-sale="1"], .checkoutCartItem[data-sale="1"] {
  position: relative;
}

.cartPopupItem[data-sale="1"] .cartPopupItem__image a:after, .checkoutCartItem[data-sale="1"] .checkoutCartItem__image a:after {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #ffb81c;
  color: black;
  content: "S";
  z-index: 1;
  align-items: center;
  font-size: 10px;
  justify-content: center;
  display: flex;
}

.checkoutCartItem__availability, .cartPopupItem__availability {
  line-height: 1.1em;
}

.popup__close {
  cursor: pointer;
}

.productColor__trigger, .cabinetOrdersDetails__dot {
  background-size: cover !important;
}

.cabinetOrdersDetails__size {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  line-height: 1em;
}

.curr_cost {
  display: flex;
}

.productCost__wholesale {
  flex-wrap: wrap;
}

.productCost__old, .productCost__discount {
  white-space: nowrap;
}

.counter-changer.disabled {
  background-color: unset !important;
  opacity: 0.2;
  cursor: default;
}

#checkoutCartSubmit:disabled, #checkoutCartSubmitSticky:disabled {
  opacity: 0.2;
  background-position: center top !important;
  cursor: default;
}

/* Временно скрыт блок промокода */
.form__field:has(input[name=promocode]) {
  display: none !important;
}

.promocode {
  transition: var(--trans-func);
}

.promocode.disabled {
  opacity: 0.2;
  cursor: default !important;
}

.promocode.disabled:after {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: transparent;
  content: "";
  right: 0;
  top: 0;
}

.promobtn {
  background-color: black;
}

.promobtn:after {
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  left: 0;
  transition: var(--trans-func);
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
}

.promobtn:hover::after {
  height: 100%;
}

.promocode__button {
  right: 0;
  top: 3px;
}

#promocode_remove {
  border-right: 3px solid var(--col-biedge-m2);
}

input[name=promocode]:disabled {
  background-color: var(--col-biedge-m2) !important;
  border-bottom: 2px transparent;
}

.cartPopup__amount, .checkoutAside__amount {
  display: flex;
  justify-content: space-between;
}

.clear-cart {
  font-size: 11pt;
  border-width: 1px;
  padding: 10px 20px;
  height: unset;
  transition: var(--trans-func);
}

.clear-cart:disabled {
  opacity: 0.3;
  cursor: default;
  background-position: center top !important;
  color: black !important;
}

.promobtn.hidden {
  display: none;
}

/* Оверлей на время отправки заказа. Оформление занимает несколько секунд:
   сервер пишет заказ, шлёт письма и отдаёт его в CRM. Без признака жизни
   страница выглядит замершей, и человек жмёт кнопку снова. */
.checkout-sending {
  position: fixed;
  inset: 0;
  z-index: 5000;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: progress;
}

.checkout-sending__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 0 24px;
  text-align: center;
}

.checkout-sending__spin {
  width: 64px;
  height: 64px;
  background-color: black;
  border-radius: 500px;
  color: white;
  padding: 14px;
}

.checkout-sending__spin svg {
  width: 100%;
  height: 100%;
  display: block;
  animation: spinnerRotation 2.5s cubic-bezier(0.38, 0.1, 0, 1) infinite;
}

.checkout-sending__text {
  font-size: 12pt;
  color: var(--col-grey-text);
  max-width: 320px;
}

/* Списание бонусов: строка расчёта с переключателем, а не поле ввода.
   Нажимается вся строка, вычет показывается справа, как у остальных сумм. */
.bonusRow {
  align-items: center;
  gap: 12px;
}

.bonusRow__switch {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin: 0;
  user-select: none;
}

.bonusRow__switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.bonusRow__mark {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 1.5px solid var(--col-biedge-m2);
  border-radius: 4px;
  background-color: white;
  position: relative;
  transition: var(--trans-func);
}

.bonusRow__mark:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: var(--trans-func);
}

.bonusRow__switch input:checked + .bonusRow__mark {
  background-color: black;
  border-color: black;
}

.bonusRow__switch input:checked + .bonusRow__mark:after {
  opacity: 1;
}

.bonusRow__switch input:focus-visible + .bonusRow__mark {
  outline: 2px solid black;
  outline-offset: 2px;
}

.bonusRow__title {
  line-height: 1.2;
}

.bonusRow__sum {
  white-space: nowrap;
}

.bonusRow-block {
  margin: 24px 0;
}

.bonusRow-block .checkoutAside__row {
  margin-top: 0;
}

.bonusRow__note {
  margin-top: 6px;
  font-size: 13px;
  color: #888;
}

/* Когда списание включено, остаток уже не про выбор: на его месте подсказка,
   что и когда спишется. */
.bonusRow--on + .bonusRow__note {
  display: none;
}

.bonusRow__hint {
  margin-top: 6px;
  font-size: 13px;
  color: #888;
}

.bonusRow__hint.hidden {
  display: none;
}

.bonusRow--off {
  opacity: 0.4;
}

.bonusRow--off .bonusRow__switch {
  cursor: default;
}

.header {
  min-width: 320px;
}

.productImages__top .btn-toWishList {
  display: grid !important;
}

.productBtns-wish.productItem__add {
  display: none;
}

.productBtns-wish.productItem__add.desktop {
  position: absolute;
  top: 24px;
  z-index: 1;
  right: 24px;
}

.cartPopupItem__image img {
  margin-top: 0; /*-6px;*/
}

.headerLine__right > button span.count, .headerLine__right > a span.count {
  font-size: 10.5px;
  transition: var(--trans-func);
}

.headerLine__right .headerLine__login.hover {
  color: black !important;
}

.headerLine__login--authorised {
  background-color: var(--col-biedge);
  border: 2px solid white;
  border-radius: 50%;
}

.headerLine__login--authorised span {
  display: none;
}

.headerLine__login--authorised:hover {
  color: black !important;
}

.headerLine__cart:hover .count, .headerLine__wishlist:hover .count {
  background-color: var(--col-warning);
}

.checkoutAside__discount-type.hidden, .checkoutAside__total-cost-discount.hidden {
  display: none;
}

.checkoutAside__delivery-type {
  padding-bottom: 10px;
  max-width: unset;
}

.checkoutAside__delivery-hint {
  font-size: 12px;
  line-height: 16px;
  color: #8e939a;
  padding-top: 5px;
}

.product__error {
  color: var(--col-error);
  background-color: var(--col-error-bg);
  border-radius: 25px;
  padding: 16px 30px;
  line-height: 1.2em;
}

.productSize__trigger.unavailable {
  background-color: var(--col-error-bg) !important;
}

.session__title, .wholesale-switching {
  display: none;
}

.popupRight__title.login__title {
  padding-right: 40px;
}

.menuItem__catalog--close {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 36px;
  height: 24px;
  box-sizing: border-box;
  opacity: 0;
  background-repeat: no-repeat;
  transition: var(--trans-func);
  transition-duration: 150ms;
  z-index: 0;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.41421 2L2 3.41421L10.5858 12L1.99991 20.5859L3.41413 22.0002L12 13.4142L20.5857 21.9999L21.9999 20.5857L13.4142 12L21.9998 3.41447L20.5856 2.00026L12 10.5858L3.41421 2Z' fill='currentColor'/%3E%3C/svg%3E");
}

.menuItem__catalog--retail {
  position: relative;
  z-index: 1;
}

.menuItem__catalog--retail.hover + .menuItem__catalog--close {
  transform: translate(-100%, -50%);
  opacity: 1;
  z-index: 2;
}

.droppedMenu {
  transition: var(--trans-func);
  display: none;
  dtransform: translateY(-150%);
  opacity: 0;
  box-shadow: 0 7px 5px 0 rgba(0, 0, 0, 0.1);
}

.droppedMenu.displayed {
  display: block;
}

.droppedMenu.show {
  transform: translateY(0);
  opacity: 1;
}

.droppedMenu .productItem {
  display: none;
}

.droppedMenu .productItem:first-child {
  display: block;
}

.productColor__name {
  text-transform: unset;
}

.cards.customers {
  display: inline-block;
  max-height: 1em;
  padding-left: 20px;
}

.whatsapp.customers {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 1.2em;
  padding-left: 6px;
  padding-right: 30px;
}

.whatsapp.customers svg {
  width: 24px;
  height: 24px;
}

.headerLine__login {
  width: 48px !important;
}

.productItem__sizes {
  margin-block-end: 0;
  margin-left: -5px;
}

.productItem__sizes span.onesize, .cabinetOrdersDetails__size span.onesize, .productSize__item span.onesize,
.checkoutCartItem__size span.onesize, .cartPopupItem span.onesize {
  font-size: 7.5pt;
  text-transform: uppercase;
  max-width: 32px;
  line-height: 0.9em;
  text-align: center;
  white-space: normal;
}

.checkoutCartItem__size span.onesize, .cartPopupItem span.onesize {
  display: inline-block;
  text-align: left;
}

.checkoutCartItem__data {
  padding-right: 10px;
}

.checkoutCartItem__color {
  display: block;
}

.checkoutCartItem__color .color {
  display: inline-block;
  margin-left: unset;
}

.checkoutCartItem__remove, .cartPopupItem__remove {
  margin-left: -5px;
}

.cartPopupItem__color .color, .checkoutCartItem__color .color {
  background-position: center center !important;
}

.productSize__item--ids {
  width: 0;
  height: 0; /*100%; height: 100%;*/
}

.cabinetOrders__status {
  justify-content: center;
  gap: 10px;
  align-items: center;
}

.cabinetOrders__payment-block {
  padding: 0;
}

.cabinetOrders__payment-block button {
  padding: 3px 15px;
  font-size: 16px;
  height: 32px;
}

.cabinetOrders__status button {
  user-select: none;
  -webkit-user-select: none; /* For Safari */
  -ms-user-select: none; /* For old IE */
}

.droppedMenu__title a {
  color: inherit;
}

@media (min-width: 1280px) {
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown {
    position: relative;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li > a.menuItem__group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li > a.menuItem__group::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease, margin 0.2s ease;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.open > a.menuItem__group::after {
    transform: rotate(-135deg);
    margin-top: 3px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.open > a.menuItem__group::before {
    transform-origin: left center;
    transform: scaleX(1);
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -20px;
    z-index: 4;
    min-width: 200px;
    margin: 12px 0 0;
    padding: 8px 20px 16px;
    list-style: none;
    background: #fff;
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.1);
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info.open > ul {
    display: block;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li {
    margin-top: 20px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li a {
    color: #000;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul {
    width: 300px;
  }
}
.headerLine__nav .menuItem--info .menuItem__sub {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 8px 0 2px;
}

.headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li .menuItem__sub a {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #91969d;
}

.headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul a::before {
  display: none;
}

.headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li .menuItem__sub a:hover {
  color: #000;
}

.droppedMenu__panel {
  display: none;
}

.droppedMenu__panel.active {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  column-gap: 48px;
  padding: 16px 0 8px;
}

.droppedMenu__block + .droppedMenu__block {
  margin-top: 36px;
}

.droppedMenu .droppedMenu__panel .droppedMenu__title {
  padding: 0;
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #91969d;
}

.droppedMenu .droppedMenu__panel .droppedMenu__title a {
  color: inherit;
}

.droppedMenu .droppedMenu__panel .droppedMenu__title a:hover {
  color: #000;
}

.droppedMenu .droppedMenu__panel ul li {
  margin-top: 10px;
}

.droppedMenu .droppedMenu__panel ul li:first-child {
  margin-top: 0;
}

.droppedMenu .droppedMenu__panel ul li > a {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000;
}

.droppedMenu .droppedMenu__panel ul li > a:hover {
  color: #6b7078;
}

.droppedMenu__sub {
  display: none;
  flex-wrap: wrap;
  gap: 2px 12px;
  margin: 4px 0 2px;
}

.droppedMenu .droppedMenu__panel ul li .droppedMenu__sub a {
  display: inline;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #91969d;
}

.droppedMenu .droppedMenu__panel ul li .droppedMenu__sub a:hover {
  color: #000;
}

.droppedMenu .droppedMenu__panel ul li:hover > .droppedMenu__sub,
.droppedMenu .droppedMenu__panel ul li:focus-within > .droppedMenu__sub {
  display: flex;
}

@media (min-width: 1280px) {
  .headerLine__nav .headerLine__navWrapper > ul > li > a.menuItem__group {
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li > a {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li > a:hover {
    color: #6b7078;
  }
}
@media (min-width: 1280px) {
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown[data-menu].open::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -40px;
    right: -40px;
    height: 64px;
    z-index: 4;
  }
}
#loginWidePopup {
  display: flex;
  height: auto;
  bottom: 0;
  top: unset;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: var(--trans-func);
}

#loginWidePopup.shown {
  transform: translateY(0%);
  opacity: 1;
}

#loginWidePopup, #loginWidePopup.logging-in {
  transform: translateY(100%);
  opacity: 0;
}

#loginWidePopup .popup__container {
  width: 100%;
  max-width: unset;
  top: unset;
  bottom: 0;
  left: 0;
  transform: none;
  position: relative;
  display: flex;
  background-color: black;
  align-items: center;
  padding: 20px 5%;
  gap: 10px;
}

#loginWidePopup .popup__text {
  flex-grow: 1;
  font-size: 12pt;
  line-height: 1.2em;
  text-align: left;
  color: white;
}

#loginWidePopup .popup__text br {
  display: none;
}

#loginWidePopup .popup__btn {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#loginWidePopup .popup__btn .btn {
  height: fit-content;
  border: 1px solid white;
  font-size: 12pt;
  box-sizing: border-box;
  padding: 7px 30px;
  margin: 0;
  gap: 10px;
  align-items: center;
}

#loginWidePopup .popup__btn .btn span {
  margin: 0;
  color: white;
}

#loginWidePopup .btn-withIcon--arrow svg {
  margin: 0;
  padding: 0;
}

#loginWidePopup .popupRight__close {
  color: white;
  top: unset;
  position: relative;
  right: unset;
  width: 18px;
  height: 18px;
}

.catalog__pager {
  padding-top: 4em;
}

.wholesale-unauthorized {
  display: none;
}

.catalogPager__navigator {
  display: flex;
  border-top: 1px solid var(--col-biedge);
  padding-top: 2em;
}

.catalogPager__navigator_prev, .catalogPager__navigator_next {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  gap: 4px;
}

.catalogPager__pages {
  display: flex;
  gap: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

.catalogPager__loader {
  width: fit-content;
  margin: 0 auto 2em auto;
  position: relative;
}

.catalogPager__loader button {
  padding-left: 30px;
  padding-right: 30px;
  column-gap: 5px;
  margin: 0 auto;
}

.catalogPager__loader button span {
  color: white;
  margin-left: 0;
}

.catalogPager__current {
  text-align: center;
  font-size: 11pt;
  padding: 0 10px;
}

.catalogPager__current, .catalog__page_link.page_last, .catalog__page_link.page_first {
  display: none;
}

.catalog__page_link {
  position: relative;
  overflow: hidden;
}

.catalog__page_link a {
  position: relative;
  overflow: hidden;
  padding: 10px;
  border: 1px solid var(--col-biedge);
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  text-align: center;
  display: flex;
  z-index: 1;
  align-self: center;
  justify-content: center;
}

.catalogPager__navigator_next svg, .catalogPager__navigator_prev svg {
  width: 21px;
  height: 17px;
  display: block;
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

.catalogPager__navigator_next a, .catalogPager__navigator_prev a {
  border-color: var(--col-dark-biedge);
}

.catalog__page_link a span {
  position: relative;
  z-index: 1;
}

.catalog__page_link a::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--col-biedge);
  z-index: 0;
  content: " ";
  transition: all 0.3s ease;
}

.catalog__page_link a:hover::before {
  top: 0;
}

.catalog__page_link a.filler {
  border-color: white;
  background-color: white;
  cursor: default;
}

.catalog__page_link a.active, .catalog__page_link a.loaded {
  background-color: var(--col-biedge);
  border-color: var(--col-dark-biedge);
  cursor: default;
}

.catalog__page_link a.loaded {
  cursor: pointer;
}

.catalog__page_link a.disabled {
  opacity: 0.3;
  cursor: default;
}

.catalog__page_link a.disabled::before, .catalog__page_link a.filler::before, .catalog__page_link a.active::before {
  display: none;
}

.pageTitle__styles .btn-style {
  color: var(--col-dark-biedge);
  opacity: 0.4;
}

.pageTitle__styles .btn-style._active {
  color: black;
  opacity: 1;
}

/* Подгрузка каталога (catalog-more.js): счётчик, полоса, «Показать ещё» / «Показать предыдущие» */
.catalogMore {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 3em 0 2em;
}

.catalogMore__count {
  font-size: 14px;
  color: #555;
}

.catalogMore__bar {
  width: 220px;
  max-width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.12);
  position: relative;
}

.catalogMore__bar span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #000;
  transition: width 0.3s ease;
}

.catalogMore__next, .catalogMore__prev .btn {
  width: fit-content;
  padding: 0 40px;
  margin-top: 8px;
}

.catalogMore__next.loading {
  opacity: 0.5;
  pointer-events: none;
}

.catalogMore__prev {
  display: flex;
  justify-content: center;
  padding-bottom: 2em;
}

.catalogMore__prev .btn {
  margin: 0;
}

/* Пока порция едет, на месте кнопки тонкий бегущий индикатор */
.catalogMore.loading .catalogMore__bar span {
  animation: catalogMorePulse 1s ease-in-out infinite;
}

@keyframes catalogMorePulse {
  50% {
    opacity: 0.3;
  }
}
.productItem.list {
  width: 100%;
  display: flex;
  border-bottom: 1px solid var(--col-biedge-m2);
  margin: 0;
  padding: 24px 12px;
  align-items: center;
  gap: 16px;
}

.productItem.list .productItem__image {
  aspect-ratio: 1;
  flex-shrink: 0;
  flex-grow: 0;
}

.productItem.list .productItem__top {
  padding: 0;
}

.productItem.list .productItem__top .productItem__hit {
  border: 1px solid var(--col-dark-biedge);
  width: 40px;
  height: 40px;
  font-size: 12px;
}

.productItem.list .productItem__photo {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: max(110px, 10vw);
  height: max(110px, 10vw);
  position: relative;
}

.productItem.list .productItem__photo img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.productItem.list .productItem__content {
  display: flex;
  width: 50%;
  flex-shrink: 1;
  flex-grow: 1;
  flex-flow: column;
  gap: 8px;
  position: relative;
}

.productItem.list .productItem__content .productItem__color {
  position: relative;
  bottom: unset;
  right: unset;
}

.productItem.list .productItem__cost {
  font-size: 32px;
  margin-top: 0;
  width: 100%;
  flex-shrink: 1;
  flex-grow: 1;
  text-align: right;
  justify-content: right;
  white-space: nowrap;
  flex-wrap: wrap;
  gap: 5px;
}

.productItem.list .productItem__cost--real {
  flex-basis: 100%;
  font-size: 12pt;
  text-decoration: line-through;
}

.productItem.list .productItem__add {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}

.productItem.list .productItem__add .add-to-shopping-cart {
  height: auto;
  padding: 8px;
  z-index: 1;
  position: relative;
}

.productItem.list .productItem__add .add-to-shopping-cart svg {
  width: clamp(20px, 5vw, 60px);
  height: clamp(20px, 5vw, 60px);
  display: block;
}

.productItem.list .productItem__color {
  margin-top: 16px;
}

.productItem.list .productItem__message {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  height: 0;
  transition: var(--trans-func);
  overflow: hidden;
}

.productItem.list .productItem__color_first {
  color: var(--col-error);
}

.productItem.list .productItem__choose_size {
  color: var(--col-error);
}

.productItem.list .productItem__color_first.shown {
  height: 1.3em;
}

.productItem.list .productItem__choose_size.shown {
  height: 1.3em;
}

.productItem.list.active .productItem__current_color {
  height: 1.3em;
}

.productItem.list .productColor__item {
  margin: 5px;
}

.productItem.list .productSize__list {
  display: flex;
  margin-top: 0;
  margin-left: -2px;
  gap: 8px;
  flex-wrap: wrap;
}

.productItem.list .productColor__list {
  margin-left: -8px;
}

.productItem.list .productSize {
  margin: 0;
  padding-top: 18px;
}

.productItem.list .productSize__body {
  justify-content: left;
  display: block;
}

.productItem.list .productIntro {
  flex-grow: 0;
  flex-shrink: 0;
  width: 34%;
  display: flex;
  gap: max(16px, 5%);
  align-items: center;
}

.productItem.list .productItem__title {
  flex-shrink: 1;
  flex-grow: 1;
  padding-right: 40px;
  font-size: clamp(16px, 2vw, 32px);
  line-height: 1.1em;
}

.productItem.list .productSize__item:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.75;
  content: " ";
  cursor: default;
}

.productItem.list .productSize__item.active:after {
  display: none;
}

.productItem.list .productSize__model.onesize {
  font-size: 8px;
  text-transform: uppercase;
  max-width: 2em;
  line-height: 1em;
}

.productItem.list .productPrice {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20%;
  display: flex;
  gap: max(16px, 5%);
  align-items: center;
}

.productItem.list .productDelivery {
  height: 0;
  overflow: hidden;
  transition: var(--trans-func);
  width: 100%;
  font-size: 11pt;
  margin-top: 4px;
}

.productItem.list .productDelivery.shown {
  height: 2em;
}

.productDelivery .msg {
  display: inline-block;
  background-color: var(--col-biedge);
  color: var(--col-grey-text);
  padding: 5px 20px;
  border-radius: 100px;
}

.productDelivery .msg.unavailable, .productDelivery .msg.already-added, .productDelivery .msg.not-available {
  background-color: var(--col-error-bg);
  color: var(--col-error);
}

.blinkEffect {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: var(--trans-func);
  transition-time: 3s;
  background-color: var(--col-error);
  z-index: 0;
  border-radius: 500px;
}

.blinkEffect.hiding {
  transform: scale(1.45);
  opacity: 0;
}

.productBtns-adding .blinkEffect.hiding {
  transform: scale(1.2);
}

.productBtns-wish .blinkEffect {
  background-color: var(--col-dark-biedge);
}

.productPage .product__delivery {
  display: none;
}

.productPage .product__error {
  display: none;
}

.productPage .product__error a {
  font-weight: bold;
  color: var(--col-error);
  text-decoration: underline;
}

.productBtns {
  gap: 24px;
}

.productBtns-adding {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
}

.productBtns-adding input {
  position: relative;
  z-index: 1;
}

.productBtns-wish {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}

.productBtns-wish button {
  position: relative;
  z-index: 1;
}

.btn-toWishListDark {
  margin-left: 0;
}

.productPage .productDelivery {
  display: none;
  margin: 24px 0;
}

.productPage .productDelivery .msg {
  padding: 16px 24px;
  font-size: 14px;
  display: inline-block;
  border-radius: 100px;
}

.cartAnimator {
  z-index: 100;
  position: fixed;
  background-color: black;
  border-radius: 500px;
  transition: var(--trans-func);
}

.spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 2;
  color: white;
  border-radius: 500px;
  opacity: 1;
  transition: var(--trans-func);
  transition-duration: 1s;
}

.spinner.hidden {
  opacity: 0;
}

.spinner .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  min-width: 36px;
  min-height: 36px;
}

@keyframes spinnerRotation {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.spinner .icon svg {
  width: 100%;
  height: 100%;
  animation: spinnerRotation 2.5s cubic-bezier(0.38, 0.1, 0, 1) infinite;
  display: block;
}

.catalogFilters__clear_link {
  margin-bottom: 20px;
  color: #999;
  padding: 10px 20px;
  display: block;
  text-align: center;
}

.cartPopup__total, .cartPopup__discount, .cartPopup__delivery {
  display: flex;
}

.cartPopup__total div, .cartPopup__discount div, .cartPopup__delivery div {
  width: 50%;
}

.cartPopup__total div + div, .cartPopup__discount div + div, .cartPopup__delivery div + div {
  text-align: right;
}

.cartPopupItem__cost--coeff {
  display: none;
}

.cartPopup__discount--kind, .checkoutAside__discount-type {
  font-size: 12px;
  color: #999;
  padding-bottom: 4px;
}

.cartPopupItem__nodiscount, .checkoutCartItem__nodiscount {
  display: none;
  font-size: 12px;
  color: #999;
}

.cartPopupItem[data-sale="1"] .cartPopupItem__nodiscount, .checkoutCartItem[data-sale="1"] .checkoutCartItem__nodiscount {
  display: block;
}

.cartPopup__wholesale, .checkoutCart__wholesale {
  display: none;
  color: var(--col-error);
  padding-top: 10px;
  text-align: center;
}

.cartPopup__wholesale.active, .checkoutCart__wholesale.active {
  display: block;
}

#cartPopup .popupRight__btn, .checkoutAside .form__submit, .checkoutAside .form__description {
  display: none;
}

#cartPopup .popupRight__btn.active, .checkoutAside .form__submit.active, .checkoutAside .form__description.active {
  display: block;
}

.formBoxes__item.bycards .formBoxes__icon img {
  width: 100%;
  max-width: 208px;
}

.promocodeActive {
  margin: 0 -10px;
  padding: 10px;
  background-color: var(--col-biedge-m2);
  position: relative;
}

.promocodeActive .removePromocode {
  position: absolute;
  right: 3px;
  height: calc(100% - 6px);
  aspect-ratio: 1;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  background-color: black;
  cursor: pointer;
}

.promocodeActive .removePromocode:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: " ";
  background-color: rgba(255, 255, 255, 0.3);
  transition: var(--trans-func);
}

.promocodeActive .removePromocode:hover:after {
  height: 100%;
}

.promocodeActive .removePromocode svg {
  width: 60%;
  height: 60%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.promoHint {
  padding-top: 10px;
  font-size: 12px;
  color: #999;
}

.promoStatus, .promoMessage {
  font-size: 12px;
  color: var(--col-error);
  padding-top: 5px;
}

.promoMessage {
  padding-top: 10px;
}

.promoStatus.hidden, .promoMessage.hidden, .promoHint.hidden {
  display: none;
}

.cabinetOrdersDetails__image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  display: flex;
}

.cabinetOrdersDetails__image img {
  flex-grow: 1;
}

.button-selector {
  display: flex;
  font-size: 10pt;
  font-weight: normal;
  margin: 1.5em 0 0;
  height: 40px;
}

.button-selector-tab {
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
  border: 1px solid var(--col-dark-biedge);
  background-color: var(--col-biedge);
  transition: var(--trans-func);
  display: flex;
  align-self: center;
  justify-content: center;
}

.button-selector-tab:first-child {
  border-radius: 50px 0 0 50px;
}

.button-selector-tab + .button-selector-tab {
  border-left: none;
}

.button-selector-tab:last-child {
  border-radius: 0 50px 50px 0;
}

.button-selector-tab:hover {
  background-color: var(--col-biedge-m2);
}

.button-selector-tab.active {
  background-color: black;
  color: white;
  border-color: black;
  cursor: default;
}

.popupRight__panel {
  display: none !important;
}

.popupRight__panel.active {
  display: flex !important;
}

.popupRight__bottom.auth__bottom {
  background-color: var(--col-biedge);
  padding: 25px 16px;
}

.btn-small {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  margin-top: 16px;
  padding-top: 0;
}

.btn-small.btn-form {
  width: fit-content;
  margin-left: unset;
  margin-right: unset;
  margin-top: 18px;
  font-size: 10pt;
}

.form__field label, .btn-form {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form__field.with-hint {
  margin-bottom: 0;
}

.form__field input {
  padding: 3px 0;
}

.form__field.inline {
  position: relative;
  margin-bottom: 24px;
}

.form__field.inline input {
  padding-left: 70px;
}

.form__field.inline label {
  position: absolute;
  top: calc(50% - 2px);
  left: 5px;
  z-index: 5;
  transform: translateY(-50%);
  cursor: pointer;
  padding-top: 3px;
}

.form__field.required label span {
  color: black; /* var(--col-error); */
}

.form__field.invalid input, .form__field.invalid .select {
  transition: var(--trans-func);
  border-color: var(--col-error);
}

.form__field input:disabled, .form__field .select.disabled, .form__field.disabled .select {
  background-color: var(--col-biedge);
  padding-left: 10px;
}

.form__field .select.disabled .formSelect {
  padding-bottom: 0;
  cursor: default;
}

.form__field .select .formSelect {
  padding-bottom: 0;
}

.form__description.hint {
  text-align: left;
  margin-bottom: 24px;
}

.form__field.checkbox__field {
  display: flex;
  gap: 10px;
}

.form__field.checkbox__field input[type=checkbox] {
  display: none;
}

.form__field.checkbox__field .checkbox__holder {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  border: 1px solid black;
  cursor: pointer;
}

.form__field.checkbox__field input[type=checkbox]:checked + .checkbox__holder {
  background: url(../images/checkbox-dark.svg) #fff no-repeat center center/20px 20px;
}

.form__field.checkbox__field label {
  color: black;
  flex-grow: 1;
  flex-shrink: 1;
}

.form__field.checkbox__field label span {
  cursor: pointer;
}

.form__field.checkbox__field.disabled .checkbox__holder, .form__field.checkbox__field.disabled label span {
  cursor: default;
}

.form__field .pwd {
  position: relative;
}

.form__field .pwd input {
  padding-right: 40px;
}

.form__field .pwd .icon {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M1006.7,509.1c-27.1-33.6-90.5-112.2-175-182.2C723.6,237.4,618,192,517.6,192c-102.3,0-205.3,40.1-306.4,119 C124.3,379,54.4,464,16.9,509.6L0.2,529.9l16.7,20.3c105.5,128.3,278,281.2,500.7,281.2c255.5,0,466.5-252.6,489.7-281.4l16.2-20.1 L1006.7,509.1z M517.6,767.5c-186.6,0-336.7-124.8-434.3-237.8C167,429,322.3,256,517.6,256c130,0,272.4,92.1,423.3,273.7 C856.5,626.3,688.7,767.5,517.6,767.5z'/%3E%3Cpath fill='currentColor' d='M512,319.6c-105.1,0-190.6,86.2-190.6,192.2S406.9,704,512,704s190.6-86.2,190.6-192.2S617.1,319.6,512,319.6z M512,640 c-69.8,0-126.6-57.5-126.6-128.2c0-70.7,56.8-128.2,126.6-128.2s126.6,57.5,126.6,128.2S581.8,640,512,640z'/%3E%3C/svg%3E%0A");
}

.form__field .pwd.shown .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M189.5,716l45.9-45.9c-59.6-42-111-92.4-152.7-140.6c83.7-100.8,239-273.7,434.3-273.7c36.2,0,73.4,7.2,111.4,21.4 l48.8-48.8C622.7,204,569.1,191.7,517,191.7c-102.3,0-205.3,40.1-306.4,119c-86.9,68-156.8,153-194.3,198.6l-16.7,20.3L16.4,550 C62,605.5,120.2,665.6,189.5,716z'/%3E%3Cpath fill='currentColor' d='M511.5,383.4c3.5,0,6.8,0.2,10.2,0.4l53.4-53.4c-19.9-7.1-41.3-11-63.6-11c-105.1,0-190.6,86.2-190.6,192.2 c0,21.9,3.7,43,10.5,62.6l53.9-53.9c-0.2-2.9-0.4-5.8-0.4-8.7C384.9,440.9,441.7,383.4,511.5,383.4z'/%3E%3Cpath fill='currentColor' d='M1006.7,509.1c-27.1-33.6-90.5-112.2-175-182.2c-17.1-14.1-34.1-27.2-51.1-39.1l169.4-169.4l-45.2-45.2L71.2,906.7 l45.2,45.2l174.6-174.6c68,33.1,143.8,54.2,226.5,54.2c255.5,0,466.5-252.6,489.7-281.4l16.2-20.1L1006.7,509.1z M638.6,511.8 c0,70.7-56.8,128.2-126.6,128.2c-23.8,0-46.1-6.7-65.2-18.4l174.4-174.4C632.2,466.2,638.6,488.3,638.6,511.8z M517.6,767.5 c-63.9,0-123.5-14.7-178.2-38.4l61.3-61.3C432,690.5,470.5,704,512,704c105.1,0,190.6-86.2,190.6-192.2c0-41.3-13-79.6-35-110.9 l67.2-67.2c66.6,45.5,135.4,110.9,206.1,196C856.5,626.3,688.7,767.5,517.6,767.5z'/%3E%3C/svg%3E");
}

.form__field.user-email .icon, .form__field.user-phone .icon {
  position: absolute;
  height: 20px;
  width: 20px;
  bottom: 9px;
  right: 21px;
  z-index: 3;
}

.form__field.user-phone:not(.with-hint) .icon {
  bottom: 57px;
}

.form__field.user-email input, .form__field.user-phone input {
  padding-right: 30px;
}

.form__field.data-not-confirmed .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M512,29.4L2,960h1020L512,29.4L512,29.4z M480,384h64v320h-64V384z M480,768h64v64h-64V768z'/%3E%3C/svg%3E");
}

.form__field.data-confirmed .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M416,749.2L201.4,534.6l45.2-45.2L416,658.8l361.4-361.4l45.2,45.2L416,749.2z'/%3E%3Cpath fill='currentColor' d='M512,1024C229.7,1024,0,794.3,0,512S229.7,0,512,0s512,229.7,512,512S794.3,1024,512,1024z M512,64C265,64,64,265,64,512 s201,448,448,448s448-201,448-448S759,64,512,64z'/%3E%3C/svg%3E");
}

.form__field.data-editing .icon {
  display: none !important;
}

.form__message {
  display: none;
  font-size: 14px;
  margin-top: 24px;
}

.form__message.shown {
  display: block;
}

.form__message.error {
  color: var(--col-error);
}

.wholesale-user {
  background-color: var(--col-biedge);
  padding: 20px 40px;
  width: 100%; /* calc(100% - 70px); */
  text-align: center;
  margin: 1em 0;
  border-bottom: 1px solid var(--col-biedge-m2);
}

.wholesale-user span {
  display: block;
  font-size: 0.8em;
  margin-top: 5px;
}

.partner-shop {
  margin: 1em 0;
  line-height: 1.4;
}

.partner-shop__label, .partner-shop__address {
  color: var(--col-grey-text);
  font-size: 0.85em;
}

.setup-password {
  display: none;
}

.setup-password.shown {
  display: flex;
  margin-top: 24px;
}

.form-message {
  margin: 0 12px;
  padding: 12px 48px;
  flex-grow: 1;
  width: 100%;
  display: none;
}

.form-message.shown {
  display: block;
  margin-bottom: 24px;
}

.form-message p {
  margin-bottom: 0;
}

.message-info {
  background-color: var(--col-biedge);
  border-left: 2px solid var(--col-biedge-m2);
}

.message-error {
  background-color: var(--col-error-bg);
  border-left: 2px solid var(--col-error);
  color: var(--col-error);
}

.notice {
  padding-top: 10px;
}

.restore-password {
  font-weight: bold;
  text-decoration: underline;
  color: var(--col-error);
}

.fl-column {
  display: flex;
  align-items: center;
  align-self: center;
}

.fl-column.use-email {
  min-height: 40px;
}

.no-padding .form__field {
  margin-bottom: 0;
  align-self: center;
}

.no-padding a.btn-form {
  margin-top: 0;
}

.btn-dark.disabled {
  opacity: 0.2;
}

.btn-form.hidden {
  display: none;
}

.row.top-padding {
  margin-top: 24px;
}

.change-password-column.hidden {
  display: none;
}

#loginMessage.error {
  color: var(--col-error);
  background-color: var(--col-error-bg);
  margin: 0 -12px;
  padding: 5px 12px;
}

.account-switcher {
  border-radius: 50px;
  border: 2px solid black;
  width: calc(100% - 20px);
  padding: 15px 40px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  margin: 20px 0;
}

.account-switcher.active {
  background-color: black;
  color: white;
  cursor: default;
}

.account-hint {
  font-size: 14px;
  color: #999;
  padding: 0 20px;
  margin-bottom: 20px;
}

h2 + .account-switcher {
  margin-top: 40px;
}

.wholesale-data {
  display: none;
}

.wholesale-data.shown {
  display: flex;
}

.popupRight__body.hidden {
  display: none;
}

.popupRight__text.blacked {
  color: black;
}

.popupRight__body input[type=submit] {
  width: 100%;
}

.clothingSize__table-head {
  display: flex;
  font-size: 12px;
  padding-bottom: 11px;
  color: #999;
}

.clothingSize__table-head div {
  width: 20%;
  flex-shrink: 0;
  flex-grow: 0;
}

.clothingSize__table-head div:nth-child(1) {
  width: 12%;
  padding-left: 5px;
}

.clothingSize__table-head div:nth-child(2) {
  width: 28%;
}

.clothingSize__table-row {
  display: flex;
  padding-bottom: 11px;
  font-size: 16px;
  padding: 12px 0;
  line-height: 24px;
}

.clothingSize__table-row div {
  width: 20%;
  flex-shrink: 0;
  flex-grow: 0;
}

.clothingSize__table-row div:nth-child(1) {
  width: 12%;
  padding-left: 5px;
}

.clothingSize__table-row div:nth-child(2) {
  width: 28%;
}

.clothingSize__table-head, .clothingSize__table-row {
  border-bottom: 1px solid #eee;
}

.clothingSize__desc {
  display: flex;
  margin-top: 40px;
}

.clothingSize__desc-ill {
  width: 20%;
  min-width: 70px;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.clothingSize__desc-ill img {
  position: absolute;
  top: 0;
  width: 100%;
}

.clothingSize__desc-text {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

.clothingSize__desc-text ul {
  position: relative;
  padding: 0;
  margin: 0;
  counter-reset: clsize;
}

.clothingSize__desc-text ul li {
  padding: 10px 20px 10px 90px;
  list-style-type: none;
  position: relative;
  counter-increment: clsize;
}

.clothingSize__desc-text ul li:before {
  position: absolute;
  top: 7px;
  left: 40px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--col-biedge);
  content: counter(clsize);
  font-size: 10px;
  padding-top: 8px;
  text-align: center;
}

.headerLine__nav .headerLine__navWrapper > ul > li ul li a {
  display: block;
}

.headerLine__nav .headerLine__navWrapper > ul > li ul li a::before {
  bottom: -5px;
}

.headerLine__nav .headerLine__navWrapper > ul > li > ul > li.mobile {
  display: none;
}

.user-kind-wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.user-kind-selector {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: 16px;
}

.user-kind-desc {
  position: relative;
  font-size: 28px;
  text-align: center;
  line-height: 1em;
}

.user-kind-hint {
  color: #888;
  text-align: center;
  padding-bottom: 16px;
  font-size: 14px;
}

.login__title-hint {
  font-size: 18px;
  color: #888;
  text-transform: lowercase;
}

.popupRight__description.register-hint {
  font-size: 16px;
  color: #888;
  margin-top: 40px;
}

.popupRight__btn.register-hint {
  margin-top: 16px;
}

.checkoutBody {
  min-height: 100vh;
  height: 100%;
}

body.checkoutBody > form {
  min-height: 100vh;
}

#codePopup #numbersPanel, #emailCodePopup #numbersPanel, #newPhoneCode .popupRight__body {
  flex-direction: column;
}

#requestEmailCodePopup .form__code-error {
  text-align: center;
}

#requestEmailCodePopup .form__code-error.shown {
  display: block;
}

.checkoutForm__error {
  display: none;
}

.checkoutForm__error.shown {
  display: block;
}

.btn-continue {
  white-space: normal;
  text-align: center;
  display: none;
  line-height: 0.9em;
  width: 45%;
}

.sc-buttons-area {
  display: flex !important;
  gap: 8px;
}

.sc-buttons-area .btn-dark {
  padding: 0 10px;
  line-height: 0.9em;
}

.filter-down-arrow {
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 10;
  bottom: 80px;
  right: 20px;
  opacity: 1;
  transition: var(--trans-func);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpolyline stroke='white' fill='none' points='4,14 10,20 16,14 '/%3E%3Cline stroke='white' x1='10' y1='0' x2='10' y2='20'/%3E%3C/svg%3E");
}

.filter-down-arrow.hidden {
  opacity: 0;
}

.catalogFilters.onmain {
  display: none;
}

.catalogFilters.onmain form {
  position: relative;
  height: 100%;
}

.catalogFilters.onmain.show.animate {
  display: unset;
}

.catalogFilters.show::before {
  top: 0;
}

.mainmenu-filters {
  display: none;
}

.productAvailableOnlyInfo {
  display: flex;
  gap: 10px;
  font-size: 10pt;
  margin-top: 15px;
}

.productAvailableOnly {
  background-color: black;
  color: white;
  border-radius: 50px;
  padding: 5px 15px;
}

.productShowAll {
  background-color: var(--col-biedge);
  padding: 5px 15px;
  border-radius: 50px;
}

.productShowAll a {
  text-decoration: underline;
}

.productShowAll:hover {
  background-color: black;
}

.productShowAll:hover a {
  color: white;
}

.productColor__item.hidden {
  display: none;
}

/* Кнопка чёрная и без пульсации: раньше она вела в телеграм и мигала его
   синим (@keyframes telegramBg ниже, оставлен на случай возврата), теперь
   это нейтральный переключатель выпадашки с тремя мессенджерами. */
.WA-floating {
  position: fixed;
  z-index: 1000;
  margin: 0;
  width: 52px;
  height: 52px;
  bottom: 24px;
  right: 24px;
  background-color: #1c1c1c;
  border-radius: 100px;
  padding: 0; /* 16px; */
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: rgb(0, 0, 0) 0px 10px 30px -10px;
  opacity: 0;
  transition: var(--trans-func);
  transition-property: opacity;
}

/* Содержимое кнопки (переключатель и выпадашка мессенджеров) — в _23-messengers. */
.WA-floating.model.moving {
  transition-property: opacity, bottom;
}

.fixed + .pageWrapper .WA-floating {
  opacity: 1;
}

@keyframes whatsappBg {
  0% {
    background-color: #379d44;
  }
  90% {
    background-color: #25d366;
  }
  95% {
    background-color: #45f386;
  }
  100% {
    background-color: #379d44;
  }
}
@keyframes telegramBg {
  0% {
    background-color: #52a5e4;
  }
  90% {
    background-color: #4691de;
  }
  95% {
    background-color: #72b6f5;
  }
  100% {
    background-color: #52a5e4;
  }
}
/*#cartPopup[data-kind="0"] .cartPopupItem .cartPopupItem__availability.unavailable { display: none; }*/
.checkout__body .checkoutCartItem[data-kind="0"] .checkoutCartItem__availability.unavailable {
  display: none;
}

.cartPopupItem__availability {
  color: var(--col-error);
}

.about-us h2 {
  font-size: 36px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  width: 100%;
  padding: 1em;
  min-width: 110%;
  margin: 3em -5% 1.5em -5%;
  text-align: center;
  padding: 1em;
}

.about-us-intro, .about-us-final {
  font-size: 120%;
  line-height: 1.4em;
}

.about-us-final {
  width: 100%;
  padding: 1em;
  min-width: 110%;
  margin: 3em -5% 1.5em -5%;
  padding: 1.5em 4em;
  background-color: var(--col-biedge);
}

.about-us-final p {
  margin: 0;
}

.about-us-quote.question {
  font-weight: 600;
}

.about-us-quote span.start {
  margin-left: -1.1em;
}

.searchPopupItem__image {
  min-width: unset;
  min-height: 55px;
}

.btn-withIcon--close {
  align-self: end;
  margin-bottom: 0;
}

.close-div {
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.close-div svg {
  margin-top: -11px;
  margin-left: -11px;
  width: 48px;
  height: 48px;
}

#removeAllWishlist.hidden {
  display: none;
}

.formBoxes__item.hidden {
  display: none !important;
}

.wholesalePopup .popupRight__body {
  flex-direction: column;
}

.wholesalePopup .popupRight__body .intro {
  padding-bottom: 30px;
  font-size: 10pt;
  line-height: 1.4em;
}

.searchPopupItem {
  padding-left: 4px;
}

.searchPopupItem__image {
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  border: 2px solid white;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  min-width: unset;
  min-height: unset;
}

.productShopping {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 16px;
  gap: 8px;
  flex-direction: row;
  border-top: 1px solid transparent;
}

.productCost, .productBtns {
  margin: unset;
}

.productShopping .productBtns {
  flex: 1 1;
}

.productShopping .productBtns input {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.productShopping .productBtns-adding {
  display: flex;
  justify-content: right;
}

/*.productShopping button.add-to-shopping-cart { width: 40px; height: 40px; }*/
.productShopping button.add-to-shopping-cart svg {
  margin-top: -3px;
}

.productShopping.sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
  border-color: lightgrey;
  margin: 0;
  padding: 16px;
  background-color: white;
  transition: var(--trans-func);
  overflow: hidden;
}

.productShopping.sticky.hidden {
  display: none;
}

.productShopping.sticky.hided {
  bottom: -100px;
}

.breadcrumbs ol, .breadcrumbs ul {
  flex-wrap: wrap;
  margin-bottom: 6px;
}

.breadcrumbs ul li {
  margin-bottom: 3px;
}

.productImages {
  min-height: 350px;
}

.productImages__slider .productImages__item {
  min-height: 330px;
}

.cabinetOrders__row.cabinetOrders__row--head {
  cursor: default;
}

.cabinetOrders__row:not(.cabinetOrders__row--head), .cabinetOrdersDetails {
  transition: var(--trans-func);
  cursor: pointer;
}

.cabinetOrders__row:not(.cabinetOrders__row--head):hover, .cabinetOrders__row._opened.hovered, .cabinetOrdersDetails:hover {
  background-color: rgba(0, 0, 0, 0.025);
}

.cabinetOrders__row._opened:hover + .cabinetOrdersDetails {
  background-color: rgba(0, 0, 0, 0.025);
}

.cabinetOrders__status-block {
  border: 2px solid white;
}

.orderHistory .cabinet__body .container {
  padding-right: 0;
  padding-left: 0;
}

.orderHistory .cabinetOrders__row {
  padding-right: 12px;
  padding-left: 12px;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.orderHistory .cabinetOrdersDetails {
  padding-left: 12px;
  padding-right: 20px;
}

.cabinetOrders__row:not(.cabinetOrders__row--head)::before {
  right: 8px;
  top: 34px;
}

.cabinetOrdersDetails__name {
  line-height: 1.2em;
}

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

.cabinetOrders__order .cabinetOrders__images {
  display: flex !important;
}

.cabinetOrders__order .cabinetOrders__info {
  display: block !important;
  flex: 1 1;
}

.cabinetOrders__number {
  width: 28%;
  display: flex;
  height: 44px;
  align-items: center;
  align-self: start;
  justify-content: start;
  flex-shrink: 1;
  flex-grow: 0;
  font-size: 20px;
}

.cabinetOrders__status {
  padding-left: calc(28% - 6px);
  justify-content: start;
  gap: 5px;
}

.cabinetOrder__headline {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1 1;
}

.cabinetOrders__images img {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  background-color: white;
}

.cabinetOrdersDetails__image {
  width: 44px;
  height: 44px;
}

.cabinetOrders__row.cabinetOrders__row--head .cabinetOrders__info {
  display: none !important;
}

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

.cabinetOrdersDetails__primg {
  display: flex;
  flex: 1 1 calc(70% - 10px);
  gap: 10px;
  order: 0;
  align-items: center;
}

.cabinetOrdersDetails__info {
  display: flex;
  flex: 1 1 100%;
  order: 2;
  padding-left: 16px;
  padding-top: 10px;
  border-top: 2px dotted rgba(0, 0, 0, 0.1);
}

.cabinetOrdersDetails__price {
  order: 1;
  flex: 1 1 30%;
}

.cabinetOrdersDetails__image {
  flex-shrink: 0;
}

.cabinetOrdersDetails__color, .cabinetOrdersDetails__size, .cabinetOrdersDetails__count {
  font-size: 14px;
  line-height: 1.2em;
}

.cabinetOrdersDetails__color {
  flex: 1 1 55%;
}

.cabinetOrdersDetails__size {
  flex: 1 1 20%;
}

.cabinetOrdersDetails__count {
  flex: 1 1 25%;
  display: flex;
  justify-content: right;
  align-items: center;
}

.cabinetOrdersDetails__dot {
  border: 2px solid white;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  overflow: hidden;
  background-color: white;
  display: flex;
  object-fit: cover;
}

.productShopping {
  flex-direction: column;
}

.productShopping.sticky > .productCost {
  display: none;
}

.productShopping.sticky .productBtns-adding .productCost__cost {
  font-size: 16px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.productBtns-adding button {
  display: flex;
  flex: 1 1;
  padding: 10px;
  color: white;
  justify-content: center;
}

.productBtns-adding button .desc {
  color: white;
  white-space: nowrap;
  margin: 0;
  display: flex;
  justify-content: center;
}

.productShopping.sticky .productBtns-adding button .desc {
  padding-left: 20px;
}

.productBtns-adding button .icon, .productBtns-adding button .icon svg {
  color: white;
  margin: 0;
  display: none;
}

.formBoxes__list {
  gap: 10px;
}

.formBoxes__trigger {
  border-color: black;
}

.checkoutAside__delivery-address {
  max-width: 100%;
}

.productItem__title {
  line-height: 16px;
}

.contacts__title:not(.contacts__title--bottom) {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 1vw;
  letter-spacing: 0;
}

.contacts__title:not(.contacts__title--bottom) .line {
  display: inline-block;
  font-size: 5.2vw;
}

.contacts__title:not(.contacts__title--bottom) .line button {
  display: none !important;
}

.contacts__title.route {
  padding-top: 2vw;
  color: #000;
}

.contacts__title.route .line {
  font-size: 3.5vw;
}

.contacts_point {
  padding-top: 1em;
  color: #999;
  padding-bottom: 2vw;
}

@media (min-width: 450px) {
  .productCost {
    flex: 1 1;
  }
  .productShopping {
    flex-direction: row;
  }
  .productBtns-adding button .icon {
    display: none;
  }
  .productShopping.sticky .productBtns-adding button .desc {
    padding-left: 0;
  }
  .productShopping.sticky > .productCost {
    display: flex;
  }
  .productShopping.sticky .productBtns-adding .productCost__cost {
    display: none !important;
  }
}
@media (min-width: 500px) {
  .productBtns-adding button .icon {
    display: block;
  }
}
@media (min-width: 600px) {
  .cabinetOrder__headline {
    flex-direction: row;
    align-items: center;
  }
  .cabinetOrders__order .cabinetOrders__images {
    min-width: 190px;
    order: 2;
  }
  .cabinetOrders__number {
    width: 20%;
    font-size: 24px;
  }
  .cabinetOrders__status {
    padding-left: calc(20% - 6px);
  }
  .cabinetOrdersDetails__primg {
    order: 0;
    flex: 1 1 30%;
  }
  .cabinetOrdersDetails__price {
    order: 2;
    flex: 1 1 15%;
  }
  .cabinetOrdersDetails__info {
    order: 1;
    flex: 1 1 50%;
    padding-left: 0;
    padding-top: 0;
    border-top: unset;
  }
}
@media (min-width: 760px) {
  .cabinetOrder__headline {
    flex-direction: row;
    align-items: center;
  }
  .cabinetOrders__order .cabinetOrders__images {
    order: 2;
  }
  .cabinetOrders__status {
    padding-left: 0;
    height: 44px;
    justify-content: start;
    align-items: center;
    align-self: start;
  }
  .cabinetOrders__row:not(.cabinetOrders__row--head)::before {
    top: 78px;
  }
  .cabinetOrders__row.cabinetOrders__row--head .cabinetOrders__date {
    width: 44.16667%;
  }
  .cabinetOrder__headline {
    gap: 15px;
  }
  .cabinetOrdersDetails__color, .cabinetOrdersDetails__size, .cabinetOrdersDetails__count {
    font-size: 16px;
  }
  .orderHistory .cabinetOrdersDetails {
    padding-left: 2.5%;
    padding-right: calc(2.5% + 20px);
  }
  .formBoxes__list {
    gap: 2px;
  }
  .formBoxes__list--three {
    display: flex;
  }
  .productItem__title {
    line-height: 20px;
  }
}
@media (min-width: 1280px) {
  .cabinetOrders__order .cabinetOrders__images {
    order: 0;
    min-width: 180px;
  }
  .cabinetOrders__order {
    flex-direction: row;
  }
  .cabinetOrders__status {
    padding-right: 60px;
    justify-content: end;
  }
  .cabinetOrders__date {
    display: flex;
    align-items: center;
  }
  .cabinetOrders__row:not(.cabinetOrders__row--head)::before {
    top: 73px;
  }
  .cabinetOrders__date, .cabinetOrders__info, .cabinetOrders__status-block, .cabinetOrders__status button {
    font-size: 18px;
  }
  .cabinetOrders__row.cabinetOrders__row--head .cabinetOrders__date {
    justify-content: start;
    width: 25.43307%;
    white-space: nowrap;
  }
  .cabinetOrders__row.cabinetOrders__row--head .cabinetOrders__info {
    flex: 1 1;
    justify-content: start;
    display: flex !important;
  }
  .cabinetOrders__row.cabinetOrders__row--head .cabinetOrders__status {
    justify-content: end;
    width: 23.54331%;
    padding-right: 90px;
  }
  .cabinetOrders__row.cabinetOrders__row--head .cabinetOrders__number {
    width: 20%;
  }
  .orderHistory .cabinetOrdersDetails {
    padding-left: 10%;
    padding-right: calc(10% + 20px);
  }
  .cabinetOrdersDetails__product {
    padding-right: 0;
  }
  .checkoutAside {
    width: 360px;
  }
}
/*.headerLine__links { display: none !important; }*/
@media (max-width: 1270px) {
  .about-us .col-xl-3 {
    max-width: 20%;
  }
}
@media (max-width: 760px) {
  .about-us h2 {
    font-size: 28px;
    margin-top: 1.5em;
    margin-bottom: 1em;
  }
  .about-us-quote {
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
  .about-us-final {
    padding: 1.5em 2em;
  }
}
@media (min-width: 1500px) {
  .productItem.list .productIntro {
    width: 43%;
  }
  .productItem.list .productItem__top {
    padding: 0.5vw;
  }
}
@media (max-width: 1200px) {
  .productItem.list .productItem__top .productItem__hit {
    width: 3.3vw;
    height: 3.3vw;
    font-size: 1vw;
  }
}
@media (max-width: 980px) {
  .productItem.list .productPrice {
    flex-direction: column;
    align-items: end;
  }
}
@media (max-width: 768px) {
  #loginWidePopup .popup__text br {
    display: block;
  }
  .catalog__page_link a {
    width: 36px;
    height: 36px;
    font-size: 11pt;
  }
  .catalogPager__navigator_next svg, .catalogPager__navigator_prev svg {
    margin-top: -1px;
  }
  .productItem.list .productPrice {
    flex-direction: row;
    align-items: center;
  }
  .productItem.list {
    flex-wrap: wrap;
    gap: 0;
  }
  .productItem.list .productIntro {
    width: 65%;
  }
  .productItem.list .productPrice {
    width: 35%;
  }
  .productItem.list .productItem__content {
    order: 3;
    padding-top: 12px;
    gap: 8px;
  }
  .productItem.list .productItem__message {
    top: 16px;
    left: 6px;
  }
  .productItem.list .productItem__choose_size {
    top: 0px;
  }
  .productItem.list .productSize__trigger {
    height: auto;
    padding: 6px 12px;
  }
  .productItem.list .productItem__photo {
    width: max(110px, 20vw);
    height: max(110px, 20vw);
  }
  .productItem.list .productItem__title {
    padding-right: 20px;
    font-size: clamp(16px, 3.3vw, 32px);
  }
  .productItem.list .productItem__top .productItem__hit {
    width: 4vw;
    height: 4vw;
    font-size: 1.2vw;
  }
  .productItem.list .productItem__top {
    padding: 1vw;
  }
  .productItem.list .productColor__list {
    margin: 0 0 0 -2px;
  }
  .productItem.list .productSize__list {
    margin-left: 3px;
  }
  .productItem.list .productItem__cost {
    font-size: clamp(20px, 5vw, 32px);
  }
  .headerLine__right > button span.count, .headerLine__right > a span.count {
    font-size: 8px;
  }
  .productBtns {
    gap: 12px;
  }
  .cartPopup__total, .cartPopup__discount, .cartPopup__delivery, .cartPopup__amount {
    font-size: 14px;
  }
  .form-message {
    margin-left: 6px;
    margin-right: 6px;
    padding: 12px 18px;
  }
  .no-padding a.btn-form {
    margin-top: 18px;
  }
  .form__field.checkbox__field label {
    display: flex;
    align-items: center;
  }
  .setup-password.shown + .row.top-padding {
    margin-top: 6px;
  }
  .setup-password.shown .col-md-6 + .col-md-6 {
    margin-top: 24px;
  }
}
@media (min-width: 450px) {
  .productShopping .productBtns {
    flex: 1 1;
  }
  .productShopping .productBtns input {
    display: block;
  }
  /*.productShopping .productBtns button:not(.src-button) { display: none; }*/
}
@media (max-width: 600px) {
  .productShopping {
    gap: 10px;
  }
  /*.productBtns { max-width: 350px; }*/
  .productPage .productCost__cost {
    font-size: 30px;
    line-height: 40px;
  }
  .productPage .productCost {
    column-gap: 10px;
  }
}
@media (min-width: 760px) {
  .headerLine__nav.show .headerLine__navWrapper > ul > li > ul > li > a {
    line-height: 16px;
  }
  .checkoutCartItem__old-cost, .cartPopupItem__old-cost {
    font-size: 16px;
  }
  .orderHistory .cabinet__body .container, .orderHistory .cabinetOrders__row {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media (min-width: 960px) {
  .formBoxes .formBoxes__item {
    flex: 1 1 calc(50% - 40px);
    max-width: calc(50% - 30px);
  }
}
@media (min-width: 1200px) {
  .orderHistory .cabinet__body .container, .orderHistory .cabinetOrders__row {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 759px) {
  .headerLine__search { /*position: fixed!important;*/ }
  .headerLine__nav.show .headerLine__navWrapper > ul > li > ul > li.mobile {
    display: block;
  }
  .account-switcher {
    margin: 10px 0;
    width: 100%;
  }
  .account-hint {
    text-align: center;
  }
  h2 + .account-switcher {
    margin-top: 10px;
  }
  .form__field.user-phone:not(.with-hint) .icon {
    bottom: 33px;
  }
  .popupRight__description.register-hint {
    font-size: 13px;
  }
}
@media (max-width: 650px) {
  .productItem.list .productIntro {
    width: 60%;
  }
  .productItem.list .productPrice {
    width: 40%;
  }
}
@media (max-width: 500px) {
  #loginWidePopup .popup__text, #loginWidePopup .popup__btn .btn {
    font-size: 10pt;
  }
  #loginWidePopup .popup__container {
    padding: 16px;
  }
  #loginWidePopup .popup__btn .btn {
    padding: 5px 20px;
  }
  #loginWidePopup .btn-withIcon--arrow svg {
    width: 10px;
    height: 10px;
    min-width: unset;
  }
  #loginWidePopup .popupRight__close {
    width: 15px;
    height: 15px;
  }
  .catalogPager__pages .catalog__page_link {
    display: none;
  }
  .catalogPager__current, .catalog__page_link.page_last, .catalog__page_link.page_first {
    display: block;
  }
}
@media (max-width: 540px) {
  .productShopping .productCost__old.old {
    font-size: 10px;
    line-height: 16px;
  }
  .productShopping .productCost__discount.sale {
    font-size: 10px;
    line-height: 14px;
    padding: 2px 8px;
    height: unset;
  }
}
@media (max-width: 480px) {
  .productItem.list .productIntro {
    width: 100%;
    gap: max(16px, 8%);
  }
  .productItem.list .productPrice {
    width: 100%;
    order: 3;
    padding-top: 16px;
  }
  .productItem.list .productItem__photo {
    width: max(110px, 35vw);
    height: max(110px, 35vw);
  }
  .productItem.list .productItem__content {
    order: 2;
  }
  .productItem.list .productItem__cost {
    font-size: 32px;
    justify-content: left;
    padding-left: 6px;
  }
  .productItem.list .productItem__cost--real {
    text-align: left;
  }
  .productItem.list .productItem__title {
    padding-right: 20px;
    font-size: clamp(24px, 6vw, 32px);
  }
  .productItem.list .productItem__add .add-to-shopping-cart svg {
    width: clamp(40px, 10vw, 60px);
    height: clamp(40px, 10vw, 60px);
  }
  .productItem.list .productItem__add .add-to-shopping-cart {
    padding: 4px;
  }
  .productItem.list .productItem__top .productItem__hit {
    width: max(24px, 8vw);
    height: max(24px, 8vw);
    font-size: max(8px, 2.4vw);
  }
  .productItem.list .productItem__top {
    padding: 1vw;
  }
  .productItem.list .productSize__list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .productItem.list .productSize__item {
    width: calc((100% - 10px) / 3);
  }
  .productItem.list .productSize__item {
    margin: 4px;
  }
  .productItem.list .productDelivery .msg {
    display: block;
    text-align: center;
  }
  .pageTitle {
    align-items: center;
  }
  .pageTitle h1 {
    font-size: max(26px, 8vw);
    padding-top: 0;
  }
  .pageTitle h1 sup {
    font-size: 11px;
  }
  .pageTitle__styles svg {
    width: max(32px, 10vw);
    height: max(32px, 10vw);
  }
  .pageTitle .btn-withIcon--filter {
    width: max(32px, 10vw);
    min-width: unset;
    height: max(32px, 10vw);
  }
  .btn-small {
    height: 30px;
    margin-top: 8px;
  }
  .form__field.inline {
    margin-bottom: 12px;
  }
  .clothingSize__table-head {
    display: flex;
    font-size: 10px;
    padding-bottom: 5px;
    color: #999;
  }
  .clothingSize__table-row {
    display: flex;
    padding-bottom: 11px;
    font-size: 13px;
    padding: 5px 0;
    line-height: 16px;
  }
  .clothingSize__text {
    margin-bottom: 20px;
  }
  .clothingSize__desc {
    margin-top: 20px;
  }
  .clothingSize__desc-text {
    font-size: 13px;
  }
  .clothingSize__desc-text ul li {
    padding-left: 60px;
    padding-right: 0;
  }
  .clothingSize__desc-text ul li:before {
    top: 7px;
    left: 25px;
    width: 20px;
    height: 20px;
    font-size: 9px;
    padding-top: 5px;
  }
  .btn-continue {
    display: flex;
  }
  .sc-buttons-area .btn-dark {
    width: 55%;
  }
  .mainmenu-filters {
    display: block;
  }
  .catalogFiltersItem__title .count {
    padding-top: 0;
  }
  .WA-floating {
    bottom: 16px;
    right: 16px;
  }
}
@media (max-width: 420px) {
  .productItem.list .productSize__item {
    width: calc((100% - 5px) / 2);
  }
}
/* ---- */
@media (min-width: 1600px) {
  .cartPopupItem__top {
    padding-right: 32px;
  }
  .cartPopupItem__cost {
    position: relative !important;
  }
  .cartPopupItem__prices {
    position: absolute;
    bottom: 0;
    flex-direction: row-reverse;
    gap: 15px;
  }
  .productItem__title {
    line-height: 24px;
  }
}
.footer__email + .footer__phone {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .footer__phone {
    margin-bottom: 4px;
  }
  .popupRight__bottom.auth_bottom {
    padding: 24px 48px;
  }
  .button-selector {
    font-size: 12pt;
  }
  .headerLine__links {
    display: flex;
    margin-top: 3px;
    margin-left: 30px !important;
  }
  .productShopping {
    margin: 48px 0 16px;
    gap: 24px;
  }
  .productShopping.sticky {
    padding-left: 24px;
    padding-right: 24px;
  }
  .cabinetOrders__row:not(.cabinetOrders__row--head)::before {
    right: 24px;
  }
}
@media (min-width: 1200px) {
  .productShopping.sticky {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1280px) {
  .footer__email, .footer__phone {
    line-height: 28px;
  }
  .productImages {
    padding: 0;
  }
  .headerLine__links {
    margin-left: unset !important;
  }
  .productShopping {
    flex-direction: column;
  }
  .productShopping .productBtns {
    max-width: unset;
  }
  .productShopping.sticky {
    display: none;
  }
}
@media (min-width: 374px) {
  .headerLine__links {
    display: flex;
    margin-top: 3px;
    margin-left: 48px;
  }
  .headerLine__links .whatsapp {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1279px) {
  .checkoutCartItem__remove {
    margin-left: 10px;
  }
  .checkoutCart .spinner {
    height: calc(100% - 52px);
  }
  .checkoutCartEmpty {
    padding-top: 15px;
  }
  .checkoutCartEmpty .message {
    font-size: 20pt;
  }
  .checkoutCartEmpty .btns {
    gap: 10px;
  }
}
@media (max-width: 759px) {
  .headerLine__search {
    position: fixed !important;
    top: unset;
  }
  .checkoutCartItem__availability, .cartPopupItem__availability {
    font-size: 12px;
  }
  .checkoutCart .spinner {
    height: calc(100% - 10px);
    top: 10px;
  }
  .checkoutCartEmpty {
    gap: 20px;
  }
  .checkoutCartEmpty .message {
    font-size: 16pt;
  }
}
@media (max-width: 374px) {
  .checkoutCartEmpty .btns {
    flex-direction: column;
  }
  .checkoutCartEmpty .btns a {
    max-width: unset;
  }
}
.footer__req {
  margin-top: 16px;
}

/* Bonus popup */
#bonusPopup {
  z-index: 110;
}

#bonusPopup .popup__container.bonusPopup__container {
  position: relative;
  max-width: 420px;
  width: 100%;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  background: #fff;
}

.bonusPopup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1;
  color: #000;
  cursor: pointer;
  z-index: 2;
  transition: background 0.2s ease;
}

.bonusPopup__close:hover {
  background: #c0c0c0;
}

.bonusPopup__image {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1363/893;
  overflow: hidden;
}

.bonusPopup__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0.6;
}

.bonusPopup__content {
  flex: 0 0 auto;
  padding: 24px 20px 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bonusPopup__title {
  font-family: "ResistSansDisplay", sans-serif;
  font-size: 36px;
  line-height: 1.07;
  font-weight: 400;
  text-align: center;
  color: #000;
  margin-bottom: 12px;
}

.bonusPopup__subtitle {
  font-family: "ResistSansDisplay", sans-serif;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  color: #000;
  margin-bottom: 20px;
  max-width: 90%;
}

.bonusPopup__btn {
  margin-bottom: 16px;
}

.bonusPopup__register {
  display: inline-block;
  padding: 10px 40px;
  font-family: "ResistSansDisplay", sans-serif;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 400;
  color: #000;
  border: 2px solid #000;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
  cursor: pointer;
}

.bonusPopup__register:hover {
  background: #000;
  color: #fff;
}

.bonusPopup__note {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  color: #000;
}

@media (max-width: 460px) {
  #bonusPopup .popup__container.bonusPopup__container {
    max-width: calc(100% - 32px);
  }
  .bonusPopup__close {
    width: 30px;
    height: 30px;
    top: 8px;
    right: 8px;
    font-size: 15px;
  }
  .bonusPopup__content {
    padding: 18px 16px 16px;
  }
  .bonusPopup__title {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .bonusPopup__subtitle {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .bonusPopup__register {
    font-size: 20px;
    padding: 8px 28px;
  }
  .bonusPopup__note {
    font-size: 10px;
  }
}
@media (min-width: 760px) {
  #bonusPopup .popup__container.bonusPopup__container {
    max-width: 480px;
  }
  .bonusPopup__close {
    width: 40px;
    height: 40px;
    top: 12px;
    right: 12px;
    font-size: 20px;
  }
  .bonusPopup__title {
    font-size: 40px;
    margin-bottom: 14px;
  }
  .bonusPopup__subtitle {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .bonusPopup__register {
    font-size: 28px;
    padding: 12px 48px;
  }
  .bonusPopup__note {
    font-size: 12px;
  }
}
/* Registration popup */
#regPopup {
  z-index: 110;
}

#regPopup .popup__container {
  max-width: 420px;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  position: relative;
}

#regPopup .popup__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/register-popup.png) center center/cover no-repeat;
  opacity: 0.4;
  z-index: 0;
  pointer-events: none;
}

#regPopup .popup__container > *:not(.regPopup__close) {
  position: relative;
  z-index: 1;
}

.regPopup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #eec8c8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  color: #000;
  cursor: pointer;
  z-index: 3;
  transition: background 0.2s ease;
}

.regPopup__close:hover {
  background: #ddb0b0;
}

.regPopup__title {
  flex-shrink: 0;
  padding: 50px 32px 0;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
  color: #000;
}

.regPopup__form {
  flex: 1 1 auto;
  padding: 24px 32px 0;
  overflow-y: auto;
}

.regPopup__field {
  position: relative;
  margin-bottom: 16px;
}

.regPopup__label {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.regPopup__label span {
  color: #c43939;
  font-size: 16px;
  margin-left: 1px;
}

.regPopup__field input:focus ~ .regPopup__label,
.regPopup__field input:not(:placeholder-shown) ~ .regPopup__label {
  opacity: 0;
}

.regPopup__field input {
  width: 100%;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.3;
  border: 2px solid #7b7b7b;
  border-radius: 12px;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.regPopup__field input:focus {
  border-color: #000;
}

.regPopup__req {
  color: #c43939;
  font-size: 16px;
  margin-left: 2px;
}

.regPopup__checks {
  padding: 8px 0 0;
}

.regPopup__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.4;
  color: #000;
}

.regPopup__check input[type=checkbox] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid #000;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
  background: transparent;
  flex-shrink: 0;
}

.regPopup__check input[type=checkbox]:checked {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,20,20'%3E%3Cpath d='M4.5,10 l+4.5,+4 l+7,-9' stroke='white' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");
}

.regPopup__check a {
  color: #000;
  text-decoration: underline;
}

.regPopup__check a:hover {
  color: #333;
}

.regPopup__check .regPopup__req {
  top: 0;
}

.regPopup__btn {
  padding: 16px 0 0;
  text-align: center;
}

.regPopup__submit {
  display: inline-block;
  width: 100%;
  padding: 14px 40px;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 400;
  color: #000;
  border: 2px solid #000;
  border-radius: 12px;
  background: rgba(251, 251, 251, 0.9);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.regPopup__submit:hover:not(:disabled) {
  background: #000;
  color: #fff;
}

.regPopup__submit:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.regPopup__footer {
  flex-shrink: 0;
  padding: 20px 24px 24px;
  text-align: center;
}

.regPopup__link {
  font-size: 12px;
  line-height: 1.4;
  color: #000;
}

.regPopup__link span {
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 460px) {
  #regPopup .popup__container {
    max-width: calc(100% - 32px);
  }
  .regPopup__title {
    font-size: 22px;
    padding: 40px 20px 0;
  }
  .regPopup__form {
    padding: 20px 20px 0;
  }
  .regPopup__submit {
    font-size: 20px;
  }
  .regPopup__footer {
    padding: 16px 16px 20px;
  }
}
@media (min-width: 760px) {
  #regPopup .popup__container {
    max-width: 480px;
  }
  .regPopup__title {
    font-size: 32px;
    padding: 56px 40px 0;
  }
  .regPopup__form {
    padding: 28px 40px 0;
  }
  .regPopup__field input {
    padding: 16px 18px;
    font-size: 15px;
  }
  .regPopup__label {
    left: 20px;
    font-size: 15px;
  }
  .regPopup__submit {
    font-size: 28px;
    padding: 16px 48px;
  }
  .regPopup__close {
    width: 40px;
    height: 40px;
    font-size: 22px;
    top: 14px;
    right: 14px;
  }
}
/* Success / Already registered popups */
.successPopup {
  z-index: 110;
}

.successPopup .popup__container {
  max-width: 380px;
  padding: 48px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.successPopup__title {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 400;
  color: #000;
}

.successPopup__text {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: #000;
}

.successPopup__btn {
  width: 100%;
}

.successPopup__continue {
  display: inline-block;
  padding: 12px 40px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 400;
  color: #000;
  border: 2px solid #000;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.successPopup__continue:hover {
  background: #000;
  color: #fff;
}

@media (max-width: 460px) {
  .successPopup .popup__container {
    max-width: calc(100% - 32px);
    padding: 36px 24px;
    gap: 24px;
  }
  .successPopup__title {
    font-size: 22px;
  }
  .successPopup__text {
    font-size: 15px;
  }
  .successPopup__continue {
    font-size: 18px;
    padding: 10px 32px;
  }
}
@media (min-width: 760px) {
  .successPopup .popup__container {
    max-width: 440px;
    padding: 56px 40px;
    gap: 40px;
  }
  .successPopup__title {
    font-size: 32px;
  }
  .successPopup__text {
    font-size: 20px;
  }
  .successPopup__continue {
    font-size: 24px;
  }
}
/* --- Loyalty flow: authPopup alternate title --- */
.loyalty__title {
  display: none;
}

#authPopup.loyalty-flow .login__title {
  display: none !important;
}

#authPopup.loyalty-flow .loyalty__title {
  display: block;
}

/* =========================================
   Списки с тире
========================================= */
.dashList {
  list-style: none;
  padding-left: 0;
  margin: 15px 0;
}

.dashList li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  line-height: 1.5;
}

.dashList li::before {
  content: "—";
  position: absolute;
  left: 0;
  top: 0;
}

.dashList li a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.35);
  transition: opacity 0.2s ease, border-color 0.2s ease;
}

.dashList li a:hover {
  opacity: 0.7;
  border-bottom-color: rgba(0, 0, 0, 0.7);
}

/* =========================================
   Вариант: Телефон + маленькие SVG с полями
========================================= */
.messengers-custom {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important; /* Убираем автоотступы флекса, управляем вручную */
  vertical-align: middle !important;
  margin: 0 5px !important;
}

/* Полный сброс старых круглых стилей сайта для ссылок в этом блоке */
.messengers-custom a {
  all: unset !important; /* Отключает внешнее наследование (круги, фоны) */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: none !important;
  transition: opacity 0.2s ease !important;
  padding: 0 !important;
  cursor: pointer !important; /* Возвращает указатель-пальчик */
}

.messengers-custom a:hover {
  opacity: 0.75 !important;
}

/* Настройки отступов для иконок (регулируйте под свои файлы tg3.svg/max3.svg) */
.messengers-custom .telegram {
  margin: 0 0px 0 0 !important;
}

.messengers-custom .max {
  margin: 0 0 0 2px !important;
}

/* Принудительные размеры для картинок (выставлено 34px, как в вашем HTML) */
.messengers-custom img {
  all: unset !important;
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Отступ от номера телефона до первой иконки */
.messengers-custom .phoneLink {
  all: unset !important; /* Сбрасываем лишнее, чтобы телефон не ломался */
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap !important;
  display: inline !important;
  cursor: pointer !important;
  margin-right: 16px !important; /* УВЕЛИЧЕНО: отступ от номера до иконки */
}

/* =========================================
   большие кнопки мессенджеров (Высота 43px, в ряд)
========================================= */
.messengers-large {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important; /* Отступ между двумя большими кнопками */
  vertical-align: middle !important;
  margin: 0 5px !important;
  flex-wrap: nowrap !important; /* Запрещаем им переноситься друг под друга */
}

.messengers-large a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.2s ease !important;
  /* Полностью нейтрализуем старые круглые рамки и фоны */
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.messengers-large a:hover {
  opacity: 0.75 !important;
}

.messengers-large img {
  height: 24px !important;
  width: 24px !important;
  display: block !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}

/* Кнопка собирается из иконки и подписи: картинок /images/write_*.svg, которыми
   она была сделана, нет ни на бою, ни у нас (миграция 2026-09-23-forcustomers-write-buttons.sql) */
.messengers-large a {
  gap: 10px !important;
  height: 43px !important;
  padding: 0 20px !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 22px !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.messengers-large a:hover {
  background: var(--col-biedge) !important;
  opacity: 1 !important;
}

@media (max-width: 575px) {
  .messengers-large {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .messengers-large a {
    padding: 0 14px !important;
    font-size: 14px !important;
  }
}
/* =========================================
   Плавающая кнопка в углу: выпадашка мессенджеров

   Сама кнопка (.WA-floating) описана в _15-misc: позиция, размер, пульсация
   фона. Здесь только её содержимое и всплывающая панель. Панель лежит внутри
   кнопки и позиционируется от неё, поэтому на карточке товара, где скрипт
   двигает кнопку вверх от липкой панели покупки, она едет вместе с ней.
========================================= */
.WA-floating__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  cursor: pointer;
}

.WA-floating__toggle svg {
  width: 26px;
  height: 26px;
}

/* Открытая кнопка превращается в крестик. */
.WA-floating__iconClose,
.WA-floating.open .WA-floating__iconChat {
  display: none;
}

.WA-floating.open .WA-floating__iconClose {
  display: block;
}

.messengersPopup {
  position: absolute;
  right: 0;
  bottom: calc(100% + 14px);
  width: 300px;
  max-width: calc(100vw - 32px);
  /* На низком экране (и на карточке товара, где скрипт поднимает кнопку
     над липкой панелью покупки) панель не должна уезжать за верх окна. */
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
  text-align: left;
  color: #111;
  cursor: default;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}

.WA-floating.open .messengersPopup {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.messengersPopup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #f1f1f1;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.messengersPopup__close svg {
  width: 18px;
  height: 18px;
}

.messengersPopup__close:hover {
  background-color: #e3e3e3;
}

.messengersPopup__title {
  margin: 0 32px 8px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.messengersPopup__text {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.4;
  color: #444;
}

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

/* Два в ряд, третий под ними: так же, как в макете. */
.messengersPopup__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(50% - 5px);
  padding: 10px 12px;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  font-size: 15px;
  color: #111 !important;
  text-decoration: none;
  transition: var(--trans-func);
  transition-property: border-color, box-shadow;
}

.messengersPopup__item:hover {
  border-color: #bdbdbd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.messengersPopup__icon {
  flex: 0 0 auto;
  display: block;
  width: 28px;
  height: 28px;
}

/* Логотипы лежат файлами в www/images/messenger: официальные, не рисованные. */
.messengersPopup__icon img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0;
}

@media (max-width: 380px) {
  .messengersPopup__item {
    width: 100%;
  }
}
/* === Мобильная вёрстка: правки под конверсию (19.08.2026) === */
@media (max-width: 759px) {
  /* A. Иконка входа в шапке не должна наезжать на центрированный логотип.
     На мобильном в правом блоке три иконки, а вход был шире соседних (48 против
     36), из-за чего перекрывал логотип. Приводим к размеру соседних. */
  .headerLine__login {
    width: 36px !important;
  }
  /* Базовая вёрстка задаёт иконке залогиненного входа 48px с !important:
     в кнопке 36px она вылезала вправо из кружка. */
  .headerLine__login--authorised svg {
    width: 100% !important;
  }
  /* B. Попапы авторизации (телефон, коды, выбор розница/партнёр). Тело попапа
     заполняет всю высоту между заголовком и нижней панелью и центрировало контент
     по вертикали: между заголовком и полями зияла пустота, а при переходе между
     шагами поля оказывались в разных местах и «прыгали». Прижимаем контент к верху,
     под заголовок, чтобы шаги были стабильны. */
  .authPopup .popupRight__body {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
  }
  .authPopup .form__code {
    margin-top: 24px;
  }
}
/* === Панель Яндекс-браузера поверх картинок (27.08.2026) === */
/* Яндекс-браузер при наведении рисует поверх изображений свою панель (поиск по
   картинке, «Нейро» и прочее) и портит карточки товара, слайдер и баннеры.
   Штатного способа отключить её со стороны сайта нет: ни атрибута, ни мета-тега.
   Единственный работающий приём: снять с картинки события мыши, тогда браузер
   считает её неинтерактивной и панель не появляется.
   Клики при этом не теряются: во всех местах, где картинка кликабельна, она
   лежит внутри ссылки или блока с обработчиком (галерея товара в <a
   data-fancybox>, превью в .productPagePreviews__data>div, плитка каталога в
   <a>), и событие уходит на родителя. */
img {
  pointer-events: none;
}

/* Исключение: внутри просмотрщика fancybox картинка своя интерактивная
   (зум и перетаскивание), там события нужны. */
.fancybox-container img {
  pointer-events: auto;
}

/* Исключение для сотрудников магазина (inc/features.inc): у кого стоит кука,
   у того на <html> есть класс staff и картинки снова обычные, то есть
   сохраняются правой кнопкой. Панель Яндекс-браузера у них при этом
   вернётся: это осознанный размен, покупателя он не касается. */
html.staff img {
  pointer-events: auto;
}

/* Отступ под фиксированную шапку.

   Шапка (.header) вынута из потока: position: fixed. Место под неё держит
   padding-top у .pageWrapper, и это единственная компенсация, поэтому число
   обязано совпадать с реальной высотой шапки.

   Высот у шапки две. Сверху может стоять баннер-объявление (.headerMessage,
   текст задаётся в админке): пока он есть, шапка выше на его высоту, а когда
   покупатель закрывает баннер крестиком, скрипт вешает на .pageWrapper класс
   .noMessage. Базовая вёрстка это учитывала и держала два набора значений.

   Наши правки в my.css оставили только один набор, снятый с сайта без баннера.
   Пока баннера не было, всё сходилось. Как только в админке включили
   объявление про ремонт шоу-рума, компенсация перестала покрывать шапку, и та
   легла поверх начала страницы: на мобильном пропадали верхние 40 пикселей,
   на карточке товара 42 (проверено на бою 28.08.2026).

   Поэтому высота баннера вынесена в переменную и складывается с базовым
   отступом. Значения самого отступа оставлены наши, выверенные глазами:
   базовая вёрстка давала 56 / 88 / 144, у нас 56 / 92 / 150.

   Дефолт переменной задаётся из CSS, чтобы страница верно раскладывалась
   ещё до выполнения скриптов, а точное значение потом подставляет
   setupHeaderOffset() в my.js: баннер с длинным текстом переносится на две
   строки и становится выше, чем константа. */
.pageWrapper {
  --headerMessage-h: 0px;
  padding-top: calc(56px + var(--headerMessage-h));
}

/* :not(.noMessage) нужен, чтобы закрытый баннер снова давал ноль: скрипт его
   прячет, но из DOM не убирает, и :has() продолжает его находить. */
body:has(.headerMessage) .pageWrapper:not(.noMessage) {
  --headerMessage-h: 40px;
}

@media (min-width: 768px) {
  .pageWrapper {
    padding-top: calc(92px + var(--headerMessage-h));
  }
}
@media (min-width: 1280px) {
  .pageWrapper {
    padding-top: calc(150px + var(--headerMessage-h));
  }
  body:has(.headerMessage) .pageWrapper:not(.noMessage) {
    --headerMessage-h: 48px;
  }
}
/* === Метка режима сотрудника (28.08.2026) === */
/* Кука с дополнительными возможностями живёт год, ставится один раз и ничем
   себя не выдаёт: сотрудник легко забудет, что смотрит сайт не так, как его
   видит покупатель. Метка нужна именно для этого, а не для красоты.

   Рисуется псевдоэлементом на <html>, чтобы не трогать разметку: иначе блок
   пришлось бы вставлять в четыре шаблона (main, cart, cart_ro, pay). */
html.staff::after {
  content: "режим сотрудника";
  position: fixed;
  /* Слева, а не справа: справа внизу висят кнопки мессенджеров
     (_23-messengers.scss), и метка перекрывала телеграм. */
  left: 12px;
  bottom: 12px;
  /* Выше содержимого страницы, но ниже всплывающих окон корзины и входа. */
  z-index: 9000;
  padding: 5px 10px 5px 20px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.92);
  /* Оранжевый кружок слева от надписи. Градиентом, а не вторым
     псевдоэлементом: ::before на <html> ещё может понадобиться. */
  background-image: radial-gradient(circle at 10px 50%, #f28c28 0 4px, transparent 4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  font-size: 11px;
  line-height: 1.2;
  color: #555;
  /* Метка сугубо информационная: клики проходят сквозь неё, закрывать
     собой кнопку или виджет чата она не должна. */
  pointer-events: none;
}

/* Пометка товара, которого покупатель не видит (нет остатка или цены): выводится
   только в режиме сотрудника, в результатах поиска и на карточке. */
.staffOnly {
  margin: 6px 0;
  padding: 4px 8px;
  border-radius: 6px;
  background: #fdf0e0;
  color: #a55a00;
  font-size: 12px;
  line-height: 1.3;
}

.partners h2 {
  margin: 0 0 24px;
}
.partners section {
  margin-bottom: 80px;
}

.partners-hero {
  position: relative;
  isolation: isolate;
  min-height: 520px;
  display: flex;
  align-items: flex-end;
  color: #fff;
  overflow: hidden;
}
.partners-hero__media {
  position: absolute;
  inset: 0;
  background: #2b2622;
}
.partners-hero__media video, .partners-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partners-hero__media--playing .partners-hero__poster {
  opacity: 0;
}
.partners-hero__media::after {
  z-index: 1;
}
.partners-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.42) 50%, rgba(0, 0, 0, 0.72) 100%);
  pointer-events: none;
}
.partners-hero__poster {
  transition: opacity 0.4s ease;
}
.partners-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.partners-hero__slide.active {
  opacity: 1;
}
.partners-hero__content {
  position: relative;
  z-index: 2;
  padding-bottom: 56px;
}
.partners-hero__kicker {
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
  margin: 0 0 16px;
}
.partners-hero__title {
  font-size: 44px;
  line-height: 1.1;
  max-width: 900px;
  margin: 0 0 32px;
  color: #fff;
}
.partners-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.partners-hero__actions .btn {
  width: auto;
  min-width: 300px;
  padding: 0 32px;
  white-space: nowrap;
}
.partners-hero__actions .btn-dark {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.partners-hero__actions .btn-darkBorder {
  color: #fff;
  border-color: #fff;
}

.partners-benefits__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 40px;
}
.partners-benefits__list li {
  padding: 10px 0;
  border-bottom: 1px solid #e2e5e9;
  font-size: 14px;
}

.partners-blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.partners-block__media {
  aspect-ratio: 4/5;
  background: #e5e7eb;
  margin-bottom: 20px;
}
.partners-block__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partners-block h3 {
  margin: 0 0 12px;
}
.partners-block p {
  margin: 0 0 12px;
  color: #4a4542;
}

.partners-cta {
  text-align: center;
}
.partners-cta__hat {
  display: block;
  width: 96px;
  height: 96px;
  margin: 0 auto 4px;
}
.partners-cta p {
  margin: 0 0 24px;
}
.partners-cta .btn {
  width: auto;
  min-width: 300px;
  padding: 0 32px;
  display: inline-flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .partners section {
    margin-bottom: 48px;
  }
  .partners-hero {
    min-height: 480px;
  }
  .partners-hero__title {
    font-size: 28px;
  }
  .partners-hero__actions .btn, .partners-cta .btn {
    min-width: 0;
    width: 100%;
    white-space: normal;
  }
  .partners-benefits__list {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .partners-blocks {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-left: 16px;
    padding-right: 16px;
    scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .partners-blocks::-webkit-scrollbar {
    display: none;
  }
  .partners-block {
    flex: 0 0 82%;
    scroll-snap-align: start;
  }
}
.partner-cabinet__kicker {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 8px 0 0;
}
.partner-cabinet .pageTitle h1 {
  font-size: 56px;
  line-height: 1.1;
  margin: 8px 0 16px;
}
.partner-cabinet__lead {
  max-width: 560px;
  color: #4a4542;
  margin: 0 0 24px;
}
.partner-cabinet__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.partner-cabinet__main, .partner-cabinet__side {
  display: grid;
  gap: 24px;
}

.partner-card {
  display: block;
  background: #fff;
  border: 1px solid #e2e5e9;
  border-radius: 16px;
  padding: 24px;
  color: inherit;
}
.partner-card__label {
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a4542;
  margin-bottom: 6px;
}
.partner-card__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
}
.partner-card__head h2 {
  margin: 0;
  font-size: 20px;
}
.partner-card__head a {
  font-size: 14px;
}
.partner-card h2 {
  font-size: 20px;
  margin: 0 0 16px;
}

.partner-level__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.partner-level__tier {
  font-size: 22px;
}
.partner-level__bar {
  height: 6px;
  background: #eceef1;
  border-radius: 3px;
  margin: 16px 0 8px;
  overflow: hidden;
}
.partner-level__bar span {
  display: block;
  height: 100%;
  background: #000;
}
.partner-level__hint {
  font-size: 13px;
  color: #6b7078;
  padding-bottom: 16px;
  border-bottom: 1px solid #eceef1;
}
.partner-level__facts {
  display: flex;
  gap: 48px;
  margin-top: 16px;
}
.partner-level__facts b {
  font-size: 24px;
}

.partner-note {
  border-color: #d1d5db;
  background: #f5f6f8;
}

.partner-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.partner-cart__icon {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f3f4f6;
  display: grid;
  place-items: center;
}
.partner-cart__text {
  display: grid;
  gap: 4px;
  margin-right: auto;
}
.partner-cart__text span {
  font-size: 13px;
  color: #6b7078;
}
.partner-cart__warn {
  color: #b3541e !important;
}
.partner-cart__go {
  white-space: nowrap;
  font-size: 14px;
}
.partner-cart:hover {
  border-color: #000;
}

.partner-orders table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.partner-orders th {
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7078;
  font-weight: normal;
  padding: 8px 0;
}
.partner-orders td {
  padding: 14px 0;
  border-top: 1px solid #eceef1;
}
.partner-orders th:nth-child(n+3), .partner-orders td:nth-child(n+3) {
  text-align: right;
}
.partner-orders__empty {
  color: #6b7078;
  margin: 0;
}
.partner-orders__repeat {
  margin-top: 20px;
  text-align: right;
}
.partner-orders__repeat .btn {
  width: auto;
  display: inline-flex;
  padding: 0 28px;
}

.partner-status {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  font-size: 12px;
  background: #eef1f7;
  color: #2d4a7a;
}
.partner-status--paid {
  background: #e9f3ea;
  color: #2f6b36;
}

.partner-manager {
  display: grid;
  gap: 4px;
}
.partner-manager__person {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.partner-manager__person > span {
  display: grid;
}
.partner-manager__avatar {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #2b2622;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 15px;
}
.partner-manager__name {
  font-size: 17px;
}
.partner-manager__dept {
  font-size: 13px;
  color: #6b7078;
}
.partner-manager__line {
  font-size: 14px;
}
.partner-manager__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.partner-manager__buttons .btn {
  width: 100%;
}

.partner-tiers__row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: center;
}
.partner-tiers__arrow {
  color: #6b7078;
}
.partner-tiers__item {
  display: grid;
  gap: 2px;
  border: 1px solid #e2e5e9;
  border-radius: 12px;
  padding: 14px;
  background: #f7f8fa;
}
.partner-tiers__item small {
  color: #6b7078;
  font-size: 12px;
}
.partner-tiers__item b {
  font-size: 20px;
  margin-top: 6px;
}
.partner-tiers__item.active {
  border: 2px solid #000;
  background: #fff;
}

.partner-favs__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.partner-favs__item {
  position: relative;
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: inherit;
  align-content: start;
}
.partner-favs__img {
  display: block;
  aspect-ratio: 1;
  background: #f3f4f6;
  border-radius: 8px;
  overflow: hidden;
}
.partner-favs__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partner-favs__name {
  color: inherit;
}
.partner-favs__price {
  color: #4a4542;
}
.partner-favs__add {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #e2e5e9;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 16px;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  padding: 0;
}
.partner-favs__add:disabled {
  opacity: 0.5;
}

@media (max-width: 991px) {
  .partner-cabinet__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .partner-cabinet .pageTitle h1 {
    font-size: 30px;
    margin-bottom: 8px;
  }
  .partner-card {
    padding: 16px;
    border-radius: 12px;
  }
  .partner-level__facts {
    gap: 24px;
  }
  .partner-level__facts b {
    font-size: 20px;
  }
  .partner-cart {
    flex-direction: column;
    align-items: flex-start;
  }
  .partner-orders th:nth-child(2), .partner-orders td:nth-child(2) {
    display: none;
  }
}
.partnerPrices {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 32px;
  margin: 8px 0 20px;
}
.partnerPrices__item {
  display: grid;
  gap: 2px;
}
.partnerPrices__price {
  font-size: 24px;
  line-height: 1.2;
}
.partnerPrices__item + .partnerPrices__item .partnerPrices__price {
  color: #4a4542;
}
.partnerPrices__label {
  font-size: 12px;
  color: #6b7078;
}
.partnerPrices__item {
  max-width: 260px;
}
.partnerPrices__help {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  font-size: 11px;
  line-height: 16px;
  padding: 0;
  margin-left: 4px;
  cursor: pointer;
  vertical-align: 1px;
}
.partnerPrices__hint {
  margin-top: 8px;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
.partnerPrices__hint p {
  margin: 0 0 4px;
}
.partnerPrices__hint p:last-child {
  margin: 0;
}

.tilePrices {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  align-items: flex-start;
}
.tilePrices__item {
  position: relative;
}
.tilePrices__price {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.tilePrices__item + .tilePrices__item .tilePrices__price {
  color: #4a4542;
}
.tilePrices__label {
  display: block;
  font-size: 11px;
  line-height: 14px;
  color: #6b7078;
}
.tilePrices__help {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  font-size: 10px;
  line-height: 14px;
  padding: 0;
  margin-left: 2px;
  cursor: pointer;
  vertical-align: 2px;
}
.tilePrices__hint {
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 0;
  width: 200px;
  margin-top: 6px;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.tilePrices__item + .tilePrices__item .tilePrices__hint {
  left: auto;
  right: 0;
}

.partnerAuth .popupRight__body {
  flex-direction: column;
}
.partnerAuth .form__field label {
  display: block;
  margin-bottom: 8px;
}
.partnerAuth .form__field input {
  width: 100%;
}
.partnerAuth .form__field.invalid input {
  border-color: var(--col-error);
}
.partnerAuth .form__code-error {
  display: none;
  margin: 12px 0 0;
  color: var(--col-error);
  text-align: center;
}
.partnerAuth .form__code-error:not(:empty) {
  display: block;
}
.partnerAuth__register {
  margin-top: 24px;
  font-size: 16px;
  color: var(--col-grey-text);
}
.partnerAuth__register a {
  text-decoration: underline;
}
.partnerAuth .auth__bottom .popupRight__description {
  font-size: 13px;
  line-height: 1.5;
  color: var(--col-grey-text);
  text-align: left;
}
.partnerAuth .auth__bottom .popupRight__description a {
  color: inherit;
  text-decoration: underline;
}
.partnerAuth__timer {
  text-align: center;
  color: var(--col-grey-text);
}
.partnerAuth .partnerAuth__resend.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.partnerAuth__accounts {
  margin-top: 8px;
}
.partnerAuth__accounts-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
.partnerAuth__account {
  text-align: left;
  white-space: normal;
  height: auto;
  min-height: 56px;
  padding: 16px 20px;
  line-height: 1.3;
}
.partnerAuth .hidden {
  display: none;
}

#codePopup .popupRight__bottom .popupRight__description {
  text-align: center;
  color: var(--col-grey-text);
}

#authPopup .auth__bottom .popupRight__description {
  font-size: 13px;
  line-height: 1.5;
  color: var(--col-grey-text);
  text-align: left;
}
#authPopup .auth__bottom .popupRight__description a {
  color: inherit;
  text-decoration: underline;
}

#authPopup .auth__partners, #partnerCodePopup .auth__partners, #partnerAuthPopup .auth__partners {
  margin-top: 24px;
  text-align: center;
}

#authPopup .auth__partners-link, #partnerCodePopup .auth__partners-link, #partnerAuthPopup .auth__partners-link {
  font-size: 13px;
  line-height: 18px;
  color: #91969d;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#authPopup .auth__partners-link:hover, #partnerCodePopup .auth__partners-link:hover, #partnerAuthPopup .auth__partners-link:hover {
  color: #000;
}

.partnerAuth .hidden {
  display: none !important;
}
.partnerAuth__tabs {
  margin: 20px 0 16px;
}
.partnerAuth__tabs .button-selector-tab.active {
  background: #000;
  border-color: #000;
  color: #fff;
}

.partnerReg {
  padding-top: 40px;
  padding-bottom: 80px;
}
.partnerReg h1, .partnerReg h2 {
  margin: 0 0 24px;
}
.partnerReg__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 32px;
  margin-bottom: 48px;
  border-bottom: 1px solid var(--col-biedge-m2);
  padding-bottom: 20px;
}
.partnerReg__step {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--col-grey-text);
  font-size: 15px;
}
.partnerReg__step-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--col-biedge);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.partnerReg__step.active {
  color: inherit;
}
.partnerReg__step.active .partnerReg__step-num {
  background: #1a1a1a;
  color: #fff;
}
.partnerReg__panel {
  display: none;
}
.partnerReg__panel.active {
  display: block;
}
.partnerReg__intro {
  max-width: 720px;
  margin-bottom: 40px;
}
.partnerReg__note {
  margin: -12px 0 20px;
  font-size: 14px;
  color: var(--col-grey-text);
}
.partnerReg__label {
  margin-bottom: 20px;
  font-size: 18px;
}
.partnerReg__label span {
  color: var(--col-error);
}
.partnerReg__form {
  max-width: 760px;
}
.partnerReg__options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.partnerReg__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  min-height: 72px;
  padding: 16px 20px;
  border: 1px solid var(--col-biedge-m2);
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.3;
  transition: border-color 0.2s, background-color 0.2s;
}
.partnerReg__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.partnerReg__option::before {
  content: "";
  flex: 0 0 20px;
  height: 20px;
  border-radius: 5px;
  border: 1.5px solid #91969d;
  background: #fff center/14px no-repeat;
  transition: background-color 0.2s, border-color 0.2s;
}
.partnerReg__option:hover {
  border-color: #1a1a1a;
}
.partnerReg__option:has(input:checked) {
  border-color: #1a1a1a;
  background: #f4f5f7;
}
.partnerReg__option:has(input:checked)::before {
  border-color: #1a1a1a;
  background-color: #1a1a1a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.partnerReg__option:has(input:focus-visible) {
  outline: 2px solid #1a1a1a;
  outline-offset: 2px;
}
.partnerReg .form__field:has(+ .partnerReg__hint),
.partnerReg .form__field:has(+ .partnerReg__error:not(:empty)) {
  margin-bottom: 8px;
}
.partnerReg__hint {
  margin: 0 0 40px;
  font-size: 13px;
  color: var(--col-grey-text);
}
.partnerReg__hint:has(+ .partnerReg__error:not(:empty)) {
  margin-bottom: 4px;
}
.partnerReg__error {
  color: var(--col-error);
  font-size: 14px;
  line-height: 1.35;
  margin: 0 0 32px;
}
.partnerReg__error:empty {
  display: none;
}
.partnerReg .form__field:has(+ .partnerReg__error:not(:empty)) input,
.partnerReg .form__field:has(+ .partnerReg__hint + .partnerReg__error:not(:empty)) input {
  border-bottom-color: var(--col-error);
}
.partnerReg__agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 720px;
  cursor: pointer;
}
.partnerReg__agree input {
  margin-top: 4px;
}
.partnerReg__agree a {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .partnerReg__rules-head {
    text-align: left;
    padding-top: 28px;
  }
  .partnerReg__return {
    top: 0;
    transform: none;
  }
}
.partnerReg__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 40px;
}
.partnerReg__actions .btn {
  width: auto;
  min-width: 240px;
  padding: 0 32px;
}
.partnerReg__rules-head {
  position: relative;
  text-align: center;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.partnerReg__rules-head h2 {
  margin: 0;
}
.partnerReg__return {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--col-grey-text);
}
.partnerReg__rules {
  max-width: 720px;
  margin: 24px 0 32px;
  padding-left: 20px;
}
.partnerReg__rules li {
  margin-bottom: 12px;
}
.partnerReg__rules-hint {
  margin-top: 12px;
  font-size: 14px;
  color: var(--col-grey-text);
}
.partnerReg .partnerReg__submit.disabled {
  pointer-events: none;
  opacity: 0.45;
}
.partnerReg [data-panel="2"] .partnerReg__agree {
  margin-top: 8px;
}
.partnerReg__done {
  max-width: 720px;
}
.partnerReg__welcome.active {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 48px;
}
.partnerReg__welcome-media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/5;
  background: #f3f4f6;
}
.partnerReg__welcome-media svg {
  width: 34%;
  height: auto;
  color: #000;
}
.partnerReg__welcome-body .partnerReg__actions {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .partnerReg__welcome.active {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .partnerReg__welcome-media {
    aspect-ratio: 16/9;
  }
  .partnerReg__welcome-media svg {
    width: auto;
    height: 60%;
  }
}
.partnerReg__timer {
  text-align: center;
  color: var(--col-grey-text);
}
.partnerReg .partnerReg__resend.disabled {
  pointer-events: none;
  opacity: 0.4;
}

@media (max-width: 767px) {
  .partnerReg {
    padding-top: 24px;
  }
  .partnerReg__steps {
    gap: 8px 20px;
    margin-bottom: 32px;
  }
  .partnerReg__step-name {
    display: none;
  }
  .partnerReg__step.current .partnerReg__step-name {
    display: inline;
  }
  .partnerReg__options {
    grid-template-columns: 1fr;
  }
  .partnerReg__actions .btn {
    width: 100%;
    min-width: 0;
  }
}
.pageTitle__heading {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin: 0;
  padding-top: 4px;
  font-weight: 400;
}
.pageTitle__heading h1 {
  display: inline;
  font: inherit;
  letter-spacing: inherit;
  padding: 0;
}
.pageTitle__heading sup {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: -13px;
  margin-left: 3px;
  letter-spacing: 0;
}

@media (min-width: 760px) {
  .pageTitle__heading {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.01em;
    padding: 0;
    hyphens: none;
  }
  .pageTitle__heading sup {
    font-size: 20px;
    line-height: 1;
    top: -25px;
    margin-left: 1px;
  }
}
@media (min-width: 1280px) {
  .pageTitle__heading {
    font-size: 96px;
    line-height: 96px;
    padding-top: 8px;
  }
  .pageTitle__heading sup {
    font-size: 24px;
    top: -49px;
  }
}
@media (max-width: 480px) {
  .pageTitle__heading {
    font-size: max(26px, 8vw);
    padding-top: 0;
  }
  .pageTitle__heading sup {
    font-size: 11px;
  }
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.notFound__body {
  max-width: 640px;
  padding: 24px 0 64px;
  font-size: 16px;
  line-height: 24px;
}
.notFound__body h2 {
  font-size: 24px;
  line-height: 32px;
  margin: 32px 0 12px;
}
.notFound__body a {
  text-decoration: underline;
}

.notFound__search {
  display: flex;
  gap: 8px;
  margin: 24px 0 0;
}
.notFound__search input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #ccc;
}
.notFound__search .btn {
  flex: 0 0 auto;
  width: auto;
  padding: 0 32px;
}

.notFound .pageTitle {
  padding-top: 24px;
}

.notFound__links {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
}
.notFound__links li {
  margin: 0 0 8px;
}

@media (max-width: 759px) {
  html body input[type=text], html body input[type=tel], html body input[type=email], html body input[type=password],
  html body input[type=search], html body input[type=number], html body input:not([type]), html body textarea, html body select {
    font-size: 16px;
  }
  html body .form__code input {
    font-size: 20px;
  }
}
body:has(.cabinet--panel) .header .headerLine,
body:has(.cabinet--panel) .header .headerLine::before {
  background: #fff;
}

.pageWrapper:has(> .cabinet--panel) {
  background: #f3f4f6;
}

.cabinet--panel .cabinet__body {
  background: transparent;
  padding: 16px 0 80px;
}
.cabinet--panel .pageTitle h1 {
  font-size: 56px;
  line-height: 1.1;
  margin: 8px 0 16px;
}
.cabinet--panel:not(.partner-cabinet) .cabinet__body > .container {
  display: grid;
  gap: 24px;
}
.cabinet--panel:not(.partner-cabinet) .cabinet__body > .container > * {
  margin: 0;
  background: #fff;
  border: 1px solid #e2e5e9;
  border-radius: 16px;
  padding: 32px 24px;
}

.cabinet--panel .cabinetProfile__category:first-child,
.cabinet--panel .cabinet__body > .container > .cabinetProfile > .cabinetProfile__category:first-of-type {
  padding-top: 0;
}

.orderHistory .cabinet--panel .cabinet__body .container {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .orderHistory .cabinet--panel .cabinet__body .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1200px) {
  .orderHistory .cabinet--panel .cabinet__body .container {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.orderHistory .cabinet--panel .cabinet__body > .container > .cabinetOrders {
  padding: 16px 0;
  overflow: hidden;
}
.orderHistory .cabinet--panel .cabinet__body > .container > .cabinetOrders .cabinetOrders__row, .orderHistory .cabinet--panel .cabinet__body > .container > .cabinetOrders .cabinetOrdersDetails {
  padding-left: 32px;
  padding-right: 32px;
}
.orderHistory .cabinet--panel .cabinet__body > .container > .cabinetOrders .cabinetOrders__row--head {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .orderHistory .cabinet--panel .cabinet__body > .container > .cabinetOrders .cabinetOrders__row, .orderHistory .cabinet--panel .cabinet__body > .container > .cabinetOrders .cabinetOrdersDetails {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.cabinetOrders--empty .cabinetOrders__row--head {
  display: none !important;
}

.cabinetOrders__empty {
  display: grid;
  justify-items: center;
  gap: 24px;
  padding: 64px 24px;
  text-align: center;
}
.cabinetOrders__empty p {
  margin: 0;
  font-size: 20px;
  color: #6b7078;
}
.cabinetOrders__empty .btn {
  width: auto;
  display: inline-flex;
  padding: 0 32px;
}

@media (max-width: 767px) {
  .cabinet--panel .pageTitle h1 {
    font-size: 30px;
    margin-bottom: 8px;
  }
  .cabinet--panel:not(.partner-cabinet) .cabinet__body > .container > * {
    padding: 16px;
    border-radius: 12px;
  }
}
.partner-badge {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding: 20px 24px;
  background: #f3f4f6;
  border: 1px solid #e2e5e9;
  border-radius: 16px;
  color: inherit;
  transition: border-color 0.2s ease;
}
.partner-badge__label {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7078;
}
.partner-badge__tier {
  font-size: 26px;
  line-height: 1.2;
}
.partner-badge__discount {
  display: inline-block;
  justify-self: start;
  margin-top: 6px;
  padding: 4px 12px;
  border-radius: 12px;
  background: #000;
  color: #fff;
  font-size: 14px;
}
.partner-badge__go {
  margin-top: 14px;
  font-size: 14px;
}
.partner-badge:hover {
  border-color: #000;
  color: inherit;
}

.partner-shop-fields {
  margin-top: 8px;
}

.partner-interests {
  display: grid;
  gap: 10px;
  margin: 8px 0 32px;
}
.partner-interests__label {
  font-size: 14px;
  color: #6b7078;
  margin-bottom: 4px;
}
.partner-interests__label .rq {
  color: #b3541e;
}
.partner-interests__option {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 16px;
}
.partner-interests__option input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #000;
  flex: none;
}

@media (min-width: 768px) {
  .header--partner .headerLine__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 24px;
  }
  .header--partner .headerLine__logo {
    position: static;
    margin: 0;
  }
  .header--partner .headerLine__left {
    justify-self: start;
  }
  .header--partner .headerLine__right {
    justify-self: end;
  }
  .header--partner .headerLine__nav .headerLine__navWrapper > ul > li > a.active {
    border-bottom: 2px solid #000;
    padding-bottom: 4px;
  }
  .header--partner .headerLine__right {
    gap: 12px;
  }
  .header--partner .headerLine__right > .headerLine__search,
  .header--partner .headerLine__right > .headerLine__wishlist,
  .header--partner .headerLine__right > .headerLine__cart {
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 10px;
    border: 1px solid #e2e5e9;
    border-radius: 50%;
    background: #fff;
  }
  .header--partner .headerLine__right > .headerLine__search .count,
  .header--partner .headerLine__right > .headerLine__wishlist .count,
  .header--partner .headerLine__right > .headerLine__cart .count {
    top: -6px;
    right: -6px;
  }
  .header--partner .headerLine__right > .headerLine__login.headerLine__login--authorised {
    order: -1;
    width: auto !important;
    height: 48px;
    margin: 0;
    padding: 0 16px 0 5px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e2e5e9;
    border-radius: 24px;
    color: #000;
  }
  .header--partner .headerLine__right > .headerLine__login.headerLine__login--authorised > svg {
    display: none;
  }
  .header--partner .headerLine__right > .headerLine__login.headerLine__login--authorised i {
    font-style: normal;
  }
  .header--partner .headerLine__right {
    position: relative;
  }
  .header--partner .headerLine__right > .userPopup {
    left: 0;
    right: auto;
  }
  .header--partner .company__avatar {
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 500;
  }
  .header--partner .company__name {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
  }
  .header--partner .company__chevron {
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #6b7078;
    border-bottom: 1.5px solid #6b7078;
    transform: rotate(45deg) translateY(-3px);
  }
  .header--partner .headerLine__right > a.headerLine__logout {
    width: auto;
    height: 48px;
    margin: 0;
    padding: 0 22px;
    align-items: center;
    border: 1px solid #e2e5e9;
    border-radius: 24px;
    background: #fff;
    font-size: 15px;
    color: #6b7078;
    white-space: nowrap;
  }
  .header--partner .headerLine__right > a.headerLine__logout:hover {
    color: #000;
    border-color: #000;
  }
}
@media (max-width: 767px) {
  .header--partner .headerLine__login i {
    display: none;
  }
}
/* === Слайдер фото товара и просмотр крупно (25.09.2026) === */
/* Одно фото в окне на всех ширинах (changecolors.js). На широком экране листается
   шевронами, которые появляются при наведении, и превью слева; указатель над
   фото лупа, клик открывает fancybox. */
.productImages__item a[data-gallery] {
  display: block;
  cursor: zoom-in;
}

.productImages__arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 48px;
  height: 64px;
  margin-top: -32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: none;
  color: #000;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s;
}

.productImages__arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 11px;
  margin: -5.5px 0 0 -3px;
}

.productImages__arrow svg path {
  stroke-width: 4;
}

.productImages__arrow--prev {
  left: 4px;
}

.productImages__arrow--next {
  right: 4px;
}

.productImages__arrow.slick-disabled {
  visibility: hidden;
}

.productImages:hover .productImages__arrow {
  opacity: 1;
}

.productPagePreviews__data > div {
  outline: 1px solid transparent;
  outline-offset: -1px;
  transition: outline-color 0.2s;
}

.productPagePreviews__data > div.active {
  outline-color: #000;
}

@media (min-width: 1280px) {
  .productImages .slick-dots {
    display: none !important;
  }
}
@media (max-width: 1279px), (hover: none) {
  .productImages__arrow {
    display: none !important;
  }
}
/* Просмотр крупно: белый фон, столбик превью слева, фото по центру. */
.productZoom .fancybox-bg {
  background: #fff;
}

.productZoom.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

.productZoom .fancybox-button {
  background: transparent;
  color: #000;
}

/* В app.min.css тулбар fancybox скрыт для всего сайта, здесь нужен крестик. */
.productZoom .fancybox-toolbar {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.productZoom .fancybox-button--close {
  width: 64px;
  height: 64px;
  padding: 18px;
}

.productZoom .fancybox-navigation .fancybox-button {
  width: 80px;
  height: 120px;
  padding: 40px 20px;
}

.productZoom .fancybox-navigation .fancybox-button {
  color: #000;
}

.productZoom .fancybox-navigation .fancybox-button svg {
  width: 14px;
  height: 26px;
}

.productZoom .fancybox-navigation .fancybox-button svg path {
  fill: none;
  stroke-width: 2;
}

.productZoom .fancybox-navigation .fancybox-button[disabled] {
  visibility: hidden;
}

.productZoom .fancybox-slide--image {
  padding: 40px 100px;
}

.productZoom .fancybox-thumbs {
  left: 0;
  right: auto;
  width: 110px;
  padding: 72px 0 0;
  background: #fff;
}

.productZoom .fancybox-thumbs__list {
  width: 100%;
}

.productZoom .fancybox-thumbs__list a {
  float: none;
  display: block;
  width: 68px;
  height: 90px;
  max-width: none;
  max-height: none;
  margin: 0 auto 10px;
  background-color: #f2f2f2;
  background-size: cover;
}

.productZoom .fancybox-thumbs__list a::before {
  border-width: 1px;
  border-color: #000;
}

.productZoom.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  left: 110px;
}

@media (max-width: 767px) {
  .productZoom .fancybox-thumbs {
    display: none !important;
  }
  .productZoom.fancybox-show-thumbs .fancybox-inner {
    left: 0;
  }
  .productZoom .fancybox-slide--image {
    padding: 44px 0;
  }
}
/* === Мобильное меню крупнее и свободнее (25.09.2026) === */
/* В бургере пункты были 14px через 12px, подпункты «Как купить» 12px и прижаты
   влево. Пункты крупнее, между ними больше воздуха, подпункты по центру. */
@media (max-width: 1279px) {
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li {
    margin-top: 18px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li > a {
    font-size: 17px;
    line-height: 24px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown + li.menuItem--dropdown {
    margin-top: 48px;
  }
  .headerLine__nav .menuItem--info .menuItem__sub {
    justify-content: center;
    gap: 10px 18px;
    margin: 10px 0 6px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li .menuItem__sub a {
    font-size: 13px;
    line-height: 20px;
  }
  .headerLine__nav .headerLine__navWrapper .bottom .contacts ul li a {
    font-size: 17px;
    line-height: 28px;
  }
}
/* Корзина на телефоне: название товара крупнее (25.09.2026). */
@media (max-width: 767px) {
  .checkoutCartItem__title,
  .checkoutCartItem__title a {
    font-size: 19px;
    line-height: 24px;
  }
}
/* Меню в бургере на планшете (760–1279px): пункты раздела стоят в строку и без
   переноса вылезали за экран, давая горизонтальную прокрутку. Переносим по
   строкам, по бокам отступ, внутри пункта строку не рвём. */
@media (min-width: 760px) and (max-width: 1279px) {
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 28px;
    padding: 9px 24px 4px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li {
    margin: 0;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li > a {
    white-space: nowrap;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul {
    gap: 24px 40px;
  }
  .headerLine__nav .headerLine__navWrapper {
    overflow-x: hidden;
  }
  .headerLine__nav .headerLine__navWrapper .bottom,
  .headerLine__nav .headerLine__navWrapper .bottom .contacts ul {
    justify-content: center;
    text-align: center;
  }
}
/* Бургер: после «Контактов» запас снизу (правки 25.09.2026). Без него последние
   пункты уходили под нижнюю панель Safari на iPhone. */
@media (max-width: 1279px) {
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul {
    padding-bottom: 120px;
  }
}
/* «Контакты»: рабочее время мелкой серой строкой под каждым номером (правки 25.09.2026,
   текст страницы в site.txt1, tools/sql/2026-09-25-contacts-phones.sql). */
.contacts__title--bottom .line.line--note {
  margin: 4px 0 16px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  color: #91969d;
}

/* Код страны в поле телефона: на узком экране стрелка стояла абсолютно в 16px
   от правого края и уезжала левее «+7». Ставим её за текстом, как от 760px.
   (Был вписан в my.css руками в 8a0e87e и пропадал при пересборке.) */
@media (max-width: 759px) {
  .form__phone .formSelect .arrow {
    position: relative;
    right: auto;
    margin: -1px 0 0 10px;
  }
}
/* Подвал: небольшой зазор между розничным и партнёрским номером (25.09.2026) */
.footer__phone .footer__phone-first {
  display: inline-block;
  margin-bottom: 10px;
}

.menuTabs {
  display: flex;
  gap: 24px;
}

.menuTabs__tab {
  padding: 0 0 6px;
  border: 0;
  border-bottom: 1.5px solid transparent;
  background: none;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #91969d;
  cursor: pointer;
}
.menuTabs__tab.active {
  color: #000;
  border-bottom-color: #000;
}
.menuTabs__tab:hover {
  color: #000;
}

.droppedMenu__panel.active[data-menu=catalog] {
  display: block;
}

.droppedMenu__tabs {
  margin-bottom: 28px;
}

.droppedMenu__gender {
  display: none;
}

.droppedMenu__gender.active {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  column-gap: 48px;
}

@media (min-width: 1280px) {
  .headerLine__nav .menuItem--catalog > ul {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .headerLine__nav .headerLine__navWrapper,
  .headerLine__nav .headerLine__navWrapper > ul,
  .headerLine__nav .headerLine__navWrapper > ul > li,
  .headerLine__nav .headerLine__navWrapper > ul > li > ul,
  .headerLine__nav .headerLine__navWrapper > ul > li > ul > li {
    text-align: left;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul {
    justify-content: flex-start;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li > a,
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--info > ul > li > a {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li {
    margin-top: 14px;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li > a.menuItem__group,
  .headerLine__nav.show .headerLine__navWrapper > ul > li > a.menuItem__group {
    display: block;
    text-align: left;
    font-size: 13px !important;
    line-height: 18px !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #91969d;
  }
  .headerLine__nav .menuItem--info .menuItem__sub {
    justify-content: flex-start;
  }
  .headerLine__nav .headerLine__navWrapper > ul > li.menuItem--dropdown > ul > li.menuTabs {
    margin: 16px 0 8px;
  }
  .headerLine__nav .menuItem--catalog > ul > li[hidden] {
    display: none;
  }
  .headerLine__nav .menuItem--catalog .menuTabs__tab {
    font-size: 15px;
  }
}
.footer__phone-note {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #91969d;
}

h1, h2, h3, h4,
.pageTitle h1,
.popupRight__title,
.popupRight__text,
.partners-hero__title,
.partners-cta h2,
.partners-block h3,
.subscribe__block,
.mainSlider__title,
.productItem__title,
.partnerReg__rules-head h2,
.partnerPrices__hint p,
.tilePrices__hint {
  text-wrap: balance;
}

p, li,
.popupRight__description,
.partners-benefits__list li,
.partners-block p,
.partnerReg__intro,
.partnerReg__agree span,
.partner-cabinet__lead {
  text-wrap: pretty;
}

.headerLine__nav li, .droppedMenu li, .btn {
  text-wrap: wrap;
}

.journal {
  padding-bottom: 60px;
}

.journalRubrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 0 0 30px;
}
.journalRubrics a {
  color: var(--col-grey-text);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.journalRubrics a:hover, .journalRubrics a.active {
  color: #000;
  border-bottom-color: #000;
}

.journalIntro {
  max-width: 760px;
  margin: 0 0 30px;
}

.journalList {
  display: grid;
  gap: 40px 30px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .journalList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .journalList {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.journalCard__image {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: var(--col-biedge);
  margin-bottom: 14px;
}
.journalCard__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--trans-func);
}
.journalCard__image:hover img {
  transform: scale(1.03);
}
.journalCard__meta {
  font-size: 13px;
  color: var(--col-grey-text);
  margin-bottom: 6px;
}
.journalCard__meta a {
  color: inherit;
}
.journalCard__title {
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 8px;
}
.journalCard__title a {
  color: #000;
  text-decoration: none;
}
.journalCard__excerpt {
  color: #333;
  margin: 0;
}

.journalEmpty {
  margin: 40px 0;
}

.journalPager {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 50px 0 0;
}
.journalPager a, .journalPager span {
  min-width: 40px;
  padding: 8px 12px;
  text-align: center;
  border: 1px solid var(--col-biedge-m2);
  color: #000;
  text-decoration: none;
}
.journalPager span {
  background: #000;
  color: #fff;
  border-color: #000;
}

.journalPreview {
  background: #fff4d6;
  padding: 10px 16px;
  text-align: center;
  font-size: 14px;
}

.journalArticle__head {
  max-width: 760px;
  margin: 0 auto 30px;
}
.journalArticle__head h1 {
  margin-bottom: 12px;
}
.journalArticle__meta {
  color: var(--col-grey-text);
  font-size: 14px;
}
.journalArticle__cover {
  margin-bottom: 40px;
}
.journalArticle__cover img {
  max-height: 640px;
  object-fit: cover;
}
.journalArticle__body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.65;
}
.journalArticle__body h2 {
  font-size: 26px;
  margin: 40px 0 16px;
}
.journalArticle__body h3 {
  font-size: 20px;
  margin: 30px 0 12px;
}
.journalArticle__body p, .journalArticle__body ul, .journalArticle__body ol {
  margin: 0 0 18px;
}
.journalArticle__body ul, .journalArticle__body ol {
  padding-left: 24px;
}
.journalArticle__body li {
  margin-bottom: 6px;
}
.journalArticle__body a {
  color: #000;
  text-decoration: underline;
}
.journalArticle__body blockquote {
  margin: 30px 0;
  padding: 4px 0 4px 24px;
  border-left: 3px solid #000;
  font-size: 19px;
  font-style: italic;
}
.journalArticle > .seoText {
  max-width: 760px;
  margin: 30px auto;
}

.journalPhoto {
  margin: 30px auto;
  max-width: 760px;
}
.journalPhoto--wide {
  max-width: 1200px;
}
.journalPhoto img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 85vh;
  margin: 0 auto;
}
.journalPhoto figcaption {
  font-size: 14px;
  color: var(--col-grey-text);
  margin-top: 8px;
}

.journalArticle__body .journalPhoto--wide {
  margin-left: calc((760px - min(1200px, 100vw - 30px)) / 2);
  margin-right: calc((760px - min(1200px, 100vw - 30px)) / 2);
  max-width: none;
}

@media (max-width: 790px) {
  .journalArticle__body .journalPhoto--wide {
    margin-left: 0;
    margin-right: 0;
  }
}
.journalVideo {
  margin: 30px 0;
}
.journalVideo__frame {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
}
.journalVideo__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.journalVideo figcaption {
  font-size: 14px;
  color: var(--col-grey-text);
  margin-top: 8px;
}

.journalTable {
  overflow-x: auto;
  margin: 0 0 24px;
}
.journalTable table {
  border-collapse: collapse;
  min-width: 100%;
  font-size: 15px;
}
.journalTable th, .journalTable td {
  border: 1px solid var(--col-biedge-m2);
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
}
.journalTable th {
  background: var(--col-biedge);
}
.journalTable p {
  margin: 0;
}

.journalRelated {
  padding-top: 20px;
}

.journalRelated__title {
  font-size: 26px;
  margin: 0 0 24px;
}

.journalProducts .sectionTitle {
  margin: 0;
}

.journalArticle__author a {
  color: inherit;
  text-decoration: underline;
}

.journalAuthor {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin: 10px 0 40px;
  max-width: 900px;
}
.journalAuthor__photo {
  width: 160px;
  height: auto;
  flex-shrink: 0;
  object-fit: cover;
}
.journalAuthor h1 {
  margin: 0 0 8px;
}
.journalAuthor__position {
  color: var(--col-grey-text);
  margin: 0 0 16px;
}
.journalAuthor__bio p {
  margin: 0 0 12px;
}
@media (max-width: 575px) {
  .journalAuthor {
    flex-direction: column;
    gap: 16px;
  }
}