/* BANDCOM Hero v13 – only the clean live background, all UI remains real HTML */
.hero{
    position:relative !important;
    min-height:225px !important;
    height:225px !important;
    border-bottom:1px solid var(--line) !important;
    background:
        linear-gradient(180deg,rgba(4,10,16,.02),rgba(4,10,16,.10)),
        url('../img/hero_background_v13.jpg') center center / cover no-repeat !important;
    overflow:hidden !important;
}
.hero:after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:18px !important;
    background:linear-gradient(transparent,#071019) !important;
    pointer-events:none !important;
}
.hero-inner{
    position:relative !important;
    z-index:2 !important;
    max-width:1380px !important;
    margin:0 auto !important;
    padding:11px 4vw 8px !important;
    text-align:center !important;
}
.hero-kicker{display:none !important;}
.hero h1{
    margin:0 0 3px !important;
    font-size:56px !important;
    line-height:.96 !important;
    font-weight:950 !important;
    letter-spacing:-1px !important;
    color:#fff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.72) !important;
}
.hero h1 span{color:var(--gold2) !important;}
.hero p{
    margin:0 auto 10px !important;
    max-width:900px !important;
    font-size:17px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    color:#fff !important;
    text-shadow:0 3px 12px rgba(0,0,0,.75) !important;
}
.hero-search{
    max-width:560px !important;
    margin:0 auto 8px !important;
    display:grid !important;
    grid-template-columns:1fr 110px !important;
    background:#fff !important;
    border-radius:6px !important;
    overflow:hidden !important;
    box-shadow:0 8px 28px rgba(0,0,0,.42) !important;
}
.hero-search input{
    border:0 !important;
    color:#17212b !important;
    padding:10px 15px !important;
    outline:none !important;
    font-size:13px !important;
}
.hero-search button{
    border-radius:0 !important;
    min-width:110px !important;
    min-height:38px !important;
    padding:7px 14px !important;
}
.hero-actions{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:9px !important;
    margin-top:0 !important;
}
.hero-actions .btn{
    min-width:190px !important;
    min-height:40px !important;
    padding:9px 14px !important;
}
@media(max-width:1100px){
    .hero h1{font-size:50px !important;}
    .hero p{font-size:16px !important;}
    .hero-actions{flex-wrap:wrap !important;}
}
@media(max-width:700px){
    .hero{height:auto !important;min-height:420px !important;background-position:center top !important;}
    .hero-inner{padding:36px 18px 24px !important;}
    .hero h1{font-size:39px !important;line-height:1 !important;}
    .hero p{font-size:16px !important;line-height:1.2 !important;margin-bottom:14px !important;}
    .hero-search{grid-template-columns:1fr !important;max-width:100% !important;}
    .hero-search button{width:100% !important;}
    .hero-actions{flex-wrap:wrap !important;gap:10px !important;}
    .hero-actions .btn{width:100% !important;min-width:0 !important;}
}