/*
 * Ravix Store 2.9.7 — Fixed desktop positioning & marketplace mobile drawer
 * Scoped visual adaptation of the owner's RAVIX reference header. All menus,
 * cart, user accounts and category data remain native to this theme/WooCommerce.
 * Intentionally separate from app.css: existing shop styles stay untouched.
 */
:root{
  --rvx-premium-blue:#2453c8;
  --rvx-premium-ink:#192137;
  --rvx-premium-stroke:#e5eaf3;
  --rvx-premium-panel:#f2f6ff;
  --rvx-premium-ease:cubic-bezier(.22,.8,.2,1);
}
.rvx-site-header :is(button,a):focus-visible,
.rvx-mobile-category-screen :is(button,a,input):focus-visible,
.rvx-mobile-tabbar :is(button,a):focus-visible{
  outline:3px solid rgba(37,99,235,.48);outline-offset:3px;
}
.rvx-mobile-brand-pill{display:none}
.rvx-premium-mobile-search{display:none}
.rvx-premium-search-button{
  width:46px;height:46px;display:grid;place-items:center;border:0;
  border-radius:15px;color:var(--rvx-premium-blue);background:transparent;
  transition:background .2s,color .2s;
}
.rvx-premium-search-button:hover,.rvx-premium-search-button[aria-expanded="true"]{background:#eff4ff}
.rvx-premium-search-popup{
  position:absolute;inset-block-start:calc(100% + 15px);inset-inline-end:0;
  width:min(455px,calc(100vw - 30px));padding:10px;border:1px solid #e2e8f2;
  border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(16,35,83,.19);
  z-index:121;
}
.rvx-premium-search-popup[hidden]{display:none!important}
.rvx-premium-search-popup .rvx-product-search{height:48px;border:1px solid #e4e9f3;background:#f5f7fb;border-radius:12px}
.rvx-premium-search-popup .rvx-product-search button{height:46px}
/* Sticky, single-row desktop capsule. */
@media(min-width:1051px){
  :root{--rvx-header-h:86px;--rvx-header-nav-h:50px}
  .rvx-site-header{display:block;position:sticky;top:0;z-index:180;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
  .admin-bar .rvx-site-header{top:32px}
  .rvx-header-main{position:relative!important;top:auto!important;z-index:1;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
  .rvx-header-main__inner{
    width:min(calc(100% - 40px),1120px);min-height:82px;height:auto;
    display:flex;direction:rtl;align-items:center;justify-content:space-between;
    gap:16px;padding:8px 0;margin:0 auto;
    border:0!important;background:transparent!important;border-radius:0!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    overflow:visible;
  }
  .rvx-premium-nav-capsule,
  .rvx-premium-actions-capsule{
    position:relative;display:flex;align-items:center;min-height:62px;
    border:1px solid rgba(227,234,247,.85);border-radius:21px;
    background:rgba(255,255,255,.92);
    box-shadow:0 8px 24px rgba(15,35,81,.075),0 1px 1px rgba(255,255,255,.9) inset;
    backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);
    transition:box-shadow .22s ease,border-color .22s ease;
  }
  .rvx-premium-nav-capsule{
    flex:0 1 auto;width:max-content;min-width:0;max-width:calc(100% - 220px);
    gap:8px;padding:6px 12px;
  }
  .rvx-premium-actions-capsule{
    flex:0 0 auto;min-width:185px;gap:1px;direction:rtl;padding:5px 7px;
  }
  .rvx-site-header.is-scrolled .rvx-premium-nav-capsule,
  .rvx-site-header.is-scrolled .rvx-premium-actions-capsule{
    box-shadow:0 11px 34px rgba(15,35,81,.12),0 1px 1px rgba(255,255,255,.9) inset;
  }
  .rvx-brand--desktop{flex:0 0 auto;max-width:122px;min-width:55px;margin-inline-end:5px;display:flex;align-items:center}
  .rvx-brand--desktop .custom-logo{max-width:112px;max-height:49px}
  .rvx-brand--desktop .rvx-text-logo{font-size:20px}
  .rvx-header-nav-row{
    position:relative!important;top:auto!important;z-index:auto;transform:none!important;opacity:1!important;
    pointer-events:auto!important;flex:1 1 auto;min-width:0;width:auto;height:50px;
    border:0!important;background:transparent!important;box-shadow:none!important;
    transition:none!important;will-change:auto;
  }
  .rvx-site-header.is-nav-row-hidden .rvx-header-nav-row{opacity:1!important;transform:none!important;pointer-events:auto!important}
  .rvx-header-nav-row__inner{width:auto;max-width:none;height:100%;padding:0;display:flex;align-items:center;gap:2px}
  .rvx-category-nav{height:100%;align-self:center}
  .rvx-category-nav__toggle{height:44px;padding:0 11px;gap:5px;border-radius:13px;font-size:12px;font-weight:850;color:var(--rvx-premium-ink)}
  .rvx-category-nav__toggle:hover,.rvx-category-nav.is-open .rvx-category-nav__toggle{background:#f2f5fb;color:var(--rvx-premium-blue)}
  .rvx-category-nav__panel{inset-block-start:calc(100% + 12px);border:1px solid #e4e9f2;border-radius:20px;padding:18px;box-shadow:0 25px 65px rgba(13,34,80,.16);width:min(960px,calc(100vw - 72px))}
  .rvx-primary-nav{flex:1 1 auto;min-width:0}
  .rvx-menu{display:flex;gap:2px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}
  .rvx-menu>li>a{height:44px;padding:0 11px;border-radius:12px;font-size:11.5px;font-weight:760;color:#343b49;background:transparent}
  .rvx-menu>li>a:hover,.rvx-menu>li.current-menu-item>a,.rvx-menu>li.current-menu-ancestor>a{background:#f3f6fd;color:var(--rvx-premium-blue)}
  .rvx-menu .sub-menu{inset-block-start:calc(100% + 10px);border:1px solid #e5ebf5;border-radius:16px;box-shadow:0 20px 45px rgba(13,33,77,.14)}
  .rvx-nav-store-link{min-height:43px;height:auto;padding:0 10px;border-radius:12px;font-weight:740}
  .rvx-header-search{order:1;position:relative;flex:0 0 46px;min-width:46px;max-width:46px!important;width:46px!important;height:46px;margin:0!important}
  .rvx-header-actions{
    order:2;min-width:0;height:48px;gap:0!important;margin-inline-start:0!important;padding-inline:0;
    border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;
    flex:0 0 auto;
  }
  .rvx-header-actions .rvx-account-button,.rvx-header-actions .rvx-cart-button{
    height:42px;min-width:42px;width:auto;padding:0 9px;border:0;border-radius:12px;background:transparent;box-shadow:none;
  }
  .rvx-premium-actions-capsule .rvx-premium-search-button{
    border-inline-end:1px solid #e5ebf5;border-radius:11px 0 0 11px;
  }
  .rvx-header-actions .rvx-account-button{gap:5px;font-weight:850}
  .rvx-header-actions .rvx-account-button__label{white-space:nowrap;font-size:11px}
  .rvx-header-actions .rvx-cart-button:hover,.rvx-header-actions .rvx-account-button:hover{background:#eff4ff;color:var(--rvx-premium-blue)}
  .rvx-header-actions .rvx-cart-shell{position:relative;display:flex;align-items:center}
  .rvx-mobile-search-row{display:none!important}
}
@media(min-width:1051px) and (max-width:1320px){
  .rvx-header-main__inner{width:calc(100% - 24px);padding-inline:0;gap:9px}
  .rvx-premium-nav-capsule{padding-inline:8px;gap:1px;max-width:calc(100% - 170px)}
  .rvx-premium-actions-capsule{min-width:155px;padding-inline:4px}
  .rvx-brand--desktop{max-width:90px;margin-inline-end:2px}
  .rvx-brand--desktop .custom-logo{max-width:87px}
  .rvx-category-nav__toggle{padding-inline:6px;font-size:10.5px;gap:3px}
  .rvx-category-nav__toggle .rvx-icon:last-child{width:12px}
  .rvx-menu>li>a{padding-inline:7px;font-size:10.5px}
  .rvx-nav-store-link{display:none}
  .rvx-header-actions .rvx-account-button__label{display:none}
}
/* Shared phone/tablet capsules, mirroring the owner's RAVIX header. */
@media(max-width:1050px){
  :root{--rvx-header-h:78px;--rvx-header-main-h:76px;--rvx-header-nav-h:0px}
  .rvx-site-header{
    z-index:185;position:sticky;top:0;background:transparent!important;
    border:0!important;box-shadow:none!important;backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;overflow:visible!important;
  }
  .rvx-site-header.is-scrolled{background:transparent!important;box-shadow:none!important}
  .admin-bar .rvx-site-header{top:46px}
  .rvx-header-main{
    position:relative;z-index:2;background:transparent!important;
    border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  .rvx-premium-nav-capsule,.rvx-premium-actions-capsule{display:contents}
  .rvx-header-main__inner{
    display:flex!important;direction:rtl;min-height:72px;height:auto;gap:8px;
    justify-content:space-between;align-items:center;
    width:calc(100% - 24px);margin:0 auto;padding:12px 0;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .rvx-mobile-brand-pill{
    display:flex;flex:0 0 auto;max-width:48%;height:53px;min-width:105px;
    align-items:center;justify-content:space-between;gap:2px;
    padding:3px 6px 3px 3px;border:1px solid rgba(255,255,255,.84);border-radius:18px;
    background:rgba(255,255,255,.78);box-shadow:0 8px 25px rgba(23,42,81,.12),inset 0 1px rgba(255,255,255,.9);
    backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);
  }
  .rvx-brand--mobile{
    display:flex!important;grid-column:auto;grid-row:auto;max-width:150px!important;
    flex:0 1 auto;min-width:0;align-items:center;overflow:hidden;
  }
  .rvx-brand--mobile .custom-logo{width:auto;max-width:112px!important;max-height:38px!important}
  .rvx-brand--mobile .rvx-text-logo{font-size:18px;white-space:nowrap}
  .rvx-mobile-menu-toggle{
    display:grid!important;grid-column:auto;grid-row:auto;flex:0 0 42px;
    width:42px!important;min-width:42px;height:43px!important;border-radius:13px!important;
    background:transparent!important;color:var(--rvx-premium-blue)!important;
    border:0!important;box-shadow:none!important;outline-offset:2px;
  }
  .rvx-mobile-menu-toggle:hover{background:#f1f5ff!important}
  .rvx-header-nav-row{display:none!important}
  .rvx-header-search{display:none!important}
  .rvx-header-actions{
    direction:ltr;display:flex!important;grid-column:auto;grid-row:auto;margin:0!important;
    height:53px;min-width:0;gap:0!important;padding:4px;
    align-items:center;justify-content:flex-start;border:1px solid rgba(255,255,255,.84);
    border-radius:18px;background:rgba(255,255,255,.78);
    box-shadow:0 8px 25px rgba(23,42,81,.12),inset 0 1px rgba(255,255,255,.9);
    backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);
  }
  .rvx-premium-mobile-search{
    display:grid;place-items:center;order:1;flex:0 0 41px;width:41px;height:42px;
    padding:0;border:0;border-radius:12px;background:transparent;color:var(--rvx-premium-blue);
  }
  .rvx-header-actions .rvx-account-button{
    display:grid;place-items:center;order:2;flex:0 0 42px;min-width:42px;width:42px;height:42px;
    padding:0;border:0;border-radius:12px;background:transparent;
  }
  .rvx-header-actions .rvx-cart-shell{order:3;flex:0 0 auto}
  .rvx-header-actions .rvx-cart-button{width:42px;min-width:42px;height:42px;border:0;border-radius:12px;background:transparent}
  .rvx-header-actions .rvx-account-button:hover,.rvx-header-actions .rvx-cart-button:hover,.rvx-premium-mobile-search:hover{background:#f2f6ff}
  .rvx-mobile-search-row{display:none!important}
  .rvx-promo-bar{display:none!important}
}
/* Unified category/menu explorer: smooth dimmed sheet and split marketplace navigation. */
@media(max-width:1050px){
  .rvx-mobile-category-backdrop{
    display:block;position:fixed;inset:0;z-index:488;
    background:rgba(28,41,68,.42);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
    opacity:0;transition:opacity .25s ease;
  }
  .rvx-mobile-category-backdrop[hidden]{display:none!important}
  .rvx-mobile-category-backdrop.is-open{opacity:1}
  .rvx-mobile-category-screen{
    position:fixed;display:flex;flex-direction:column;z-index:510;
    inset:8px 8px 8px 8px;max-height:calc(100dvh - 16px);height:auto;
    min-height:0;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.85);
    border-radius:27px;box-shadow:0 26px 65px rgba(13,28,62,.24);
    transform:translateY(12px) scale(.985);opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .25s ease,transform .3s var(--rvx-premium-ease),visibility .25s ease;
  }
  .rvx-mobile-category-screen[hidden]{display:none!important}
  .rvx-mobile-category-screen.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .admin-bar .rvx-mobile-category-screen{inset-block-start:54px;max-height:calc(100dvh - 62px)}
  .rvx-mobile-category-screen__header{
    flex:0 0 auto;display:grid;direction:rtl;grid-template-columns:minmax(126px,31%) minmax(0,1fr);
    gap:10px;align-items:center;min-height:79px;padding:12px 12px 9px;
    background:#fff;border:0;box-shadow:none;
  }
  .rvx-mobile-category-screen__brand-pill{
    min-width:0;height:59px;display:flex;align-items:center;justify-content:space-between;gap:3px;
    padding:4px 6px;border-radius:18px;border:1px solid #e7ecf4;background:white;
    box-shadow:0 3px 15px rgba(17,38,79,.09);
  }
  .rvx-mobile-category-screen__logo{min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
  .rvx-mobile-category-screen__logo .custom-logo{max-width:71px;max-height:37px;object-fit:contain}
  .rvx-mobile-category-screen__logo .rvx-text-logo{font-size:17px;font-weight:900;white-space:nowrap}
  .rvx-mobile-category-screen__back{
    flex:0 0 43px;width:43px;height:43px;padding:0;display:grid;place-items:center;border:0;
    border-radius:13px;background:transparent;color:#1b1d23;
  }
  .rvx-mobile-category-screen__back .rvx-icon{transform:none!important}
  .rvx-mobile-category-screen__back:hover{background:#f0f4ff;color:var(--rvx-premium-blue)}
  .rvx-mobile-category-screen__search{height:59px;min-width:0;padding:6px;
    border:1px solid #e1e8f3;border-radius:18px;box-shadow:0 3px 15px rgba(17,38,79,.07)}
  .rvx-mobile-category-screen__search .rvx-product-search{
    height:45px!important;border:1px solid #e2e8f1!important;border-radius:14px!important;
    background:#f3f6fc!important;box-shadow:none!important;
  }
  .rvx-mobile-category-screen__search .rvx-product-search input{font-size:11px;padding-inline:10px}
  .rvx-mobile-category-screen__search .rvx-product-search button{width:42px;height:43px;color:#64748b}
  .rvx-mobile-category-screen__shell{
    display:flex;flex:1 1 auto;min-height:0;flex-direction:column;padding:6px;
    border-radius:25px;background:#fff;box-shadow:0 4px 22px rgba(31,49,91,.08);
  }
  .rvx-mobile-category-screen__modes{
    display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;gap:4px;
    direction:rtl;background:#f0f4fc;border:1px solid #e3eaf5;
    border-radius:17px;padding:4px;margin:5px 5px 12px;min-height:56px;
  }
  .rvx-mobile-category-screen__mode{
    position:relative;display:grid;place-items:center;min-width:0;min-height:45px;
    color:#777f8e;font-size:12px;font-weight:850;border:1px solid transparent;
    border-radius:12px;background:transparent;transition:color .18s,background .18s,box-shadow .18s;
  }
  .rvx-mobile-category-screen__mode.is-active{
    background:#dce8ff;color:#2151b9;border-color:#cbdaf7;box-shadow:0 3px 9px rgba(37,81,178,.09);
  }
  .rvx-mobile-category-screen__mode.is-active:after{
    content:"";position:absolute;bottom:-1px;height:3px;width:63%;background:#3064d4;border-radius:999px 999px 0 0;
  }
  .rvx-mobile-category-screen__body{
    display:grid;flex:1 1 auto;min-height:0;min-width:0;direction:ltr;
    grid-template-columns:minmax(0,1fr) 35%;gap:0;background:#fff;overflow:hidden;
    border:1px solid #e2eaf7;border-radius:22px;padding:5px;
  }
  .rvx-mobile-category-screen__body[hidden],.rvx-mobile-category-screen__site[hidden]{display:none!important}
  .rvx-mobile-category-rail{
    grid-column:2;height:100%;direction:rtl;min-width:0;
    padding:5px 3px 12px;overflow:auto;overscroll-behavior:contain;
    background:linear-gradient(160deg,#edf4ff,#e8f0fc);
    border:0;border-radius:18px;scrollbar-width:thin;scrollbar-color:#d5e0f1 transparent;
  }
  .rvx-mobile-category-rail__item{
    width:100%;min-height:84px;display:flex;flex-direction:row;direction:rtl;
    justify-content:flex-start;align-items:center;gap:10px;
    padding:12px 7px;margin:0 0 3px;border:0;border-bottom:1px solid #dfe7f5;
    background:transparent;color:#59657a;text-align:right;
    font-size:11px;line-height:1.75;font-weight:740;
  }
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon{
    flex:0 0 27px;width:27px;height:27px;padding:3px;color:#7b8aa0;
  }
  .rvx-mobile-category-rail__item span{display:block;-webkit-line-clamp:unset;overflow-wrap:anywhere}
  .rvx-mobile-category-rail__item.is-active{
    background:#dae7ff;color:#204ca5;border-radius:14px;border-bottom-color:transparent;
    box-shadow:inset 0 0 0 1px #c7daf9;
  }
  .rvx-mobile-category-rail__item.is-active:before{
    content:"";position:absolute;right:2px;left:auto;top:11px;bottom:11px;width:3px;
    border-radius:6px;background:#2863dc;
  }
  .rvx-mobile-category-rail__item.is-active .rvx-mega-menu__icon{color:#1f55bd}
  .rvx-mobile-category-screen__panes{
    grid-column:1;min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;
    direction:rtl;overscroll-behavior:contain;background:#fff;
  }
  .rvx-mobile-category-pane{padding:9px 8px 26px;min-width:0}
  .rvx-mobile-category-pane__top{margin-bottom:11px;min-height:0}
  .rvx-mobile-category-pane__all{
    width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;
    padding:10px 13px;background:#f8faff;border:1px solid #e5ebf5;
    border-radius:15px;color:#34425d;font-size:11px;font-weight:850;box-shadow:0 3px 8px rgba(17,38,79,.06);
  }
  .rvx-mobile-category-pane__all .rvx-icon{color:#2b65c5}
  .rvx-mobile-category-pane__title{display:none}
  .rvx-mobile-category-groups{border:0;display:grid;gap:9px}
  .rvx-mobile-category-group{
    background:#fff;border:1px solid #e4eaf3;border-radius:15px;
    box-shadow:0 5px 13px rgba(27,46,80,.065);padding:0 3px;overflow:hidden;
  }
  .rvx-mobile-category-group__row{display:grid;grid-template-columns:minmax(0,1fr) 39px;min-height:66px;gap:3px}
  .rvx-mobile-category-group__link{
    min-height:63px;padding:12px 10px;font-size:12px;line-height:1.8;
    color:#1d2739;font-weight:850;overflow-wrap:anywhere;
  }
  .rvx-mobile-category-group__toggle,.rvx-mobile-category-group__arrow{
    height:36px;width:35px;border-radius:11px;background:#eef4fd;color:#6e8098;
  }
  .rvx-mobile-category-group__children{border-top:1px solid #e9eef7;padding:9px 8px 12px}
  .rvx-mobile-category-group__view-all{font-size:11px;color:#285dc6}
  .rvx-mobile-category-pane--empty{display:grid;gap:9px;font-size:12px;color:#6d7688}
  .rvx-mobile-category-pane--empty strong{color:#222d44}
  .rvx-mobile-category-pane--empty a{color:#265ac4;font-weight:800}
  .rvx-mobile-category-screen__site{
    min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;direction:rtl;
    padding:6px 9px 24px;
  }
  .rvx-explorer-site-menu,.rvx-explorer-site-menu ul{list-style:none;padding:0;margin:0}
  .rvx-explorer-site-menu>li{margin:0 0 10px}
  .rvx-explorer-site-menu li{position:relative;min-width:0}
  .rvx-explorer-site-menu li>a{
    display:flex;align-items:center;min-height:57px;padding:10px 15px;
    margin:0;border:1px solid #e6eaf2;border-radius:15px;background:#fff;
    box-shadow:0 4px 12px rgba(18,40,76,.055);font-size:12px;font-weight:820;color:#253149;
  }
  .rvx-explorer-site-menu .menu-item-has-children>a{padding-inline-end:51px}
  .rvx-explorer-site-menu .sub-menu{display:none;margin:5px 15px 11px 0;padding:4px 9px 4px 0;border-right:2px solid #d8e4f9}
  .rvx-explorer-site-menu .is-submenu-open>.sub-menu{display:grid;gap:7px}
  .rvx-explorer-site-menu .sub-menu a{min-height:45px;background:#f9fbff;font-size:11px;box-shadow:none}
  .rvx-explorer-site-menu__toggle{
    position:absolute;left:9px;top:9px;width:39px;height:39px;display:grid;place-items:center;
    border:0;border-radius:11px;background:#eef3fc;color:#607ca3;
  }
  .rvx-explorer-site-menu__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .rvx-explorer-site-menu__toggle svg{width:17px;height:17px;transition:transform .2s}
  .rvx-mobile-category-screen__quick-links{display:grid;gap:9px;margin-top:18px}
  .rvx-mobile-category-screen__quick-links a{
    display:flex;align-items:center;gap:12px;min-height:51px;padding:10px 14px;
    border:1px solid #dce7f7;border-radius:14px;background:#f5f8ff;
    color:#234e9b;font-weight:770;font-size:12px;
  }
  body.rvx-mobile-category-open{overflow:hidden;touch-action:none}
}
/* Floating, frosted four-action navigation as in the reference site's phone UI. */
@media(max-width:760px){
  :root{--rvx-mobile-tabbar-h:76px;--rvx-header-h:76px}
  body{padding-bottom:calc(var(--rvx-mobile-tabbar-h) + env(safe-area-inset-bottom,0px))}
  .rvx-mobile-tabbar{
    display:grid;direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));
    position:fixed;inset:auto 12px calc(10px + env(safe-area-inset-bottom,0px));
    width:calc(100% - 24px);max-width:440px;margin:0 auto;min-height:65px;height:65px;
    z-index:330;padding:4px;border:1px solid rgba(232,237,247,.93);
    border-radius:19px;background:rgba(255,255,255,.94);
    box-shadow:0 11px 35px rgba(19,35,78,.17),0 1px 5px rgba(19,35,78,.05);
    backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);
  }
  .rvx-mobile-tabbar__item{
    min-height:55px;height:55px;gap:3px;padding:4px 2px;
    border-radius:15px;color:#26334c;font-size:10px;
  }
  .rvx-mobile-tabbar__item.is-active{background:#f1f5ff;color:#1e4dc4}
  .rvx-mobile-tabbar__item.is-active:before{display:none}
  .rvx-mobile-tabbar__item.is-active .rvx-mobile-tabbar__icon{
    color:#fff;background:#284af4;border-radius:10px;box-shadow:0 3px 12px rgba(43,76,234,.25);
  }
  .rvx-mobile-tabbar__icon{width:31px;height:31px;border-radius:10px}
  .rvx-mobile-tabbar__label{font-size:10px;font-weight:820}
  .rvx-mobile-tabbar__count{inset-block-start:-5px;inset-inline-start:-8px}
  body.rvx-mobile-category-open .rvx-mobile-tabbar{visibility:hidden;pointer-events:none}
  .rvx-mobile-category-screen{inset:8px 8px calc(8px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px))}
  .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 34%}
}
@media(max-width:390px){
  .rvx-header-actions .rvx-account-button,.rvx-header-actions .rvx-cart-button,.rvx-premium-mobile-search{width:37px;min-width:37px;flex-basis:37px}
  .rvx-mobile-brand-pill{min-width:100px;padding-inline:4px}
  .rvx-mobile-menu-toggle{width:37px!important;min-width:37px;flex-basis:37px}
  .rvx-brand--mobile .custom-logo{max-width:90px!important}
  .rvx-mobile-category-screen__header{grid-template-columns:118px minmax(0,1fr);gap:7px;padding-inline:8px}
  .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 36%}
  .rvx-mobile-category-rail__item{padding:9px 5px;gap:5px;font-size:10px}
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon{flex-basis:23px;width:23px;height:23px}
  .rvx-mobile-category-group__link{font-size:11px}
  .rvx-mobile-category-screen__mode{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .rvx-mobile-category-backdrop,.rvx-mobile-category-screen,.rvx-premium-search-popup{transition:none!important;animation:none!important}
}

/* Ravix 2.9.6: retain detached glass capsules against page content on scroll. */
@media(max-width:1050px){
  .rvx-site-header::before,.rvx-site-header::after,
  .rvx-header-main::before,.rvx-header-main::after{content:none!important;display:none!important}
  .rvx-site-header .rvx-header-main__inner{position:relative;isolation:auto}
  .rvx-site-header .rvx-mobile-brand-pill,
  .rvx-site-header .rvx-header-actions{position:relative;transform:translateZ(0)}
  .rvx-header-actions .rvx-premium-mobile-search,
  .rvx-header-actions .rvx-account-button,
  .rvx-header-actions .rvx-cart-button{background:transparent!important}
  .rvx-header-actions :is(.rvx-premium-mobile-search,.rvx-account-button,.rvx-cart-button):hover{background:rgba(236,242,255,.84)!important}
}
@media(max-width:360px){
  .rvx-header-main__inner{gap:4px!important;width:calc(100% - 12px)!important}
  .rvx-mobile-brand-pill{min-width:88px;max-width:46%;height:49px;padding-inline:2px}
  .rvx-header-actions{height:49px;padding-inline:1px}
  .rvx-header-actions .rvx-account-button,.rvx-header-actions .rvx-cart-button,.rvx-premium-mobile-search{min-width:33px;width:33px;flex-basis:33px;height:39px}
  .rvx-mobile-menu-toggle{min-width:34px!important;width:34px!important;flex-basis:34px;height:39px!important}
  .rvx-brand--mobile .custom-logo{max-width:75px!important}
}
@supports not ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  @media(max-width:1050px){.rvx-site-header .rvx-mobile-brand-pill,.rvx-site-header .rvx-header-actions{background:rgba(255,255,255,.96)}}
}


/* =====================================================================
   RAVIX Store 2.9.7 — stable desktop dropdowns, integrated search and
   slide-in marketplace explorer. Deliberately scoped to new header only.
   ===================================================================== */
@media(min-width:1051px){
  .rvx-site-header{overflow:visible!important;isolation:isolate}
  .rvx-site-header,.rvx-header-main,.rvx-header-main__inner,
  .rvx-premium-nav-capsule,.rvx-premium-actions-capsule,
  .rvx-header-nav-row,.rvx-header-nav-row__inner,.rvx-category-nav,
  .rvx-cart-shell{overflow:visible!important}
  /* Search takes up genuine space in the left-side tools capsule. */
  .rvx-header-main__inner{width:min(calc(100% - 28px),1320px);gap:13px}
  .rvx-premium-nav-capsule{max-width:calc(100% - 330px);min-width:0}
  .rvx-premium-actions-capsule{flex:0 0 auto;min-width:0;gap:5px;padding:5px 8px}
  .rvx-premium-actions-capsule .rvx-header-search{
    flex:0 1 245px;min-width:120px;max-width:245px!important;
    width:clamp(125px,17vw,245px)!important;height:45px;
    order:0!important;
  }
  .rvx-premium-inline-search{display:block;min-width:0;width:100%;height:100%}
  .rvx-premium-inline-search .rvx-product-search{
    height:45px;width:100%;border-radius:13px;border:1px solid #e8edf6;
    background:#f3f6fb;grid-template-columns:minmax(0,1fr) 43px;
  }
  .rvx-premium-inline-search .rvx-product-search:focus-within{border-color:#adc7f9;background:#fff}
  .rvx-premium-inline-search .rvx-product-search input{font-size:11px;padding-inline:10px}
  .rvx-premium-inline-search .rvx-product-search button{height:43px;width:43px;color:#295bd5}
  .rvx-premium-actions-capsule .rvx-premium-search-button,
  .rvx-premium-actions-capsule .rvx-premium-search-popup{display:none!important}
  .rvx-header-actions{order:1!important;flex-shrink:0}
  .rvx-header-actions .rvx-cart-shell{z-index:2}
  /* Kill old inherited positioning/transform rules; JS sets the exact
     top/left under the live trigger with viewport-safe clamping. */
  .rvx-category-nav__panel{
    position:absolute!important;inset:auto!important;right:auto!important;
    bottom:auto!important;top:var(--rvx-mega-top,56px)!important;
    left:var(--rvx-mega-left,-600px)!important;
    width:min(920px,calc(100vw - 28px))!important;
    max-width:none!important;max-height:calc(100dvh - var(--rvx-mega-viewport-top,105px) - 12px);
    z-index:850!important;border-radius:17px!important;border:1px solid #e4e9f2!important;
    box-shadow:0 24px 70px rgba(11,28,70,.23)!important;
    transform:translateY(6px)!important;transform-origin:top right;
  }
  .rvx-category-nav__panel.is-open{transform:translateY(0)!important}
  .rvx-category-nav.is-open:after{
    content:"";position:absolute;inset-inline:0;top:100%;height:15px;
  }
  .rvx-mega-menu{max-height:inherit;height:min(540px,calc(100dvh - var(--rvx-mega-viewport-top,105px) - 22px));min-height:190px}
  /* overflow-x:hidden on body creates a scroll container and disables sticky
     positioning of the entire header as soon as the mega menu opens. */
  body.rvx-mega-open{overflow-x:clip!important;overflow-y:visible!important}
  body.rvx-mega-open::after{z-index:90!important;pointer-events:none!important}
  .rvx-premium-nav-capsule:has(.rvx-category-nav.is-open){
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    background:#fff!important;z-index:250!important;
  }
  .rvx-cart-popover{
    position:absolute!important;inset:auto!important;right:auto!important;
    bottom:auto!important;top:var(--rvx-cart-top,55px)!important;
    left:var(--rvx-cart-left,-140px)!important;
    width:min(370px,calc(100vw - 26px))!important;max-height:calc(100dvh - var(--rvx-cart-viewport-top,100px) - 12px);
    overflow-y:auto;overscroll-behavior:contain;border-radius:17px!important;
    transform:translateY(5px) scale(.995)!important;
    transform-origin:top center!important;
  }
  .rvx-cart-shell.is-cart-open .rvx-cart-popover{transform:translateY(0) scale(1)!important}
  .rvx-cart-popover::before{left:var(--rvx-cart-arrow,50%)!important;right:auto!important;inset-inline-end:auto!important}
  .rvx-premium-actions-capsule:has(.is-cart-open){
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    background:#fff!important;z-index:255!important;
  }
  .rvx-cart-popover .rvx-smart-cart__items{max-height:min(330px,calc(100dvh - 310px))}
}
@media(min-width:1051px) and (max-width:1180px){
  .rvx-premium-nav-capsule{max-width:calc(100% - 245px)!important;gap:1px!important}
  .rvx-premium-actions-capsule .rvx-header-search{width:130px!important;flex-basis:130px!important;min-width:130px}
  .rvx-menu>li>a{font-size:10px;padding-inline:5px!important}
  .rvx-brand--desktop .custom-logo{max-width:72px}
}
@media(max-width:1050px){
  /* The menu is the white surface, not a dimmed page with a little dialog. */
  .rvx-mobile-category-backdrop{background:rgba(14,28,58,.22)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
  .rvx-mobile-category-screen{
    inset:0 0 0 0!important;max-height:100dvh!important;height:100dvh!important;
    width:100vw!important;max-width:100vw!important;
    border:0!important;border-radius:0!important;box-shadow:0 12px 45px rgba(13,32,72,.13)!important;
    background:#fff!important;
    transform:translateX(104%)!important;opacity:1!important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility .34s ease!important;
  }
  .rvx-mobile-category-screen.is-open{transform:translateX(0)!important}
  .admin-bar .rvx-mobile-category-screen{inset-block-start:46px!important;height:calc(100dvh - 46px)!important;max-height:calc(100dvh - 46px)!important}
  .rvx-mobile-category-screen__header{
    min-height:66px!important;padding:9px 12px 5px!important;gap:8px!important;
    grid-template-columns:minmax(105px,35%) minmax(0,1fr)!important;
    background:transparent!important;box-shadow:none!important;
  }
  .rvx-mobile-category-screen__brand-pill{
    height:49px!important;min-width:0!important;gap:3px;
    border:1px solid #e6ebf3!important;border-radius:15px!important;
    background:transparent!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    padding:2px 5px!important;
  }
  .rvx-mobile-category-screen__search{
    height:49px!important;padding:3px!important;border:1px solid #e7ebf2!important;
    border-radius:15px!important;background:transparent!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .rvx-mobile-category-screen__search .rvx-product-search{
    height:41px!important;border:0!important;border-radius:12px!important;
    background:#f7f9fc!important;box-shadow:none!important;
  }
  .rvx-mobile-category-screen__back{width:37px!important;height:37px!important;flex-basis:37px!important}
  .rvx-mobile-category-screen__shell{
    min-height:0!important;flex:1!important;padding:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;
  }
  .rvx-mobile-category-screen__modes{
    width:auto;min-height:42px!important;height:42px!important;flex:0 0 42px!important;
    gap:3px!important;padding:3px!important;margin:4px 12px 7px!important;
    border:1px solid #e7ecf4!important;border-radius:13px!important;
    background:#f5f7fb!important;
  }
  .rvx-mobile-category-screen__mode{
    min-height:34px!important;height:34px!important;border-radius:10px!important;
    padding:0 3px!important;font-size:10.5px!important;font-weight:750!important;
  }
  .rvx-mobile-category-screen__mode.is-active{
    background:#fff!important;color:#2563d8!important;border-color:#e5ebf5!important;
    box-shadow:0 1px 5px rgba(12,32,72,.07)!important;
  }
  .rvx-mobile-category-screen__mode.is-active:after{height:2px!important;width:48%!important}
  .rvx-mobile-category-screen__body{
    grid-template-columns:minmax(0,1fr) 102px!important;padding:0!important;
    border:0!important;border-top:1px solid #f0f2f5!important;
    border-radius:0!important;gap:0!important;background:#fff!important;
  }
  .rvx-mobile-category-rail{
    background:#f4f5f7!important;border:0!important;border-inline-start:1px solid #e9ebef!important;
    border-radius:0!important;padding:0!important;
    scrollbar-width:thin!important;scrollbar-color:#d3d8e4 transparent!important;
  }
  .rvx-mobile-category-rail__item{
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    align-items:center!important;gap:8px!important;min-height:100px!important;
    padding:12px 5px!important;margin:0!important;
    text-align:center!important;font-size:10.7px!important;font-weight:650!important;
    line-height:1.6!important;border:0!important;border-bottom:1px solid #e6e8ec!important;
    border-radius:0!important;box-shadow:none!important;color:#5d6470!important;
    background:#f4f5f7!important;
  }
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon{width:26px!important;height:26px!important;flex:0 0 26px!important;padding:0!important;color:#7b8491!important}
  .rvx-mobile-category-rail__item.is-active{
    color:#225bd0!important;background:#fff!important;box-shadow:none!important;
  }
  .rvx-mobile-category-rail__item.is-active:before{right:0!important;top:0!important;bottom:0!important;border-radius:0!important;width:3px!important}
  .rvx-mobile-category-rail__item span{overflow-wrap:normal!important;word-break:normal!important}
  .rvx-mobile-category-screen__panes{background:#fff!important}
  .rvx-mobile-category-pane{padding:3px 13px 32px!important}
  .rvx-mobile-category-pane__top{margin:0!important;padding:0!important}
  .rvx-mobile-category-pane__all{
    min-height:54px!important;padding:9px 3px!important;border:0!important;
    background:#fff!important;border-radius:0!important;box-shadow:none!important;
    font-size:11.4px!important;color:#2067c0!important;
  }
  .rvx-mobile-category-groups{display:block!important;border:0!important;gap:0!important}
  .rvx-mobile-category-group{
    border:0!important;border-bottom:1px solid #e9ecef!important;
    border-radius:0!important;box-shadow:none!important;background:#fff!important;
    margin:0!important;padding:0!important;overflow:visible!important;
  }
  .rvx-mobile-category-group__row{min-height:63px!important;grid-template-columns:minmax(0,1fr) 29px!important;gap:1px!important}
  .rvx-mobile-category-group__link{
    min-height:63px!important;display:flex!important;align-items:center!important;
    padding:12px 2px!important;color:#20242b!important;font-size:12.5px!important;
    font-weight:790!important;line-height:1.6!important;
  }
  .rvx-mobile-category-group__toggle,.rvx-mobile-category-group__arrow{
    width:29px!important;height:31px!important;border-radius:9px!important;
    background:transparent!important;color:#8c95a3!important;
  }
  .rvx-mobile-category-group__children{padding:9px 7px 11px!important;border-top:1px solid #ecf0f5!important;background:#fafbfe!important}
  .rvx-mobile-category-screen__site{padding:5px 14px 24px!important}
  .rvx-explorer-site-menu>li{margin:0!important}
  .rvx-explorer-site-menu li>a{
    min-height:53px!important;margin:0!important;border:0!important;
    border-bottom:1px solid #eaedf1!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;
    color:#283247!important;font-size:12px!important;
  }
  .rvx-explorer-site-menu__toggle{background:#f5f7fb!important}
  body.rvx-mobile-category-open .rvx-mobile-tabbar{visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:390px){
  .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 88px!important}
  .rvx-mobile-category-screen__header{grid-template-columns:minmax(102px,36%) minmax(0,1fr)!important;padding-inline:8px!important}
  .rvx-mobile-category-rail__item{min-height:89px!important;font-size:10px!important}
  .rvx-mobile-category-pane{padding-inline:9px!important}
  .rvx-mobile-category-group__link{font-size:11.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .rvx-mobile-category-screen{transition:none!important}
}

/* ================================================================
   RAVIX Store 2.9.8 | Reference-accurate two capsules + side drawer
   The fixed logo/menu pill is NEVER reconstructed inside the panel.
   ================================================================ */
.rvx-premium-inline-search{display:none!important}
@media(min-width:1051px){
  .rvx-header-main__inner{width:min(calc(100% - 40px),1120px)!important;min-height:78px;gap:18px!important}
  .rvx-premium-nav-capsule{max-width:calc(100% - 225px)!important;min-height:59px!important;padding:5px 10px!important;border-radius:22px!important}
  .rvx-premium-actions-capsule{min-width:176px!important;min-height:59px!important;gap:0!important;padding:5px 6px!important;border-radius:22px!important}
  .rvx-premium-actions-capsule .rvx-header-search{width:46px!important;min-width:46px!important;max-width:46px!important;flex:0 0 46px!important;height:46px!important;order:1!important;overflow:visible!important}
  .rvx-premium-actions-capsule .rvx-premium-search-button{display:grid!important;width:46px!important;height:46px!important;border-inline-end:1px solid #e8eaf3!important;color:#2452c7!important;order:0;border-radius:13px!important}
  .rvx-premium-actions-capsule .rvx-premium-search-popup{
    display:block!important;position:absolute!important;top:var(--rvx-search-top,59px)!important;
    left:var(--rvx-search-left,-65px)!important;right:auto!important;
    inset-inline-start:auto!important;inset-inline-end:auto!important;
    width:min(440px,calc(100vw - 26px))!important;
    max-height:min(510px,calc(100dvh - var(--rvx-search-vtop,110px) - 12px));overflow:auto;
    padding:13px!important;border:1px solid #e2e9f4!important;border-radius:19px!important;
    background:rgba(255,255,255,.985)!important;box-shadow:0 24px 65px rgba(15,32,70,.18)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .rvx-premium-actions-capsule .rvx-premium-search-popup[hidden]{display:none!important}
  .rvx-header-actions{order:2!important}
}
@media(min-width:1051px) and (max-width:1180px){
  .rvx-header-main__inner{width:calc(100% - 24px)!important}
  .rvx-premium-nav-capsule{max-width:calc(100% - 185px)!important}
  .rvx-premium-actions-capsule{min-width:165px!important}
}
.rvx-search-suggestions[hidden]{display:none!important}
.rvx-search-suggestions{margin-top:9px;display:grid;gap:1px;max-height:350px;overflow:auto;overscroll-behavior:contain;border-top:1px solid #edf0f6;padding-top:7px;direction:rtl;text-align:right}
.rvx-search-suggestions__item{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:11px;color:#26334a;text-decoration:none}
.rvx-search-suggestions__item:hover,.rvx-search-suggestions__item:focus-visible{background:#f0f5ff;color:#174bd0}
.rvx-search-suggestions__image{width:42px;height:42px;flex:0 0 42px;object-fit:contain;border:1px solid #edf0f6;border-radius:9px;background:#f7f9fd}
.rvx-search-suggestions__text{min-width:0;display:grid;gap:3px}
.rvx-search-suggestions__name{font-size:12px;font-weight:760;line-height:1.5}
.rvx-search-suggestions__price{font-size:10px;color:#68758b}
.rvx-search-suggestions__message{font-size:12px;color:#68758b;padding:12px;text-align:right}
@media(max-width:1050px){
  /* Keep both glass capsules at their original coordinates and above the backdrop. */
  body.rvx-mobile-category-open .rvx-site-header{position:sticky!important;z-index:640!important;isolation:auto!important;pointer-events:none}
  body.rvx-mobile-category-open .rvx-mobile-brand-pill{pointer-events:auto;position:relative!important;z-index:642!important}
  body.rvx-mobile-category-open .rvx-header-actions{pointer-events:auto;position:relative!important;z-index:642!important}
  body.rvx-mobile-category-open .rvx-mobile-menu-toggle{color:#1c273c!important}
  .rvx-toggle-icon{display:grid;place-items:center;position:absolute;inset:0;transition:opacity .17s ease,transform .19s ease}
  .rvx-mobile-menu-toggle{position:relative!important;flex-shrink:0}
  .rvx-toggle-icon--close{opacity:0;transform:rotate(-55deg) scale(.8);pointer-events:none}
  .rvx-mobile-menu-toggle[aria-expanded="true"] .rvx-toggle-icon--open{opacity:0;transform:rotate(55deg) scale(.8)}
  .rvx-mobile-menu-toggle[aria-expanded="true"] .rvx-toggle-icon--close{opacity:1;transform:none}
  /* An independently sized RAVIX side panel, not a full-screen sheet. */
  .rvx-mobile-category-backdrop{z-index:488!important;background:rgba(23,35,61,.27)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
  .rvx-mobile-category-screen{
    inset:calc(79px + env(safe-area-inset-top,0px)) 10px auto auto!important;
    width:min(82vw,410px)!important;max-width:calc(100vw - 25px)!important;
    height:min(750px,calc(100dvh - 97px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;
    max-height:calc(100dvh - 97px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    min-height:0!important;overflow:hidden!important;z-index:555!important;
    border:1px solid rgba(224,231,242,.96)!important;border-radius:23px!important;
    background:rgba(255,255,255,.99)!important;box-shadow:0 22px 68px rgba(12,29,62,.22)!important;
    transform:translateX(calc(100% + 24px))!important;opacity:1!important;
    transition:transform .34s cubic-bezier(.21,.83,.18,1),visibility .34s ease!important;
  }
  .rvx-mobile-category-screen.is-open{transform:translateX(0)!important}
  .admin-bar .rvx-mobile-category-screen{
    inset-block-start:calc(125px + env(safe-area-inset-top,0px))!important;
    height:min(750px,calc(100dvh - 143px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;
    max-height:calc(100dvh - 143px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
  .rvx-mobile-category-screen__header{display:none!important}
  .rvx-mobile-category-screen__shell{padding:7px!important;min-height:0!important;border:0!important;border-radius:23px!important;box-shadow:none!important}
  .rvx-mobile-category-screen__modes{margin:2px 2px 8px!important;min-height:39px!important;height:39px!important;flex-basis:39px!important;border-radius:13px!important;gap:3px!important}
  .rvx-mobile-category-screen__mode{min-height:31px!important;height:31px!important;font-size:10px!important;white-space:nowrap!important}
  .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 90px!important;border-top:1px solid #edf0f5!important}
  .rvx-mobile-category-rail__item{min-height:85px!important;font-size:10px!important;gap:5px!important}
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon{width:24px!important;height:24px!important;flex-basis:24px!important}
  .rvx-mobile-category-pane{padding-inline:9px!important}
  .rvx-mobile-category-group__link{font-size:11.5px!important;min-height:54px!important}
  .rvx-mobile-category-group__row{min-height:54px!important}
  .rvx-mobile-category-pane__all{min-height:46px!important}
  .rvx-mobile-category-screen__site{padding-inline:8px!important}
  body.rvx-mobile-category-open .rvx-mobile-tabbar{visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:390px){
 .rvx-mobile-category-screen{width:min(86vw,330px)!important}
 .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 80px!important}
 .rvx-mobile-category-screen__mode{font-size:9px!important}
 .rvx-mobile-category-rail__item{font-size:9px!important}
}
@media(max-height:560px) and (max-width:1050px){
  .rvx-mobile-category-screen{height:calc(100dvh - 94px)!important;max-height:calc(100dvh - 94px)!important}
  .admin-bar .rvx-mobile-category-screen{height:calc(100dvh - 140px)!important;max-height:calc(100dvh - 140px)!important}
}
@media(prefers-reduced-motion:reduce){.rvx-toggle-icon{transition:none!important}}
@media(min-width:1051px){
  .rvx-premium-actions-capsule .rvx-premium-search-popup{
    inset:auto!important;
    left:var(--rvx-search-left,-65px)!important;
    top:var(--rvx-search-top,59px)!important;
  }
}

/* =====================================================================
   RAVIX 2.9.10 — annotated mobile reference, open-state single search pill
   - No extra header inside drawer, no moving logo/menu button.
   - Existing left capsule morphs its three buttons into one product search.
   - Explorer edges line up with both real header capsules at any zoom.
   ===================================================================== */
.rvx-mobile-inline-search{display:none!important}
@media(max-width:1050px){
  /* Only the open state changes; original three-button capsule is retained. */
  body.rvx-mobile-category-open .rvx-site-header .rvx-header-actions{
    flex:1 1 0!important;min-width:0!important;max-width:calc(100% - 110px)!important;
    justify-content:stretch!important;align-self:center!important;
    padding:4px 5px!important;direction:rtl!important;
    border-radius:18px!important;background:rgba(255,255,255,.87)!important;
    box-shadow:0 6px 23px rgba(15,37,83,.12)!important;
    transition:background-color .18s ease,border-color .18s ease;
  }
  body.rvx-mobile-category-open .rvx-header-actions > :is(.rvx-premium-mobile-search,.rvx-account-button,.rvx-cart-shell){display:none!important}
  body.rvx-mobile-category-open .rvx-header-actions .rvx-mobile-inline-search{
    display:block!important;order:0;flex:1 1 100%;min-width:0;height:43px;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search{
    display:flex!important;direction:rtl;width:100%!important;height:43px!important;
    min-width:0!important;align-items:center;flex-direction:row;
    margin:0!important;padding:0 1px!important;
    background:#f6f9ff!important;border:1px solid #e2eaf7!important;
    border-radius:13px!important;box-shadow:none!important;overflow:hidden;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search:focus-within{
    background:#fff!important;border-color:#9bb9f1!important;
    box-shadow:inset 0 0 0 1px rgba(70,112,213,.13)!important;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search input{
    flex:1 1 0!important;order:1!important;width:0!important;min-width:0!important;
    height:100%!important;padding:0 9px!important;font-size:11px!important;
    color:#283954!important;text-align:right!important;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search input::placeholder{
    color:#8895a9!important;opacity:1;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search button{
    display:grid!important;place-items:center!important;order:2!important;
    flex:0 0 39px!important;width:39px!important;height:40px!important;
    min-width:39px!important;padding:0!important;background:transparent!important;
    border:0!important;color:#2655bf!important;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search button svg{
    width:19px;height:19px;
  }
  body.rvx-mobile-category-open .rvx-mobile-brand-pill{
    flex-shrink:0!important;transition:none!important;
  }
  /* The explorer starts under the persistent capsules. Its left/right edges
     come from JS measuring the capsule rectangles, not stale width guesses. */
  .rvx-mobile-category-screen,
  .admin-bar .rvx-mobile-category-screen{
    inset:var(--rvx-explorer-top,86px) var(--rvx-explorer-right,12px) auto var(--rvx-explorer-left,12px)!important;
    inset-block-start:var(--rvx-explorer-top,86px)!important;
    width:auto!important;max-width:none!important;
    min-width:0!important;
    height:min(730px,calc(100dvh - var(--rvx-explorer-top,86px) - 15px - env(safe-area-inset-bottom,0px)))!important;
    max-height:calc(100dvh - var(--rvx-explorer-top,86px) - 15px - env(safe-area-inset-bottom,0px))!important;
    border-radius:22px!important;
    border:1px solid rgba(226,233,245,.98)!important;
    background:#fff!important;
    box-shadow:0 18px 64px rgba(12,31,67,.20)!important;
  }
  .rvx-mobile-category-screen__shell{
    padding:12px 10px 9px!important;
    border-radius:21px!important;background:#fff!important;
  }
  /* Compact tabs deliberately moved lower under the capsule row. */
  .rvx-mobile-category-screen__modes{
    flex:0 0 40px!important;height:40px!important;min-height:40px!important;
    margin:5px 3px 12px!important;padding:3px!important;gap:4px!important;
    border-radius:13px!important;background:#f2f5fa!important;
  }
  .rvx-mobile-category-screen__mode{
    height:32px!important;min-height:32px!important;font-size:10.5px!important;
    border-radius:10px!important;white-space:nowrap!important;
  }
  .rvx-mobile-category-screen__body{
    grid-template-columns:minmax(0,1fr) clamp(90px,27%,130px)!important;
    border-radius:14px!important;border:1px solid #edf0f5!important;
    padding:0!important;overflow:hidden!important;
  }
  .rvx-mobile-category-rail{border-radius:0!important;background:#f5f6f8!important;padding:0 0 12px!important}
  .rvx-mobile-category-rail__item{
    min-height:79px!important;margin:0!important;padding:8px 5px!important;
    border-radius:0!important;border-bottom:1px solid #e3e6eb!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    gap:6px!important;text-align:center!important;font-size:10.5px!important;
    color:#596173!important;line-height:1.45!important;
  }
  .rvx-mobile-category-rail__item.is-active{
    background:#fff!important;border-bottom-color:#e6eaf0!important;
    box-shadow:none!important;color:#1f53b8!important;
  }
  .rvx-mobile-category-rail__item.is-active:before{
    top:0!important;bottom:0!important;right:0!important;left:auto!important;
    width:3px!important;border-radius:0!important;
  }
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon{
    width:25px!important;height:25px!important;flex:0 0 25px!important;padding:2px!important;
  }
  .rvx-mobile-category-pane{padding:7px 10px 22px!important}
  .rvx-mobile-category-pane__all{
    min-height:51px!important;padding:8px 5px!important;font-size:11px!important;
    background:#fff!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;border-bottom:1px solid #eceff3!important;
  }
  .rvx-mobile-category-group__row{min-height:55px!important}
  .rvx-mobile-category-group__link{min-height:55px!important;font-size:12px!important}
  .rvx-mobile-category-screen__site{padding:3px 7px 20px!important}
}
@media(max-width:390px){
  body.rvx-mobile-category-open .rvx-header-actions{max-width:calc(100% - 97px)!important}
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search input{font-size:10px!important}
  .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 88px!important}
  .rvx-mobile-category-screen__mode{font-size:9.5px!important}
  .rvx-mobile-category-rail__item{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  body.rvx-mobile-category-open .rvx-site-header .rvx-header-actions{transition:none!important}
}

/* =====================================================================
   RAVIX 2.9.10 — annotated mobile reference, open-state single search pill
   - No extra header inside drawer, no moving logo/menu button.
   - Existing left capsule morphs its three buttons into one product search.
   - Explorer edges line up with both real header capsules at any zoom.
   ===================================================================== */
.rvx-mobile-inline-search{display:none!important}
@media(max-width:1050px){
  /* Only the open state changes; original three-button capsule is retained. */
  body.rvx-mobile-category-open .rvx-site-header .rvx-header-actions{
    flex:1 1 0!important;min-width:0!important;max-width:calc(100% - 110px)!important;
    justify-content:stretch!important;align-self:center!important;
    padding:4px 5px!important;direction:rtl!important;
    border-radius:18px!important;background:rgba(255,255,255,.87)!important;
    box-shadow:0 6px 23px rgba(15,37,83,.12)!important;
    transition:background-color .18s ease,border-color .18s ease;
  }
  body.rvx-mobile-category-open .rvx-header-actions > :is(.rvx-premium-mobile-search,.rvx-account-button,.rvx-cart-shell){display:none!important}
  body.rvx-mobile-category-open .rvx-header-actions .rvx-mobile-inline-search{
    display:block!important;order:0;flex:1 1 100%;min-width:0;height:43px;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search{
    display:flex!important;direction:rtl;width:100%!important;height:43px!important;
    min-width:0!important;align-items:center;flex-direction:row;
    margin:0!important;padding:0 1px!important;
    background:#f6f9ff!important;border:1px solid #e2eaf7!important;
    border-radius:13px!important;box-shadow:none!important;overflow:hidden;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search:focus-within{
    background:#fff!important;border-color:#9bb9f1!important;
    box-shadow:inset 0 0 0 1px rgba(70,112,213,.13)!important;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search input{
    flex:1 1 0!important;order:1!important;width:0!important;min-width:0!important;
    height:100%!important;padding:0 9px!important;font-size:11px!important;
    color:#283954!important;text-align:right!important;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search input::placeholder{
    color:#8895a9!important;opacity:1;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search button{
    display:grid!important;place-items:center!important;order:2!important;
    flex:0 0 39px!important;width:39px!important;height:40px!important;
    min-width:39px!important;padding:0!important;background:transparent!important;
    border:0!important;color:#2655bf!important;
  }
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search button svg{
    width:19px;height:19px;
  }
  body.rvx-mobile-category-open .rvx-mobile-brand-pill{
    flex-shrink:0!important;transition:none!important;
  }
  /* The explorer starts under the persistent capsules. Its left/right edges
     come from JS measuring the capsule rectangles, not stale width guesses. */
  .rvx-mobile-category-screen,
  .admin-bar .rvx-mobile-category-screen{
    inset:var(--rvx-explorer-top,86px) var(--rvx-explorer-right,12px) auto var(--rvx-explorer-left,12px)!important;
    inset-block-start:var(--rvx-explorer-top,86px)!important;
    width:auto!important;max-width:none!important;
    min-width:0!important;
    height:min(730px,calc(100dvh - var(--rvx-explorer-top,86px) - 15px - env(safe-area-inset-bottom,0px)))!important;
    max-height:calc(100dvh - var(--rvx-explorer-top,86px) - 15px - env(safe-area-inset-bottom,0px))!important;
    border-radius:22px!important;
    border:1px solid rgba(226,233,245,.98)!important;
    background:#fff!important;
    box-shadow:0 18px 64px rgba(12,31,67,.20)!important;
  }
  .rvx-mobile-category-screen__shell{
    padding:12px 10px 9px!important;
    border-radius:21px!important;background:#fff!important;
  }
  /* Compact tabs deliberately moved lower under the capsule row. */
  .rvx-mobile-category-screen__modes{
    flex:0 0 40px!important;height:40px!important;min-height:40px!important;
    margin:5px 3px 12px!important;padding:3px!important;gap:4px!important;
    border-radius:13px!important;background:#f2f5fa!important;
  }
  .rvx-mobile-category-screen__mode{
    height:32px!important;min-height:32px!important;font-size:10.5px!important;
    border-radius:10px!important;white-space:nowrap!important;
  }
  .rvx-mobile-category-screen__body{
    grid-template-columns:minmax(0,1fr) clamp(90px,27%,130px)!important;
    border-radius:14px!important;border:1px solid #edf0f5!important;
    padding:0!important;overflow:hidden!important;
  }
  .rvx-mobile-category-rail{border-radius:0!important;background:#f5f6f8!important;padding:0 0 12px!important}
  .rvx-mobile-category-rail__item{
    min-height:79px!important;margin:0!important;padding:8px 5px!important;
    border-radius:0!important;border-bottom:1px solid #e3e6eb!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    gap:6px!important;text-align:center!important;font-size:10.5px!important;
    color:#596173!important;line-height:1.45!important;
  }
  .rvx-mobile-category-rail__item.is-active{
    background:#fff!important;border-bottom-color:#e6eaf0!important;
    box-shadow:none!important;color:#1f53b8!important;
  }
  .rvx-mobile-category-rail__item.is-active:before{
    top:0!important;bottom:0!important;right:0!important;left:auto!important;
    width:3px!important;border-radius:0!important;
  }
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon{
    width:25px!important;height:25px!important;flex:0 0 25px!important;padding:2px!important;
  }
  .rvx-mobile-category-pane{padding:7px 10px 22px!important}
  .rvx-mobile-category-pane__all{
    min-height:51px!important;padding:8px 5px!important;font-size:11px!important;
    background:#fff!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;border-bottom:1px solid #eceff3!important;
  }
  .rvx-mobile-category-group__row{min-height:55px!important}
  .rvx-mobile-category-group__link{min-height:55px!important;font-size:12px!important}
  .rvx-mobile-category-screen__site{padding:3px 7px 20px!important}
}
@media(max-width:390px){
  body.rvx-mobile-category-open .rvx-header-actions{max-width:calc(100% - 97px)!important}
  body.rvx-mobile-category-open .rvx-mobile-inline-search .rvx-product-search input{font-size:10px!important}
  .rvx-mobile-category-screen__body{grid-template-columns:minmax(0,1fr) 88px!important}
  .rvx-mobile-category-screen__mode{font-size:9.5px!important}
  .rvx-mobile-category-rail__item{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  body.rvx-mobile-category-open .rvx-site-header .rvx-header-actions{transition:none!important}
}


/* =====================================================================
  Ravix Store 2.9.11 — reference-sized desktop header only.
  The user's browser comparison was displayed at 80% scale: the 1330px
  site shell renders about 1064 physical screenshot pixels. All rules
  below are desktop-scoped so the 2.9.10 mobile drawer stays unchanged.
  ===================================================================== */
@media (min-width:1051px){
  .rvx-site-header .rvx-header-main__inner{
    width:min(calc(100% - 40px),1330px)!important;
    min-height:88px!important;height:auto!important;
    padding:7px 0!important;gap:20px!important;
    justify-content:space-between!important;
  }
  .rvx-site-header .rvx-premium-nav-capsule{
    flex:0 1 780px!important;width:780px!important;
    max-width:calc(100% - 235px)!important;
    min-height:72px!important;padding:7px 13px!important;
    gap:7px!important;border-radius:23px!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule{
    flex:0 0 215px!important;width:215px!important;
    min-width:215px!important;min-height:72px!important;
    padding:7px 8px!important;border-radius:23px!important;
    justify-content:space-between!important;
  }
  .rvx-site-header .rvx-brand--desktop{margin-inline-end:7px!important;}
  .rvx-site-header .rvx-header-nav-row__inner{gap:7px!important;}
  .rvx-site-header .rvx-menu{gap:4px!important;}
  .rvx-site-header .rvx-menu>li>a{font-size:13px!important;padding-inline:12px!important;}
  .rvx-site-header .rvx-category-nav__toggle{font-size:13px!important;padding-inline:13px!important;gap:7px!important;}
  .rvx-site-header .rvx-nav-store-link{font-size:12.5px!important;padding-inline:12px!important;}
}
@media (min-width:1350px){
  .rvx-site-header .rvx-premium-actions-capsule{
    width:240px!important;flex-basis:240px!important;min-width:240px!important;
  }
  .rvx-site-header .rvx-premium-nav-capsule{
    max-width:780px!important;
  }
}
@media (min-width:1051px) and (max-width:1240px){
  .rvx-site-header .rvx-header-main__inner{gap:12px!important;width:calc(100% - 28px)!important;}
  .rvx-site-header .rvx-premium-nav-capsule{
    max-width:calc(100% - 200px)!important;gap:1px!important;padding-inline:8px!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule{width:188px!important;min-width:188px!important;flex-basis:188px!important;}
  .rvx-site-header .rvx-menu>li>a{font-size:11px!important;padding-inline:5px!important;}
  .rvx-site-header .rvx-category-nav__toggle{font-size:11.5px!important;padding-inline:6px!important;}
  .rvx-site-header .rvx-nav-store-link{font-size:11px!important;padding-inline:6px!important;}
}


/* =====================================================================
   Ravix Store 2.9.12 — desktop compact tools and mobile drawer polish
   - Bring search, account and cart together without changing their function.
   - Keep the 1330px header/hero dimensions introduced in 2.9.11.
   - Bring the drawer closer below the real capsule row and trim internal air.
   ===================================================================== */
@media (min-width:1051px) {
  /* Do not spread three modest tools over a disproportionately wide capsule. */
  .rvx-site-header .rvx-premium-actions-capsule {
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:204px!important;
    max-width:240px!important;
    min-height:72px!important;
    padding:6px 9px!important;
    gap:2px!important;
    justify-content:center!important;
    align-content:center!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-header-search {
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;
    max-width:44px!important;height:44px!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-premium-search-button {
    width:44px!important;height:44px!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-header-actions {
    flex:0 0 auto!important;width:max-content!important;min-width:0!important;
    justify-content:flex-start!important;gap:1px!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-account-button {
    flex:0 0 auto!important;width:auto!important;min-width:34px!important;
    height:42px!important;padding:0 4px!important;gap:3px!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-account-button__label {
    font-size:11px!important;max-width:80px;overflow:hidden;text-overflow:ellipsis;
  }
  .rvx-site-header .rvx-header-actions .rvx-cart-shell {flex:0 0 auto!important;}
  .rvx-site-header .rvx-header-actions .rvx-cart-button {
    width:40px!important;min-width:40px!important;height:42px!important;padding:0 3px!important;
  }
  .rvx-site-header .rvx-premium-nav-capsule {
    max-width:calc(100% - 225px)!important;
  }
  /* The independent special-offers link was removed from header.php.
     Keep navigation links collected near the category button. */
  .rvx-site-header .rvx-header-nav-row__inner {gap:5px!important;}
  .rvx-site-header .rvx-primary-nav {flex:0 1 auto!important;}
  .rvx-site-header .rvx-menu {justify-content:flex-start!important;gap:3px!important;}
}
@media (min-width:1051px) and (max-width:1240px) {
  .rvx-site-header .rvx-premium-actions-capsule {
    min-width:188px!important;max-width:208px!important;padding:5px!important;
  }
  .rvx-site-header .rvx-premium-nav-capsule {
    max-width:calc(100% - 205px)!important;
  }
}
@media (max-width:1050px) {
  .rvx-mobile-category-screen__shell {
    padding:7px 6px 6px!important;
    border-radius:20px!important;
  }
  .rvx-mobile-category-screen__modes {
    margin:8px 2px 5px!important;
    padding:3px!important;
    min-height:38px!important;height:38px!important;flex-basis:38px!important;
    gap:3px!important;
    border-radius:12px!important;
  }
  .rvx-mobile-category-screen__mode {
    min-height:30px!important;height:30px!important;
    border-radius:9px!important;
  }
  .rvx-mobile-category-screen__body {
    border-radius:13px!important;
  }
  .rvx-mobile-category-pane {padding:4px 6px 12px!important;}
  .rvx-mobile-category-rail {padding-bottom:7px!important;}
  .rvx-mobile-category-pane__all {
    padding:6px 3px!important;min-height:45px!important;
  }
  .rvx-mobile-category-group__link {padding-inline:3px!important;}
  .rvx-mobile-category-screen__site {padding:3px 6px 15px!important;}
}
@media (max-width:390px) {
  .rvx-mobile-category-screen__shell {padding:6px 4px 5px!important;}
  .rvx-mobile-category-screen__modes {margin:7px 2px 5px!important;}
  .rvx-mobile-category-pane {padding-inline:4px!important;}
}


/* =====================================================================
   RAVIX Store 2.9.13 - content-sized desktop pill / full-shell mega menu /
   mobile mode switcher pinned to the BOTTOM of its slide-in explorer.
   Previous menu markup, taxonomy data, account/cart/search and hero preserved.
   ===================================================================== */
@media (min-width:1051px) {
  /* Earlier versions gave this capsule a forced 780px width. Remove empty air. */
  .rvx-site-header .rvx-premium-nav-capsule {
    width:max-content!important;
    flex:0 1 auto!important;
    max-width:calc(100% - 215px)!important;
    min-width:0!important;
    gap:6px!important;
    padding:7px 14px!important;
  }
  .rvx-site-header .rvx-header-nav-row {
    width:max-content!important;
    flex:0 1 auto!important;
    min-width:0!important;
  }
  .rvx-site-header .rvx-header-nav-row__inner {
    width:max-content!important;
    max-width:100%!important;
    gap:5px!important;
  }
  .rvx-site-header .rvx-primary-nav {
    flex:0 1 auto!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .rvx-site-header .rvx-menu {
    justify-content:flex-start!important;
    width:max-content;
    max-width:100%;
  }
  .rvx-site-header .rvx-category-nav__panel {
    width:var(--rvx-mega-width,min(1100px,calc(100vw - 24px)))!important;
    max-width:calc(100vw - 24px)!important;
    top:var(--rvx-mega-top,77px)!important;
    left:var(--rvx-mega-left,-600px)!important;
    border-radius:19px!important;
    padding:18px 19px!important;
  }
  .rvx-site-header .rvx-category-nav.is-open:after {
    top:100%!important;
    height:22px!important;
  }
}
@media (min-width:1051px) and (max-width:1240px) {
  .rvx-site-header .rvx-premium-nav-capsule {
    max-width:calc(100% - 205px)!important;
    gap:2px!important;
    padding-inline:7px!important;
  }
  .rvx-site-header .rvx-header-nav-row__inner {gap:2px!important}
  .rvx-site-header .rvx-menu {gap:1px!important}
}

/* ======================================================================
   RAVIX Store 2.9.14 — MOBILE navigation refinements only
   Top aligned, non-scrolling mode tabs; independently scrollable categories
   and site menu; centered category icons and labels in all active states.
   Existing desktop header, hero, search, cart and taxonomy are unchanged.
   ====================================================================== */
@media (max-width:1050px) {
  .rvx-mobile-category-screen__shell {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:6px 5px 5px!important;
  }
  /* This switcher is the first child of the shell in PHP. It remains fixed
     during list scrolling, rather than using sticky within an overflow area. */
  .rvx-mobile-category-screen__modes {
    order:0!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    flex:0 0 37px!important;
    height:37px!important;
    min-height:37px!important;
    margin:0 2px 6px!important;
    padding:3px!important;
    gap:3px!important;
    border:1px solid #e5eaf3!important;
    border-radius:12px!important;
    background:#f3f6fb!important;
    box-shadow:none!important;
    z-index:2!important;
  }
  .rvx-mobile-category-screen__mode {
    display:grid!important;
    place-items:center!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 4px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    font-weight:750!important;
  }
  .rvx-mobile-category-screen__mode.is-active {
    background:#fff!important;
    color:#2359c6!important;
    border-color:#e2e9f7!important;
    box-shadow:0 1px 4px rgba(19,45,92,.07)!important;
  }
  .rvx-mobile-category-screen__mode.is-active::after {
    width:38%!important;
    height:2px!important;
    bottom:-1px!important;
  }
  .rvx-mobile-category-screen__body,
  .rvx-mobile-category-screen__site {
    order:1!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
  }
  .rvx-mobile-category-screen__body {
    display:grid!important;
    overflow:hidden!important;
  }
  .rvx-mobile-category-screen__panes,
  .rvx-mobile-category-rail,
  .rvx-mobile-category-screen__site {
    min-height:0!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  .rvx-mobile-category-screen__panes,
  .rvx-mobile-category-rail {
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .rvx-mobile-category-screen__site {
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  /* The blue active indicator is pinned to the outer edge of the row,
     completely out of the centered icon/label flow. Both states have
     exactly the same insets, sizing and alignment. */
  .rvx-mobile-category-rail__item,
  .rvx-mobile-category-rail__item.is-active {
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:8px 5px!important;
    border-right:0!important;
    border-left:0!important;
    border-bottom:1px solid #e3e6eb!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    direction:rtl!important;
    text-align:center!important;
    text-indent:0!important;
    transform:none!important;
    font-weight:700!important;
  }
  .rvx-mobile-category-rail__item.is-active::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:auto!important;
    right:0!important;
    left:auto!important;
    top:11px!important;
    bottom:11px!important;
    width:3px!important;
    height:auto!important;
    border:0!important;
    border-radius:3px 0 0 3px!important;
    background:#2863dc!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .rvx-mobile-category-rail__item.is-active::after {
    content:none!important;
    display:none!important;
  }
  .rvx-mobile-category-rail__item .rvx-mega-menu__icon,
  .rvx-mobile-category-rail__item.is-active .rvx-mega-menu__icon {
    box-sizing:border-box!important;
    flex:0 0 25px!important;
    width:25px!important;
    height:25px!important;
    margin:0 auto!important;
    padding:2px!important;
    transform:none!important;
  }
  .rvx-mobile-category-rail__item > span,
  .rvx-mobile-category-rail__item.is-active > span {
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1.45!important;
    text-align:center!important;
    text-indent:0!important;
    transform:none!important;
  }
}
@media (max-width:390px) {
  .rvx-mobile-category-screen__shell {padding:5px 4px 4px!important;}
  .rvx-mobile-category-screen__modes {
    flex-basis:36px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0 2px 5px!important;
  }
  .rvx-mobile-category-screen__mode {
    height:28px!important;
    min-height:28px!important;
    font-size:9.3px!important;
  }
}


/* ========================================================================
   Ravix Store 2.9.15 — desktop cart popup premium layout & stable hover gap.
   Additive desktop-only rules: mega menu, mobile drawer and other UI intact.
   Horizontal placement comes from capsule geometry in rvx-premium-header.js.
   ======================================================================== */
@media (min-width:1051px) {
  .rvx-site-header .rvx-cart-shell .rvx-cart-popover {
    width:var(--rvx-cart-width,610px)!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - var(--rvx-cart-viewport-top,105px) - 18px)!important;
    overflow:visible!important;
    border:1px solid #e2e8f2!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 28px 72px rgba(16,32,72,.19),0 6px 20px rgba(16,32,72,.06)!important;
    transform-origin:top left!important;
    transition:opacity .19s ease,transform .23s cubic-bezier(.2,.8,.2,1),visibility .19s ease!important;
    isolation:isolate;
  }
  /* Invisible, hoverable bridge between the capsule and the floating card. */
  .rvx-site-header .rvx-cart-shell.is-cart-open .rvx-cart-popover::after {
    content:"";
    display:block;
    position:absolute;
    z-index:0;
    left:0;right:0;top:-19px;height:20px;
    background:transparent;
    pointer-events:auto;
  }
  .rvx-site-header .rvx-cart-shell .rvx-cart-popover::before {
    z-index:1!important;
    width:14px;height:14px;
    border-color:#e2e8f2;
  }
  .rvx-site-header .rvx-cart-shell.is-cart-pinned .rvx-cart-button {
    color:var(--rvx-premium-blue,#2453c8)!important;
    background:#ebf2ff!important;
    box-shadow:inset 0 0 0 1px #d7e5ff!important;
  }
  .rvx-cart-popover .rvx-smart-cart-content {
    max-height:calc(100dvh - var(--rvx-cart-viewport-top,105px) - 20px);
    overflow:hidden;
    border-radius:21px;
    background:#fff;
  }
  .rvx-cart-popover .rvx-smart-cart {max-height:inherit;direction:rtl}
  .rvx-cart-popover .rvx-smart-cart__header {
    height:auto;min-height:85px;
    padding:19px 24px 17px;
    background:linear-gradient(120deg,#f8faff 0%,#fff 75%);
    border-bottom:1px solid #edf1f7;
  }
  .rvx-cart-popover .rvx-smart-cart__header>div {gap:10px;flex-wrap:wrap}
  .rvx-cart-popover .rvx-smart-cart__header strong {color:#17243c;font-size:17px;font-weight:900}
  .rvx-cart-popover .rvx-smart-cart__header span {
    font-size:11px;color:#2453c8;background:#edf3ff;
    border:1px solid #dae6ff;border-radius:999px;padding:5px 11px;
  }
  .rvx-cart-popover .rvx-smart-cart__header>a {
    color:#2453c8!important;background:#fff;
    border:1px solid #dce6f6;border-radius:11px;
    padding:9px 12px;font-size:12px;
    transition:background .18s ease,border-color .18s ease;
  }
  .rvx-cart-popover .rvx-smart-cart__header>a:hover {background:#eef4ff;border-color:#b7ccf3}
  .rvx-cart-popover .rvx-smart-cart__empty {
    min-height:315px;
    padding:34px 22px 40px;
    background:radial-gradient(ellipse 55% 60% at 50% 25%,#f3f7ff 0%,#fff 100%);
  }
  .rvx-cart-popover .rvx-smart-cart__empty-icon {
    width:82px;height:82px;margin-bottom:19px;
    color:#4474d6;
    border:1px solid #dfeafd;
    background:linear-gradient(145deg,#fff,#eaf2ff);
    box-shadow:0 10px 22px rgba(30,70,160,.08);
  }
  .rvx-cart-popover .rvx-smart-cart__empty-icon .rvx-icon {width:33px;height:33px}
  .rvx-cart-popover .rvx-smart-cart__empty strong {font-size:16px;color:#1c2940}
  .rvx-cart-popover .rvx-smart-cart__empty p {
    max-width:340px;margin:9px auto 21px;font-size:12px;line-height:2;color:#7b879b;
  }
  .rvx-cart-popover .rvx-smart-cart__shop {
    height:43px;padding:0 21px;border-radius:12px;
    color:#2453c8!important;border-color:#c8d8f6;background:#fff;
    font-size:12px;transition:background .18s ease,transform .18s ease;
  }
  .rvx-cart-popover .rvx-smart-cart__shop:hover {
    background:#eff5ff;transform:translateY(-1px)
  }
  .rvx-cart-popover .rvx-smart-cart__items {
    max-height:min(430px,calc(100dvh - var(--rvx-cart-viewport-top,105px) - 225px))!important;
    min-height:0;
    margin:0;
    padding:10px 17px 14px;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .rvx-cart-popover .rvx-smart-cart__item {
    grid-template-columns:90px minmax(0,1fr);
    padding:15px 10px;gap:17px;
    border:1px solid transparent;border-radius:14px;
    transition:background .16s ease,border-color .16s ease;
  }
  .rvx-cart-popover .rvx-smart-cart__item+ .rvx-smart-cart__item {margin-top:3px}
  .rvx-cart-popover .rvx-smart-cart__item:hover {background:#f8faff;border-color:#edf2fb}
  .rvx-cart-popover .rvx-smart-cart__image {
    width:90px;height:90px;border-radius:12px;
    border:1px solid #eff1f7;background:#fff;
  }
  .rvx-cart-popover .rvx-smart-cart__title {font-size:13px;line-height:1.8;min-height:40px;color:#25334e!important}
  .rvx-cart-popover .rvx-smart-cart__row {justify-content:space-between;flex-wrap:wrap;gap:9px}
  .rvx-cart-popover .rvx-smart-cart-price strong {font-size:15px}
  .rvx-cart-popover .rvx-smart-cart-price small {font-size:10px}
  .rvx-cart-popover .rvx-smart-cart__footer {
    padding:18px 24px 22px;
    background:#fbfcff;border-top:1px solid #ebeff6;
    border-radius:0 0 21px 21px;
  }
  .rvx-cart-popover .rvx-smart-cart__total {margin-bottom:14px;gap:14px}
  .rvx-cart-popover .rvx-smart-cart__total>span:first-child {font-size:12px;color:#64748b}
  .rvx-cart-popover .rvx-smart-cart__total .rvx-smart-cart-price strong {font-size:18px}
  .rvx-cart-popover .rvx-smart-cart__checkout {height:48px;border-radius:12px;font-size:13px}
  .rvx-cart-popover .rvx-smart-cart__notice {margin:10px 18px 0}
}
@media (min-width:1051px) and (max-height:650px) {
  .rvx-cart-popover .rvx-smart-cart__header {min-height:66px;padding-block:12px}
  .rvx-cart-popover .rvx-smart-cart__empty {min-height:205px;padding-block:16px}
  .rvx-cart-popover .rvx-smart-cart__empty-icon {height:55px;width:55px;margin-bottom:8px}
  .rvx-cart-popover .rvx-smart-cart__empty-icon .rvx-icon {width:24px;height:24px}
  .rvx-cart-popover .rvx-smart-cart__empty p {margin:5px auto 10px}
  .rvx-cart-popover .rvx-smart-cart__items {max-height:calc(100dvh - var(--rvx-cart-viewport-top,105px) - 200px)!important}
  .rvx-cart-popover .rvx-smart-cart__footer {padding-block:11px}
}
@media (prefers-reduced-motion:reduce) {
  .rvx-cart-popover, .rvx-cart-popover * {animation-duration:.01ms!important;transition-duration:.01ms!important}
}


/* ========================================================================
   Ravix Store 2.9.16 — product-width desktop header alignment.
   Keep capsule dimensions/menus/actions the same. Move the two capsules to
   the physical left/right edges of the 1520px single-product content shell.
   The under-1051px mobile/tablet header is completely unchanged.
   ======================================================================== */
@media (min-width:1051px) {
  .rvx-site-header .rvx-header-main__inner {
    width:min(calc(100% - 40px),1520px)!important;
    max-width:1520px!important;
    margin-inline:auto!important;
    justify-content:space-between!important;
  }
}

/* Flat panel top: no triangular arrow/tail in any cart-popover state.
   Keep the invisible hover-bridge (::after) and click-to-pin intact. */
.rvx-site-header .rvx-cart-shell .rvx-cart-popover::before {
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* ========================================================================
   RAVIX Store — uploaded-custom-theme header polish (2026-10-26).
   Desktop ONLY: a real three-zone reference capsule with bespoke vector
   icons, explicit separators, readable login state. Preserve all uploaded
   customizations, mobile behavior, product mega menu, cart and live search.
   ======================================================================== */
@media (min-width:1051px) {
  /* Remove ONLY the animated blue line under the product categories toggle.
     The open-state fill, active text color and entire mega menu remain. */
  .rvx-site-header .rvx-category-nav__toggle::after,
  .rvx-site-header .rvx-category-nav__toggle:hover::after,
  .rvx-site-header .rvx-category-nav.is-open .rvx-category-nav__toggle::after {
    content:none!important;
    display:none!important;
    height:0!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  /* Keep the search/account/cart pill content-sized rather than squeezing its
     dynamically authenticated label into the old max-width:240px rule. */
  .rvx-site-header .rvx-premium-actions-capsule {
    display:flex!important;
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:0!important;
    max-width:none!important;
    min-height:70px!important;
    height:70px!important;
    padding:8px 15px!important;
    gap:0!important;
    direction:rtl!important;
    justify-content:flex-start!important;
    align-items:center!important;
    border-radius:26px!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-header-search {
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    flex:0 0 60px!important;
    height:50px!important;
    margin:0!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-premium-search-button {
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    min-width:58px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    color:#2d559d!important;
    background:transparent!important;
    border:0!important;
    border-radius:15px!important;
    box-shadow:none!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-header-actions {
    order:2!important;
    display:flex!important;
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:0!important;
    height:50px!important;
    padding:0!important;
    gap:0!important;
    align-items:center!important;
    direction:rtl!important;
    overflow:visible!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-account-button {
    order:1!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 16px!important;
    gap:9px!important;
    background:transparent!important;
    border:0!important;
    border-inline-start:1px solid #e1e6ee!important;
    border-inline-end:1px solid #e1e6ee!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#182239!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-account-button__label {
    display:inline!important;
    flex:0 0 auto!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:16px!important;
    font-weight:850!important;
    line-height:1.4!important;
    letter-spacing:-.35px!important;
    white-space:nowrap!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-cart-shell {
    order:2!important;
    flex:0 0 64px!important;
    width:64px!important;
    min-width:64px!important;
    height:50px!important;
    justify-content:center!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-cart-button {
    width:60px!important;
    min-width:60px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#17213a!important;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-premium-control-icon {
    display:block;
    width:29px!important;
    height:29px!important;
    flex:0 0 29px!important;
    stroke-width:2.1;
  }
  .rvx-site-header .rvx-premium-actions-capsule .rvx-premium-search-button .rvx-premium-control-icon {
    width:30px!important;height:30px!important;
    color:#2d559d!important;
  }
  .rvx-site-header .rvx-header-actions .rvx-cart-count {
    z-index:1;
  }
  .rvx-site-header .rvx-premium-actions-capsule :is(.rvx-account-button,.rvx-cart-button,.rvx-premium-search-button):hover,
  .rvx-site-header .rvx-premium-actions-capsule :is(.rvx-account-button,.rvx-cart-button,.rvx-premium-search-button):focus-visible {
    background:#f2f6ff!important;
  }
}
@media (min-width:1051px) and (max-width:1290px) {
  .rvx-site-header .rvx-premium-actions-capsule {min-height:62px!important;height:62px!important;padding-inline:8px!important}
  .rvx-site-header .rvx-header-actions .rvx-account-button {padding-inline:9px!important;gap:5px!important}
  .rvx-site-header .rvx-header-actions .rvx-account-button__label {font-size:12px!important}
  .rvx-site-header .rvx-premium-actions-capsule .rvx-header-search {width:43px!important;min-width:43px!important;max-width:43px!important;flex-basis:43px!important}
  .rvx-site-header .rvx-premium-actions-capsule .rvx-premium-search-button {width:42px!important;min-width:42px!important}
  .rvx-site-header .rvx-header-actions .rvx-cart-shell {width:46px!important;min-width:46px!important;flex-basis:46px!important}
  .rvx-site-header .rvx-header-actions .rvx-cart-button {width:44px!important;min-width:44px!important}
  .rvx-site-header .rvx-premium-actions-capsule .rvx-premium-control-icon {width:25px!important;height:25px!important}
}