:root{
     --gold:#ba9593;
    --gold-hover:#c89600;
    --gold-light:#fdf3d7;
     --navy:#15204b;
    --navy-deep:#0e1633;
    --navy-light:#1e2e66;
     --charcoal:#434549;
    --dark:#141617;
     --white:#ffffff;
    --cream:#faf8f3;
    --cream-dark:#f0ece3;
     --gray:#eaeaed;
    --gray-mid:#9a9da3;
     --font-serif:'DM Serif Display',Georgia,serif;
     --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
     --radius:6px;
    --radius-lg:12px;
    --radius-xl:16px;
     --shadow:0 4px 24px rgba(0,0,0,.08);
     --shadow-lg:0 16px 48px rgba(0,0,0,.12);
     --shadow-xl:0 24px 64px rgba(0,0,0,.16);
     --max-w:1180px;
     --transition:.25s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{
    box-sizing:border-box;
    margin:0;
    padding:0
}
html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%
}
body{
    font-family:var(--font);
    color:var(--charcoal);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden
}
img{
    max-width:100%;
    display:block
}
a{
    color:inherit;
    text-decoration:none
}
ul,ol{
    list-style:none
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit
}
h1,h2{
    font-family:var(--font-serif);
    font-weight:400;
    line-height:1.15;
    color:var(--dark)
}
h3,h4{
    font-family:var(--font);
    font-weight:700
}
.container{
    max-width:var(--max-w);
    margin:0 auto;
    padding:0 24px;
    width:auto;
}
/* ========================================================= BUTTONS ========================================================= */
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-family:var(--font);
    font-weight:600;
    font-size:15px;
    padding:14px 32px;
    border-radius:var(--radius);
    border:2px solid transparent;
    cursor:pointer;
    transition:all var(--transition);
    white-space:nowrap;
    text-decoration:none
}
.btn-gold {
    background: #ba9593;
    color: var(--white);
    border-color: #ba9593;
    box-shadow: 0 4px 16px #ba9593;
}
.btn-gold:hover{
    background: #ba9593;
    border-color: #ba9593;
    transform:translateY(-2px);
    box-shadow:0 8px 24px #ba9593;
    color: var(--white);
}
.btn-outline{
    background:transparent;
    color:var(--white);
    border-color:rgba(255,255,255,.4)
}
.btn-outline:hover{
    background:rgba(255,255,255,.1);
    border-color:var(--white)
}
.btn-white{
    background:var(--white);
    color:var(--dark);
    border-color:var(--white);
    font-weight:700
}
.btn-white:hover{
    background:var(--cream);
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.2)
}
.btn-block{
    width:100%
}
.btn-lg{
    padding:16px 36px;
    font-size:17px
}
.btn-sm{
    padding:10px 22px;
    font-size:14px
}
/* Scroll reveal disabled — all sections visible immediately */
.reveal{
    opacity:1;
    transform:none
}
/* ========================================================= TRUST STRIP (bestpricekitchenbath style, below header) ========================================================= */
.trust-strip{
    background:var(--cream);
    border-bottom:1px solid var(--cream-dark);
    padding:9px 24px;
    position:sticky;
    top:64px;
    z-index:99
}
.trust-strip__inner{
    max-width:var(--max-w);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0
}
.trust-strip__item{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    font-weight:500;
    color:var(--charcoal);
    padding:3px 18px;
    border-right:1px solid var(--cream-dark)
}
.trust-strip__item:last-child{
    border-right:none
}
.trust-strip__item svg{
    color:#ba9593;
    flex-shrink:0
}
.trust-strip__item strong{
    color:var(--navy)
}
/* ========================================================= STICKY HEADER ========================================================= */
.header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    background:#fff;
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:box-shadow var(--transition)
}
.header.scrolled{
    box-shadow:0 4px 20px rgba(0,0,0,.3)
}
.header__inner{
    max-width:var(--max-w);
    margin:0 auto;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:space-between;
     height: 88px;
    /* height:64px */
}
.header__logo img{
    height:60px;
    width:auto
}
.header__right{
    display:flex;
    align-items:center;
    gap:30px
}
.header__phone{
    display:flex;
    align-items:center;
    gap:8px;
    color: #333;
    font-weight:600;
    font-size:16px;
    transition:color var(--transition)
}
.header__phone:hover{
    color:#ba9593
}
@media(max-width:640px){
    .header__phone span{
        display:none
    }
    .header__right .btn{
        padding:8px 16px;
        font-size:13px
    }
}
/* ========================================================= HERO ========================================================= */
.hero{
    position:relative;
    padding:156px 0 80px;
/*    background:linear-gradient(150deg,#1c1812 0%,var(--navy-deep) 35%,var(--navy) 100%); */
    background: url('https://klassikasa.com/wp-content/uploads/2025/05/SODA.jpg') no-repeat center center;
    background-size: cover;
    overflow:hidden;
    
    isolation: isolate;
}
/*
.hero::before{
    content:'';
    position:absolute;
    top:-30%;
    right:-15%;
    width:700px;
    height:700px;
    background:radial-gradient(circle,rgba(222,169,4,.1) 0%,transparent 65%);
    border-radius:50%;
    pointer-events:none
}
*/

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    z-index: 1;
    pointer-events: none;
}

