/* Reseller Hat — owned header. No Flatsome header settings/classes are required. */
#header.rhat-owned-header-shell{position:relative!important;width:100%!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,#C9D9E5 0%,#B8CCDA 100%)!important;border:0!important;box-shadow:0 2px 10px rgba(11,65,107,.10)!important;z-index:1000!important}
#header.rhat-owned-header-shell .rhat-owned-header-wrapper{width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
#rhat-owned-header{--rhat-navy:#0b416b;--rhat-orange:#ef7200;--rhat-border:#d7e2ec;width:100%;background:linear-gradient(180deg,#C9D9E5 0%,#B8CCDA 100%);color:var(--rhat-navy);font-family:inherit;position:relative;z-index:1001}
.rhat-owned-header__inner{width:100%;min-height:76px;display:flex;align-items:center;gap:18px;padding:8px 22px;box-sizing:border-box}
.rhat-owned-header__logo{flex:0 0 auto;display:flex;align-items:center}
.rhat-owned-logo-link{display:flex;align-items:center;text-decoration:none!important}
.rhat-owned-logo{display:block;width:150px;height:auto;max-width:100%;object-fit:contain}
.rhat-owned-header__desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1;min-width:0}
.rhat-owned-header__item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:4px 0;margin:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--rhat-navy)!important;text-decoration:none!important;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.2;cursor:pointer;transition:color .18s ease}
.rhat-owned-header__item svg{width:25px;height:25px;display:block;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rhat-owned-header__item:hover,.rhat-owned-header__item:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--rhat-orange)!important;outline:none}
.rhat-owned-header__badge{position:absolute;top:0;right:-9px;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--rhat-orange);color:#fff;font:800 9px/15px Arial,sans-serif;text-align:center}
.rhat-owned-header__mobile-menu,.rhat-owned-header__mobile-actions,.rhat-owned-menu{display:none}

@media (min-width:768px) and (max-width:1100px){
 .rhat-owned-header__inner{gap:12px;padding:7px 14px}
 .rhat-owned-logo{width:132px}
 .rhat-owned-header__desktop-nav{gap:12px}
 .rhat-owned-header__item{font-size:14px;gap:7px}
 .rhat-owned-header__item svg{width:23px;height:23px;flex-basis:23px}
}

@media (max-width:767px){
 .rhat-owned-header__inner{min-height:60px;height:60px;padding:4px 9px;gap:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto 38px 42px;align-items:center}
 .rhat-owned-header__desktop-nav{display:none}
 .rhat-owned-header__mobile-menu{display:flex;width:42px;height:42px;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--rhat-navy);cursor:pointer}
 .rhat-owned-header__mobile-menu svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
 .rhat-owned-header__logo{min-width:0;justify-content:flex-start;padding-left:2px}
 .rhat-owned-logo{width:142px;max-width:100%;max-height:50px}
 .rhat-owned-header__mobile-actions{display:contents}
 .rhat-owned-header__balance{grid-column:3;display:flex;align-items:center;justify-content:center;min-width:78px;height:38px;padding:0 8px;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--rhat-navy);font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
 .rhat-owned-header__balance-value{display:none;font-size:13px;color:#087f6d}
 .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-label{display:none}
 .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{display:inline}
 .rhat-owned-header__mobile-icon{position:relative;grid-column:4;width:38px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--rhat-navy);text-decoration:none;background:transparent;border:0;box-shadow:none}
 .rhat-owned-header__mobile-cart{grid-column:5}
 .rhat-owned-header__mobile-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .rhat-owned-header__mobile-icon .rhat-owned-header__badge{top:3px;right:1px}
}

