/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
  /* Palette inspired by reference UI */
  :root{--pastel:#FBF3EA; --accent:#C96E6E; --text:#5B4B47; --muted:#9A8F8B;}
  .pastel-bg{background:var(--pastel);} 
  .display-hero{font-family: "Playfair Display", Georgia, serif; font-size: 52px; line-height:1.1; color:var(--text); margin:0 0 10px}
  .lead{font-size:18px; color:var(--muted); max-width: 620px}
  .btn-accent .button, .button.btn-accent{background:var(--accent); color:#fff; border-radius:999px; padding:12px 22px}
  .btn-accent .button:hover, .button.btn-accent:hover{filter:brightness(.92)}
  .btn-ghost .button, .button.btn-ghost{background:transparent; border:1.5px solid var(--accent); color:var(--accent)}
  .btn-ghost .button:hover, .button.btn-ghost:hover{background:var(--accent); color:#fff}
  .hero-photo img{border-radius:20px; box-shadow:0 30px 60px rgba(0,0,0,.08)}
  .stats-bar{margin-top:22px; background:#fff; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.05)}
  .stats-bar ul{display:flex; gap:24px; padding:14px 18px; list-style:none; margin:0}
  .stats-bar li{flex:1; text-align:center}
  .stats-bar strong{display:block; color:var(--text)}
  .stats-bar span{color:var(--muted); font-size:13px}
  .fancy{font-family:"Playfair Display", Georgia, serif; font-size:38px; color:var(--text); margin-bottom:6px}
  .subtext{color:var(--muted)}
  .pillars .icon-box{background:#fff; border-radius:14px; padding:22px; box-shadow:0 8px 24px rgba(0,0,0,.04)}
  .treatment-card{background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06)}
  .treatment-card .box-image img{height:220px; object-fit:cover}
  .treatment-card .card-body{padding:18px}
  .treatment-card h3{margin:0 0 8px; color:var(--text)}
  .quotes-row .quote{background:#fff; border-radius:16px; padding:24px; box-shadow:0 8px 24px rgba(0,0,0,.06); color:var(--text)}
  .quote .author{margin-top:10px; color:var(--muted); font-size:14px}
  @media(max-width:549px){.display-hero{font-size:36px} .stats-bar ul{flex-direction:column; gap:8px}}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}