NOW OPEN Feather Flag for Hair Salons
/* Base (kept) */ .now-open-flag-container{ max-width:1200px; margin:0 auto; padding:20px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif; line-height:1.6; color:#333 } .now-open-flag-section{ margin:50px 0; padding:40px 0 } /* HERO COLORS: cool navy → soft blue gradient */ .now-open-flag-hero{ text-align:center; padding:60px 20px; background:linear-gradient(135deg,#0f1a3a 0%,#1e3a8a 55%,#60a5fa 100%); color:#fff; border-radius:15px; margin-bottom:50px } .now-open-flag-hero h1, .now-open-flag-hero h2{ font-size:2.5em; margin-bottom:20px; font-weight:700 } .now-open-flag-hero p{ font-size:1.2em; max-width:800px; margin:0 auto; line-height:1.8 } /* Feature cards */ .now-open-flag-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px; margin:40px 0 } .now-open-flag-card{ background:#fff; border:2px solid #d4d7e0; border-radius:12px; padding:30px