/* Original cascade: assets/css/components/salon/layout/css-01.css */
:root{--gold:#ad6455;--gold-soft:#ad6455;--black:#663e36;--ivory:#fbf6f5;--rose:#e5c3bc;--rose-soft:#e5c3bc;--champagne:#fbf6f5;--text:#663e36;--white:#fbf6f5;--muted:#905245;--line:#e5c3bc;--shadow:0 24px 70px rgba(173,100,85,.14);--radius:24px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--text);background:linear-gradient(180deg,#fbf6f5,var(--champagne));line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--black);color:#fbf6f5;padding:.8rem;z-index:999}.site-header.premium-nav{position:fixed;top:14px;left:0;right:0;z-index:80;background:transparent;border:0}.nav{display:flex;align-items:center;justify-content:space-between}.premium-nav .nav{padding:.55rem .7rem;border:1px solid rgba(173,100,85,.28);border-radius:999px;background:rgba(251,246,245,.76);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(173,100,85,.12)}.brand{display:flex;align-items:center;gap:.8rem;font-weight:600;letter-spacing:.03em}.premium-brand img{width:62px;height:62px;object-fit:contain;border-radius:50%;background:rgba(251,246,245,.7);box-shadow:0 10px 30px rgba(173,100,85,.18)}.premium-brand span{font-family:'Cormorant Garamond','Playfair Display',serif;font-size:1.72rem;font-weight:700;letter-spacing:.02em;color:#663e36;line-height:1}.menu{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}.premium-menu a{display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:600;padding:.68rem .9rem;border-radius:999px;color:#663e36;transition:.25s ease}.premium-menu a:hover{background:rgba(173,100,85,.12);color:#ad6455;transform:none!important;}.nav-cta{background:linear-gradient(135deg,#e5c3bc,var(--gold));color:#663e36!important;box-shadow:0 12px 28px rgba(173,100,85,.25)}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.88rem 1.4rem;font-weight:700;border:1px solid transparent;transition:.25s ease;cursor:pointer;gap:.55rem}.btn svg{width:20px;height:20px;fill:currentColor}.btn-gold,.btn-warm-gold{background:linear-gradient(135deg,#e5c3bc,var(--gold));color:#663e36;box-shadow:0 16px 40px rgba(173,100,85,.28)}.btn-gold:hover,.btn-warm-gold:hover,.btn-float:hover{transform:none!important;box-shadow:0 22px 52px rgba(173,100,85,.32)}.btn-ghost-warm{background:rgba(251,246,245,.78);border-color:rgba(173,100,85,.38);color:#663e36;box-shadow:0 16px 42px rgba(173,100,85,.12)}.hero{position:relative;min-height:92svh;display:grid;place-items:center;overflow:hidden}.hero picture,.hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(102,62,54,.10),rgba(102,62,54,.03) 50%,rgba(251,246,245,.38)),linear-gradient(180deg,rgba(251,246,245,.08),rgba(251,246,245,.65) 100%)}.hero-card{position:relative;margin-left:max(16px,calc((100vw - var(--container))/2));margin-right:auto;margin-top:14svh;max-width:840px;padding:2.1rem 2.3rem;border:1px solid rgba(173,100,85,.24);border-radius:34px;background:rgba(251,246,245,.55);backdrop-filter:blur(16px);box-shadow:0 28px 80px rgba(102,62,54,.16)}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,4.55vw,4.9rem);line-height:1;letter-spacing:-.045em;margin:0 0 1rem;color:#663e36;white-space:nowrap}.hero p{font-size:clamp(1rem,1.3vw,1.18rem);max-width:720px;margin:0;color:#663e36}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.section{padding:5.5rem 0}.soft{background:linear-gradient(180deg,var(--ivory),#fbf6f5)}.section-head{text-align:center;margin-bottom:2rem}.compact-head h2{font-family:'Playfair Display',serif;font-size:clamp(2.15rem,3.4vw,3.45rem);line-height:1.05;margin:0;color:#663e36;letter-spacing:-.025em}.popular-services-section .compact-head h2{white-space:nowrap}.cards{display:grid;gap:1.2rem}.services-grid{grid-template-columns:repeat(4,1fr)}.card,.testimonial,.contact-card,.form,.feature-panel,.values article{background:#fbf6f5;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.45rem}.service-card{transition:.28s ease}.service-card:hover{transform:none!important;box-shadow:0 30px 80px rgba(173,100,85,.18)}.card-img,.gradient,.service-media{height:190px;border-radius:18px;background:radial-gradient(circle at 25% 15%,#fbf6f5 0,#e5c3bc 28%,#e5c3bc 68%,#ad6455 120%)}.tag{color:var(--gold);font-weight:700;font-size:.82rem}.card h3,.card h2{font-family:'Playfair Display',serif;font-size:1.55rem;line-height:1.12}.meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1rem 0;color:var(--muted)}.text-link{color:#ad6455;font-weight:700}.split{display:grid;grid-template-columns:1fr .95fr;gap:3rem;align-items:center}.choice-section h2{font-family:'Playfair Display',serif;font-size:clamp(2.15rem,3.2vw,3.35rem);line-height:1.08;margin:.2rem 0 1.4rem;color:#663e36}.checklist{padding:0;list-style:none;margin:0 0 1.8rem}.checklist li{margin:.75rem 0;padding-left:2rem;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}.story-panel{padding:.75rem;background:linear-gradient(135deg,#fbf6f5,var(--ivory));overflow:hidden}.story-panel img{width:100%;border-radius:20px;object-fit:cover;max-height:640px}.premium-reviews{margin:0 auto;padding:2.1rem;background:#fbf6f5;border-radius:28px;border:1px solid rgba(173,100,85,.2);box-shadow:var(--shadow);min-height:140px}.contact-band{padding-top:2rem}.band{display:flex;justify-content:space-between;gap:2rem;align-items:center;border-radius:34px;padding:2.4rem}.warm-band{background:linear-gradient(135deg,#e5c3bc 0%,#e5c3bc 60%,#fbf6f5 100%);color:#663e36;box-shadow:0 24px 80px rgba(173,100,85,.22)}.warm-band h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:0 0 .7rem}.warm-band p{margin:0;color:#663e36}.band-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.btn-pill-icon{background:rgba(251,246,245,.72);border:1px solid rgba(251,246,245,.58);color:#663e36;box-shadow:0 16px 34px rgba(102,62,54,.12)}.btn-pill-icon:hover{transform:none!important;background:#fbf6f5}.footer.simple-footer{background:#663e36;color:#fbf6f5;padding:0;margin-top:2rem}.simple-footer .footer-bottom{text-align:center;padding:1rem 0;color:#e5c3bc;font-size:.92rem}.floating-social{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:85;display:grid;gap:.65rem}.floating-social a,.to-top{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(251,246,245,.82);border:1px solid rgba(173,100,85,.34);box-shadow:0 16px 38px rgba(173,100,85,.16);backdrop-filter:blur(14px);color:#ad6455;transition:.25s ease}.floating-social a:hover,.to-top:hover{transform:none!important;background:linear-gradient(135deg,#fbf6f5,var(--gold-soft));color:#663e36}.floating-social svg{width:22px;height:22px;fill:currentColor}.to-top{position:fixed;right:18px;bottom:18px;z-index:90;font-size:1.35rem;font-weight:900}.page-hero{padding:7rem 0 2.5rem}.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98;color:var(--black);max-width:920px}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:700}.benefits{display:none}.three{grid-template-columns:repeat(3,1fr)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.services-list{display:grid;gap:1.2rem}.service-row{display:grid;grid-template-columns:360px 1fr;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;background:#fbf6f5}.service-media{height:100%;min-height:260px}.filters{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem}.filters button{border:1px solid var(--line);background:#fbf6f5;border-radius:999px;padding:.65rem 1rem;cursor:pointer}.filters .active{background:var(--black);color:#fbf6f5}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-grid article{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--ivory)}.gallery-grid img{height:280px;width:100%;object-fit:cover}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq summary{font-weight:700;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}.form{display:grid;gap:1rem}.form label{display:grid;gap:.4rem;font-weight:600}.form input,.form textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:.9rem;font:inherit;background:#fbf6f5}.form textarea{min-height:150px}.hp{position:absolute;left:-9999px}.map{min-height:240px;background:var(--ivory);border-radius:18px;display:grid;place-items:center;color:var(--muted)}.avatar img{width:140px;height:140px;object-fit:contain;border-radius:50%;background:var(--ivory);padding:.8rem}@media(max-width:1080px){.premium-menu a{padding:.62rem .68rem}.services-grid{grid-template-columns:repeat(2,1fr)}.hero h1{white-space:normal}.popular-services-section .compact-head h2{white-space:normal}}@media(max-width:900px){.site-header.premium-nav{top:10px}.premium-nav .nav{border-radius:26px}.menu-toggle{display:inline-flex;border:1px solid var(--line);background:#fbf6f5;border-radius:999px;padding:.6rem 1rem}.menu{position:absolute;inset:82px 16px auto 16px;display:none;flex-direction:column;background:rgba(251,246,245,.96);border:1px solid var(--line);border-radius:24px;padding:1rem;box-shadow:var(--shadow)}.menu.open{display:flex}.premium-menu a,.nav-cta{width:100%}.three,.values,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.service-row{grid-template-columns:1fr}.hero{min-height:84svh}.hero-card{margin:18svh auto 0;width:min(100% - 32px,var(--container));padding:1.55rem}.hero-gradient{background:linear-gradient(180deg,rgba(251,246,245,.12),rgba(251,246,245,.78))}.band{flex-direction:column;align-items:flex-start}.band-actions{justify-content:flex-start}.floating-social{right:12px}.floating-social a,.to-top{width:44px;height:44px}}@media(max-width:560px){.premium-brand img{width:52px;height:52px}.premium-brand span{font-size:1.38rem}.section{padding:3.6rem 0}.hero h1{font-size:2.4rem}.hero p{font-size:.98rem}.hero-actions,.band-actions{display:grid;width:100%}.btn{width:100%}.services-grid,.gallery-grid{grid-template-columns:1fr}.floating-social{right:10px;gap:.45rem}.floating-social a{width:40px;height:40px}.to-top{width:42px;height:42px}.story-panel img{max-height:520px}}

/* Original cascade: assets/css/components/salon/layout/css-02.css */

/* =========================================================
   FIX: Floating social buttons + back-to-top icon scaling
   This file should be loaded AFTER style.css.
   ========================================================= */

.floating-social{
    position:fixed !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:99999 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    width:52px !important;
    max-width:52px !important;
    pointer-events:auto !important;
}

.floating-social .social-btn,
.floating-social a.social-btn{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    line-height:0 !important;
    font-size:0 !important;
    border-radius:50% !important;
    background:rgba(251,246,245,.88) !important;
    border:1px solid rgba(173,100,85,.35) !important;
    color:#ad6455 !important;
    box-shadow:0 16px 38px rgba(173,100,85,.16) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    transform:none !important;
}

.floating-social .social-btn svg,
.floating-social a.social-btn svg{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    display:block !important;
    flex:0 0 22px !important;
    fill:currentColor !important;
    stroke:none !important;
    overflow:visible !important;
    transform:none !important;
}

.floating-social .social-btn svg path,
.floating-social a.social-btn svg path{
    fill:currentColor !important;
}

.floating-social .social-btn:hover,
.floating-social a.social-btn:hover{
    background:linear-gradient(135deg,#fbf6f5,#ad6455) !important;
    color:#663e36 !important;
    transform:none!important;
}

.to-top{
    position:fixed !important;
    right:18px !important;
    bottom:18px !important;
    z-index:99999 !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    line-height:0 !important;
    font-size:0 !important;
    border-radius:50% !important;
    background:rgba(251,246,245,.9) !important;
    border:1px solid rgba(173,100,85,.35) !important;
    color:#ad6455 !important;
    box-shadow:0 16px 38px rgba(173,100,85,.16) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
}

.to-top svg{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    max-width:21px !important;
    max-height:21px !important;
    display:block !important;
    flex:0 0 21px !important;
    fill:currentColor !important;
    transform:none !important;
}

.to-top svg path{
    fill:currentColor !important;
}

.to-top:hover{
    background:linear-gradient(135deg,#fbf6f5,#ad6455) !important;
    color:#663e36 !important;
    transform:none!important;
}

/* Fix WhatsApp SVG inside contact band buttons */
.btn-pill-icon svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    display:inline-block !important;
    flex:0 0 20px !important;
    fill:currentColor !important;
    overflow:visible !important;
}

.btn-pill-icon svg path{
    fill:currentColor !important;
}

@media(max-width:900px){
    .floating-social{
        right:12px !important;
        width:46px !important;
        max-width:46px !important;
        gap:8px !important;
    }

    .floating-social .social-btn,
    .floating-social a.social-btn,
    .to-top{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        min-height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
    }

    .floating-social .social-btn svg,
    .floating-social a.social-btn svg{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        min-height:20px !important;
        max-width:20px !important;
        max-height:20px !important;
        flex-basis:20px !important;
    }
}

@media(max-width:560px){
    .floating-social{
        right:10px !important;
        width:42px !important;
        max-width:42px !important;
    }

    .floating-social .social-btn,
    .floating-social a.social-btn,
    .to-top{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
    }

    .floating-social .social-btn svg,
    .floating-social a.social-btn svg,
    .to-top svg{
        width:18px !important;
        height:18px !important;
        min-width:18px !important;
        min-height:18px !important;
        max-width:18px !important;
        max-height:18px !important;
        flex-basis:18px !important;
    }
}

/* Original cascade: assets/css/components/salon/layout/css-03.css */
/* =========================================================
   FINAL HOMEPAGE TUNING - MENU/HERO/CTA/FOOTER
   Loaded after style.css and floating-fix.css.
   ========================================================= */

/* Seamless menu integration with hero image */
.site-header.premium-nav{
    top:0 !important;
    padding-top:10px !important;
    padding-bottom:18px !important;
    background:linear-gradient(180deg,rgba(251,246,245,.96) 0%,rgba(251,246,245,.76) 58%,rgba(251,246,245,0) 100%) !important;
    z-index:9990 !important;
}

.premium-nav .nav{
    background:linear-gradient(135deg,rgba(251,246,245,.86),rgba(229,195,188,.62),rgba(251,246,245,.66)) !important;
    border:1px solid rgba(173,100,85,.34) !important;
    box-shadow:0 16px 48px rgba(173,100,85,.13), inset 0 1px 0 rgba(251,246,245,.72) !important;
    backdrop-filter:blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
}

.premium-brand{
    padding:.12rem .55rem .12rem .18rem !important;
    border-radius:999px !important;
    background:rgba(251,246,245,.36) !important;
    box-shadow:inset 0 1px 0 rgba(251,246,245,.45) !important;
}

.premium-brand img{
    width:66px !important;
    height:66px !important;
    background:rgba(251,246,245,.75) !important;
    border:1px solid rgba(173,100,85,.22) !important;
}

.premium-brand span{
    font-family:'Great Vibes','Cormorant Garamond','Playfair Display',serif !important;
    font-size:2.25rem !important;
    font-weight:400 !important;
    color:#663e36 !important;
    letter-spacing:.01em !important;
    text-shadow:0 1px 0 rgba(251,246,245,.55), 0 10px 24px rgba(173,100,85,.12) !important;
    padding-right:.35rem !important;
}

.premium-menu a{
    color:#663e36 !important;
    font-weight:600 !important;
}

/* Hero text moved center-right to avoid logo printed in the hero image */
.hero-card.hero-card-right{
    margin-left:auto !important;
    margin-right:max(24px,calc((100vw - var(--container))/2 + 42px)) !important;
    margin-top:12svh !important;
    max-width:780px !important;
    background:rgba(251,246,245,.46) !important;
}

.hero-card-right h1{
    white-space:nowrap !important;
}

.hero-card-right p{
    max-width:640px !important;
}

/* Both hero buttons inherit the same floating effect */
.hero-actions .btn-gold.btn-float,
.band-actions .btn-gold.btn-float,
.band-btn{
    background:linear-gradient(135deg,#e5c3bc 0%,#ad6455 58%,#e5c3bc 100%) !important;
    color:#663e36 !important;
    box-shadow:0 18px 42px rgba(173,100,85,.28) !important;
    border:1px solid rgba(251,246,245,.46) !important;
}

.hero-actions .btn-gold.btn-float:hover,
.band-actions .btn-gold.btn-float:hover,
.band-btn:hover{
    transform:none!important;
    box-shadow:0 24px 58px rgba(173,100,85,.36),0 0 20px rgba(173,100,85,.18) !important;
}

/* Remove review section if an old cached index still contains it */
.review-section,
.google-reviews-wrapper,
.premium-reviews{
    display:none !important;
}

/* Refined lower CTA banner: grey + gold, not black */
.warm-band.refined-band,
.refined-band{
    background:
        radial-gradient(circle at 15% 15%,rgba(173,100,85,.34),transparent 28%),
        linear-gradient(135deg,#905245 0%,#905245 45%,#ad6455 125%) !important;
    color:#fbf6f5 !important;
    border:1px solid rgba(173,100,85,.28) !important;
    box-shadow:0 26px 80px rgba(102,62,54,.22) !important;
}

.refined-band h2,
.refined-band p{
    color:#fbf6f5 !important;
}

.refined-band p{
    opacity:.9 !important;
}

.refined-band .band-actions{
    gap:.85rem !important;
}

.refined-band .band-btn{
    min-width:128px !important;
}

/* Footer smaller: only copyright height */
.footer.simple-footer{
    margin-top:0 !important;
    padding:0 !important;
    background:#663e36 !important;
}

.simple-footer .footer-bottom{
    padding:.55rem 0 !important;
    font-size:.82rem !important;
    line-height:1.25 !important;
}

@media(max-width:1080px){
    .premium-brand span{
        font-size:1.95rem !important;
    }

    .hero-card.hero-card-right{
        margin-right:max(16px,calc((100vw - var(--container))/2 + 16px)) !important;
        max-width:720px !important;
    }
}

@media(max-width:900px){
    .site-header.premium-nav{
        padding-bottom:12px !important;
    }

    .premium-brand img{
        width:56px !important;
        height:56px !important;
    }

    .premium-brand span{
        font-size:1.65rem !important;
    }

    .hero-card.hero-card-right{
        margin:19svh auto 0 !important;
        width:min(100% - 32px,var(--container)) !important;
        max-width:100% !important;
        background:rgba(251,246,245,.62) !important;
    }

    .hero-card-right h1{
        white-space:normal !important;
    }
}

@media(max-width:560px){
    .premium-brand span{
        font-size:1.42rem !important;
    }

    .premium-brand{
        gap:.45rem !important;
        padding-right:.35rem !important;
    }

    .hero-card.hero-card-right{
        margin-top:17svh !important;
    }

    .refined-band .band-btn{
        min-width:100% !important;
    }
}

/* Original cascade: assets/css/components/salon/layout/css-04.css */
/* =========================================================
   HOMEPAGE POLISH V2 - Final requested adjustments
   Loaded after style.css, floating-fix.css and homepage-final-fixes.css.
   ========================================================= */

/* Larger logo, same luxury wordmark */
.premium-brand img{
    width:74px !important;
    height:74px !important;
}

/* Move hero card further right by approximately 80-120px on desktop */
.hero-card.hero-card-right.hero-card-extra-right{
    margin-left:auto !important;
    margin-right:max(25px,calc((100vw - var(--container))/2 - 250px)) !important;
    margin-top:40svh !important;
}

/* Hero title text requested. Size intentionally unchanged.
   If you later want it larger, edit the value below:
   increase 4.9rem to e.g. 5.4rem or 5.6rem. */
.hero-card-extra-right h1{
    font-size:clamp(2.6rem,4.55vw,4.9rem) !important;
    white-space:nowrap !important;
}

/* Bottom banner layout - variant 2: title in one row, buttons aligned with lower text */
.refined-band-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    column-gap:2.25rem !important;
    row-gap:.85rem !important;
    align-items:end !important;
    padding:2.15rem 2.35rem !important;
}

.refined-band-v2 .band-copy{
    min-width:0 !important;
}

.refined-band-v2 h2{
    white-space:nowrap !important;
    font-size:clamp(1.9rem,2.35vw,2.85rem) !important;
    line-height:1.04 !important;
    margin:0 0 .65rem !important;
}

.refined-band-v2 p{
    margin:0 !important;
    max-width:none !important;
    line-height:1.55 !important;
}

.refined-band-v2 .band-actions{
    align-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:.8rem !important;
    margin-bottom:.03rem !important;
}

.refined-band-v2 .band-btn{
    min-width:122px !important;
    white-space:nowrap !important;
}

.refined-band-v2 .band-btn svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    flex:0 0 20px !important;
}

@media(max-width:1180px){
    .refined-band-v2{
        grid-template-columns:1fr !important;
        align-items:start !important;
    }

    .refined-band-v2 h2{
        white-space:normal !important;
    }

    .refined-band-v2 .band-actions{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        margin-top:.4rem !important;
    }
}

@media(max-width:1080px){
    .premium-brand img{
        width:64px !important;
        height:64px !important;
    }

    .hero-card.hero-card-right.hero-card-extra-right{
        margin-right:max(48px,calc((100vw - var(--container))/2 + 60px)) !important;
    }
}

@media(max-width:900px){
    .hero-card.hero-card-right.hero-card-extra-right{
        margin:19svh auto 0 !important;
        width:min(90% - 32px,var(--container)) !important;
        max-width:90% !important;
    }

    .hero-card-extra-right h1{
        white-space:normal !important;
    }

    .refined-band-v2{
        padding:1.75rem !important;
    }
}

@media(max-width:560px){
    .premium-brand img{
        width:56px !important;
        height:56px !important;
    }

    .refined-band-v2 .band-actions{
        display:grid !important;
        width:100% !important;
    }

    .refined-band-v2 .band-btn{
        min-width:100% !important;
    }
}

/* Original cascade: assets/css/components/salon/layout/css-05.css */
/* =========================================================
   HOMEPAGE SERVICES V3 - hero corner + service images/buttons
   Loaded after all previous homepage CSS files.
   ========================================================= */

/* Hero card closer to bottom-right, but not touching edges */
.hero-card.hero-card-corner{
    position:absolute !important;
    right:25px !important;
    bottom:20px !important;
    margin:0 !important;
    max-width:400px !important;
    z-index:5 !important;
}

/* Premium image cards */
.service-card-with-image{
    padding:1rem 1rem 1.25rem !important;
}

.service-card-media{
    position:relative !important;
    height:230px !important;
    margin:0 0 1rem !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:none !important;
}

.service-card-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transform:scale(1.01) !important;
    transition:transform .65s ease, filter .65s ease !important;
}

.service-card-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(251,246,245,.05),rgba(251,246,245,.2) 56%,rgba(102,62,54,.12));
    pointer-events:none;
}

