/*==================================================
    MAIN HEADER
==================================================*/

.header{

    background:#ffffff;

    border-bottom:1px solid #ececec;

}

.header__container{

    height:92px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

/*==================================================
    LOGO
==================================================*/

.header__logo{

    flex:0 0 260px;

}

.header__logo img{

    width:225px;

    height:auto;

    display:block;

}

.header__tagline{

    margin-top:0px;

    margin-left:38px;

    font-size:10px;

    letter-spacing:.8px;

    font-weight:600;

    color:#444;

    text-transform:uppercase;

}
/*==================================================
    SEARCH
==================================================*/

.header__search{

    flex:1 1 auto;

    margin:0 32px;

    min-width:420px;

}

.header__search-form{

    display:flex;

    align-items:center;

    height:48px;

    border:2px solid #e5e5e5;

    border-radius:6px;

    overflow:hidden;

    background:#ffffff;

}

.header__search-input{

    flex:1;

    height:100%;

    border:none;

    padding:0 18px;

    font-size:15px;

    outline:none;

}
.header__search-input::placeholder{

    color:#8b8b8b;

}

.header__search-category{

    width:180px;

    height:100%;

    border:none;

    border-left:1px solid #dddddd;

    padding:0 16px;

    background:#ffffff;

    font-size:14px;

    outline:none;

    cursor:pointer;

}

.header__search-button{

    width:120px;

    height:100%;

    border:none;

    background:#F5B51D;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

}
.header__search-button:hover{

    background:#e2a30d;

}

/*==================================================
    ACTIONS
==================================================*/

.header__actions{

    display:flex;

    align-items:center;

    gap:28px;
	
	flex:0 0 auto;


}

.header__action{

    display:flex;

    align-items:center;

    text-decoration:none;

    color:#17305b;

}

.header__icon{

    position:relative;

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:31px;

    margin-right:10px;

}

.header__text{

    display:flex;

    flex-direction:column;

}

.header__title{

    font-size:14px;

    font-weight:700;

    color:#17305b;

    line-height:18px;

}

.header__subtitle{

    font-size:13px;

    color:#6b6b6b;

    line-height:18px;

}

.header__cart-badge{

    position:absolute;

    top:-5px;

    right:-3px;

    width:20px;

    height:20px;

    background:#F5B51D;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:11px;

    font-weight:bold;

}

/*==================================================
    HOVER
==================================================*/

.header__action:hover .header__title{

    color:#F5B51D;

}

.header__action:hover .header__icon{

    color:#F5B51D;

}

/*==================================================
    STICKY HEADER
==================================================*/

.header{

    position:sticky;

    top:0;

    z-index:1000;

}