/* Мобильная читаемость: минимум 11px для мелкого текста и 44px для касания. Подключается последним.
   !important нужен: старые правила используют :not() и более высокую специфичность. */
@media (max-width:720px){
  .announcement,.eyebrow,.sub,.filter,.bag,.gallery-trigger,.mood-button,.mood-label,.motion-control,
  .product-label,.salon-zoom,.story-chapter,.greeting-sign,.compare-choice,.compare-price,.catalog-note,
  .gift-footnote,.set-preview-note,.selection-note,.illustration-note,.editorial-photo-note,.gift-editor-note,
  .message-count,.privacy-link,.profile-handle,.profile-action,.set-preview-count,
  figcaption,small{font-size:11px !important}

  /* мелкий текст без собственных классов, по родителям */
  .salon-heading span,.filter span,.product-bottom span,.hero-counter span,.compare-card p,.compare-card button,
  .preset-heading p,.set-preview-heading span,.editorial-helper span,.box-tools p,.box-tools span,.box-tools button,
  .card-tones button,.gift-editor-heading span,.gift-editor label,.story-caption span,.footer p,.footer span,.footer a{font-size:11px !important}

  /* тач-цели не ниже 44px */
  .filter,.mood-button,.bag,.gallery-trigger,.salon-zoom,.profile-action,.privacy-link,.motion-control,
  .add-product,.product-details,.favorite-heart,.hero-secondary,.preset-card button,.compare-link,
  .finder-launch,.box-tools button,.card-tones button,.text-link,.footer a{min-height:44px !important;align-items:center}
  .favorite-heart,.add-product{min-width:44px !important}
  .menu-toggle{min-width:44px !important;min-height:44px !important;margin-inline:-5px !important}
  details a{min-height:44px !important;display:inline-flex !important;align-items:center}
  .add-product,.product-details{display:inline-flex !important;align-items:center;justify-content:center}
}