#rec1333660431 {
  position: fixed !important; /* уже фиксируется, но перестрахуемся */
  top: 0; left: 0; right: 0;
  z-index: 9999;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); /* Safari */
  background: rgba(255, 255, 255, 0.5); /* полупрозрачный белый */
}



/* Фиксируем белый цвет текста на кнопке, несмотря на стили Тильды */
.tw-hero__btn,
.tw-hero__btn:link,
.tw-hero__btn:visited,
.tw-hero__btn:hover,
.tw-hero__btn:active,
.tw-hero__btn:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* на всякий случай для WebKit */
  text-decoration: none !important;
}


/* ====== Size buttons styling (Tilda Product Options) ====== */
:root{
  --size-border: #9a9a9a;   /* серая обводка */
  --size-fill:   #ececec;   /* светлее, чем обводка — для выбранной */
}

/* Убираем штатный "чекмарκ" кружок Тильды */
.t-product__option-variants_buttons .t-product__option-checkmark{
  display: none !important;
}

/* Базовый вид кнопок размера */
.t-product__option-variants_buttons .t-product__option-item_buttons{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  /* делаем шире ~в 2 раза за счёт горизонтального паддинга */
  padding: 10px 24px !important;        /* было около 10–12px, теперь 24px */
  min-width: 80px;                       /* страховка по ширине, можно убрать */

  border: 1px solid var(--size-border) !important;  /* серая обводка */
  background: transparent !important;
  color: #111 !important;

  margin: 6px 8px !important;
  border-radius: 0 !important;           /* если нужны скругления — поменяй */
  box-shadow: none !important;

  transition: background .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;
}

/* Текст внутри кнопок */
.t-product__option-variants_buttons .t-product__option-title_buttons{
  /* оставляем размер/капс от Tilda, можно усилить вес: */
  font-weight: 400;
}

/* Наведение (только для доступных) */
.t-product__option-variants_buttons .t-product__option-item_buttons:not(.t-product__option-item_disabled):hover{
  background: #f5f5f5 !important;
  border-color: #a8a8a8 !important;
}

/* Выбранный размер */
.t-product__option-variants_buttons .t-product__option-item_active{
  background: var(--size-fill) !important;  /* светло-серый фон */
  border-color: var(--size-border) !important;
  color: #111 !important;
}

/* Фокус с клавиатуры */
.t-product__option-variants_buttons .t-product__option-item_buttons:focus-within{
  outline: 2px solid rgba(0,0,0,.08) !important;
  outline-offset: 2px;
}

/* Недоступный размер (перечёркнут) */
.t-product__option-variants_buttons .t-product__option-item_disabled{
  cursor: not-allowed !important;
  opacity: .65 !important;
  background: #f7f7f7 !important;
  border-color: #d3d3d3 !important;
}
.t-product__option-variants_buttons .t-product__option-item_disabled .t-product__option-title_buttons{
  text-decoration: line-through !important;
}

/* Прячем сами radio, чтобы не ломали размеры кнопок */
.t-product__option-variants_buttons .t-product__option-input_buttons{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* убрать левый отступ у первой кнопки размера */
.t-product__option-variants_buttons > label:first-child{
  margin-left: 0 !important;
}

/* если задавал margin на кнопках — оставим справа, уберём слева у всех */
.t-product__option-variants_buttons .t-product__option-item_buttons{
  margin: 6px 8px 6px 0 !important; /* 0 слева */
}

/* на всякий случай: без внутреннего паддинга у контейнера */
.t-product__option-variants_buttons{
  padding-left: 0 !important;
}


/* ====== Цвета под стиль размеров ====== */
:root{
  --size-border: #9a9a9a;  /* обводка */
  --size-fill:   #ececec;  /* фон на hover */
  --size-hover:  #a8a8a8;  /* обводка на hover */
}

/* ====== Структура сайдбара: прижать низ без JS ====== */
#rec1335409941 .t706__sidebar-content{
  display: flex;                 /* колонками */
  flex-direction: column;
  min-height: 100vh;             /* высота экрана */
}

/* Нижняя панель: всегда у низа + остаётся видимой при скролле */
#rec1335409941 .t706__sidebar-bottom{
  margin-top: auto;              /* уехать к низу, если контента мало */
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 0px 0px;            /* ← внутренние отступы слева/справа */
  border-top: 0px solid var(--size-border) !important;
  z-index: 2;
  box-sizing: border-box;
}

/* Кнопка CHECK OUT — как кнопки размеров, НЕ жирная */
#rec1335409941 .t706__sidebar-bottom .t-btnflex.t-btnflex_type_button.t706__sidebar-continue{
  display: flex !important;
  align-items: center; justify-content: center;
  width: 100% !important;
  height: 44px !important;
  padding: 0 22px !important;

  font-family: Arial, sans-serif !important;
  font-weight: 400 !important;            /* не жирный */
  font-size: 14px !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;

  background: transparent !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;

  border: 1px solid var(--size-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
#rec1335409941 .t706__sidebar-bottom .t-btnflex.t-btnflex_type_button.t706__sidebar-continue:hover{
  background: var(--size-fill) !important;
  border-color: var(--size-hover) !important;
}
#rec1335409941 .t706__sidebar-bottom .t-btnflex__text{ color: inherit !important; }
/* На всякий случай глушим инлайн- внутри кнопки */
#rec1335409941 .t706__sidebar-bottom style{ display:none !important; }