.rhat-owned-menu[hidden]{display:none!important}
.rhat-owned-menu{position:fixed;inset:0;z-index:100000}
.rhat-owned-menu:not([hidden]){display:block}
.rhat-owned-menu__backdrop{position:absolute;inset:0;background:rgba(4,27,46,.38)}
.rhat-owned-menu__panel{position:absolute;left:0;top:0;bottom:0;width:min(330px,86vw);padding:58px 18px 24px;background:#fff;box-shadow:12px 0 30px rgba(0,25,50,.18);overflow:auto}
.rhat-owned-menu__close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;background:transparent;font-size:30px;line-height:1;color:var(--rhat-navy);cursor:pointer}
.rhat-owned-menu__list{list-style:none;margin:0;padding:0}
.rhat-owned-menu__list li{margin:0;padding:0;border-bottom:1px solid #edf1f5}
.rhat-owned-menu__list a{display:block;padding:14px 6px;color:var(--rhat-navy);text-decoration:none;font-size:14px;font-weight:700}
.rhat-owned-menu__list a:hover{color:var(--rhat-orange)}

/* PHASE62-MOBILE-HEADER-BOTTOM-NAV-MATCH
 * Mobile Header action controls intentionally reuse the visual language of
 * the native five-item bottom navigation: transparent controls, 30px icon
 * area, identical stroke/spacing, navy default, and the same compact label.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__mobile-actions{display:contents!important}
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-icon{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:17px!important;
    box-shadow:none!important;
    color:#5d6878!important;
    text-decoration:none!important;
    transition:transform .18s ease,color .18s ease,background .18s ease!important;
  }
  #rhat-owned-header .rhat-owned-header__balance:hover,
  #rhat-owned-header .rhat-owned-header__mobile-icon:hover,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus-visible{
    background:rgba(0,47,91,.08)!important;
    color:var(--rhat-navy)!important;
    outline:none!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-label{
    display:block!important;
    white-space:nowrap!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.1!important;
    color:currentColor!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-value{display:none!important}
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-label{display:none!important}
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{
    display:block!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    color:currentColor!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-icon svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-icon .rhat-owned-header__badge{
    top:1px!important;
    right:-2px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:var(--rhat-red)!important;
    color:#fff!important;
    font:900 8px/13px Arial,sans-serif!important;
    box-shadow:0 2px 5px rgba(0,0,0,.12)!important;
  }
}
@media (max-width:380px){
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-icon{width:34px!important;min-width:34px!important}
  #rhat-owned-header .rhat-owned-header__balance-label,
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{font-size:9px!important}
  #rhat-owned-header .rhat-owned-header__mobile-icon svg{width:21px!important;height:21px!important}
}

/* PHASE62 MOBILE HEADER — exact visual language of the mobile bottom navigation. */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__inner{
    grid-template-columns:42px minmax(0,1fr) 42px 34px 34px 34px!important;
    column-gap:2px!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-actions{
    display:contents!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    width:34px!important;
    min-width:34px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:17px!important;
    box-shadow:none!important;
    color:#5d6878!important;
    text-decoration:none!important;
    font:800 8px/1.05 Arial,sans-serif!important;
    cursor:pointer!important;
    transition:transform .18s ease,color .18s ease,background .18s ease!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible{
    background:rgba(0,47,91,.08)!important;
    color:var(--rhat-navy)!important;
    outline:none!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action-icon{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action-icon svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-label{
    display:none!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-value{
    display:none!important;
    max-width:34px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font:800 8px/1 Arial,sans-serif!important;
    color:currentColor!important;
  }
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{
    display:block!important;
  }
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-label{
    display:none!important;
  }
  #rhat-owned-header .rhat-owned-header__badge{
    top:0!important;
    right:-3px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:var(--rhat-red)!important;
    color:#fff!important;
    font:900 8px/13px Arial,sans-serif!important;
    text-align:center!important;
    box-shadow:0 2px 5px rgba(0,0,0,.12)!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action:active{transform:scale(.96)!important}
}
@media (max-width:380px){
  #rhat-owned-header .rhat-owned-header__inner{grid-template-columns:39px minmax(0,1fr) 34px 31px 31px 31px!important}
  #rhat-owned-header .rhat-owned-header__mobile-action{width:31px!important;min-width:31px!important}
  #rhat-owned-header .rhat-owned-header__mobile-action-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  #rhat-owned-header .rhat-owned-header__mobile-action-icon svg{width:21px!important;height:21px!important}
}

/* PHASE62 FINAL — persistent owned header + professional mobile icon geometry */
#header.rhat-owned-header-shell{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  z-index:99998!important;
}
#rhat-owned-header{position:relative!important;z-index:99999!important}
#rhat-owned-header .rhat-owned-header__inner{position:relative!important;z-index:2!important}
#wrapper{padding-top:92px!important}
body.admin-bar #header.rhat-owned-header-shell{top:32px!important}
body.admin-bar #wrapper{padding-top:124px!important}

@media (max-width:767px){
  #header.rhat-owned-header-shell{top:0!important}
  #wrapper{padding-top:60px!important}
  body.admin-bar #header.rhat-owned-header-shell{top:46px!important}
  body.admin-bar #wrapper{padding-top:106px!important}

  /* Keep the complete mobile header on ONE horizontal row. */
  #rhat-owned-header .rhat-owned-header__inner{
    min-height:60px!important;
    height:60px!important;
    grid-template-columns:38px minmax(0,1fr) 30px 30px 30px 30px!important;
    column-gap:3px!important;
    padding:4px 8px!important;
    overflow:visible!important;
    grid-auto-flow:row!important;
  }
  /* Explicitly lock every mobile action to its own column so Search/Cart can never wrap. */
  #rhat-owned-header .rhat-owned-header__balance{grid-column:3!important}
  #rhat-owned-header .rhat-owned-header__mobile-icon:not(.rhat-owned-header__mobile-cart):not(.rhat-owned-header__mobile-search){grid-column:4!important}
  #rhat-owned-header .rhat-owned-header__mobile-search{grid-column:5!important}
  #rhat-owned-header .rhat-owned-header__mobile-cart{grid-column:6!important}
  #rhat-owned-header .rhat-owned-header__mobile-menu{
    width:38px!important;height:40px!important;border-radius:12px!important;
    background:transparent!important;box-shadow:none!important;
  }
  #rhat-owned-header .rhat-owned-header__logo{min-width:0!important;overflow:hidden!important}
  #rhat-owned-header .rhat-owned-logo{max-width:100%!important;width:140px!important;max-height:48px!important}

  /* Header action icons deliberately mirror the bottom-nav icon geometry. */
  #rhat-owned-header .rhat-owned-header__mobile-action{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;min-width:30px!important;height:42px!important;min-height:42px!important;
    margin:0!important;padding:0!important;
    gap:0!important;
    background:transparent!important;
    border:0!important;border-radius:17px!important;box-shadow:none!important;
    color:#5d6878!important;
    text-decoration:none!important;
    transition:transform .18s ease,color .18s ease,background .18s ease!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible{
    background:rgba(0,47,91,.08)!important;
    color:#0b416b!important;
    outline:none!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action:active{transform:scale(.96)!important}
  #rhat-owned-header .rhat-owned-header__mobile-action-icon{
    position:relative!important;
    display:grid!important;place-items:center!important;
    width:30px!important;height:30px!important;flex:0 0 30px!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action-icon svg{
    width:22px!important;height:22px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  #rhat-owned-header .rhat-owned-header__balance .rhat-owned-header__mobile-action-icon svg{stroke-width:1.7!important}
  #rhat-owned-header .rhat-owned-header__balance-label{display:none!important}
  #rhat-owned-header .rhat-owned-header__balance-value{
    display:none!important;max-width:30px!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;font:800 8px/1 Arial,sans-serif!important;color:currentColor!important;
  }
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{display:block!important}
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-label{display:none!important}
  #rhat-owned-header .rhat-owned-header__badge{
    top:-1px!important;right:-5px!important;min-width:17px!important;height:17px!important;
    padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;
    background:var(--rhat-red,#e53935)!important;color:#fff!important;
    font:900 8px/13px Arial,sans-serif!important;box-shadow:0 2px 5px rgba(0,0,0,.12)!important;
  }
}
@media (max-width:380px){
  #rhat-owned-header .rhat-owned-header__inner{grid-template-columns:36px minmax(0,1fr) 28px 28px 28px 28px!important;column-gap:2px!important;padding-left:6px!important;padding-right:6px!important}
  #rhat-owned-header .rhat-owned-header__balance{grid-column:3!important}
  #rhat-owned-header .rhat-owned-header__mobile-icon:not(.rhat-owned-header__mobile-cart):not(.rhat-owned-header__mobile-search){grid-column:4!important}
  #rhat-owned-header .rhat-owned-header__mobile-search{grid-column:5!important}
  #rhat-owned-header .rhat-owned-header__mobile-cart{grid-column:6!important}
  #rhat-owned-header .rhat-owned-header__mobile-action{width:28px!important;min-width:28px!important}
  #rhat-owned-header .rhat-owned-header__mobile-action-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  #rhat-owned-header .rhat-owned-header__mobile-action-icon svg{width:20px!important;height:20px!important}
  #rhat-owned-header .rhat-owned-logo{width:132px!important}
}

/* PHASE62 FINAL — Mobile Header controls match the standard mobile bottom-nav icon design.
 * The bottom navigation remains the visual source of truth; only the four top-header
 * action controls are restyled. Layout/URLs/functionality are unchanged.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__inner{
    grid-template-columns:38px minmax(0,1fr) 34px 34px 34px 34px!important;
    column-gap:3px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-icon{
    width:34px!important;
    min-width:34px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#5d6878!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e3e9ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    box-shadow:0 2px 7px rgba(26,48,72,.07)!important;
    color:#607084!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action-icon svg{
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.85!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #rhat-owned-header .rhat-owned-header__balance .rhat-owned-header__mobile-action-icon svg{
    stroke-width:1.85!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-label,
  #rhat-owned-header .rhat-owned-header__balance-value{
    display:none!important;
  }
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__mobile-action-icon{
    background:#eef5fa!important;
    border-color:#c9d9e6!important;
    color:#0b3f68!important;
    box-shadow:0 3px 9px rgba(11,63,104,.10)!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action:hover .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible .rhat-owned-header__mobile-action-icon{
    background:#eef5fa!important;
    border-color:#c9d9e6!important;
    color:#0b3f68!important;
    box-shadow:0 3px 9px rgba(11,63,104,.10)!important;
    outline:none!important;
  }
  #rhat-owned-header .rhat-owned-header__mobile-action:active .rhat-owned-header__mobile-action-icon{
    transform:scale(.96)!important;
  }
  #rhat-owned-header .rhat-owned-header__badge{
    top:7px!important;
    right:-3px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#ef5a24!important;
    color:#fff!important;
    font:900 8px/14px Arial,sans-serif!important;
    box-shadow:0 2px 6px rgba(0,0,0,.14)!important;
  }
}
@media (max-width:380px){
  #rhat-owned-header .rhat-owned-header__inner{
    grid-template-columns:36px minmax(0,1fr) 34px 34px 34px 34px!important;
    column-gap:2px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-icon{
    width:34px!important;
    min-width:34px!important;
  }
  #rhat-owned-header .rhat-owned-logo{width:132px!important;max-width:100%!important}
}

/* PHASE62 MICRO-FIX — Mobile header must sit flush at the top of the viewport.
 * Do not offset the owned mobile header for the WordPress admin bar; the mobile
 * admin toolbar is not part of the customer-facing header and must not create
 * a blank strip above it. Desktop/tablet offsets remain unchanged.
 */
@media (max-width:767px){
  #header.rhat-owned-header-shell,
  body.admin-bar #header.rhat-owned-header-shell{
    top:0!important;
  }
  #wrapper,
  body.admin-bar #wrapper{
    padding-top:60px!important;
  }
}


/* PHASE62 BALANCE TEXT BOX — final requested behavior.
 * The balance control uses the exact same bordered box language as the other
 * mobile header icons; only the icon is replaced by text. The amount is hidden
 * until the control is tapped.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__balance{
    width:34px!important;
    min-width:34px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#607084!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-box{
    width:34px!important;
    height:34px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 3px!important;
    border:1px solid #e3e9ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    box-shadow:0 2px 7px rgba(26,48,72,.07)!important;
    color:#607084!important;
    overflow:hidden!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-label{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font:800 8px/1.05 Arial,sans-serif!important;
    white-space:nowrap!important;
    color:currentColor!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-value{
    display:none!important;
    margin:0!important;
    padding:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font:800 9px/1 Arial,sans-serif!important;
    color:currentColor!important;
  }
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-label{display:none!important}
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{display:block!important}
  #rhat-owned-header .rhat-owned-header__balance:hover .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible .rhat-owned-header__balance-box{
    background:#eef5fa!important;
    border-color:#c9d9e6!important;
    color:#0b3f68!important;
    box-shadow:0 3px 9px rgba(11,63,104,.10)!important;
    outline:none!important;
  }
  #rhat-owned-header .rhat-owned-header__balance:active .rhat-owned-header__balance-box{transform:scale(.96)!important}
}


/* PHASE62 FINAL — Mobile balance control: same bordered/background box language
 * as the profile/cart/search controls. Text replaces the icon only. */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__inner{
    grid-template-columns:38px minmax(0,1fr) 82px 34px 34px 34px!important;
    column-gap:3px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #rhat-owned-header .rhat-owned-header__balance{
    grid-column:3!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    color:#607084!important;
    text-decoration:none!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-box{
    width:82px!important;
    height:34px!important;
    min-height:34px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 7px!important;
    border:1px solid #e3e9ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    box-shadow:0 2px 7px rgba(26,48,72,.07)!important;
    color:#607084!important;
    overflow:hidden!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-label,
  #rhat-owned-header .rhat-owned-header__balance-value{
    margin:0!important;
    padding:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-label{
    display:block!important;
    font:800 9px/1.05 Arial,sans-serif!important;
  }
  #rhat-owned-header .rhat-owned-header__balance-value{
    display:none!important;
    font:800 10px/1 Arial,sans-serif!important;
    color:#0b3f68!important;
  }
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-label{display:none!important}
  #rhat-owned-header .rhat-owned-header__balance.is-revealed .rhat-owned-header__balance-value{display:block!important}
  #rhat-owned-header .rhat-owned-header__balance:hover .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible .rhat-owned-header__balance-box{
    background:#eef5fa!important;
    border-color:#c9d9e6!important;
    color:#0b3f68!important;
    box-shadow:0 3px 9px rgba(11,63,104,.10)!important;
    outline:none!important;
  }
  #rhat-owned-header .rhat-owned-header__balance:active .rhat-owned-header__balance-box{transform:scale(.97)!important}
}
@media (max-width:380px){
  #rhat-owned-header .rhat-owned-header__inner{
    grid-template-columns:36px minmax(0,1fr) 74px 34px 34px 34px!important;
    column-gap:2px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__balance-box{width:74px!important;min-width:74px!important;max-width:74px!important}
  #rhat-owned-header .rhat-owned-header__balance-box{padding:0 5px!important}
  #rhat-owned-header .rhat-owned-header__balance-label{font-size:8.5px!important}
  #rhat-owned-header .rhat-owned-header__balance-value{font-size:9px!important}
}