.hero > * {
    position: relative;
    z-index: 2;
}


.hero__grid{
    display:grid;
/*    grid-template-columns:1fr 1fr; */
    grid-template-columns: 2fr 1fr;
    gap:40px;
    align-items:center;
    position:relative;
    z-index:2
}

.thk .hero__grid{
   grid-template-columns:1fr 1fr;
}


.hero__badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background: rgb(0 0 0 / 27%);
    border:1px solid rgba(222,169,4,.25);
    color:#ba9593;
    padding:7px 18px;
    border-radius:100px;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:24px
}
.hero__title{
    font-family:var(--font-serif);
    /* font-size:clamp(30px,4.5vw,52px);
     */
     font-size: 50px;
     color:var(--white);
    margin-bottom:8px;
    line-height:1.1
}
.hero__title em{
    font-family:var(--font-serif);
    font-style:italic;
    color:#ba9593
}
.hero__title-sub{
    font-family:var(--font-serif);
    font-size:clamp(15px,2vw,20px);
    font-style:italic;
    color:rgba(255,255,255,.65);
    margin-bottom:20px;
    line-height:1.4
}
.hero__sub{
    font-size:16px;
    color:rgba(255,255,255,.7);
    line-height:1.7;
    margin-bottom:32px;
/*    max-width:480px */
}
.hero__actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap
}
.hero__image{
    border-radius:var(--radius-xl);
    overflow:hidden;
/*    aspect-ratio:4/3; */
    position:relative;
    margin-top: 80px;
}
.hero__image::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:#ba9593;
    z-index:1
}
.hero__image img{
    width:100%;
    height:100%;
    object-fit:cover
}
@media(max-width:900px){
    .hero{
        padding:100px 0 60px
    }
    .hero__grid, .thk .hero__grid {
        grid-template-columns:1fr
    }
    .hero__image{
/*        max-height:320px */
    }
}
/* ========================================================= FORM CARD (overlapping below hero) ========================================================= */
.hero__form-wrap{
    margin-top:-48px;
    padding-bottom:0;
    position:relative;
    z-index:10
}
.hero__form-card{
    background:var(--white);
    border-radius:var(--radius-xl);
    padding:40px;
    box-shadow:var(--shadow-xl);
    max-width:780px;
    margin:0 auto;
    border:1px solid rgba(0,0,0,.04)
}
.hero__form-header{
    text-align:center;
    margin-bottom:28px
}
.hero__form-header h2{
    font-family:var(--font-serif);
    font-size:28px;
    color:var(--dark);
    margin-bottom:6px
}
.hero__form-header p{
    font-size:14px;
    color:var(--gray-mid)
}
.form__note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:12px;
    color:var(--gray-mid);
    margin-top:14px
}
/* Forminator overrides to match Vercel form style */
.hero__form-card .forminator-custom-form .forminator-row{
    margin-bottom:16px
}
.hero__form-card .forminator-custom-form .forminator-label{
    display:block;
    font-size:13px!important;
    font-weight:600!important;
    color:var(--charcoal)!important;
    margin-bottom:6px!important
}
.hero__form-card .forminator-custom-form .forminator-input,.hero__form-card .forminator-custom-form .forminator-select--field{
     width:100%!important;
    padding:12px 16px!important;
    font-size:15px!important;
    color:var(--dark)!important;
     background:var(--cream)!important;
    border:1.5px solid var(--gray)!important;
     border-radius:var(--radius)!important;
    outline:none!important;
     transition:border-color var(--transition),box-shadow var(--transition)!important;
    height:auto!important
}
.hero__form-card .forminator-custom-form .forminator-input:focus,.hero__form-card .forminator-custom-form .forminator-select--field:focus{
    border-color:#ba9593!important;
    box-shadow:0 0 0 3px rgba(222,169,4,.12)!important
}
.hero__form-card .forminator-custom-form .forminator-button-submit{
     width:100%!important;
    background:#ba9593!important;
    color:var(--white)!important;
     border:2px solid #ba9593!important;
    border-radius:var(--radius)!important;
     padding:16px 36px!important;
    font-size:17px!important;
    font-weight:600!important;
     cursor:pointer!important;
    transition:all var(--transition)!important;
    margin-top:8px!important
}
.hero__form-card .forminator-custom-form .forminator-button-submit:hover{
    background:var(--gold-hover)!important;
    border-color:var(--gold-hover)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 8px 24px rgba(222,169,4,.4)!important
}
.hero__form-card .forminator-custom-form .forminator-field--helper{
    display:none!important
}
.hero__form-card .forminator-custom-form .forminator-error-message{
    font-size:12px!important;
    color:#dc2626!important;
    margin-top:4px!important
}
.hero__form-card .forminator-custom-form .forminator-response-message{
    margin-bottom:16px!important
}
.hero__form-card .forminator-custom-form .forminator-row-last .forminator-col{
    padding:0!important
}
/* ========================================================= STATS COUNTER BAR ========================================================= */
.stats{
    background:var(--cream);
    border-bottom:1px solid rgba(0,0,0,.05);
    padding:48px 0
}
.stats__grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
    text-align:center
}
.stats__number{
    font-family:var(--font-serif);
    font-size:clamp(28px,3.5vw,48px);
    color:#ba9593;
    line-height:1;
    margin-bottom:6px
}
.bb .stats__grid{
    grid-template-columns:repeat(4,1fr);
}
.bb .stats__number{
    font-size: 42px;
}
.stats__label{
    font-size:14px;
    font-weight:600;
    color:var(--charcoal);
    line-height:1.3
}
.stats__sub{
    font-size:12px;
    color:var(--gray-mid)
}
@media(max-width:900px){
    .stats__grid{
        grid-template-columns:repeat(3,1fr);
        gap:28px 16px
    }
}
@media(max-width:480px){
    .stats__grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px 12px
    }
}
@media(max-width:480px){
    .bb .stats__grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px 12px
    }
}
@media(max-width:480px){
    .bb .stats__number{
        font-size: 28px;
    }
}
/* ========================================================= SECTION SHARED ========================================================= */
.section{
    padding:60px 0
}
.section--cream{
    background:var(--cream)
}
.section--navy{
    background:var(--navy);
    color:var(--white)
}
.section__label{
    font-family:var(--font);
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#ba9593;
    margin-bottom:12px;
    display:block
}
.section__title{
    font-family:var(--font-serif);
    font-size:clamp(28px,4vw,44px);
    color:var(--dark);
    margin-bottom:16px
}
 .works .section__title{
    font-size:clamp(28px,4vw,43px);
}
 .section--navy .section__title{
    color:var(--white)
}
.section__sub{
    font-size:17px;
    color:var(--charcoal);
/*    max-width:580px; */
    line-height:1.7
}
.section--navy .section__sub{
    color:rgba(255,255,255,.65)
}
.section__header{
    margin-bottom:30px;
}
.section__header--center{
    text-align:center
}
.section__header--center .section__sub{
    margin:10px auto 0 auto;
}
.gold-rule{
    width:48px;
    height:2px;
    background:#ba9593;
    border:none;
    margin:16px auto 0
}
/* ========================================================= BEFORE & AFTER PHOTOS GRID (2?2) ========================================================= */
.ba__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px
}
.ba-card{
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid var(--gray);
    transition:transform var(--transition),box-shadow var(--transition)
}
.ba-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg)
}
.ba-card__img{
    aspect-ratio:4/3;
    overflow:hidden
}
.ba-card__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s
}
.ba-card:hover .ba-card__img img{
    transform:scale(1.04)
}
@media(max-width:640px){
    .ba__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= OUR WORK – photo grid (10 photos, 5?2) ========================================================= */
.work-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px
}
.work-photo{
    border-radius:var(--radius-lg);
    overflow:hidden;
    aspect-ratio:3/4
}
.work-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s
}
.work-photo:hover img{
    transform:scale(1.05)
}
@media(max-width:900px){
    .work-grid{
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:480px){
    .work-grid{
        grid-template-columns:repeat(2,1fr)
    }
}
/* ========================================================= WHY CHOOSE US – numbered cards ========================================================= */
.benefits__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
}
.benefit-card{
    background:var(--white);
    border-radius:var(--radius-lg);
    padding:36px 32px;
    border:1px solid var(--gray);
    border-top:3px solid #ba9593;
    transition:all var(--transition)
}
.benefit-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow)
}
.benefit-card__num{
    width:48px;
    height:48px;
    background:#ba9593;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-serif);
    font-size:22px;
    color:var(--white);
    margin:0 auto 16px auto;
}
.benefit-card__title{
    font-size:18px;
    font-weight:700;
    color:var(--dark);
     text-align: center;
    /* margin: 0 auto 8px auto;
     */
}
.benefit-card__text{
    font-size:14px;
    color:var(--charcoal);
    line-height:1.65
}
@media(max-width:640px){
    .benefits__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= WHAT'S INCLUDED ========================================================= */
.included__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center
}
.included__image{
    border-radius:var(--radius-xl);
    overflow:hidden;
    aspect-ratio:3/3;
    position:relative
}
.included__image::before{
    content:'';
    position:absolute;
    top:16px;
    left:16px;
    right:16px;
    bottom:16px;
    border:1px solid rgba(222,169,4,.2);
    border-radius:var(--radius-lg);
    pointer-events:none;
    z-index:1
}
.included__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: right;
}
.included__list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:32px
}
.included__item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:15px;
    color:var(--dark)
}
.included__check{
    width:22px;
    height:22px;
    background:var(--gold-light);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    margin-top:2px;
    color:#ba9593
}
.included__item-desc{
    font-size:13px;
    color:var(--gray-mid);
    line-height:1.5
}
@media(max-width:768px){
    .included__grid{
        grid-template-columns:1fr
    }
    .included__image{
        max-height:300px
    }
    .included__list{
        grid-template-columns:1fr
    }
}
/* ========================================================= PROCESS ========================================================= */
.process__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:36px;
    position:relative
}
.process__grid::before{
    content:'';
    position:absolute;
    top:40px;
    left:calc(16.66% + 28px);
    right:calc(16.66% + 28px);
    height:2px;
    background:rgba(255,255,255,.12)
}
.process-step{
    text-align:center;
    position:relative
}
.process-step__num{
    width:56px;
    height:56px;
    background:#ba9593;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-serif);
    font-size:24px;
    color:var(--white);
    margin:0 auto 20px;
    position:relative;
    z-index:1;
    box-shadow:0 4px 20px rgba(222,169,4,.35)
}
.process-step__eyebrow{
    font-size:11px;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#ba9593;
    margin-bottom:8px
}
.process-step__title{
    font-size:19px;
    font-weight:700;
    margin-bottom:10px;
    color:var(--white)
}
.process-step__text{
    font-size:14px;
    color:rgba(255,255,255,.65);
    line-height:1.7;
    max-width:280px;
    margin:0 auto
}
@media(max-width:640px){
    .process__grid{
        grid-template-columns:1fr;
        gap:40px
    }
    .process__grid::before{
        display:none
    }
}
/* ========================================================= TESTIMONIALS ========================================================= */
.testimonials__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
.testimonial-card{
    background:var(--white);
    border-radius:var(--radius-lg);
    padding:32px 28px;
    border:1px solid var(--gray);
    border-left:4px solid #ba9593;
    transition:all var(--transition);
    display:flex;
    flex-direction:column
}

