/* --- 1. ШРИФТ ТА КОЛІР (ЯК У AROMAWAY) --- */
/* Система використовує швидкі шрифти пристрою */
body, .t-records {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Описи стають графітовими та легкими для читання */
.t-descr, 
.js-store-prod-all-text, 
.t-store__prod-popup__text, 
.t-store__prod-popup__descr,
.faq-answer-inner {
    color: #555555 !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* Заголовки стають виразними та чіткими */
.t-name, .t-title, .t-store__prod-popup__name {
    color: #222222 !important;
    font-weight: 600 !important;
}

/* --- 2. ВІДСТУПИ (ПОВІТРЯ В КАРТЦІ ТОВАРУ) --- */
/* Робимо заголовок нижче від картинки, щоб дизайн "дихав" */
.t-store__prod-popup__info {
    padding-top: 25px !important;
}
@media screen and (max-width: 960px) {
    .t-store__prod-popup__info {
        padding-top: 35px !important;
    }
}

/* --- 3. ОПТИМІЗАЦІЯ ШВИДКОСТІ (CLS FIX) --- */
/* Бронюємо місце під фото, щоб сторінка не "стрибала" при завантаженні */
.t-store__prod-popup__slider {
    aspect-ratio: 1 / 1; 
    width: 100%;
}
.t-slds__thumbsbullet-wrapper {
    min-height: 65px !important;
    display: block !important;
}

/* Усуваємо помилку анімацій для Google PageSpeed */
.t-btn, .t-submit, .t-btnflex {
    transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
}

/* --- 4. ДОСТУПНІСТЬ (SEO + 100 БАЛІВ GOOGLE) --- */
/* Робимо дрібні написи (артикул, бренд) достатньо контрастними */
.t-store__prod-popup__brand, 
.t-store__prod-popup__sku, 
.t-store__prod__price-portion, 
.js-product-brand, 
.js-store-prod-sku,
.rw-no-reviews {
    color: #555555 !important;
}

/* Прибираємо накладання фото в каталозі */
.js-product-img, .t-slds__bgimg {
    opacity: unset !important;
    visibility: unset !important;
}