/*Анимация карточки при наведении*/
.t-store__card__bgimg {
    transition: 0.5s cubic-bezier(0.31, 0.1, 0.15, 0.95);
}

.t-store__card__imgwrapper {
    overflow: hidden;
    border-radius: 10px;
}

.t-store__card > a:hover .t-store__card__bgimg {
    transform: scale(1.02);
}


/* Division */
.js-store-grid-cont a .t-store__card__mark{
 background-color:#375a3f !important;
}


/* Link */
.t-store__prod-popup__col-right .t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn{
 border-radius:0px !important;

}






.t-form__errorbox-item {
    font-size: 12px;
}

/* Обязательное поле */
#allrecords .t396 .t-input-error{
 font-size:10px;
}


/* Плавный переход между страницами сайта */
@view-transition {
    navigation: auto;
}
@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }
}


/* Division */
.t-store__tabs__list .js-store-tab-button div{
 background-color:#ffffff;
}



/* 🔲 Убираем скругления у всех углов обёртки изображения карточки товара */
.js-store-grid-cont a .t-store__card__imgwrapper {
  border-radius: 0 !important;
}








/* 🎯 Стилизация кнопки "Показать ещё" */
.t-search-widget__loadmore-btn {
  background-color: #386e44 !important; /* зелёный фон */
  color: #ffffff !important;            /* белый текст */
  border-color: #386e44 !important;     /* бордер в тон */
  font-weight: 500;
  font-family: SFProDisplay, sans-serif;
  transition: all 0.2s ease;
}

/* 🔄 Ховер-эффект (по желанию, можно убрать) */
.t-search-widget__loadmore-btn:hover {
  opacity: 0.9;
}




/* 🟢 Цвет надписи "Нет в наличии" */
.js-store-prod-sold-out {
  color: #386e44 !important;           /* Зелёный цвет текста */
  font-weight: 500;
  font-family: SFProDisplay, sans-serif;
}



/* Уменьшаем жирность текста в уведомлении */
.t706__bubble-text {
  font-weight: 500 !important; /* medium */
  font-size: clamp(14px, 2vw, 18px); /* адаптивный размер шрифта */
  text-transform: none; /* убираем капс, если нужно */
}



/* Фильтр */
#allrecords .uc-slider-run .t786 .js-store .js-store-parts-select-container div div div .active > div{
 width:auto !important;
}



/* Размерная сетка */
.t-store__prod-popup__col-right .t-store__prod-popup__links-wrapper .t-store__prod-popup__link{
 display:none;
}




/* 2) Размер описания в попапе товара (если нужно оставить) */
.t-store__prod-popup__col-right .js-store-prod-text .js-store-prod-all-text{
  font-size:14px !important; /* фиксируем кегль */
  line-height:1.5 !important; /* читаемая межстрочка */
}

/* 4) Названия товара КАПСОМ во всех местах (каталог/попап/PDP/корзина) */
.t-store__prod-popup__title-wrapper h1,
.js-store-prod-name,
.t-store__prod-title,
.t706__product-title,
.t706__cartwin-prod-title{
  text-transform:uppercase !important; /* капс */
}



/* Скрываем описание в каталоге из выгрузки 1С */
.js-store-grid-cont a .t-descr{
 display:none;
}




/* ===== Скрыть описание ТОЛЬКО в "Смотрите также" (анти-мигание CSS-ходом) ===== */
.t-store__relevants-grid-cont             /* 1) контейнер "Смотрите также" */
  .js-store-prod-descr{                   /* 2) сам фрейм описания под названием */
  position:absolute !important;           /* 3) выводим из потока — место не занимает */
  left:-9999px !important;                /* 4) уводим за пределы экрана, даже если рендерится */
  top:auto !important;                    /* 5) фикс на случай позиционирования родителя */
  overflow:hidden !important;             /* 6) ничего не показываем визуально */
  clip:rect(0,0,0,0) !important;          /* 7) страховка (старые движки) */
  clip-path: inset(50%) !important;       /* 8) страховка (новые движки) */
  margin:0 !important; padding:0 !important; border:0 !important; /* 9) убираем отступы */
  /* Важно: не трогаем display/height — инлайн !important от Tilda нас не волнует,
     потому что элемент уже вне потока и невидим. */
}





/* ===== 1) Мгновенно прячем "Код цвета" в интерфейсе (анти-мигание) ===== */

/* 1.1. В карточке товара / попапе Store: весь блок опции, если он про "Код цвета" */
.js-product-edition-option[data-edition-option-id="Код цвета"],
.js-product-edition-option[data-edition-option-id="код цвета"]{
  display:none !important; /* скрываем до удаления JS */
}

/* 1.2. На всякий случай — если data-edition-option-id не заполнен, но надпись есть */
.js-product-edition-option .t-product__option-title,
.js-product-edition-option .js-product-edition-option-name{
  /* ничего тут не скрываем глобально — чистим точечно JS, чтобы не задеть другие опции */
}

/* 1.3. В корзине и на чекауте: строка опции "Код цвета" (UI-хайд до удаления) */
.t706__product-opts__item,
.t-order__prod-option,
.t1002__wishlistwin-option,
.t1002__wishlistwin-options-item{
  /* общий селектор; удалять будем JS по тексту; тут только базовая защита от мигания */
}





/* ===== Анти-мигание ТОЛЬКО для опции "Цвет" ===== */
/* Пока JS не обработал блок, прячем текст значения внутри него (visibility, не меняем шрифты) */
.js-product-edition-option[data-edition-option-id="Цвет"]:not([data-color-fixed="1"]) .t-product__option-title,
.js-product-edition-option:not([data-color-fixed="1"]) .t-product__option-title:has(+ .t-product__option-input[name="Цвет"]) { 
  /* ↑ второй селектор — страховка, если data-edition-option-id отсутствует */
  visibility: hidden !important;     /* скрываем только до обработки, но не ломаем поток и начертание */
}