/* Final header layout hotfix — keeps logo/search/actions in fixed responsive positions */
.reference-shop-header,
.reference-shop-header *{box-sizing:border-box}
.reference-shop-header{direction:ltr!important;width:100%!important;overflow:visible!important}

@media (min-width: 992px){
  .reference-shop-header .shop-header-main{
    width:min(100%,1440px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:18px clamp(26px,4vw,64px)!important;
    min-height:108px!important;
    display:grid!important;
    grid-template-columns:minmax(180px,230px) minmax(420px,1fr) minmax(210px,260px)!important;
    grid-template-areas:"logo search actions"!important;
    align-items:center!important;
    column-gap:clamp(24px,3vw,48px)!important;
    direction:ltr!important;
  }
  .reference-shop-header .shop-brand-logo{
    grid-area:logo!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    justify-self:start!important;
    align-self:center!important;
    width:100%!important;
    max-width:220px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    justify-content:flex-start!important;
  }
  .reference-shop-header .shop-brand-logo img{
    display:block!important;
    width:min(100%,210px)!important;
    height:76px!important;
    max-width:210px!important;
    max-height:76px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  .reference-shop-header .shop-header-search{
    grid-area:search!important;
    position:static!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:52px!important;
    margin:0!important;
    border-radius:999px!important;
  }
  .reference-shop-header .shop-header-search input{
    width:100%!important;
    min-width:0!important;
    padding:0 22px!important;
    font-size:15px!important;
  }
  .reference-shop-header .shop-header-search button{
    flex:0 0 58px!important;
    width:58px!important;
    height:52px!important;
    border-radius:0 999px 999px 0!important;
  }
  .reference-shop-header .shop-head-actions{
    grid-area:actions!important;
    position:static!important;
    justify-self:end!important;
    width:auto!important;
    min-width:210px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:20px!important;
    margin:0!important;
  }
  .reference-shop-header .shop-head-actions>a{
    position:relative!important;
    width:56px!important;
    min-width:56px!important;
    height:62px!important;
    padding:4px 0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#2a2225!important;
    font-size:11px!important;
    line-height:1.1!important;
    text-align:center!important;
    overflow:visible!important;
  }
  .reference-shop-header .shop-head-actions>a i{font-size:25px!important;line-height:1!important}
  .reference-shop-header .shop-head-actions>a:nth-child(1)::after{content:"Wishlist"!important;display:block!important}
  .reference-shop-header .shop-head-actions>a:nth-child(2)::after{content:"Account"!important;display:block!important}
  .reference-shop-header .shop-head-actions>a:nth-child(3)::after{content:"Cart"!important;display:block!important}
  .reference-shop-header .shop-head-actions .action-badge{
    top:0!important;right:2px!important;z-index:2!important;
  }
  .reference-shop-header .mobile-menu-btn,
  .reference-shop-header .mobile-header-search-wrap{display:none!important}
  .reference-shop-header .shop-category-nav{display:block!important}
  .reference-shop-header .shop-nav-scroll{
    width:min(100%,1440px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:0 clamp(24px,4vw,62px)!important;
    justify-content:center!important;
    overflow-x:auto!important;
  }
}

@media (max-width: 991px){
  .reference-shop-header .shop-header-main{
    width:100%!important;max-width:none!important;margin:0!important;
    min-height:72px!important;padding:9px 14px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 92px!important;
    grid-template-areas:"menu logo actions"!important;
    align-items:center!important;gap:8px!important;direction:ltr!important;
  }
  .reference-shop-header .mobile-menu-btn{
    grid-area:menu!important;display:flex!important;position:static!important;
    width:42px!important;height:42px!important;margin:0!important;
    align-items:center!important;justify-content:center!important;
  }
  .reference-shop-header .shop-brand-logo{
    grid-area:logo!important;position:static!important;inset:auto!important;
    transform:none!important;justify-self:center!important;
    width:min(100%,160px)!important;max-width:160px!important;margin:0!important;
  }
  .reference-shop-header .shop-brand-logo img{
    display:block!important;width:150px!important;height:56px!important;
    max-width:100%!important;object-fit:contain!important;object-position:center!important;
  }
  .reference-shop-header .shop-head-actions{
    grid-area:actions!important;position:static!important;justify-self:end!important;
    display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;
  }
  .reference-shop-header .shop-head-actions>a{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
    min-width:40px!important;padding:0!important;border:1px solid #efd5de!important;
    border-radius:50%!important;background:#fff!important;box-shadow:none!important;
  }
  .reference-shop-header .shop-head-actions>a:first-child{display:none!important}
  .reference-shop-header .shop-head-actions>a::after{display:none!important;content:none!important}
  .reference-shop-header .shop-head-actions>a i{font-size:18px!important}
  .reference-shop-header .shop-head-actions .action-badge{top:-4px!important;right:-3px!important}
  .reference-shop-header .shop-header-main>.shop-header-search{display:none!important}
  .reference-shop-header .mobile-header-search-wrap{
    display:block!important;width:100%!important;padding:8px 14px 13px!important;
    background:#fffaf7!important;
  }
  .reference-shop-header .mobile-search{
    display:flex!important;width:100%!important;height:44px!important;margin:0!important;
  }
  .reference-shop-header .shop-category-nav{display:none!important}
}

@media (max-width: 420px){
  .reference-shop-header .shop-header-main{grid-template-columns:42px minmax(0,1fr) 86px!important;padding:8px 10px!important}
  .reference-shop-header .shop-brand-logo{max-width:138px!important}
  .reference-shop-header .shop-brand-logo img{width:132px!important;height:50px!important}
  .reference-shop-header .shop-head-actions{gap:5px!important}
  .reference-shop-header .shop-head-actions>a{width:38px!important;height:38px!important;min-width:38px!important}
}