/* FollowerAbzar 80.2.12 - final header geometry and menu ownership.
 * This file intentionally contains no order-card styling so the 79.3.54
 * SMM order view can remain visually isolated while header behavior stays current.
 */
:root{--fasmm-menu-radius:10px}
.fasmm-cart-drawer,
.fasmm-notification-dropdown,
.fasmm-notifications-menu,
.fasmm-panel-notifications-menu,
.fasmm-select-dropdown,
.fasmm-public-side-drawer,
.fasmm-public-mobile-drawer,
.fasmm-materio-panel .dropdown-menu,
.fasmm-materio-panel .menu-sub{
  border-radius:var(--fasmm-menu-radius)!important;
}

/* Panel header: menu RIGHT, logo exact CENTER, cart LEFT. */
@media (max-width:1199.98px){
  body .fasmm-materio-panel #layout-navbar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:62px!important;
    padding:8px 64px!important;
    overflow:visible!important;
  }
  body .fasmm-materio-panel #layout-navbar>.layout-menu-toggle{
    display:flex!important;
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    left:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:10px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    order:initial!important;
    z-index:30!important;
  }
  body .fasmm-materio-panel #layout-navbar>.layout-menu-toggle .nav-link{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid var(--fasmm-border,#dbe5ef)!important;
    border-radius:10px!important;
    background:var(--fasmm-bg-surface,#fff)!important;
    color:var(--fasmm-text-primary,#24364c)!important;
  }
  body .fasmm-materio-panel .fasmm-mobile-panel-brand{
    display:flex!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(44vw,180px)!important;
    max-width:180px!important;
    height:46px!important;
    margin:0!important;
    z-index:28!important;
    pointer-events:auto!important;
  }
  body .fasmm-materio-panel .fasmm-mobile-panel-brand>a,
  body .fasmm-materio-panel .fasmm-mobile-panel-brand .fasmm-public-site-logo,
  body .fasmm-materio-panel .fasmm-mobile-panel-brand .fasmm-public-site-logo__media{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    height:44px!important;
    margin:0!important;
  }
  body .fasmm-materio-panel .fasmm-mobile-panel-brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(42vw,154px)!important;
    max-height:40px!important;
    object-fit:contain!important;
    margin:auto!important;
  }
  body .fasmm-materio-panel .fasmm-mobile-panel-brand .fasmm-public-site-logo__text{display:none!important}
  body .fasmm-materio-panel .fasmm-mobile-panel-brand .fasmm-public-site-logo__monogram,
  body .fasmm-materio-panel .fasmm-mobile-panel-brand__fallback{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    border-radius:10px!important;
  }
  body .fasmm-materio-panel .fasmm-mobile-panel-actions{
    display:flex!important;
    position:absolute!important;
    top:50%!important;
    left:10px!important;
    right:auto!important;
    inset-inline-start:10px!important;
    inset-inline-end:auto!important;
    transform:translateY(-50%)!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    z-index:31!important;
  }
  body .fasmm-materio-panel .fasmm-mobile-panel-actions>:not(.fasmm-mobile-panel-cart){display:none!important}
  body .fasmm-materio-panel .fasmm-mobile-panel-cart{display:block!important;margin:0!important}
  body .fasmm-materio-panel .fasmm-mobile-panel-cart .fasmm-header-cart,
  body .fasmm-materio-panel .fasmm-mobile-panel-cart .fasmm-public-header__cart-action{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body .fasmm-materio-panel #layout-navbar>.navbar-nav-right{display:none!important}
  body .fasmm-materio-panel #layout-menu{
    top:8px!important;
    right:8px!important;
    bottom:8px!important;
    left:auto!important;
    width:min(320px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
}

/* Public header follows the same invariant on phones/tablets. */
@media (max-width:1023.98px){
  header.fasmm-public-header .fasmm-public-header__inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:62px!important;
    padding:8px 64px!important;
    overflow:visible!important;
  }
  header.fasmm-public-header .fasmm-public-header__drawer-control{
    display:contents!important;
  }
  header.fasmm-public-header .fasmm-public-header__mobile-toggle{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    z-index:31!important;
  }
  header.fasmm-public-header .fasmm-public-header__mobile-toggle>span{display:none!important}
  header.fasmm-public-header .fasmm-public-header__brand{
    display:flex!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(44vw,180px)!important;
    max-width:180px!important;
    height:46px!important;
    margin:0!important;
    z-index:28!important;
  }
  header.fasmm-public-header .fasmm-public-header__brand .fasmm-public-site-logo,
  header.fasmm-public-header .fasmm-public-header__brand .fasmm-public-site-logo__media{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    height:44px!important;
  }
  header.fasmm-public-header .fasmm-public-header__brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(42vw,154px)!important;
    max-height:40px!important;
    margin:auto!important;
    object-fit:contain!important;
  }
  header.fasmm-public-header .fasmm-public-header__drawer-control>.fasmm-public-header__mobile-actions{
    display:flex!important;
    position:absolute!important;
    top:50%!important;
    left:10px!important;
    right:auto!important;
    transform:translateY(-50%)!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
    z-index:32!important;
  }
  header.fasmm-public-header .fasmm-public-header__mobile-actions .fasmm-public-header__cart-action,
  header.fasmm-public-header .fasmm-public-header__mobile-actions .fasmm-header-cart{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    visibility:visible!important;
    opacity:1!important;
  }
  header.fasmm-public-header .fasmm-public-header__actions,
  header.fasmm-public-header .fasmm-public-header__spacer{display:none!important}
  header.fasmm-public-header .fasmm-public-mobile-drawer,
  header.fasmm-public-header .fasmm-public-side-drawer{border-radius:10px!important}
}