.service-card-with-image:hover .service-card-media img{
    transform:none!important;
    filter:saturate(1.05) contrast(1.02) !important;
}

/* Details button matches floating button family */
.service-card .details-btn{
    width:fit-content !important;
    margin-top:.25rem !important;
    padding:.72rem 1.15rem !important;
    font-size:.92rem !important;
    line-height:1 !important;
    text-decoration:none !important;
}

.service-card .details-btn::after{
    content:"" !important;
}

.service-card .details-btn:hover{
    transform:none!important;
    box-shadow:0 20px 48px rgba(173,100,85,.32) !important;
}

@media(max-width:1080px){
    .hero-card.hero-card-corner{
        right:max(32px,calc((100vw - var(--container))/2 + 32px)) !important;
        bottom:clamp(48px,7vh,88px) !important;
        max-width:700px !important;
    }
}

@media(max-width:900px){
    .hero-card.hero-card-corner{
        position:relative !important;
        right:auto !important;
        bottom:auto !important;
        margin:19svh auto 0 !important;
        width:min(100% - 32px,var(--container)) !important;
        max-width:100% !important;
    }

    .service-card-media{
        height:250px !important;
    }
}

@media(max-width:560px){
    .service-card-media{
        height:230px !important;
    }
}

/* Original cascade: assets/css/components/salon/layout/css-06.css */
/* =========================================================
   PREMIUM SERVICE CARDS - Dior/Chanel-inspired service layout
   Loaded after previous homepage CSS files.
   ========================================================= */