/* PHASE62 — PROFESSIONAL HEADER BACKGROUND
 * Background-only change for desktop, tablet and mobile.
 * Keeps existing logo, icon, text, spacing and interactions unchanged.
 */
#header.rhat-owned-header-shell,
#rhat-owned-header,
#header.rhat-owned-header-shell .rhat-owned-header-wrapper,
#rhat-owned-header .rhat-owned-header__inner{
  background:linear-gradient(180deg,#A9BDCC 0%,#91AABC 100%)!important;
  background-color:#9FB4C5!important;
}
#header.rhat-owned-header-shell .rhat-owned-header-wrapper,
#rhat-owned-header .rhat-owned-header__inner{
  background:transparent!important;
}

/* Desktop header-to-hero gap correction */
@media (min-width:1024px){
  body.home #header.rhat-owned-header-shell{margin-bottom:0!important;padding-bottom:0!important}
  body.home #header.rhat-owned-header-shell + *{margin-top:0!important}
  body.home .home-section:first-child,
  body.home .hero-section:first-child,
  body.home .rhat-hero:first-child{margin-top:0!important}
}

/* PHASE62 V2 — deeper header separation and desktop homepage gap fix */
#header.rhat-owned-header-shell .rhat-owned-header-wrapper,
#rhat-owned-header .rhat-owned-header__inner{background:linear-gradient(180deg,#A9BDCC 0%,#91AABC 100%)!important;}
@media (min-width:1024px){
  body.home #header.rhat-owned-header-shell{margin:0!important;padding:0!important;}
  body.home #main.rhat-site-main{margin:0!important;padding:0!important;}
  body.home #rhat-home{margin:0!important;padding-top:0!important;}
  body.home #rhat-home .rhat-hero:first-child{margin-top:0!important;}
}

