/* Ravix Store 3.6 — close the desktop logo/search gap and the cart divider gap.
 * Only the unified header at desktop breakpoints is affected. The logo's flex
 * track now follows its actually-rendered aspect ratio instead of reserving
 * the configured maximum width as a permanent empty column.
 */
@media (min-width:1051px) {
  .rvx-site-header.rvx-unified-header .rvx-header-main__inner.rvx-uni-main__inner {
    justify-content:flex-start!important;
    gap:12px!important;
  }
  /* Flex RTL: logo on the right, search immediately to its left, and actions
     pushed to the far left by their existing margin-right:auto rule. */
  .rvx-site-header.rvx-unified-header .rvx-brand.rvx-uni-logo {
    order:0!important;
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:0!important;
    max-width:min(var(--rvx-uni-logo-w,160px),360px,28vw)!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-uni-logo a.custom-logo-link {
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-brand.rvx-uni-logo img.custom-logo {
    display:block!important;
    flex:0 1 auto!important;
    width:auto!important;
    height:auto!important;
    max-width:min(var(--rvx-uni-logo-w,160px),360px,28vw)!important;
    max-height:42px!important;
    object-fit:contain!important;
    object-position:right center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-uni-logo .rvx-text-logo {
    width:max-content!important;
    max-width:100%!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-uni-search {
    order:1!important;
    margin:0!important;
    flex:0 1 min(var(--rvx-uni-search-w,500px),500px)!important;
    min-width:120px!important;
    width:min(var(--rvx-uni-search-w,500px),500px)!important;
    max-width:min(var(--rvx-uni-search-w,500px),500px,40vw)!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-uni-actions.rvx-header-actions {
    order:2!important;
    margin-right:auto!important;
    gap:0!important;
  }
  /* Previous layer used a 12px margin on *both* sides of the divider; with
     the cart button padding that made the line visually far from the cart. */
  .rvx-site-header.rvx-unified-header .rvx-uni-actions > .rvx-uni-actions-divider {
    order:2!important;
    margin:0 3px!important;
    height:24px!important;
    width:1px!important;
    flex:0 0 1px!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-uni-actions > .rvx-uni-cart.rvx-cart-shell {
    margin:0!important;
    padding:0!important;
    border:0!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    justify-content:center!important;
  }
  .rvx-site-header.rvx-unified-header .rvx-uni-cart__button.rvx-cart-button {
    width:32px!important;
    min-width:32px!important;
    height:40px!important;
    padding:4px!important;
    margin:0!important;
  }
}
@media (min-width:1051px) and (max-width:1250px) {
  .rvx-site-header.rvx-unified-header .rvx-header-main__inner.rvx-uni-main__inner {gap:10px!important}
  .rvx-site-header.rvx-unified-header .rvx-uni-actions > .rvx-uni-actions-divider {margin:0 3px!important}
}