/* ====== Скрыть плюс/минус полностью ====== */
#rec1335409941 .t706__product-plusminus .t706__product-minus,
#rec1335409941 .t706__product-plusminus .t706__product-plus{
  display: none !important;
}
#rec1335409941 .t706__product-plusminus img{ display: none !important; }
#rec1335409941 .t706__product-plusminus{
  min-width: 24px; text-align: center;
}

/* ====== Крестик удаления: ровный X без кружка ====== */
#rec1335409941 .t706__product-del img{ display: none !important; } /* убираем стандартную иконку */
#rec1335409941 .t706__product-del{
  position: relative; display: inline-block;
  width: 20px; height: 20px; cursor: pointer;
}
#rec1335409941 .t706__product-del::before,
#rec1335409941 .t706__product-del::after{
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 16px; height: 2px; background: #000; transform-origin: center;
}
#rec1335409941 .t706__product-del::before{ transform: translate(-50%,-50%) rotate(45deg); }
#rec1335409941 .t706__product-del::after{  transform: translate(-50%,-50%) rotate(-45deg); }
#rec1335409941 .t706__product-del:hover::before,
#rec1335409941 .t706__product-del:hover::after{ background: #111; }

/* ====== Разделители: только перекрасить (не добавляем новые) ====== */
#rec1335409941 .t706__product,
#rec1335409941 .t706__sidebar-top,
#rec1335409941 .t706__sidebar-products,
#rec1335409941 .t706__sidebar-prodamount-wrap,
#rec1335409941 .t706__sidebar-bottom{
  border-color: var(--size-border) !important;
}


/* выравниваем строку итога: текст слева, сумма справа */
#rec1335409941 .t706__cartwin-totalamount-content{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 0 !important;
}
/* на всякий случай убираем возможные старые псевдо-лейблы */
#rec1335409941 .t706__cartwin-totalamount-content::before,
#rec1335409941 .t706__sidebar-prodamount-wrap::before{ content:none !important; }

/* ПРЯЧЕМ исходный текст "Сумма:" и подменяем на Estimated Total */
#rec1335409941 .t706__sidebar-totalamount-label{
  font-size:0 !important;            /* скрыть оригинал */
  line-height:0 !important;
  color:transparent !important;
  font-weight:400 !important;         /* чтобы точно не было жирным */
  text-transform:none !important;
  position:relative;
  white-space:nowrap;
}
#rec1335409941 .t706__sidebar-totalamount-label::after{
  content:"ESTIMATED TOTAL";
  font-family:Arial, sans-serif;
  font-size:14px;
  line-height:1.4;
  font-weight:400;                    /* не жирный */
  color:#111;
  letter-spacing:normal;
}

/* Сумма — справа и жирная */
#rec1335409941 .t706__sidebar-totalamount{
  margin-left:auto !important;
  display:flex !important;
  align-items:baseline !important;
  gap:4px !important;
  color:#111 !important;
  font-weight:700 !important;
}
#rec1335409941 .t706__sidebar-totalamount .t706__cartwin-prodamount-price,
#rec1335409941 .t706__sidebar-totalamount .t706__cartwin-prodamount-currency{
  font-weight:700 !important;
}

/* если вдруг используется альтернативный набор классов — тоже перекроем */
#rec1335409941 .t706__cartwin-totalamount-label{ display:none !important; } /* не показываем ещё один вариант лейбла */
#rec1335409941 .t706__cartwin-totalamount{
  margin-left:auto !important;
  display:flex !important;
  gap:4px !important;
  font-weight:700 !important;
}



a[href="#open-cart"],
.js-open-cart{
  cursor: pointer !important;
}


:root{
  --size-border: #9a9a9a; /* серая обводка */
  --size-fill:   #ececec; /* светло-серый фон на hover */
  --size-hover:  #a8a8a8; /* обводка на hover */
}

/* Перебиваем инлайн-стиль внутри кнопки более специфичным селектором */
#rec1335409941 button.t-btnflex.t-btnflex_type_submit{
  display: inline-flex !important;
  align-items: center; justify-content: center;

  height: 44px !important;
  padding: 0 22px !important;

  font-family: Arial, sans-serif !important;
  font-weight: 400 !important;           /* НЕ жирный */
  font-size: 14px !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: transparent !important;

  border: 1px solid var(--size-border) !important; /* серая обводка */
  border-radius: 0 !important;
  box-shadow: none !important;

  transition: background .15s ease, border-color .15s ease, color .15s ease;
  cursor: pointer;
}

/* Подсветка при наведении как у кнопок размеров */
#rec1335409941 button.t-btnflex.t-btnflex_type_submit:hover{
  background: var(--size-fill) !important;
  border-color: var(--size-hover) !important;
}

/* Текст внутри наследует цвет и вес */
#rec1335409941 button.t-btnflex.t-btnflex_type_submit .t-btnflex__text{
  color: inherit !important;
  font-weight: 400 !important;
}

/* Состояние disabled (если используется) */
#rec1335409941 button.t-btnflex.t-btnflex_type_submit:disabled{
  opacity: .6; cursor: not-allowed;
}




/* ===== OUT OF STOCK badge — force visible ===== */
.js-store-prod-sold-out.t-store__card__sold-out-msg{
  position: relative !important;
  /* скрываем оригинальный текст */
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* рендерим наш текст поверх, независимо от чужих стилей */
.js-store-prod-sold-out.t-store__card__sold-out-msg::after{
  content: "OUT OF STOCK";
  position: absolute !important;
  left: 0; top: 0; right: 0; bottom: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font: inherit !important;
  font-weight: 700 !important;          
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;

  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}