/* ================================================== */
/* FIXES FOR SALAT-CHITA.RU - ТОЧНАЯ НАСТРОЙКА СЕТКИ */
/* ================================================== */

/* 1. МОБИЛЬНАЯ СЕТКА - ТОЛЬКО ДЛЯ КАРТОЧЕК ТОВАРОВ */
@media (max-width: 768px) {
    .grid:has(img),
    .grid:has([class*="product"]),
    .grid:has(button),
    main .grid:not(:has(h4)) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .grid:has(h4),
    .grid:has(svg),
    .grid:has(a[href^="tel:"]) {
        grid-template-columns: 1fr !important;
        gap: initial !important;
    }
}

/* 2. УБИРАЕМ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* 3. ПРАВИЛЬНЫЙ ПЕРЕНОС СЛОВ */
.container, [class*="container"], 
p, span, div, h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* 4. ЗАЩИТА ОТ ОБРЕЗАНИЯ КОНТЕНТА */
* {
    box-sizing: border-box !important;
}