/* =====================================================
   HOME PAGE BACKGROUND PATTERN
   A faint, tiled medical-doodle texture (stethoscope, pill,
   heartbeat line, medical cross, syringe) behind the whole
   home page - similar to a WhatsApp chat wallpaper: very
   light, low-contrast, never competing with real content.

   Applied to body.front-page only (WordPress's own body class
   for the true site home page - front-page.php), so the blog
   listing / About / Contact pages are untouched.

   None of the home page's section wrappers (.about-section,
   .why-uae-section, .treatments-section, .services-section,
   .faq-section) set their own background color, so this shows
   through in the space around/between their cards, the same
   way a chat wallpaper peeks around message bubbles.
===================================================== */

body.front-page {
    background-color: #ffffff;
    background-image: url('../images/patterns/medical-pattern.svg');
    background-repeat: repeat;
    background-size: 340px 340px;
}