.search-live{
    display:flex;
    align-items:center;
    gap:8px;

    width:420px;
    max-width:420px;
    flex:0 0 420px;

    position:relative;
}

.search-live input{

    flex:1;

    height:42px;

    border:1px solid rgba(11,107,58,.25);

    border-radius:22px;

    padding:0 16px;

    font-size:14px;

    background:#fff;
}

.search-live button{

    width:42px;
    height:42px;

    min-width:42px;

    border:none;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#0B6B3A;

    color:#fff;

    cursor:pointer;
}

.search-live button:hover{
    background:#08532d;
}

.search-suggest{

    position:absolute;

    top:48px;

    left:0;

    width:calc(100% - 50px);

    z-index:9999;
}

@media(max-width:900px){

    .search-live{

        width:100%;
        max-width:100%;
        flex:1 1 100%;
    }

    .search-live input{
        min-width:0;
    }
}


/* MOBILE SEARCH FINAL FIX */
@media (max-width: 760px){

  .site-header .header-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  .site-header .brand{
    flex:1 1 calc(100% - 56px) !important;
    min-width:0 !important;
  }

  .site-header .burger{
    flex:0 0 46px !important;
  }

  .site-header .header-actions{
    width:100% !important;
    flex:1 1 100% !important;
    display:grid !important;
    grid-template-columns: 1fr auto auto !important;
    gap:8px !important;
    align-items:center !important;
  }

  .site-header .search-live{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:none !important;
    display:grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap:8px !important;
  }

  .site-header .search-live input{
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    box-sizing:border-box !important;
  }

  .site-header .search-live button{
    position:static !important;
    width:44px !important;
    min-width:44px !important;
    height:42px !important;
    border-radius:22px !important;
  }

  .site-header .search-suggest{
    top:48px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
  }
}