/* Ravix Store v4.1. Final isolated override: previous header container
   max-widths remain in legacy styles but no longer win in the cascade. */
:root{--rvx-41-header-width:1676px;}
@media(min-width:1051px){
  /* The background is edge-to-edge; only controls are centered. At intermediate
     widths preserve the ~6.5vw side gutters of the desktop reference image.
     At large widths the content stops expanding beyond 1676px. */
  body .rvx-site-header.rvx-unified-header .rvx-header-main__inner.rvx-uni-main__inner,
  body .rvx-site-header.rvx-unified-header .rvx-header-nav-row__inner.rvx-uni-nav__inner{
    box-sizing:border-box!important;
    width:min(calc(100% - 13vw),var(--rvx-41-header-width))!important;
    max-width:var(--rvx-41-header-width)!important;
    min-width:0!important;
    padding-left:0!important;padding-right:0!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-header-main__inner.rvx-uni-main__inner{
    gap:18px!important;justify-content:flex-start!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-header-nav-row__inner.rvx-uni-nav__inner{
    gap:11px!important;justify-content:flex-start!important;
  }
  /* Search stays anchored to the actual visible logo rather than a reserved track. */
  body .rvx-site-header.rvx-unified-header .rvx-uni-search{
    flex:0 1 500px!important;width:min(500px,40vw)!important;
    min-width:200px!important;max-width:min(500px,40vw)!important;
    margin-inline:0!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-uni-logo{
    flex:0 0 auto!important;width:max-content!important;min-width:0!important;
    max-width:var(--rvx-uni-logo-w,360px)!important;margin:0!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-uni-logo .custom-logo{
    max-width:var(--rvx-uni-logo-w,360px)!important;height:auto!important;object-fit:contain!important;
  }
  body .rvx-site-header.rvx-unified-header .rvx-uni-actions{margin-inline-start:auto!important;}
}
@media(max-width:1050px){
  /* Remove the old pair of menu-mode tabs entirely. Top four cards are now
     the primary website menu, with categories remaining available below. */
  body .rvx-mobile-category-screen__modes,
  body .rvx-mobile-category-screen__brand-pill,
  body .rvx-mobile-category-screen__site{display:none!important;}
  body .rvx-mobile-category-screen__quickbar{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;gap:6px!important;
    height:auto!important;min-height:0!important;flex:0 0 auto!important;
    margin:0!important;padding:7px 9px 6px!important;
    border-bottom:1px solid #edf0f3!important;background:#fff!important;
    direction:rtl!important;
  }
  body .rvx-mobile-category-screen__quickitem{
    box-sizing:border-box!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;
    width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;
    padding:0 4px!important;margin:0!important;
    background:#fff!important;border:1px solid #e0e0e2!important;border-radius:10px!important;
    color:#4b5563!important;font-size:10.5px!important;line-height:1.4!important;
    font-weight:700!important;text-align:center!important;white-space:nowrap!important;
    text-decoration:none!important;overflow:hidden!important;
  }
  body .rvx-mobile-category-screen__quickitem span{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body .rvx-mobile-category-screen__quickitem svg{
    flex:0 0 16px!important;width:16px!important;height:16px!important;
    display:inline-block!important;
  }
  body .rvx-mobile-category-screen__quickitem.is-current{
    background:var(--rvx-uni-accent,#245be1)!important;
    color:#fff!important;border-color:var(--rvx-uni-accent,#245be1)!important;
  }
  body .rvx-mobile-category-screen__header.rvx-mobile-category-screen__header--compact{
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;align-items:center!important;
    padding:8px 12px 10px!important;
  }
  body .rvx-mobile-category-screen__back{
    width:44px!important;height:44px!important;min-width:44px!important;
    display:grid!important;place-items:center!important;
    border:1px solid #e0e0e2!important;background:#fff!important;
    border-radius:999px!important;color:#30353c!important;
    padding:0!important;margin:0!important;
    box-shadow:none!important;transition:background .18s ease,border-color .18s ease!important;
  }
  body .rvx-mobile-category-screen__back:hover,
  body .rvx-mobile-category-screen__back:focus-visible{
    background:#f2f3f5!important;border-color:#bbc8da!important;
  }
  body .rvx-mobile-category-screen__back svg{width:22px!important;height:22px!important;}
  body .rvx-mobile-category-screen__search,
  body .rvx-mobile-category-screen__search .rvx-product-search{height:44px!important;min-height:44px!important;}
  body .rvx-mobile-category-screen__search .rvx-product-search{
    background:#fff!important;border:1px solid #e0e0e2!important;border-radius:999px!important;
  }
  body .rvx-mobile-category-screen__shell{min-height:0!important;}
}
@media(max-width:359px){
  body .rvx-mobile-category-screen__quickbar{gap:4px!important;padding-inline:6px!important;}
  body .rvx-mobile-category-screen__quickitem{font-size:9px!important;gap:3px!important;}
  body .rvx-mobile-category-screen__quickitem svg{width:14px!important;height:14px!important;flex-basis:14px!important;}
}
@media(prefers-reduced-motion:reduce){
  body .rvx-mobile-category-screen__back{transition:none!important;}
}