/* Final mobile header/menu fix — loaded last */
@media (max-width: 991px){
  .reference-shop-header .shop-header-main{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 92px!important;
    grid-template-areas:"menu logo actions"!important;
    align-items:center!important;
    gap:8px!important;
    min-height:76px!important;
    padding:10px 14px!important;
    background:#fff!important;
  }
  .reference-shop-header .mobile-menu-btn{
    grid-area:menu!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e9c5d1!important;
    border-radius:50%!important;
    background:#fff8fb!important;
    box-shadow:0 6px 16px rgba(176,77,111,.12)!important;
    color:#9f4968!important;
    position:relative!important;
    z-index:1003!important;
    cursor:pointer!important;
  }
  .reference-shop-header .hamburger-lines{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    width:21px!important;
    height:16px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .reference-shop-header .hamburger-lines span{
    display:block!important;
    width:21px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    border:0!important;
    border-radius:3px!important;
    background:#9f4968!important;
    opacity:1!important;
    transform:none!important;
  }
  .reference-shop-header .shop-brand-logo{
    grid-area:logo!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(150px,100%)!important;
    max-width:150px!important;
    min-width:0!important;
    margin:0!important;
  }
  .reference-shop-header .shop-brand-logo img{
    display:block!important;
    width:auto!important;
    max-width:145px!important;
    height:auto!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .reference-shop-header .shop-head-actions{
    grid-area:actions!important;
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:42px 42px!important;
    gap:6px!important;
    margin:0!important;
    width:90px!important;
  }
  .reference-shop-header .shop-head-actions>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #efd1da!important;
    border-radius:50%!important;
    background:#fff8fb!important;
    box-shadow:0 5px 14px rgba(176,77,111,.09)!important;
    color:#8d3f5b!important;
    position:relative!important;
  }
  .reference-shop-header .shop-head-actions>a:first-child{display:none!important}
  .reference-shop-header .shop-head-actions>a:after{display:none!important}
  .reference-shop-header .shop-head-actions>a i{font-size:19px!important;line-height:1!important}
  .reference-shop-header .shop-head-actions .action-badge{
    position:absolute!important;
    top:-3px!important;
    right:-3px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#d9688a!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
  }
  .reference-shop-header .mobile-header-search-wrap{
    display:block!important;
    padding:0 14px 12px!important;
    background:#fff!important;
  }
  .reference-shop-header .mobile-search{
    display:flex!important;
    width:100%!important;
    height:44px!important;
    border:1px solid #e8cbd4!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(176,77,111,.07)!important;
    overflow:hidden!important;
  }
  .reference-shop-header .mobile-search input{
    min-width:0!important;
    flex:1 1 auto!important;
    font-size:13px!important;
    padding:0 16px!important;
  }
  .reference-shop-header .mobile-search button{
    flex:0 0 48px!important;
    width:48px!important;
    height:44px!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#e37a9a,#c8587c)!important;
    color:#fff!important;
  }
  .reference-shop-header .shop-category-nav{display:none!important}
  .mobile-site-menu{
    width:min(86vw,340px)!important;
    background:linear-gradient(180deg,#fff,#fff5f8)!important;
    box-shadow:18px 0 45px rgba(67,30,43,.2)!important;
  }
  .mobile-menu-links a{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:48px!important;
    margin:5px 12px!important;
    padding:11px 14px!important;
    border:1px solid #f0d7df!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#3d2830!important;
    font-weight:700!important;
    text-decoration:none!important;
  }
  .mobile-menu-links a:hover,.mobile-menu-links a:focus{
    background:#fbe9ef!important;
    color:#a14564!important;
  }
}
@media (max-width: 380px){
  .reference-shop-header .shop-header-main{
    grid-template-columns:44px minmax(0,1fr) 84px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .reference-shop-header .mobile-menu-btn{width:40px!important;height:40px!important}
  .reference-shop-header .shop-brand-logo img{max-width:125px!important;max-height:52px!important}
  .reference-shop-header .shop-head-actions{grid-template-columns:39px 39px!important;width:84px!important;gap:4px!important}
  .reference-shop-header .shop-head-actions>a{width:39px!important;height:39px!important}
}