/* ================== HERO SPACING ================== */
.hero-content--wrap {
    padding-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.hero--content {
    margin-bottom: 0.5rem !important;
}

/* ================== SEARCH TABS ================== */
.search-tabs-simple{
    display:inline-flex!important;
    background:#f3c24f!important;
    padding:6px 6px 0!important;
    border-radius:18px 18px 0 0!important;
    margin-bottom:-6px!important;
}

.search-tabs-simple .tab-btn{
    border:none!important;
    background:transparent!important;
    padding:12px 34px!important;
    font-size:15px!important;
    font-weight:600!important;
    color:#6b5200!important;
    border-radius:14px 14px 0 0!important;
    cursor:pointer!important;
}

.search-tabs-simple .tab-btn.active{
    background:#fff!important;
    color:#2e7d32!important;
    box-shadow:0 -3px 0 #fff,0 6px 18px rgba(0,0,0,.12)!important;
}

/* ================== GOLDEN WRAPPER ================== */
.banner--filter__wrap{
    background:linear-gradient(180deg,#ffd86b,#f3b332)!important;
    border-radius:0 0 26px 26px!important;
    padding:22px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
    max-width:1200px!important;
    margin:0 auto 40px!important;
}

/* ================== INPUT CARD ================== */
.banner--filter__inputs{
    background:linear-gradient(180deg,#fff,#fff7dc)!important;
    border-radius:22px!important;
    padding:18px!important;

    /* 🔥 KEY FIX */
    display:grid!important;
    grid-template-columns: repeat(4, 1fr) auto!important;
    gap:14px!important;
    align-items:center!important;
}

/* ================== FORM GROUP ================== */
.banner--filter__inputs .form-group{
    width:100%!important;
    margin:0!important;
    position:relative!important;
}

/* ================== INPUTS ================== */
.banner--filter__inputs .form--control{
    width:100%!important;
    height:52px!important;
    padding:0 18px 0 46px!important;
    border-radius:14px!important;
    border:1px solid #e6e6e6!important;
    background:#fff!important;
    font-size:14px!important;
}

/* Focus */
.banner--filter__inputs .form--control:focus{
    border-color:#2e7d32!important;
    box-shadow:0 0 0 2px rgba(46,125,50,.15)!important;
    outline:none!important;
}

/* ================== ICON ================== */
.banner--filter__inputs .icon--wrap{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#2e7d32!important;
    font-size:18px!important;
}

/* ================== SEARCH BUTTON ================== */
./* ================== HERO SPACING ================== */
.hero-content--wrap {
    padding-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.hero--content {
    margin-bottom: 0.5rem !important;
}

/* ================== SEARCH TABS ================== */
.search-tabs-simple{
    display:inline-flex!important;
    background:#f3c24f!important;
    padding:6px 6px 0!important;
    border-radius:18px 18px 0 0!important;
    margin-bottom:-6px!important;
}

.search-tabs-simple .tab-btn{
    border:none!important;
    background:transparent!important;
    padding:12px 34px!important;
    font-size:15px!important;
    font-weight:600!important;
    color:#6b5200!important;
    border-radius:14px 14px 0 0!important;
    cursor:pointer!important;
}

.search-tabs-simple .tab-btn.active{
    background:#fff!important;
    color:#2e7d32!important;
    box-shadow:0 -3px 0 #fff,0 6px 18px rgba(0,0,0,.12)!important;
}

/* ================== GOLDEN WRAPPER ================== */
.banner--filter__wrap{
    background:linear-gradient(180deg,#ffd86b,#f3b332)!important;
    border-radius:0 0 26px 26px!important;
    padding:22px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
    max-width:1200px!important;
    margin:0 auto 40px!important;
}

/* ================== INPUT CARD ================== */
.banner--filter__inputs{
    background:linear-gradient(180deg,#fff,#fff7dc)!important;
    border-radius:22px!important;
    padding:18px!important;

    /* 🔥 KEY FIX */
    display:grid!important;
    grid-template-columns: repeat(4, 1fr) auto!important;
    gap:14px!important;
    align-items:center!important;
}

/* ================== FORM GROUP ================== */
.banner--filter__inputs .form-group{
    width:100%!important;
    margin:0!important;
    position:relative!important;
}

/* ================== INPUTS ================== */
.banner--filter__inputs .form--control{
    width:100%!important;
    height:52px!important;
    padding:0 18px 0 46px!important;
    border-radius:14px!important;
    border:1px solid #e6e6e6!important;
    background:#fff!important;
    font-size:14px!important;
}

/* Focus */
.banner--filter__inputs .form--control:focus{
    border-color:#2e7d32!important;
    box-shadow:0 0 0 2px rgba(46,125,50,.15)!important;
    outline:none!important;
}

/* ================== ICON ================== */
.banner--filter__inputs .icon--wrap{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#2e7d32!important;
    font-size:18px!important;
}

/* ================== SEARCH BUTTON ================== */
.banner--filter__btn{
    display:flex!important;
    align-items:center!important;
    height:100%!important;
}

.banner--filter__btn .btn--base{
    height:52px!important;
    padding:0 28px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#2e7d32,#1b5e20)!important;
    color:#fff!important;
    font-weight:600!important;
    border:none!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    cursor:pointer!important;
}

.banner--filter__inputs{
    align-items:center!important;      /* center all grid items */
    grid-auto-rows:52px!important;     /* 👈 force row height */
}

.banner--filter__btn{
    align-self:center!important;       /* 👈 force button center */
}


/* ================== MOBILE ================== */
/* ================== MOBILE WIDTH SYNC (FINAL FIX) ================== */
@media (max-width: 1199px){

    /* Tabs & search SAME width */
    .search-tabs-simple,
    .banner--filter__wrap{
        width: calc(100% - 30px) !important;
        max-width: 420px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Tabs must stretch, NOT inline width */
    .search-tabs-simple{
        display:flex !important;
    }

    .search-tabs-simple .tab-btn{
        flex: 1 !important;
        text-align: center !important;
    }

    /* Inputs stack */
    .banner--filter__inputs{
        grid-template-columns: 1fr !important;
    }

    /* Button full width */
    .banner--filter__btn,
    .banner--filter__btn .btn--base{
        width:100% !important;
    }
}