/* Страница товара (Сетка) */
@media screen and (min-width: 1280px) {

  /* Отступы секции */
  .t-store__prod-snippet__container { padding: 60px 0 !important; }

  /* Контейнеры (popup + product page) */
  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container{
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Обёртка двух колонок */
  .t-store__prod-snippet__container .t-container > div,
  .t-store__product-snippet .t-container > div{
    display: flex !important;
    flex-direction: row-reverse !important; /* картинка справа */
    align-items: flex-start !important;
  }

  /* Отключаем стандартную сетку Tilda */
  .t-store__prod-snippet__container .t-col,
  .t-store__product-snippet .t-col{
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  /* Колонки 50/50 */
  .t-store__prod-popup__col-left,
  .t-store__prod-popup__col-right{
    flex: 0 0 50% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* Разделение между колонками (итого 20px между ними) */
  .t-store__prod-popup__col-left  { padding-left: 10px !important; }
  .t-store__prod-popup__col-right { padding-right: 10px !important; }
}

/* Только разные max-width */
@media screen and (min-width: 2560px) {
  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container { max-width: 1250px !important; }
}

@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container { max-width: 930px !important; }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container { max-width: 690px !important; }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container { max-width: 610px !important; }
}





/* Страница товара (Сетка) */
@media screen and (min-width: 768px) and (max-width: 1279px) {

  .t-store__prod-snippet__container { padding: 60px 0 !important; }

  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  .t-store__prod-snippet__container .t-container > div,
  .t-store__product-snippet .t-container > div {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
  }

  .t-store__prod-snippet__container .t-col,
  .t-store__product-snippet .t-col {
    float: none !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  /* общие правила для колонок */
  .t-store__prod-popup__col-left,
  .t-store__prod-popup__col-right {
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* левая колонка (картинка) */
  .t-store__prod-popup__col-left {
    padding: 0px 0px 0px 10px !important; /* top right bottom left */
  }

  /* правая колонка (инфо) */
  .t-store__prod-popup__col-right {
    padding: 0px 10px 0px 0px !important; /* top right bottom left */
  }
}





/* Страница товара (Сетка) */
@media screen and (max-width: 767px) {

  /* секция/обёртка товара */
  .t-store__prod-snippet__container { padding: 0 0 40px !important; }
  
  /* контейнер: 100% ширины + внутренние отступы 20px */
  .t-store__prod-snippet__container .t-container,
  .t-store__product-snippet .t-container {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* колонки в столбик + расстояние между ними */
  .t-store__prod-snippet__container .t-container > div,
  .t-store__product-snippet .t-container > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  /* отключаем сетку Tilda (float-колонки) */
  .t-store__prod-snippet__container .t-col,
  .t-store__product-snippet .t-col {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  /* колонки на всю ширину */
  .t-store__prod-popup__col-left,
  .t-store__prod-popup__col-right {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* картинка без отступов */
  .t-store__prod-popup__col-left { padding: 0 !important; }

  /* инфо с отступами 20px */
  .t-store__prod-popup__col-right { padding: 0 20px !important; }

  /* миниатюры/буллеты с отступами 20px */
  .t-store .t-slds__thumbsbullet-wrapper {
    width: 100%;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
}






/* Заголовок товара */
.t-store__prod-popup__name{
  width: 100% !important;
  color: #32353a !important;
  margin: 0 0 10px !important;
  line-height: 1.4 !important;
  font-size: 21px !important; /* базовое значение */
}

/* если нужен отступ именно после блока заголовка */
.t-store__prod-popup__title-wrapper{
  width: 100% !important;
  margin-bottom: 10px !important;
}

/* 0–767 */
@media screen and (max-width: 767px){
  .t-store__prod-popup__name{ font-size: 18px !important; }
}

/* 768–1023 */
@media screen and (min-width: 768px) and (max-width: 1023px){
  .t-store__prod-popup__name{ font-size: 24px !important; }
}

/* 1024–1279 */
@media screen and (min-width: 1024px) and (max-width: 1279px){
  .t-store__prod-popup__name{ font-size: 27px !important; }
}

/* 1280–1439 */
@media screen and (min-width: 1280px) and (max-width: 1439px){
  .t-store__prod-popup__name{ font-size: 21px !important; }
}

/* 1440–1919 */
@media screen and (min-width: 1440px) and (max-width: 1919px){
  .t-store__prod-popup__name{ font-size: 24px !important; }
}

/* 1920–2559 */
@media screen and (min-width: 1920px) and (max-width: 2559px){
  .t-store__prod-popup__name{ font-size: 27px !important; }
}

/* 2560+ */
@media screen and (min-width: 2560px){
  .t-store__prod-popup__name{ font-size: 36px !important; }
}






/* Бренд + Артикул в одну строку (Горизонтальная строка, которая содержит блоки "бренд" и "артикул") */
.product-brand-sku-row {
    width: 100% !important;
    display: flex;               /* Включает FLEX — элементы встают в одну линию */
    gap: 20px;                   /* Расстояние между "брендом" и "артикулом" */
    margin-bottom: 20px;         /* Отступ снизу перед следующим блоком */
}

/* 0–767 */
@media screen and (max-width: 767px){
  .product-brand-sku-row {
    width: 100% !important;
    display: flex;               /* Включает FLEX — элементы встают в одну линию */
    gap: 0px;                    /* Расстояние между "брендом" и "артикулом" */
    margin-bottom: 20px;         /* Отступ снизу перед следующим блоком */
}
}

/* именно две колонки */
.product-brand,
.product-sku{
  flex: 1 1 0;     /* делят ширину поровну */
  min-width: 0;    /* чтобы текст мог переноситься/обрезаться нормально */
  font-size: 14px;
  color: #898b8d;
}

/* Сброс системных отступов (Убираем все внутренние margin/padding у системных тильдовских блоков. Это нужно, чтобы бренд и артикул стояли ровно и одинаково в одной строке.) */
.product-brand .t-store__prod-popup__brand,
.product-sku .t-store__prod-popup__sku {
    margin: 0 !important;         /* Полностью убираем внешние отступы */
    padding: 0 !important;        /* Полностью убираем внутренние отступы */
}






/* Текст + Цвет в одну строку (Горизонтальная строка, которая содержит блоки "Текст" и "Цвет") */
.product-desc-color-row{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  align-items: flex-start;
}

/* именно две колонки */
.product-desc,
.product-color{
  flex: 1 1 0;   /* делят ширину поровну и учитывают gap */
  min-width: 0;  /* чтобы контент мог сжиматься */
}

/* Текст */
.product-desc{
  font-size: 14px;
  color: #32353a !important;
}

/* Сброс системных отступов */
.product-color .t-product__option{
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 767px){

  /* 1) Делаем текст в 2 колонки и разрешаем колонкам сжиматься */
  .product-desc .js-store-prod-all-text{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
    align-items: start;

    /* 2) Перенос длинных строк, чтобы не вылезало за контейнер */
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* убираем переносы , иначе они будут ломать “колонки” */
  .product-desc .js-store-prod-all-text br{
    display: none;
  }

  /* 1) КЛЮЧ: разрешаем grid-детям сжиматься */
  .product-desc .js-store-prod-all-text > *{
    min-width: 0;
  }

  /* 3) Чтобы padding не увеличивал реальную ширину */
  .product-desc,
  .product-desc .js-store-prod-all-text{
    box-sizing: border-box;
  }
}





/* Заголовок "Фильтра" */
.product-color .t-product__option-title{
  margin: 0;
  padding: 0 0 10px;
  font-size: 14px;
  color: #32353a;
}






/* ===== SELECTED COLOR OPTION (только внутри блока цвета) ===== */

.product-color .t-product__option-selected{
  width: 100% !important;
  min-height: 60px !important;

  display: flex;
  align-items: center;
  gap: 10px;

  background: #fafafa;
  border: 1px solid #b4b4b4;
  border-radius: 0;
  padding: 10px 30px 10px 10px;
  box-sizing: border-box;

  cursor: pointer;              /* понятно, что элемент кликабельный */
}






/* Мини-превью выбранного цвета */
.product-color .t-product__option-selected-checkmark{
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px;
  margin-right: 0 !important;
  border: none;
}

/* Название выбранного цвета */
.product-color .t-product__option-selected-title{
  font-size: 14px;
  color: #32353a;
  line-height: 1.3;
  min-width: 0;                 /* защита от вылезания текста */
  overflow-wrap: anywhere;
}

/* Hover — лёгкая обратная связь */
.product-color .t-product__option-selected:hover{
  background: #f4f4f4;
}

/* Active / focus (клавиатура, тач) */
.product-color .t-product__option-selected:focus-visible{
  outline: 1px solid #32353a;
  outline-offset: 1px;
}






/* Выпадающий список */
.js-product .t-product__option .t-product__option-variants_select{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  left: 0;
  top: 31px !important;
  background: #fafafa;
  border: 1px solid #b4b4b4 !important;
  border-radius: 0;
  box-shadow: none;
  padding: 0 10px;
  box-sizing: border-box;
}

/* Dropdown item */
.js-product .t-product__option-item_select{
  padding: 10px;
  gap: 10px;
}

/* Color preview */
.t-product__option-checkmark_image{
  width: 40px !important;
  height: 40px !important;
  margin-right: 0 !important;
  flex: 0 0 40px;
}






/* ХАРАКТЕРИСТИКИ: 2 колонки "Название | Значение" */
.js-store-prod-all-charcs .js-store-prod-charcs{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  align-items: start;
  margin: 0;
}

/* Мобилка 0–767: просто убираем gap */
@media screen and (max-width: 767px){
  .js-store-prod-all-charcs .js-store-prod-charcs{
    column-gap: 0;
  }
}

/* Твои точечные отступы (хрупко, но ок если список стабилен) */
.js-store-prod-all-charcs .js-store-prod-charcs:nth-of-type(1){
  margin-bottom: 20px !important;
}

/* Цвета */
.js-store-prod-all-charcs .char-name{ color: #32353a; }
.js-store-prod-all-charcs .char-value{ color: #898b8d; }