/* =========================================================
   DESERT FRAMES HOMEPAGE SEARCH FIX v2.2.7
   Clean, non-overlapping search placement below main header.
   ========================================================= */

.home-search{
    height:auto !important;
    position:relative !important;
    z-index:20 !important;
    background:#f7f2e9 !important;
    padding:14px clamp(20px,4vw,72px) 16px !important;
    border-bottom:1px solid rgba(74,53,35,.08);
}

.home-search-form{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:min(760px,100%) !important;
    max-width:760px !important;
    height:46px !important;
    margin:0 auto !important;
    background:#fff !important;
    border:1px solid #d8c8b5 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    box-shadow:0 5px 18px rgba(64,43,27,.07) !important;
}

.home-search-form input{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:100% !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    padding:0 20px !important;
    font-size:13px !important;
    line-height:1 !important;
    color:#55483f !important;
}

.home-search-form input::placeholder{
    color:#94877d !important;
    opacity:1 !important;
}

.home-search-form button{
    flex:0 0 54px !important;
    width:54px !important;
    height:100% !important;
    border:0 !important;
    border-left:1px solid #eee4d9 !important;
    background:#fff !important;
    color:#4a3523 !important;
    display:grid !important;
    place-items:center !important;
    font-size:20px !important;
    line-height:1 !important;
    cursor:pointer !important;
    padding:0 !important;
}

.home-search-form button:hover{
    background:#f7f1e8 !important;
    color:#a46e2d !important;
}

/* Ensure hero begins naturally after search rather than underneath it. */
.home-hero{
    position:relative !important;
    z-index:1 !important;
}

/* Tablet */
@media(max-width:1050px){
    .home-search{
        padding:12px 24px 14px !important;
    }
    .home-search-form{
        max-width:680px !important;
    }
}

/* Mobile */
@media(max-width:700px){
    .home-search{
        padding:10px 16px 12px !important;
    }
    .home-search-form{
        width:100% !important;
        height:44px !important;
    }
    .home-search-form input{
        padding-left:16px !important;
        font-size:12px !important;
    }
    .home-search-form button{
        flex-basis:48px !important;
        width:48px !important;
        font-size:18px !important;
    }
}