.touch .testimonial-card {
    background: #faf8f3;
    border-left: none;
    border-top: 4px solid #ba9593;
}

.testimonial-card:hover{
    box-shadow:var(--shadow)
}
.testimonial-card__stars{
    display:flex;
    gap:2px;
    margin-bottom:16px;
    color:#ba9593
}
.testimonial-card__source{
    font-size:11px;
    font-weight:600;
    color:var(--gray-mid);
    background:var(--gray);
    padding:2px 8px;
    border-radius:4px;
    display:inline-block;
    margin-bottom:12px
}
.testimonial-card__text{
    font-family:var(--font-serif);
    font-size:17px;
    line-height:1.6;
    color:var(--dark);
    margin-bottom:20px;
    flex:1
}
.testimonial-card__author{
    display:flex;
    align-items:center;
    gap:12px
}
.testimonial-card__avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--navy);
    color:#ba9593;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    flex-shrink:0
}
.testimonial-card__name{
    font-weight:600;
    font-size:15px;
    color:var(--navy)
}
.testimonial-card__loc{
    font-size:13px;
    color:var(--gray-mid)
}
@media(max-width:768px){
    .testimonials__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= FINANCING ========================================================= */
.financing{
    padding:72px 0;
/*    background:linear-gradient(135deg,#ba9593 0%,#c89600 50%,#b88700 100%); */
    background: linear-gradient(135deg,#ba9593 0%,#ba9593 50%,#ba9593 100%);
    text-align:center;
    color:var(--dark);
    position:relative;
    overflow:hidden
}
.financing::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 25% 50%,rgba(255,255,255,.12),transparent 50%);
    pointer-events:none
}
.financing__eyebrow{
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(0,0,0,.5);
    margin-bottom:12px;
    position:relative
}
.financing h2{
    font-family:var(--font-serif);
    font-size:clamp(46px,3.5vw,46px);
    margin-bottom:12px;
    position:relative;
    color:#fff;
}
.financing__apr{
    font-family:var(--font-serif);
    font-size:clamp(20px,2.5vw,28px);
    margin-bottom:16px;
    position:relative
}
.financing p{
    font-size:17px;
    opacity:.88;
    max-width:580px;
    margin:0 auto 28px;
    line-height:1.7;
    position:relative
}
.financing p strong{
    text-decoration:underline;
    text-underline-offset:3px
}
.financing__fine{
    font-size:12px;
    color:rgba(0,0,0,.45);
    margin-top:14px;
    position:relative
}
/* ========================================================= BOTTOM FORM (2-col) ========================================================= */
.bottom-form{
    padding:60px 0;
    background:var(--cream)
}
.bottom-form__grid{
    display:grid;
    grid-template-columns:1fr 500px;
    gap:64px;
    align-items:start
}
.bottom-form__title{
    font-family:var(--font-serif);
    font-size:clamp(26px,3.5vw,40px);
    color:var(--dark);
    margin-bottom:16px
}
.bottom-form__sub{
    font-size:16px;
    color:var(--charcoal);
    line-height:1.7;
    margin-bottom:24px
}
.bottom-form__points{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-bottom:0
}
.bottom-form__point{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:15px;
    color:var(--dark)
}
.bottom-form__point-check{
    width:22px;
    height:22px;
    background:var(--gold-light);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    margin-top:2px;
    color:#ba9593
}
.bottom-form__card{
    background:var(--white);
    border-radius:var(--radius-xl);
    padding:40px;
    box-shadow:var(--shadow-xl);
    border:1px solid rgba(0,0,0,.04)
}
.bottom-form__badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px 14px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid var(--gray)
}
.bottom-form__badge{
    font-size:12px;
    font-weight:500;
    color:var(--gray-mid);
    display:flex;
    align-items:center;
    gap:5px
}
.bottom-form__badge::before{
    content:'?';
    color:#ba9593;
    font-weight:700
}
@media(max-width:900px){
    .bottom-form__grid{
        grid-template-columns:1fr
    }
}
/* ========================================================= BOTTOM CTA ========================================================= */
.bottom-cta{
    padding:60px 0;
    background:linear-gradient(150deg,#1c1812 0%,var(--navy-deep) 35%,var(--navy) 100%);
    text-align:center;
    position:relative;
    overflow:hidden
}
.bottom-cta::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at 50% 70%,rgba(222,169,4,.06),transparent 60%);
    pointer-events:none
}
.bottom-cta h2{
    font-family:var(--font-serif);
    font-size:clamp(28px,4vw,46px);
    color:var(--white);
    margin-bottom:16px;
    position:relative
}
.bottom-cta p{
    font-size:17px;
    color:rgba(255,255,255,.6);
    max-width:700px;
    margin:0 auto 36px;
    position:relative;
    line-height:1.7
}
.bottom-cta__actions{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
    position:relative;
/*    margin-bottom:28px */
}
.bottom-cta__badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px 20px;
    justify-content:center;
    position:relative
}
.bottom-cta__badge{
    font-size:13px;
    color:rgba(255,255,255,.5);
    display:flex;
    align-items:center;
    gap:5px
}
.bottom-cta__badge::before{
    content:'?';
    color:#ba9593;
    font-weight:700
}
/* ========================================================= FOOTER ========================================================= */
.footer{
    background:var(--dark);
    color:rgba(255,255,255,.55);
    padding:44px 0;
    font-size:13px
}
.footer__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px
}
.footer__logo img{
    height:52px;
    width:auto;
    opacity:.8
}
.footer__info{
    display:flex;
    flex-wrap:wrap;
    gap:8px 24px
}
.footer__copy{
    opacity:.5
}
.footer a:hover{
    color:#ba9593
}
@media(max-width:640px){
    .footer__inner{
        flex-direction:column;
        text-align:center
    }
}
/* ========================================================= MOBILE STICKY BAR ========================================================= */
.mobile-bar{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:999;
    background:var(--navy-deep);
    border-top:1px solid rgba(255,255,255,.08);
    padding:10px 16px
}
.mobile-bar__inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}
.mobile-bar .btn{
    padding:14px;
    font-size:15px;
    border-radius:var(--radius)
}
@media(max-width:768px){
    .mobile-bar{
        display:block
    }
    body{
        padding-bottom:76px
    }
}
/* trust strip responsive */
@media(max-width:768px){
    .trust-strip__item{
        border-right:none;
        font-size:11px;
        padding:3px 10px
    }
}
@media(max-width:480px){
    .trust-strip{
        display:none
    }
}
/* Force Forminator form visible — JS will initialize on load via LiteSpeed trigger */
#forminator-module-20381{
    display:block!important
}
.header {
     max-width: 100%;
     overflow-x: hidden;
}
.header__inner {
     max-width: 100%;
     width: 100%;
}
.header__right {
     flex-shrink: 0;
}
.container {
     max-width: var(--max-w);
     width: 100%;
     padding: 0 16px;
}
.select2-selection {
     border-color: #eaeaed !important;
     background-color: #faf8f3 !important;
     border-radius: 5px !important;
}
.hero__title span {
     color: #ba9593;
     font-style: italic;
}
.mob {
     display: none;
     text-align: center;
     width: 80%;
     margin: 20px auto;
}
.mobv {
     display: none;
}
.mob p {
     color: #9c9ead;
     margin: 15px 0 14px 0;
}
 @media (max-width: 480px) {
     html, body {
         max-width: 100%;
         overflow-x: hidden;
    }
     .header__inner {
         padding: 0 16px;
    }
     .header__phone span {
         display: none;
    }
     .header__right .btn {
         padding: 6px 12px;
         font-size: 12px;
    }
     .btn-lg, .btn-outline, .btn-gold, .btn {
         width: 100%;
    }
     .section, .bottom-form {
         padding: 40px 0;
    }
     .mob-h {
         display: none;
    }
     .hero__title {
         text-align: center;
         font-size: 38px;
    }
     .hero__title span {
         text-align: center;
         color: #ba9593;
         font-style: italic;
    }
     .mob {
         display: block;
    }
     .bmob {
         display: none;
    }

}
.avail-badge {
    /* position:absolute;
     */
    /* top:calc(var(--nav-h,80px) + 20px);
     */
     top: 15px;
     right:28px;
     z-index:2;
     background: #fff;
     backdrop-filter:blur(10px);
     border:1px solid #ba9593;
     border-radius:100px;
     padding:7px 17px;
     display:flex;
     align-items:center;
     gap:8px;
}
@media (max-width: 768px) {
     .avail-badge {
         display: none;
    }
}
/* ===================================================== TESTIMONIALS SLIDER (Mobile) ===================================================== */
 @media (max-width: 768px) {
     .mobv {
         display: block;
     }
     .deck {
         display: none;
     }
     .testimonials__grid {
         display: block;
         overflow-x: auto;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
         scroll-behavior: smooth;
         white-space: nowrap;
         padding: 20px 0;
         margin: 0 0px;
         position: relative;
    }
     .testimonial-card, .benefit-card {
         display: inline-block;
         white-space: normal;
         width: calc(100% - 20px);
         margin: 0 20px;
         scroll-snap-align: start;
         scroll-snap-stop: always;
         vertical-align: top;
         box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

     .testimonials__grid::-webkit-scrollbar {
         height: 4px;
    }
     .testimonials__grid::-webkit-scrollbar-track {
         background: #f1f1f1;
         border-radius: 10px;
    }
     .testimonials__grid::-webkit-scrollbar-thumb {
         background: var(--gold, #c6a43f);
         border-radius: 10px;
    }
     .testimonials-slider-nav {
         display: flex;
         justify-content: center;
         gap: 12px;
         margin-top: 5px;
    }
     .testimonials-slider-dot, .testimonials-slider-dot1 {
         width: 8px;
         height: 8px;
         background: #ccc;
         border-radius: 50%;
         cursor: pointer;
         transition: all 0.3s ease;
    }
     .testimonials-slider-dot.active, .testimonials-slider-dot1.active {
         width: 24px;
         background: var(--gold, #c6a43f);
         border-radius: 12px;
    }
     .testimonials-slider-btn {
         background: transparent;
         border: 1px solid var(--gold, #c6a43f);
         border-radius: 50%;
         width: 40px;
         height: 40px;
         cursor: pointer;
         display: flex;
         align-items: flex-start;
         justify-content: center;
         transition: all 0.3s ease;
         font-family: 'Tahoma';
         padding-top: 7px;
    }
     .testimonials-slider-btn:hover {
         background: var(--gold, #c6a43f);
         color: white;
    }
     .testimonials-slider-controls {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 20px;
         margin-top: 24px;
    }
}
 @media (min-width: 769px) {
     .testimonials-slider-nav, .testimonials-slider-controls {
         display: none;
    }
}
 .Before-After-gallery {
/*     max-width: 1300px; */
     margin: 0 auto;
     text-align: center;
     padding-bottom: 0px;
}
 .gallery-title {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 0.5rem;
     color: #0f172a;
}
 .gallery-subtitle {
     color: #334155;
     margin-bottom: 2.5rem;
     font-size: 1.1rem;
}
 .comparison-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 2rem;
     max-width: 1200px;
     margin: 0 auto;
}
 .comparison-card {
     background: white;
     border-radius: 0.9rem;
     overflow: hidden;
     box-shadow: 5px 6px 15px -5px rgba(0, 0, 0, 0.15);
     transition: transform 0.2s;
}
 @media (max-width: 900px) {
     .comparison-grid {
         grid-template-columns: 1fr;
         gap: 1.5rem;
         padding: 0 1rem;
    }
}
 .comparison-card:hover {
     transform: translateY(-6px);
}
 .image-compare {
     position: relative;
     width: 100%;
     background-color: #cbd5e1;
     cursor: ew-resize;
     touch-action: none;
     aspect-ratio: 4 / 3;
     overflow: hidden;
}
 .img-After {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     pointer-events: none;
}
 .img-Before-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
     z-index: 5;
     border-right: 3px solid white;
     box-shadow: 2px 0 8px rgba(0,0,0,0.2);
     pointer-events: none;
}
 .img-Before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
/* Ручка — позиционируется через JS, здесь только базовые стили */
 .slider-handle {
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 48px;
     height: 48px;
     background: #ba9593;
     border-radius: 50%;
     box-shadow: 0 2px 15px rgba(0,0,0,0.3);
     z-index: 20;
     cursor: ew-resize;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 1.2rem;
     border: 2px solid #e2e8f0;
     transition: transform 0.1s;
     pointer-events: auto;
     font-weight: bold;
}
 .slider-handle:active {
     transform: translate(-50%, -50%) scale(0.95);
}
 .label-Before, .label-After {
     position: absolute;
     bottom: 16px;
     background: rgba(0,0,0,0.7);
     backdrop-filter: blur(6px);
     color: white;
     padding: 2px 10px;
     border-radius: 10px;
     font-size: 0.8rem;
     font-weight: 600;
    /* letter-spacing: 0.5px;
     */
     z-index: 15;
     pointer-events: none;
     font-family: monospace;
     transition: opacity 0.2s ease, visibility 0.2s ease;
}
 .label-Before {
     left: 16px;
}
 .label-After {
     right: 16px;
}
 .card-caption {
     padding: 1rem 1rem 1.2rem;
     font-weight: 500;
     color: #1e293b;
     background: white;
     border-top: 1px solid #eef2ff;
     font-size: 0.9rem;
}
 @media (max-width: 700px) {
     .slider-handle {
         width: 42px;
         height: 42px;
         font-size: 1rem;
    }
     .label-Before, .label-After {
         padding: 3px 10px;
         font-size: 0.7rem;
         bottom: 10px;
    }
     .gallery-title {
         font-size: 1.6rem;
    }
}
 .bb {
     background: #fff;
}
 .included__map {
     padding-bottom: 20px;
}
 .included__map iframe {
     border-radius: 15px;
     box-shadow: 7px 7px 20px 2px rgba(0, 0, 0, 0.15);
}
 .s_mark {
     padding: 8px 0 0 5px;
     text-align: left;
     font-size: 12px;
}
 .l_mb {
     color: #000;
}
 .l_mb:hover {
     text-decoration: underline;
     color: #000;
}
 .videos .testimonials__grid {
     grid-template-columns: repeat(3, 1fr);
}
 .videos .testimonial-card {
     padding: 20px 22px;
     border-left: 1px solid var(--gray);
     box-shadow: 5px 6px 15px -5px rgba(0, 0, 0, 0.15);
}
 .videos .testimonial-card:hover{
    transform:translateY(-4px);
    box-shadow: 10px 11px 20px -10px rgba(0, 0, 0, 0.15);
}
 .videos .s_mark{
    text-align: center;
}
 .schedule {
     text-align: center;
     margin: 25px 0 0 0;
}
 @media (max-width: 768px) {
     .forminator-field label, #select-1, #select-2 {
         display: none !important;
    }
     .header__inner{
        height:64px;
    }
     .header__logo img{
        height:40px;
    }
     .included__image {
         max-height: 100%;
    }
     .hero__title-sub {
         text-align: center;
    }
     .included__map {
         padding-bottom: 0px;
    }
     .included__map iframe {
         max-width: 100%;
         height: 300px;
    }
     .s_mark {
         text-align: center;
    }
     .hero__grid .hero__content {
         text-align: center;
    }
 .mob_align {
  text-align: center;
 }

}




.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link, .e-contact-buttons-var-10:hover .e-contact-buttons__contact-icon-link:hover {
 background-color: #ba9593;
}

iframe {
 border-radius: 20px;
}

.btn:hover {
 color: #fff;
}



.hp-form-card {
    background: #f9efef;
    border-radius: 18px;
    padding: 30px 20px;
    box-shadow: 0 36px 90px rgba(0, 0, 0, .55);
}

.hp-f label {
    display: block;
    font-size: .82rem;
    font-weight: 700;
    color: #555;
    margin-bottom: 4px;
    letter-spacing: .02em;
}

.hp-f input, .hp-f select {
    width: 100%;
    padding: 11px 13px;
    border: 1.5px solid #E8E2D8;
    border-radius: 8px;
    font-size: .89rem;
    font-family: inherit;
    color: #333;
    box-sizing: border-box;
    transition: border-color .18s;
    outline: none;
    background: #fff;
    margin-bottom: 12px;
}

[type="button"], [type="submit"], button {
 padding: 7px 15px !important;
}

.s-one {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap:8px;
 margin-bottom:12px;
}

@media (max-width: 768px) {
 .s-one {
  grid-template-columns: 1fr;
 }
 
 .hero__image{
   margin-top: 0px;
 }

}

[type=button], [type=submit], button {
    display: inline-block;
    font-weight: 400;
    color: #c36;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #c36;
    padding: 7px 5px;
    font-size: 13px;
    border-radius: 3px;
    transition: all .3s;
}

.visit-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.touch .benefits__grid {
 grid-template-columns: 1fr 1fr 1fr;
}

.touch .benefit-card {
 background: #faf8f3;
}

@media (max-width: 480px) {
 .stat-row-3, .stat-row-3-wide, .ty-grid-3, .ty-grid-3b, .visit-grid-3, .visit-grid-4 {
  grid-template-columns: 1fr !important;
 }

}

@media (max-width: 768px) {
 .stat-row-3, .stat-row-3-wide, .ty-grid-3, .ty-grid-3b, .visit-grid-3 {
/*  grid-template-columns: 1fr 1fr !important; */
  gap: 0px;
 }
 .touch .benefits__grid {
  grid-template-columns: 1fr;
 }
 .hp-showroom {
  font-size: 14px !important;
 }

}


.form-group input, .form-group select, .form-group textarea {
 width: 100%;
 padding: 12px 14px;
 border: 1px solid #fdafaf;
 border-radius: 8px;
 font-size: .95rem;
 transition: border .2s;
 background: #fffbfb;
}



/* Mobile slider styles - only on screens ≤ 768px */
@media (max-width: 768px) {
    /* Hide original grid on mobile */
    .work-grid {
        display: none !important;
    }
    
    /* Show slider wrapper */
    .mobile-slider-wrapper {
        display: block;
        position: relative;
        width: 100%;
        margin: 30px 0;
        overflow: hidden;
    }
    
    .mobile-slider-container {
        display: flex;
        transition: transform 0.3s ease-in-out;
        width: 100%;
    }
    
    .mobile-slide {
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .mobile-slide .work-photo {
        margin: 0;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 8px;
    }
    
    .mobile-slide .work-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    /* Controls container */
    .mobile-slider-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 24px;
    }
    
    /* Navigation buttons */
    .mobile-slider-btn {
        background: transparent;
        border: 1px solid var(--gold, #ba9593);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        font-family: 'Tahoma', sans-serif;
        font-size: 13px;
        color: var(--gold, #ba9593);
        padding: 0;
    }
    
    .mobile-slider-btn:hover {
        background: var(--gold, #ba9593);
        color: white;
    }
    
    /* Dots container */
    .mobile-slider-nav {
        display: flex;
        justify-content: center;
        gap: 12px;
        align-items: center;
    }
    
    /* Individual dot - using a unique class to avoid conflicts */
    .mobile-slider-nav .mobile-dot {
        width: 8px;
        height: 8px;
        background: #D1D5DB;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-block;
    }
    
    .mobile-slider-nav .mobile-dot.active {
        background: var(--gold, #ba9593);
        width: 24px;
        border-radius: 12px;
    }
}


@media (min-width: 769px) {
    .mobile-slider-wrapper {
        display: none !important;
    }
}