/* =============================
 🪄 1. БАЗОВЫЕ СТИЛИ САЙТА
============================= */

body {
  font-variant-numeric: lining-nums;
  font-feature-settings: 'lnum';
  -moz-font-feature-settings: 'lnum=1';
  -ms-font-feature-settings: 'lnum';
  -webkit-font-feature-settings: 'lnum';
  -o-font-feature-settings: 'lnum';
}

.js-store-prod-name {
  text-align: left;
}


/* =============================
 🛍 2. КАРТОЧКА ТОВАРА
============================= */

/* Заголовок — максимум 2 строки */
.t-store__card .js-store-prod-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.95em;
  letter-spacing: -0;
  text-wrap: normal;
}

/* 📄 Описание в карточке */
.t-store__card .js-store-prod-descr {
  line-height: 1.4;
}

/* 📞 Мобильные: уменьшаем описание только в карточке */
@media (max-width: 480px) {
  .t-store__card .js-store-prod-descr {
    font-size: 11px !important;
    line-height: 1.35;
  }
}


/* =============================
 🪙 3. POP-UP КАРТОЧКИ
============================= */

/* Заголовок */
body .t-store__prod-popup__name.t-name.t-name_xl {
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 600;
}

/* Ограничение заголовка */
.t-store__prod-popup .js-store-prod-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: pretty;
}

/* 📄 Описание в pop-up — не уменьшаем */
.t-store__prod-popup .js-store-prod-text {
  font-size: 15px;
  line-height: 1.5;
}


/* =============================
 📐 4. АДАПТИВ
============================= */

/* 💻 Десктоп */
@media (min-width: 1025px) {
  .js-store-prod-name {
    max-width: 70%;
  }
}

/* 📱 Планшеты */
@media (min-width: 481px) and (max-width: 1024px) {
  body .t-store__prod-popup__name.t-name.t-name_xl {
    font-size: 17px !important;
  }
  .js-store-prod-name {
    max-width: 80%;
  }
}

/* 📞 Мобильные */
@media (max-width: 480px) {
  body .t-store__prod-popup__name.t-name.t-name_xl {
    font-size: 17px !important;
  }
  .js-store-prod-name {
    max-width: 100%;
  }
}

/* ST315N — полосочки-индикаторы поверх фото (внизу кадра, только на телефонах) */
@media (max-width:640px){
  /* Контейнер с полосочками */
  .t-slds__thumbsbullet-wrapper{
    position:absolute !important;
    bottom:10px !important;               /* ← высота над нижним краем фото */
    left:0; right:0;
    display:flex !important;
    justify-content:center !important;   /* по центру */
    gap:5px !important;
    z-index:5;                            /* поверх картинки */
  }

  /* Сами полосочки */
  .t-slds__thumbsbullet{
    width:25px !important;
    height:1px !important;
    border-radius:1px !important;
    background-color:rgba(255,255,255,1) !important; /* светлые, непрозрачность 100 */
    border:none !important;
    transition:background-color .3s ease;
  }

  /* Активная полосочка */
  .t-slds__thumbsbullet.t-slds__bullet_active{
    background-color:#424242 !important;
  }

  /* Убираем внутренние рамки и превьюшки */
  .t-slds__thumbsbullet-border,
  .t-slds__thumbsbullet .t-slds__bgimg{
    display:none !important;
  }

  /* Контейнер с фото должен быть позиционирован */
  .t-slds__imgwrapper{
    position:relative !important;
  }
}