/* Аптека.Израиль — крупнее шрифты и корректный мобильный лейаут.
   Пожилые покупатели: базовый кегль 17-18 px, заголовки и карточки
   каталога — заметно крупнее. Подключается ПОСЛЕ pharma.css. */

@media (max-width: 767px) {
  html { font-size: 17px; }

  /* Каталог: заголовок секции и подзаголовки */
  #catalog h2 { font-size: 2rem; line-height: 1.15; }
  #catalog > div > div > div > p { font-size: 1.05rem; line-height: 1.55; }
  #catalog h3 { font-size: 1.35rem; }

  /* Табы категорий крупнее и удобнее для пальца */
  .category-tab {
    font-size: 1rem !important;
    padding: 0.7rem 1.1rem !important;
  }

  /* Карточки товаров: явный сброс проблемного inline-display:flex,
     плюс более крупный шрифт для названий, описаний и Класс/Цикл/Ориентир. */
  .product-card { display: block !important; padding: 1.5rem !important; }
  .product-card h3 { font-size: 1.75rem !important; line-height: 1.15; }
  .product-card p { font-size: 1.05rem !important; }
  .product-card dl { font-size: 1.05rem; }
  .product-card dt,
  .product-card dd { font-size: 1.05rem !important; line-height: 1.4; }
  .product-card .text-base { font-size: 1.05rem !important; }
  .product-card .text-xs { font-size: 0.85rem !important; }

  /* Hero-заголовок */
  section#top h1 { font-size: 2.4rem; line-height: 1.15; }
  section#top p { font-size: 1.1rem; }

  /* Общие абзацы страниц */
  section p { font-size: 1.05rem; line-height: 1.55; }
  section h2 { font-size: 1.9rem; line-height: 1.15; }
}

/* Тонкая настройка для очень маленьких экранов (Samsung 360-иные) */
@media (max-width: 360px) {
  .product-card h3 { font-size: 1.5rem !important; }
  .product-card { padding: 1.15rem !important; }
}