/* Mobile clarity fixes — Al-Haseen Insurance */
@media (max-width: 768px) {
  html, body { overflow-x: hidden; }
  .top-bar { height: auto; min-height: 74px; padding: 6px 0; }
  .top-bar-content { flex-direction: column; gap: 5px; align-items: stretch; }
  .top-bar-right, .top-bar-left { justify-content: center; flex-wrap: wrap; gap: 7px 10px; }
  .top-bar-right a, .top-bar-right span { font-size: .68rem; white-space: nowrap; }
  .top-bar-left { font-size: .72rem; }
  .header { top: 74px; }
  .hero { margin-top: 124px; }
  .hero-slide { height: 58vh !important; min-height: 340px !important; background-size: cover !important; }
  .hero-content { padding: 0 18px; text-align: center; }
  .hero-title { font-size: clamp(1.75rem, 8vw, 2.2rem); line-height: 1.25; }
  .hero-desc { font-size: .92rem; line-height: 1.65; }
  .hero-actions { justify-content: center; }
  .announcement-ticker { top: 122px; padding: 8px 42px 8px 32px; min-height: 32px; }
  .ticker-content { animation-duration: 42s; gap: 24px; }
  .ticker-item { font-size: .76rem; padding: 0 8px; }
  .ticker-close { left: 8px; width: 24px; height: 24px; }
  .cookie-consent-banner { padding: 13px 14px !important; gap: 9px !important; }
  .cookie-consent-text { font-size: 12px !important; line-height: 1.55 !important; text-align: center; }
  .cookie-consent-actions { gap: 8px !important; }
  .cookie-accept-btn, .cookie-decline-btn { padding: 8px 16px !important; font-size: 12px !important; }
  .whatsapp-float { bottom: 72px !important; }
}