.premium-service-showcase{
    background:
        radial-gradient(circle at 12% 12%,rgba(173,100,85,.14),transparent 28%),
        linear-gradient(180deg,#fbf6f5 0%,#fbf6f5 100%) !important;
}

.premium-services-grid{
    align-items:stretch !important;
}

.premium-service-card{
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
    background:linear-gradient(145deg,rgba(251,246,245,.7),rgba(251,246,245,.48)) !important;
    border:1px solid rgba(173,100,85,.2) !important;
    box-shadow:0 24px 62px rgba(173,100,85,.13), inset 0 1px 0 rgba(251,246,245,.76) !important;
}

.premium-service-media{
    position:relative !important;
    height:285px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:24px 24px 0 0 !important;
    background:#fbf6f5 !important;
}

.premium-service-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transform:scale(1.01) !important;
    transition:transform .85s ease, filter .85s ease !important;
}

.premium-service-media::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(180deg,rgba(251,246,245,.05) 0%,rgba(102,62,54,.08) 45%,rgba(102,62,54,.68) 100%);
    pointer-events:none;
}

.premium-service-media::after{
    content:"";
    position:absolute;
    inset:16px;
    z-index:2;
    border:1px solid rgba(251,246,245,.34);
    border-radius:18px;
    pointer-events:none;
    opacity:.85;
}