/* Phase 64: mobile header icons keep the same background after click.
   Functionality, layout, hover, desktop and tablet styles remain unchanged. */
@media (max-width: 767px) {
  .site-header a:active,
  .site-header button:active,
  .site-header .active,
  .site-header .is-active,
  #masthead a:active,
  #masthead button:active,
  #masthead .active,
  #masthead .is-active {
    background-color: inherit !important;
    background: inherit !important;
  }
}

/* Phase 65: remove browser tap/focus/active background from ALL mobile header icons. */
@media (max-width: 767px) {
  .site-header a,
  .site-header button,
  .site-header a:hover,
  .site-header a:focus,
  .site-header a:active,
  .site-header button:hover,
  .site-header button:focus,
  .site-header button:active,
  #masthead a,
  #masthead button,
  #masthead a:hover,
  #masthead a:focus,
  #masthead a:active,
  #masthead button:hover,
  #masthead button:focus,
  #masthead button:active {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}


/* PHASE 66 — FINAL MOBILE HEADER TAP/FOCUS/ACTIVE BACKGROUND LOCK.
 * Targets the actual Reseller Hat owned mobile header controls only.
 * Removes the browser tap highlight and all hover/focus/active surface shading.
 * Does not change desktop/tablet or the header layout/design.
 */
@media (max-width:767px){
  #rhat-owned-header,
  #rhat-owned-header .rhat-owned-header__mobile-menu,
  #rhat-owned-header .rhat-owned-header__mobile-action,
  #rhat-owned-header .rhat-owned-header__mobile-icon,
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-cart,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance-box{
    -webkit-tap-highlight-color:transparent!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-menu,
  #rhat-owned-header .rhat-owned-header__mobile-action,
  #rhat-owned-header .rhat-owned-header__mobile-icon,
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-cart,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__mobile-menu:hover,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-menu:active,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action:active,
  #rhat-owned-header .rhat-owned-header__mobile-icon:hover,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-icon:active,
  #rhat-owned-header .rhat-owned-header__balance:hover,
  #rhat-owned-header .rhat-owned-header__balance:focus,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible,
  #rhat-owned-header .rhat-owned-header__balance:active,
  #rhat-owned-header .rhat-owned-header__mobile-cart:hover,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-cart:active,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:active .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance:hover .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:focus .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:active .rhat-owned-header__balance-box{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-menu:focus,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus-visible,
  #rhat-owned-header .rhat-owned-header__balance:focus,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus-visible{
    outline:none!important;
  }
}


/* PHASE 67 — RESTORE WHITE MOBILE HEADER ICON BACKGROUNDS.
 * Keeps the Phase 66 tap/focus/active highlight fix.
 * Restores the normal white background of the mobile header icon controls.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__mobile-menu,
  #rhat-owned-header .rhat-owned-header__mobile-action,
  #rhat-owned-header .rhat-owned-header__mobile-icon,
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__mobile-cart,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__mobile-menu:hover,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-menu:active,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action:active,
  #rhat-owned-header .rhat-owned-header__mobile-icon:hover,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-icon:active,
  #rhat-owned-header .rhat-owned-header__balance:hover,
  #rhat-owned-header .rhat-owned-header__balance:focus,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible,
  #rhat-owned-header .rhat-owned-header__balance:active,
  #rhat-owned-header .rhat-owned-header__mobile-cart:hover,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-cart:active{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
  }
}


/* PHASE 68 — WHITE ONLY INSIDE MOBILE HEADER ICON BORDERS.
 * The control itself keeps its existing surrounding/header background.
 * White is applied only to the bordered icon/button surface.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__mobile-menu,
  #rhat-owned-header .rhat-owned-header__mobile-action,
  #rhat-owned-header .rhat-owned-header__mobile-cart{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance-box{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-menu:hover,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-menu:active,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action:active,
  #rhat-owned-header .rhat-owned-header__mobile-cart:hover,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-cart:active{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
}


/* PHASE 69 — ALL MOBILE HEADER ICONS WHITE INSIDE BORDER.
 * White is applied to the bordered inner surfaces in every state.
 * The outer header area remains transparent/inherits the header background.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__mobile-menu,
  #rhat-owned-header .rhat-owned-header__mobile-action,
  #rhat-owned-header .rhat-owned-header__mobile-cart{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__mobile-icon:hover,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus,
  #rhat-owned-header .rhat-owned-header__mobile-icon:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-icon:active,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action-icon:active,
  #rhat-owned-header .rhat-owned-header__balance-box:hover,
  #rhat-owned-header .rhat-owned-header__balance-box:focus,
  #rhat-owned-header .rhat-owned-header__balance-box:focus-visible,
  #rhat-owned-header .rhat-owned-header__balance-box:active{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-menu:hover,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus,
  #rhat-owned-header .rhat-owned-header__mobile-menu:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-menu:active,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action:active,
  #rhat-owned-header .rhat-owned-header__mobile-cart:hover,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus,
  #rhat-owned-header .rhat-owned-header__mobile-cart:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-cart:active{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
}


/* PHASE 70 — ACTUAL INNER BORDER SURFACE WHITE IN ALL STATES.
 * Targets the real mobile header markup:
 *   profile/search/cart -> .rhat-owned-header__mobile-action-icon
 *   balance             -> .rhat-owned-header__balance-box
 * The outer action remains transparent; only the bordered inner surface is white.
 */
@media (max-width:767px){
  #rhat-owned-header .rhat-owned-header__mobile-action > .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover > .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus > .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible > .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__mobile-action:active > .rhat-owned-header__mobile-action-icon{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    border-color:#e3e9ef!important;
    box-shadow:0 2px 7px rgba(26,48,72,.07)!important;
  }

  #rhat-owned-header .rhat-owned-header__balance > .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:hover > .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:focus > .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible > .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance:active > .rhat-owned-header__balance-box,
  #rhat-owned-header .rhat-owned-header__balance.is-revealed > .rhat-owned-header__balance-box{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    border-color:#e3e9ef!important;
    box-shadow:0 2px 7px rgba(26,48,72,.07)!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-action,
  #rhat-owned-header .rhat-owned-header__mobile-action:hover,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus,
  #rhat-owned-header .rhat-owned-header__mobile-action:focus-visible,
  #rhat-owned-header .rhat-owned-header__mobile-action:active,
  #rhat-owned-header .rhat-owned-header__balance,
  #rhat-owned-header .rhat-owned-header__balance:hover,
  #rhat-owned-header .rhat-owned-header__balance:focus,
  #rhat-owned-header .rhat-owned-header__balance:focus-visible,
  #rhat-owned-header .rhat-owned-header__balance:active{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    -webkit-tap-highlight-color:transparent!important;
    outline:none!important;
  }

  #rhat-owned-header .rhat-owned-header__mobile-action-icon,
  #rhat-owned-header .rhat-owned-header__balance-box{
    -webkit-tap-highlight-color:transparent!important;
  }
}

/* Reseller Hat — background-only refresh. Preserve header layout, logo, text, icons and interactions. */
#header.rhat-owned-header-shell,
#rhat-owned-header,
#rhat-owned-header .rhat-owned-header__inner{
  background:linear-gradient(180deg,#FFFDF8 0%,#F4F7FB 100%)!important;
  background-color:#F7F8F6!important;
}
#header.rhat-owned-header-shell .rhat-owned-header-wrapper{
  background:transparent!important;
}