/* Stay Flawless Beauty Lounge - brand overrides & Coming Soon modal */

/* ---- Coming Soon modal ---- */
.cs-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}
.cs-modal.cs-active{display:flex}
.cs-overlay{position:absolute;inset:0;background:rgba(40,32,28,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cs-box{position:relative;z-index:1;max-width:480px;width:100%;background:#fff;border-radius:18px;padding:48px 40px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25);animation:csPop .35s ease}
@keyframes csPop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
.cs-close{position:absolute;top:12px;right:18px;background:none;border:0;font-size:30px;line-height:1;color:#b0a79f;cursor:pointer;transition:.2s}
.cs-close:hover{color:#333}
.cs-eyebrow{display:block;text-transform:uppercase;letter-spacing:.25em;font-size:12px;font-weight:600;color:#1fb2a6;margin-bottom:14px}
.cs-title{font-size:34px;margin:0 0 14px;color:#3a3330;font-family:'Marcellus',serif}
.cs-text{font-size:16px;line-height:1.7;color:#7c736d;margin:0 0 28px}
.cs-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cs-btn{display:inline-block;padding:13px 26px;border-radius:50px;background:#b28a5b;color:#fff;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.03em;transition:.25s;border:1px solid #b28a5b;cursor:pointer}
.cs-btn:hover{background:#9a744a;border-color:#9a744a;color:#fff}
.cs-btn-outline{background:transparent;color:#b28a5b}
.cs-btn-outline:hover{background:#b28a5b;color:#fff}

/* ---- Brand logo (new Stay Flawless logo) ---- */
.header-logo img{max-height:56px;width:auto}
.mobile-logo img{max-height:60px;width:auto}
.sidemenu-content .footer-logo img{max-height:50px;width:auto}
.footer-wrapper .footer-logo img{max-height:70px;width:auto}

/* ---- Gallery grid: fill full width on large screens ---- */
@media (min-width:1400px){
  .filter-active{justify-content:space-between}
}

/* ---- Hero banner text ---- */
.hero-layout1 .hero-content{max-width:720px}
.hero-layout1 .hero-subtitle{white-space:normal;margin-bottom:18px}
.hero-layout1 .hero-title{font-size:60px;line-height:1.05;padding:0;overflow-wrap:break-word}
.hero-layout1 .hero-content .vs-btn{white-space:nowrap}
@media (max-width:1199px){.hero-layout1 .hero-title{font-size:48px}}
@media (max-width:767px){.hero-layout1 .hero-title{font-size:34px}}