/* =========================
   MAIN BAR (MW)
========================= */

.mw-main{
    background:#000;
    border-bottom:1px solid #1a1a1a;
}

.mw-main__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 0;
}

/* Burger */
.mw-burger{
    display:none; /* desktop hidden */
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:26px;
    line-height:1;
}

/* Logo */
.mw-logo img{
    height:42px;
    display:block;
}

/* Search (desktop) */
.mw-search{
    display:flex;
    align-items:center;
    background:#e9e9e9;
    border-radius:6px;
    overflow:hidden;
    width:420px;
}

.mw-search__input{
    flex:1;
    border:none;
    padding:10px 12px;
    font-size:14px;
    outline:none;
    background:transparent;
}

.mw-search__btn{
    border:none;
    background:transparent;
    padding:0 12px;
    cursor:pointer;
}

/* Right actions */
.mw-actions{
    display:flex;
    align-items:center;
    gap:18px;
}

/* Distributor button */
.mw-btn.mw-btn--primary{
    background:#ff2b2b;
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius:22px;
    font-weight:700;
    cursor:pointer;
    transition:.2s;
    text-decoration:none;
}

.mw-btn.mw-btn--primary:hover{
    background:#e02525;
}

/* Cart */
.mw-cart{
    display:flex;
    align-items:center;
    gap:8px;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
}

.mw-cart__icon{
    font-size:18px;
    line-height:1;
}

/* =========================
   MOBILE (2 filas como maqueta)
========================= */

@media (max-width: 980px){

    /* grid 2 filas */
    .mw-main__inner{
        display:grid;
        grid-template-columns: 44px 1fr 44px;
        grid-template-areas:
      "burger logo actions"
      "search search search";
        gap:10px;
        padding:10px 12px;
    }

    .mw-burger{
        display:block;
        grid-area: burger;
        width:44px;
        height:44px;
        border-radius:10px;
        border:1px solid rgba(255,255,255,.10);
        background:rgba(255,255,255,.06);
        display:grid;
        place-items:center;
    }

    .mw-logo{
        grid-area: logo;
        display:grid;
        place-items:center;
    }

    .mw-logo img{
        height:34px;
    }

    .mw-actions{
        grid-area: actions;
        justify-content:flex-end;
        gap:10px;
    }

    /* ocultar botón grande en mobile (queda en drawer) */
    .mw-actions .mw-btn--primary{
        display:none !important;
    }

    /* carrito compacto */
    .mw-cart{
        width:44px;
        height:44px;
        border-radius:10px;
        border:1px solid rgba(255,255,255,.10);
        background:rgba(255,255,255,.06);
        display:grid;
        place-items:center;
    }

    .mw-cart__total{
        display:none;
    }

    /* search abajo full */
    .mw-search{
        grid-area: search;
        width:100%;
        max-width:none;
        display:grid;
        grid-template-columns: 1fr 44px;
        border-radius:10px;
    }

    .mw-search__btn{
        width:44px;
        display:grid;
        place-items:center;
    }
}