/* Скрываем исходный элемент валюты */
.t-store__card__price-currency,
.t-store__prod__price-currency,
.t-store__prod-popup__price-currency{
  display: none !important;
}

/* Добавляем ₽ после числа */
.t-store__card__price-value::after,
.t-store__prod__price-value::after,
.t-store__prod-popup__price-value::after{
  content: " ₽"; /* неразрывный пробел + знак ₽ */
}




/* Размеры и цвета в товарах*/

/* ===== Настройки под макет (≤1199px) ===== */
:root{
  --swatch-size: 28px;          /* диаметр кружка цвета (моб/таб) */
  --swatch-ring: 2px;           /* толщина кольца активного свотча */
  --swatch-ring-color: #BDBDBD; /* цвет кольца активного свотча */

  --size-btn: 32px;             /* базовый размер квадрата размера (моб/таб) */
  --size-btn-m: 28px;           /* запасной мобильный размер */

  --size-btn-radius: 6px;       /* скругление кнопок размера */
  --size-btn-border: #C5C5C5;   /* бордер активной кнопки размера */

  --focus-color: #1E88E5;       /* цвет контура фокуса */
  --disabled: #E0E0E0;          /* цвет неактивных состояний */
}

/* ===== Десктоп ≥1200px: −20% и равные габариты у свотчей и квадратов ===== */
@media (min-width:1200px){
  :root{
    --size-btn: 26px;                 /* 32px * 0.8 ≈ 26px */
    --swatch-size: var(--size-btn);   /* диаметр = размеру квадрата */
  }
}

/* ===== Свотчи цвета ===== */
.t-product__option-checkmark_buttons.t-product__option-checkmark_color{
  position:relative !important;
  display:inline-block !important;
  width:var(--swatch-size) !important;
  height:var(--swatch-size) !important;
  min-width:var(--swatch-size) !important;
  min-height:var(--swatch-size) !important;
  flex:0 0 var(--swatch-size) !important;
  margin:2px !important;
  border:none !important;
  border-radius:50% !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:0 !important;
  overflow:hidden;
}
.t-product__option-checkmark_buttons.t-product__option-checkmark_color::after{ content:none !important; }
.t-product__option-checkmark_buttons.t-product__option-checkmark_color::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow: inset 0 0 0 var(--swatch-ring) var(--swatch-ring-color);
  opacity:0; transition:opacity .15s ease;
}
.t-product__option-checkmark_buttons.t-product__option-checkmark_color.t-active::before,
.t-product__option-checkmark_buttons.t-product__option-checkmark_color[aria-checked="true"]::before{ opacity:1; }
.t-product__option-checkmark_buttons.t-product__option-checkmark_color:hover{ box-shadow:0 0 0 2px rgba(0,0,0,.06) inset; }
.t-product__option-checkmark_buttons.t-product__option-checkmark_color:focus-visible{
  outline:2px solid var(--focus-color) !important; outline-offset:2px !important; box-shadow:none !important;
}
.t-product__option-checkmark_buttons.t-product__option-checkmark_color[disabled],
.t-product__option-checkmark_buttons.t-product__option-checkmark_color.t-variant-unavailable{
  filter:grayscale(1) contrast(.85); opacity:.45; cursor:not-allowed !important;
}

/* ===== Кнопки размера ===== */
.t-product__option-item_simple{
  display:inline-flex; justify-content:center; align-items:center;
  margin:2px !important; padding:0 !important;
  font-size:12px !important;
  min-width:var(--size-btn) !important; min-height:var(--size-btn) !important;
  width:var(--size-btn) !important; height:var(--size-btn) !important;
  line-height:var(--size-btn) !important;
  text-align:center; border-radius:var(--size-btn-radius) !important;
}
.t-product__option-item_active.t-product__option-item_simple{
  border:1px solid var(--size-btn-border) !important; background:#fff !important;
}
.t-product__option-item_simple:hover{ box-shadow:0 0 0 1px rgba(0,0,0,.1) inset; }
.t-product__option-item_simple:focus-visible{ outline:2px solid var(--focus-color) !important; outline-offset:2px !important; }
.t-product__option-item_simple[disabled],
.t-product__option-item_simple.t-variant-unavailable{
  color:#9E9E9E !important; border:1px dashed var(--disabled) !important; background:#FAFAFA !important; cursor:not-allowed !important;
}

/* ===== Раскладка опций в карточке ===== */

/* скрываем подписи "Цвет" и "Размер" */
.t-store__card .js-product-edition-option-name.t-product__option-title{ display:none !important; }

/* общий контейнер опций — 2 зоны по краям */
.t-store__card .t-store__card__prod-controls-wrapper{
  display:flex; align-items:center; width:100%;
  gap:10px; margin-top:6px !important;
  justify-content:space-between;  /* лево = размеры, право = цвета */
}

/* базовый стиль блока опций */
.t-store__card .t-product__option{
  display:flex !important;
  align-items:center;
  margin:0 !important; padding:0 !important;
  gap:6px;
  /* специфичное поведение задаём ниже через :has(...) */
}

