/*
 * V2.4.1
 * Thu gọn ba khu vực đang chiếm quá nhiều chiều cao:
 * banner trang chủ, CTA đặt lịch và footer.
 */

/* 1. Banner trang chủ */
.home-slider{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1940 / 766!important;
    background:#111!important
}
.home-slide{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important
}
.home-slide::before{
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.82) 0%,
            rgba(0,0,0,.62) 38%,
            rgba(0,0,0,.20) 72%,
            rgba(0,0,0,.10) 100%
        )!important
}
.slide-content{
    padding-top:26px!important;
    padding-bottom:26px!important
}
.slide-content .eyebrow{
    font-size:11px!important;
    margin:0!important
}
.slide-content h1{
    max-width:760px!important;
    margin:10px 0 14px!important;
    font-size:clamp(38px,4.5vw,62px)!important;
    line-height:1.04!important
}
.slide-description{
    max-width:700px!important;
    font-size:16px!important;
    line-height:1.55!important
}
.hero-actions{
    margin-top:20px!important
}
.hero-actions .btn{
    min-height:46px!important;
    padding:12px 22px!important
}
.slider-dots{
    bottom:15px!important
}

/* 2. Khối CTA đặt lịch ở cuối trang chủ */
.compact-home-cta{
    padding:0!important
}
.compact-home-cta .cta-row{
    min-height:170px!important;
    padding:32px 0!important;
    gap:28px!important
}
.compact-home-cta .section-kicker{
    margin:0 0 7px!important
}
.compact-home-cta h2{
    margin:0 0 8px!important;
    font-size:clamp(28px,3.2vw,43px)!important;
    line-height:1.08!important
}
.compact-home-cta p:not(.section-kicker){
    margin:0!important;
    line-height:1.5!important
}
.compact-home-cta .btn{
    flex:0 0 auto;
    min-width:190px;
    padding:14px 24px!important
}

/* 3. Footer */
.site-footer{
    padding-top:0!important
}
.footer-grid-v220{
    padding:32px 0 24px!important;
    gap:30px!important
}
.footer-logo-image img{
    width:50px!important;
    height:50px!important
}
.footer-grid h4{
    margin:0 0 11px!important
}
.footer-grid p{
    margin:0 0 9px!important;
    line-height:1.5!important
}
.footer-brand-column p{
    max-width:300px!important
}
.footer-hours{
    margin-top:14px!important;
    font-size:12px!important
}
.footer-social{
    gap:8px!important
}
.footer-social a{
    min-height:42px!important;
    padding:10px 13px!important
}
.copyright-v220{
    min-height:50px!important;
    padding:13px 20px!important
}

/* Máy tính bảng */
@media(max-width:900px){
    .home-slider{
        min-height:0!important;
        height:auto!important;
        max-height:none!important;
        aspect-ratio:1940 / 766!important
    }
    .slide-content h1{
        font-size:44px!important;
        max-width:650px!important
    }
    .compact-home-cta .cta-row{
        min-height:155px!important
    }
}

/* Điện thoại */
@media(max-width:700px){
    .home-slider{
        min-height:500px!important;
        height:500px!important;
        max-height:none!important;
        aspect-ratio:auto!important
    }
    .home-slide{
        align-items:flex-end!important;
        background-size:100% auto!important;
        background-repeat:no-repeat!important;
        background-position:center top!important
    }
    .home-slide::before{
        background:
            linear-gradient(
                0deg,
                rgba(0,0,0,.88) 0%,
                rgba(0,0,0,.66) 55%,
                rgba(0,0,0,.22) 100%
            )!important
    }
    .slide-content{
        padding:30px 18px 38px!important
    }
    .slide-content .eyebrow{
        font-size:9px!important;
        letter-spacing:1.4px!important
    }
    .slide-content h1{
        margin:8px 0 10px!important;
        font-size:31px!important;
        line-height:1.06!important
    }
    .slide-description{
        font-size:13px!important;
        line-height:1.45!important;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden
    }
    .hero-actions{
        margin-top:15px!important;
        gap:8px!important
    }
    .hero-actions .btn{
        min-height:42px!important;
        padding:10px 15px!important;
        font-size:12px!important
    }
    .slider-dots{
        bottom:10px!important
    }

    .compact-home-cta{
        padding:0 18px!important
    }
    .compact-home-cta .cta-row{
        min-height:0!important;
        padding:26px 0!important;
        gap:17px!important
    }
    .compact-home-cta h2{
        font-size:27px!important
    }
    .compact-home-cta .btn{
        width:100%!important;
        min-width:0!important;
        padding:12px 18px!important
    }

    .footer-grid-v220{
        padding:27px 18px 18px!important;
        gap:18px!important
    }
    .footer-grid>div{
        padding-bottom:14px!important
    }
    .footer-grid h4{
        margin-bottom:9px!important
    }
    .footer-grid p{
        margin-bottom:7px!important
    }
    .footer-brand-column p{
        max-width:none!important
    }
    .copyright-v220{
        min-height:0!important;
        padding:12px 18px!important;
        gap:4px!important;
        font-size:10px!important
    }
}