/* Новое в Django-версии: то, чего не было в старых шаблонах */

/* h1 на странице каталога выглядит как прежний h2 */
.section-title h1 {
    margin: 0;
    color: var(--heading-color, var(--primary-color));
    font-size: calc(clamp(34px, 4.2vw, 58px) * var(--fs-head, 1));
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .section-title h1 { font-size: calc(34px * var(--fs-head, 1)); }
}

/* Таблица характеристик товара */
.az-product-specs {
    width: 100%;
    margin: 0 0 28px;
    border-collapse: collapse;
    font-size: calc(16px * var(--fs-text, 1));
    line-height: 1.4;
}

.az-product-specs th,
.az-product-specs td {
    padding: 11px 0;
    border-bottom: 1px solid var(--border-color);
    text-align: left;
    vertical-align: top;
}

.az-product-specs th {
    width: 52%;
    padding-right: 16px;
    color: var(--text-color);
    font-weight: 600;
}

.az-product-specs td {
    color: var(--heading-color, var(--primary-color));
    font-weight: 800;
}

/* «Другие товары» под карточкой товара */
.az-product-related {
    margin-top: clamp(56px, 7vw, 96px);
}

.az-product-related__title {
    margin: 0 0 8px;
    color: var(--heading-color, var(--primary-color));
    font-size: calc(clamp(26px, 3vw, 38px) * var(--fs-head, 1));
    font-weight: 900;
}

/* Заглушка, если у товара нет фото */
img[src$="product-placeholder.svg"] {
    object-fit: contain !important;
    padding: 18%;
    background: #f5f2ed;
}
