/* The second theme retains Helal's typography, imagery and palette. */
.preview-banner { position:sticky; top:0; z-index:100; background:#fff3d8; color:#544222; padding:10px; text-align:center; }
[data-theme="helal_modern"] body { background:#f4f9f7; }
[data-theme="helal_modern"] .hero { border-radius:0 0 4rem 4rem; background:linear-gradient(135deg,#e3f4ec,#fff9ed); }
[data-theme="helal_modern"] .hero h1 { letter-spacing:-.035em; }
[data-theme="helal_modern"] .service-grid { gap:24px; }
[data-theme="helal_modern"] .service-card, [data-theme="helal_modern"] .google-review-card, [data-theme="helal_modern"] .article-grid article { border-radius:28px; background:#fff; box-shadow:0 12px 40px #006f760a; }
[data-theme="helal_modern"] .section-top { align-items:center; }
[data-theme="helal_modern"] .booking { border-radius:36px; padding:40px; background:#e5f2ed; }
[data-theme="helal_modern"] .site-footer { border-radius:3rem 3rem 0 0; }
[data-theme="helal_modern"] .button { border-radius:999px; }
[data-theme="helal_modern"] .about { gap:4rem; }
@media(min-width:1024px) { [data-theme="helal_modern"] .hero { padding-block:5rem; } [data-theme="helal_modern"] .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { [data-theme="helal_modern"] .booking { padding:24px 16px; border-radius:24px; } [data-theme="helal_modern"] .hero { border-radius:0 0 2rem 2rem; } }

@media(min-width:761px) and (max-width:1000px) { header { flex-wrap:wrap; } header nav { flex-wrap:wrap; gap:12px; width:100%; justify-content:center; } }

/* Decorative pseudo-elements must not create horizontal scrolling. */
.section-shell { overflow-x:clip; }



header:has(.patient-account) { flex-wrap:wrap; }
.patient-account { font-size:12px; padding:7px 12px; }