/* Layout 5 header — red: utility bar + white bar with logo, inline search, icon actions (no menu row) */
.ecom-t5-header{
    background:#fff;
    position:sticky;
    top:0;
    z-index:1030;
    box-shadow:0 1px 0 rgba(0,0,0,0.06);
}

.ecom-t5-utility{
    background:var(--ecom-t5-red,#E53935);
    font-size:12px;
    color:#fff;
}

.ecom-t5-utility a{
    color:#fff;
    text-decoration:none;
    opacity:0.92;
}

.ecom-t5-utility a:hover{
    color:#fff;
    opacity:1;
}

.ecom-t5-utility-follow{
    opacity:0.85;
    margin-right:4px;
}

.ecom-t5-main-bar{
    padding:14px 0;
    background:#fff;
    border-bottom:1px solid #E4E7E9;
    overflow:visible;
}

.ecom-t5-main-inner{
    display:flex;
    align-items:center;
    gap:24px;
    overflow:visible;
}

.ecom-t5-logo{
    flex-shrink:0;
}

.ecom-t5-logo-img{
    max-height:44px;
    width:auto;
}

.ecom-t5-main-search{
    flex:1;
    min-width:0;
    max-width:560px;
    margin:0 auto;
}

.ecom-t5-search-pill{
    height:44px;
    background:#fff;
    border:1.5px solid var(--ecom-t5-red,#E53935);
    border-radius:999px;
    overflow:visible;
    position:relative;
    width:100%;
    flex-wrap:nowrap;
    padding:3px;
}

.ecom-t5-search-pill .form-control{
    box-shadow:none;
    border:0;
    background:transparent;
    font-size:14px;
    border-radius:999px 0 0 999px;
}

.ecom-t5-search-btn{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border:0;
    border-radius:50% !important;
    background:var(--ecom-t5-red,#E53935);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}

.ecom-t5-search-btn:hover{
    background:var(--ecom-t5-red-dark,#C62828);
    color:#fff;
}

.ecommerce-header-search-wrap{
    position:relative;
    width:100%;
}

.ecommerce-header-search-suggestions{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    z-index:1050;
    max-height:min(70vh,420px);
    overflow-y:auto;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(15,23,42,0.12);
    padding:6px 0;
}

.ecommerce-header-search-suggestions[hidden]{
    display:none !important;
}

.ecommerce-header-search-group-title{
    padding:8px 16px 4px;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:#6b7280;
}

.ecommerce-header-search-item{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:10px 16px;
    text-decoration:none;
    color:#212121;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
}

.ecommerce-header-search-item:hover,
.ecommerce-header-search-item.is-active{
    background:#f3f4f6;
    color:#111827;
}

.ecommerce-header-search-item-thumb{
    width:36px;
    height:36px;
    border-radius:8px;
    object-fit:cover;
    background:#f2f4f5;
    flex-shrink:0;
}

.ecommerce-header-search-item-icon{
    width:36px;
    height:36px;
    border-radius:8px;
    background:#FDECEA;
    color:var(--ecom-t5-red,#E53935);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:14px;
}

.ecommerce-header-search-item-label{
    min-width:0;
    flex:1 1 auto;
    font-size:14px;
    font-weight:500;
    line-height:1.3;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ecommerce-header-search-item-meta{
    font-size:12px;
    color:#6b7280;
    flex-shrink:0;
}

.ecommerce-header-search-empty{
    padding:16px;
    font-size:13px;
    color:#6b7280;
    text-align:center;
}

.ecom-t5-actions{
    flex-shrink:0;
}

.ecom-t5-action{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#191C1F;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    background:transparent;
    border:0;
    padding:6px 8px;
    position:relative;
    overflow:visible;
    white-space:nowrap;
}

.ecom-t5-action:hover{
    color:var(--ecom-t5-red,#E53935);
}

.ecom-t5-action i{
    font-size:18px;
}

.ecom-t5-action--icon{
    width:40px;
    min-width:40px;
    height:40px;
    justify-content:center;
    padding:0;
    border-radius:8px;
}

.ecom-t5-action--icon:hover{
    background:#FDF2F1;
}

.ecom-t5-login-btn{
    border:1.5px solid #E4E7E9;
    border-radius:4px;
    padding:6px 12px;
}

.ecom-t5-login-btn:hover{
    border-color:var(--ecom-t5-red,#E53935);
    color:var(--ecom-t5-red,#E53935);
}

.ecom-t5-cart-icon-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    flex-shrink:0;
    overflow:visible;
}

.ecom-t5-cart-icon-wrap > .ecom-t5-icon-outline{
    display:block;
    width:22px;
    height:22px;
    max-width:22px;
    max-height:22px;
    flex:0 0 22px;
    overflow:visible;
    aspect-ratio:1 / 1;
}

.ecom-t5-icon-outline{
    color:inherit;
}

.ecom-t5-cart-badge{
    position:absolute;
    top:0;
    right:0;
    transform:translate(55%,-45%);
    min-width:18px;
    height:18px;
    border-radius:999px;
    background:var(--ecom-t5-red,#E53935);
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    z-index:2;
    pointer-events:none;
    box-shadow:0 0 0 1.5px #fff;
}

.ecom-t5-mobile-icon .ecom-t5-cart-icon-wrap{
    width:24px;
    height:24px;
}

.ecom-t5-mobile-icon .ecom-t5-cart-badge{
    transform:translate(40%,-40%);
}

.ecom-t5-mobile-bar{
    display:none;
    align-items:center;
    gap:8px;
    padding:10px 0;
}

.ecom-t5-mobile-icon{
    width:40px;
    height:40px;
    border:0;
    background:#F2F4F5;
    border-radius:8px;
    color:#191C1F;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    text-decoration:none;
}

.ecom-t5-mobile-icon:hover{
    color:var(--ecom-t5-red,#E53935);
}

.ecom-t5-mobile-search{
    display:none;
    padding:0 0 12px;
}

.ecom-t5-mobile-search.is-open{
    display:block;
}

@media (max-width:991.98px){
    .ecom-t5-utility,
    .ecom-t5-main-bar-desktop{
        display:none !important;
    }

    .ecom-t5-mobile-bar{
        display:flex;
    }

    .ecom-t5-mobile-title{
        flex:1;
        font-weight:700;
        font-size:15px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}

@media (min-width:992px){
    .ecom-t5-mobile-search{
        display:none !important;
    }
}