/* V2.7.0 - full bleed hero banner + compact home rhythm + admin fade control */

/* Full-bleed banner: visual is positioned against the hero, not the inner container */
.kh-home-hero{position:relative!important;min-height:330px!important;padding:24px 0 22px!important;overflow:hidden;isolation:isolate}
.kh-home-hero .kh-home-hero-grid,
.kh-home-hero.kh-hero-type-image .kh-home-hero-grid,
.kh-home-hero.kh-hero-type-youtube .kh-home-hero-grid{position:static!important;max-width:1120px!important;min-height:0!important}
.kh-home-hero .kh-home-hero-copy{position:relative;z-index:3;max-width:780px!important;margin:0 auto!important}
.kh-home-hero.kh-hero-type-image .kh-home-hero-visual,
.kh-home-hero.kh-hero-type-youtube .kh-home-hero-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.kh-home-hero.kh-hero-type-image .kh-home-hero-visual img,
.kh-home-hero.kh-hero-type-youtube .kh-home-hero-visual iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:saturate(.9) contrast(.94)!important}
.kh-home-hero.kh-hero-type-image::before,
.kh-home-hero.kh-hero-type-youtube::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(255,255,255,var(--hero-fade,.72))!important;pointer-events:none}
.kh-home-hero.kh-hero-type-image::after,
.kh-home-hero.kh-hero-type-youtube::after{content:"";position:absolute;inset:0;z-index:2;width:auto!important;height:auto!important;left:0!important;top:0!important;transform:none!important;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.12))!important;pointer-events:none}

/* Keep hero content dense; no artificial blank floor below the banner */
.kh-home-hero .kh-trust-badge{margin-bottom:6px!important}
.kh-home-hero .eyebrow{margin:0 auto 4px!important}
.kh-home-hero h1{margin-bottom:8px!important}
.kh-home-hero-copy>p{margin-bottom:12px!important}
.kh-home-hero .kh-popular-tags{margin-top:7px!important}
.kh-home-hero .hero-trust{margin-top:7px!important}

/* Homepage blocks sit closer together like one continuous marketplace feed */
body.home-page .section{padding:21px 0!important}
body.home-page .section.alt{padding:20px 0!important}
body.home-page .section+.section{border-top:1px solid #eef2f5}
body.home-page .section-head{margin-bottom:10px!important}
body.home-page .center-head{margin-bottom:10px!important}
body.home-page .center-head p{margin:3px auto 0!important}
body.home-page .steps{gap:8px!important}
body.home-page .steps article{padding:12px 13px!important}
body.home-page .provider-cta{padding:26px 0!important;margin:0!important}
body.home-page .provider-cta-grid{gap:22px!important}
body.home-page .site-footer{margin-top:0!important}
body.home-page .category-grid,body.home-page .service-grid{margin-bottom:0!important}

/* Admin homepage transparency control */
.home-fade-control{padding:12px 14px;border:1px solid #e3e9f0;border-radius:12px;background:#f8fafc}
.home-fade-control>span{float:right;font-weight:900;color:var(--blue)}
.home-fade-control input[type=range]{width:100%;margin:10px 0 4px;padding:0;accent-color:var(--blue)}
.home-fade-control small{display:block;color:#68778a}

@media(max-width:760px){
 .kh-home-hero,.kh-home-hero.kh-hero-type-image,.kh-home-hero.kh-hero-type-youtube{min-height:0!important;padding:14px 0 13px!important}
 .kh-home-hero .kh-home-hero-grid{width:calc(100% - 24px)!important}
 .kh-home-hero .kh-home-hero-copy{max-width:none!important}
 .kh-home-hero.kh-hero-type-image .kh-home-hero-visual img,.kh-home-hero.kh-hero-type-youtube .kh-home-hero-visual iframe{object-position:center!important}
 body.home-page .section,body.home-page .section.alt{padding:13px 0!important}
 body.home-page .section-head,body.home-page .center-head{margin-bottom:7px!important}
 body.home-page .steps{gap:5px!important}
 body.home-page .steps article{padding:9px 10px!important}
 body.home-page .provider-cta{padding:17px 0!important}
}