/* Bella24 Mobile Header V7 */
.bella-mobile-menu-toggle { display:none; }

@media(max-width:700px) {
  .bella-header-inner {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px 92px!important;
    grid-template-areas:
      "logo menu actions"
      "search search search"
      "nav nav nav"!important;
    gap:10px!important;
    padding:10px 12px!important;
    align-items:center!important;
  }

  .bella-logo {
    grid-area:logo!important;
    justify-self:start!important;
    width:auto!important;
    max-width:125px!important;
  }

  .bella-logo img {
    width:100px!important;
    height:65px!important;
    object-fit:contain!important;
  }

  .bella-mobile-menu-toggle {
    grid-area:menu!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    border:1px solid #e8cbd9!important;
    border-radius:12px!important;
    background:#fff7fb!important;
    color:#89004d!important;
    font-size:26px!important;
    cursor:pointer;
  }

  .bella-search {
    grid-area:search!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  .bella-main-nav {
    grid-area:nav!important;
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }

  .bella-header.bella-menu-open .bella-main-nav {
    display:grid!important;
  }

  .bella-main-nav a {
    min-width:0!important;
    min-height:45px!important;
    padding:8px!important;
    font-size:12px!important;
    white-space:normal!important;
    text-align:center!important;
    justify-content:center!important;
  }

  .bella-actions {
    grid-area:actions!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    gap:6px!important;
  }

  .bella-actions > :not(.bella-cart) {
    display:none!important;
  }

  .bella-actions > .bella-cart {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:76px!important;
    height:44px!important;
    padding:5px 7px!important;
    font-size:12px!important;
  }

  .bella-header.bella-menu-open .bella-actions {
    grid-area:nav!important;
    justify-content:center!important;
    margin-top:0!important;
    padding-top:160px!important;
  }

  .bella-header.bella-menu-open .bella-actions > :not(.bella-cart) {
    display:inline-flex!important;
    max-width:100%!important;
  }

  .bella-header.bella-menu-open .bella-main-nav {
    margin-bottom:115px!important;
  }

  .bella-header.bella-menu-open .bella-actions > .bella-cart {
    display:none!important;
  }

  .bella-header.bella-menu-open .bella-actions select {
    max-width:170px!important;
  }
}