/* размеры — ВСЕГДА слева, В ОДНУ СТРОКУ */
.t-store__card .t-product__option:has(.t-product__option-item_simple){
  order:1;                         /* слева */
  flex:1 1 auto;                   /* тянется от левого края карточки */
  justify-content:flex-start;
  flex-wrap:nowrap;                /* запрет переноса */
  white-space:nowrap;              /* страховка от переноса */
  overflow-x:auto;                 /* если значений очень много — горизонтальный скролл */
  scrollbar-width:none;            /* скрываем скроллбар в Firefox */
}
.t-store__card .t-product__option:has(.t-product__option-item_simple)::-webkit-scrollbar{ display:none; }

/* цвета — ВСЕГДА справа, в одну линию */
.t-store__card .t-product__option:has(.t-product__option-checkmark_color){
  order:2;                         /* справа */
  flex:0 0 auto;
  justify-content:flex-end;
  flex-wrap:nowrap; white-space:nowrap;
}

/* ===== Адаптив: компактнее кнопки размера на узких ===== */
@media (max-width:1199px){
  .t-product__option-item_simple{
    font-size:11px !important;
    min-width:var(--size-btn-m) !important; min-height:var(--size-btn-m) !important;
    width:var(--size-btn-m) !important; height:var(--size-btn-m) !important;
    line-height:var(--size-btn-m) !important;
    margin:1.5px !important;
  }
}



/* ==== Еле заметная внутренняя обводка у НЕактивных свотчей ==== */
:root{
  --swatch-border: 1px;                      /* толщина тонкой обводки */
  --swatch-border-color: rgba(0,0,0,.12);    /* цвет тонкой обводки */
}

/* базовая тонкая внутренняя обводка */
.t-product__option-checkmark_buttons.t-product__option-checkmark_color{
  box-shadow: inset 0 0 0 var(--swatch-border) var(--swatch-border-color) !important;
}

/* при hover чуть усиляем, но только для неактивных */
.t-product__option-checkmark_buttons.t-product__option-checkmark_color:hover{
  box-shadow:
    inset 0 0 0 calc(var(--swatch-border) + 1px) rgba(0,0,0,.06),
    inset 0 0 0 var(--swatch-border) var(--swatch-border-color) !important;
}

/* у АКТИВНОГО свотча убираем тонкую обводку — остаётся твое «кольцо» (::before) */
.t-product__option-checkmark_buttons.t-product__option-checkmark_color.t-active,
.t-product__option-checkmark_buttons.t-product__option-checkmark_color[aria-checked="true"]{
  box-shadow: none !important;
}



/* Доп. отступ текста */
.t-store__card__textwrapper{ padding-top:16px !important; }




/* Контейнер карточки оставляем relative */
.t1002__picture-wrapper,
.t-store__card__imgwrapper,
.t-store__card__wrap { position: relative !important; }

/* Кнопка избранного: компактный размер + позиция в правом верхнем углу */
.t1002__addBtn,
a[href="#addtofavorites"]{
  --fav-size: 32px; /* аккуратный минимализм */
  position:absolute!important;
  top:12px; right:12px; z-index:3;
  width:var(--fav-size); height:var(--fav-size);
  padding:0!important; display:inline-flex; align-items:center; justify-content:center;
  background:transparent!important; border:none!important; outline:none!important; box-shadow:none!important;
  cursor:pointer;
}

/* Убираем любые рамки/кружки */
.t1002__addBtn::before,
.t1002__addBtn::after{content:none!important;}
.t1002__addBtn svg,
.t1002__addBtn svg *{ stroke:none!important; }
.t1002__addBtn svg circle{ fill:transparent!important; }

/* Иконка: белая, лёгкая тень, 50% прозрачность когда не активна */
.t1002__addBtn svg{
  width:var(--fav-size)!important; height:var(--fav-size)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.16));
  opacity:.5; /* неактивная */
  transition:opacity .2s ease, transform .2s ease;
}
.t1002__addBtn svg path{ fill:#fff!important; }

/* Активная (добавлена в избранное): красная и непрозрачная */
.t1002__addBtn._added svg path,
.t1002__addBtn.is-active svg path,
.t1002__addBtn.t-store__card__fav_added svg path,
.t1002__addBtn[data-favorite="y"] svg path{
  fill:#e31b23!important;
}
.t1002__addBtn._added svg,
.t1002__addBtn.is-active svg,
.t1002__addBtn.t-store__card__fav_added svg,
.t1002__addBtn[data-favorite="y"] svg{
  opacity:1!important; /* без полупрозрачности */
}

/* лёгкий ховер на десктопе (по желанию) */
@media (hover:hover){
  .t1002__addBtn:hover svg{ opacity:.7; }
}

/* Скрыть кнопку новинки */
[data-edition-option-id="Новинка"],
.t-store__card .t-product__option[data-edition-option-id="Новинка"] {
    display: none!important;
}