.premium-service-media figcaption{
    position:absolute;
    left:1.25rem;
    right:1.25rem;
    bottom:1.18rem;
    z-index:3;
    color:#fbf6f5;
}

.premium-service-media figcaption span{
    display:inline-flex;
    width:max-content;
    padding:.25rem .68rem;
    border-radius:999px;
    background:rgba(251,246,245,.18);
    border:1px solid rgba(251,246,245,.3);
    color:#e5c3bc;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

.premium-service-media figcaption h3{
    margin:.55rem 0 0 !important;
    font-family:'Playfair Display',serif !important;
    font-size:clamp(1.55rem,2vw,2.05rem) !important;
    line-height:1.02 !important;
    color:#fbf6f5 !important;
    text-shadow:0 12px 28px rgba(102,62,54,.28) !important;
}

.premium-service-body{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    padding:1.25rem 1.25rem 1.35rem !important;
}

.premium-service-body > p{
    flex:1 1 auto !important;
    margin:.1rem 0 1rem !important;
    color:#ad6455 !important;
}

.premium-service-meta{
    margin:.15rem 0 1rem !important;
    padding-top:.85rem !important;
    border-top:1px solid rgba(173,100,85,.18) !important;
}

.details-btn-full{
    width:100% !important;
    justify-content:center !important;
    margin-top:auto !important;
    padding:.85rem 1.2rem !important;
    text-decoration:none !important;
    border-radius:999px !important;
}

.details-btn-full::after{
    content:"" !important;
}

.premium-service-card:hover .premium-service-media img{
    transform:none!important;
    filter:saturate(1.08) contrast(1.03) !important;
}

.premium-service-card:hover{
    transform:none!important;
    box-shadow:0 36px 92px rgba(173,100,85,.2), inset 0 1px 0 rgba(251,246,245,.82) !important;
}

@media(max-width:1080px){
    .premium-service-media{
        height:300px !important;
    }
}

@media(max-width:560px){
    .premium-service-media{
        height:260px !important;
    }
}

/* Original cascade: assets/css/components/salon/layout/css-07.css */

/* Before / After section for servicii.php */
.services-before-after-section{background:linear-gradient(180deg,#fbf6f5,#fbf6f5)}.services-ba-head{text-align:center;max-width:780px;margin:0 auto 2rem}.services-ba-head h2{font-family:'Playfair Display','Cormorant Garamond',serif;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.03;color:#663e36;margin:.2rem 0 .8rem}.services-ba-head p{color:#905245;line-height:1.75}.services-ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.services-ba-card{border-radius:30px;padding:1rem;background:rgba(251,246,245,.75);border:1px solid rgba(173,100,85,.22);box-shadow:0 24px 64px rgba(173,100,85,.1)}.services-ba-frame{--pos:50%;position:relative;aspect-ratio:1.1/1;border-radius:22px;overflow:hidden}.services-ba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}.services-ba-before{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--pos)) 0 0);border-right:2px solid #e5c3bc}.services-ba-label{position:absolute;top:.8rem;z-index:3;padding:.35rem .65rem;border-radius:999px;background:rgba(102,62,54,.72);color:#fbf6f5;font-weight:800;font-size:.8rem}.services-ba-left{left:.8rem}.services-ba-right{right:.8rem}.services-ba-card input{width:100%;margin-top:.85rem;accent-color:#ad6455}@media(max-width:1080px){.services-ba-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.services-ba-grid{grid-template-columns:1fr}.services-ba-card{border-radius:24px}}