:root{
  --ec5-pink:var(--rivrun-accent-2,var(--wp--preset--color--accent-2,#ef2853));
  --ec5-pink-dark:var(--rivrun-accent-3,var(--wp--preset--color--accent-3,#d91f49));
  --ec5-navy:var(--rivrun-contrast,var(--wp--preset--color--contrast,#07175f));
  --ec5-ink:var(--rivrun-contrast,var(--wp--preset--color--contrast,#172033));
  --ec5-text:var(--rivrun-contrast,var(--wp--preset--color--contrast,#313a4c));
  --ec5-muted:color-mix(in srgb,var(--ec5-text) 62%,transparent);
  --ec5-line:var(--rivrun-border,color-mix(in srgb,var(--ec5-text) 14%,transparent));
  --ec5-soft:color-mix(in srgb,var(--ec5-pink) 8%,var(--rivrun-surface,var(--wp--preset--color--base,#fff)));
  --ec5-soft-blue:color-mix(in srgb,var(--ec5-navy) 5%,var(--rivrun-surface,var(--wp--preset--color--base,#fff)));
  --ec5-white:var(--rivrun-surface,var(--wp--preset--color--base,#fff));
  --ec5-shadow:0 16px 44px rgba(17,24,39,.10);
  --ec5-panel-shadow:0 26px 78px rgba(17,24,39,.22);
  --ec5-sticky-top:0px;
}

.admin-bar{--ec5-sticky-top:32px}
@media(max-width:782px){.admin-bar{--ec5-sticky-top:46px}}

/* ---------- shell/reset ---------- */
.ecup-v5-header-wrap,
.ecup-v5-header-wrap *{box-sizing:border-box}

.ecup-v5-header-wrap{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:rgba(255,255,255,.985)!important;
  border-top:1px solid rgba(7,23,95,.08)!important;
  border-bottom:1px solid rgba(17,24,39,.075)!important;
  box-shadow:0 2px 12px rgba(17,24,39,.025)!important;
  overflow:visible!important;
  transition:box-shadow .22s ease,background .22s ease!important;
}

/* Sticky positioning is intentionally NOT defined here.
   Multishop BD Theme Options controls the sticky state by adding
   body.multishop-site-header-sticky only on the configured pages.
   The theme's own assets/css/multishop-theme-extensions.css then makes
   the Gutenberg header template part sticky. This header never overrides it. */

/* Keep the compact/full transition visually stable while the theme sticky
   option is active. This affects only the inner presentation, not positioning. */
body.multishop-site-header-sticky .ecup-v5-header-wrap{
  overflow-anchor:none!important;
}
.ecup-v5-header-wrap.ecup-v5-condensed{
  background:rgba(255,255,255,.965)!important;
  box-shadow:0 8px 28px rgba(17,24,39,.09)!important;
}
.ecup-v5-header-wrap .wp-block-group,
.ecup-v5-header-wrap .wp-block-navigation,
.ecup-v5-header-wrap .wp-block-site-logo,
.ecup-v5-header-wrap figure,
.ecup-v5-header-wrap p{margin-top:0!important;margin-bottom:0!important}

/* ---------- main row ---------- */
.ecup-v5-main{
  width:100%!important;
  max-width:1560px!important;
  min-height:72px!important;
  margin:0 auto!important;
  padding:9px 26px!important;
  display:grid!important;
  grid-template-columns:170px minmax(360px,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  transition:min-height .16s ease,padding .16s ease,gap .16s ease!important;
}
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-main{
  min-height:58px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}

/* ---------- logo ---------- */
.ecup-v5-logo{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.ecup-v5-logo .wp-block-site-logo,
.ecup-v5-logo figure{line-height:0!important}
.ecup-v5-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:150px!important;
  max-height:52px!important;
  object-fit:contain!important;
  transition:max-height .16s ease,max-width .16s ease!important;
}
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-logo img{
  max-width:134px!important;
  max-height:44px!important;
}

/* ---------- lightweight product search ---------- */
.ecup-v5-search{
  min-width:0!important;
  width:100%!important;
  max-width:840px!important;
  justify-self:center!important;
}
.ecup-v5-search-form,
.ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{
  width:100%!important;
  height:46px!important;
  margin:0!important;
  padding:3px 3px 3px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border:1.5px solid rgba(7,23,95,.24)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(7,23,95,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,height .16s ease!important;
}
.ecup-v5-search-form:focus-within,
.ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper:focus-within{
  border-color:var(--ec5-pink)!important;
  box-shadow:0 0 0 3px rgba(239,40,83,.08)!important;
}
.ecup-v5-search-input,
.ecup-v5-search.wp-block-search .wp-block-search__input{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ec5-ink)!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.ecup-v5-search-input::placeholder,
.ecup-v5-search.wp-block-search .wp-block-search__input::placeholder{color:#9aa4b4!important;opacity:1!important}
.ecup-v5-search-btn,
.ecup-v5-search.wp-block-search .wp-block-search__button{
  width:46px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--ec5-navy)!important;
  color:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .18s ease,transform .18s ease!important;
}
.ecup-v5-search-btn:hover,
.ecup-v5-search.wp-block-search .wp-block-search__button:hover{background:var(--ec5-pink)!important;transform:translateY(-1px)!important}
.ecup-v5-search-btn svg,
.ecup-v5-search.wp-block-search .wp-block-search__button svg{width:18px!important;height:18px!important;display:block!important}
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search-form,
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{height:42px!important}
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search-btn,
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search.wp-block-search .wp-block-search__button{height:34px!important}

/* ---------- account/cart actions ---------- */
.ecup-v5-actions{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
.ecup-v5-actions>.wp-block-shortcode,
.ecup-v5-actions>.multishop-header-account-block,
.ecup-v5-actions>.multishop-header-cart-block{
  margin:0!important;padding:0!important;display:block!important;line-height:1!important;flex:0 0 auto!important;
}

/* Gutenberg color support stays authoritative for the dynamic Account/Cart blocks. */
.ecup-v5-actions>.multishop-header-account-block.has-background,
.ecup-v5-actions>.multishop-header-cart-block.has-background,
.ecup-v5-actions>.multishop-header-account-block.has-background>a,
.ecup-v5-actions>.multishop-header-cart-block.has-background>a{background:inherit!important}
.ecup-v5-actions>.multishop-header-account-block.has-text-color,
.ecup-v5-actions>.multishop-header-cart-block.has-text-color,
.ecup-v5-actions>.multishop-header-account-block.has-text-color>a,
.ecup-v5-actions>.multishop-header-cart-block.has-text-color>a{color:inherit!important}
.ecup-v5-actions>.multishop-header-account-block.has-background:hover,
.ecup-v5-actions>.multishop-header-cart-block.has-background:hover{filter:brightness(.97)}
.ecup-v5-account,
.ecup-v5-cart,
.ecup-v5-mobile-toggle{
  -webkit-tap-highlight-color:transparent!important;
  text-decoration:none!important;
}
.ecup-v5-account{
  height:44px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--ec5-line)!important;
  border-radius:11px!important;
  background:var(--ec5-white)!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.ecup-v5-account:hover{
  color:var(--ec5-pink)!important;
  background:var(--ec5-soft)!important;
  border-color:color-mix(in srgb,var(--ec5-pink) 32%,var(--ec5-line))!important;
  transform:translateY(-1px)!important;
}
.ecup-v5-account-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--ec5-line)!important;
  border-radius:50%!important;
  background:#fff!important;
}
.ecup-v5-account-icon svg{width:18px!important;height:18px!important;display:block!important}
.ecup-v5-account-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:1px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.ecup-v5-account-small{font-size:9.5px!important;line-height:1.12!important;font-weight:700!important;color:var(--ec5-muted)!important}
.ecup-v5-account-main{font-size:12.5px!important;line-height:1.08!important;font-weight:850!important;color:currentColor!important}

.ecup-v5-cart{
  position:relative!important;
  height:44px!important;
  min-width:132px!important;
  padding:0 12px 0 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid var(--ec5-line)!important;
  border-radius:11px!important;
  background:var(--ec5-white)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.ecup-v5-cart:hover{
  background:var(--ec5-soft)!important;
  border-color:color-mix(in srgb,var(--ec5-pink) 36%,var(--ec5-line))!important;
  transform:translateY(-1px)!important;
}
.ecup-v5-cart-icon{width:20px!important;height:20px!important;display:block!important;flex:0 0 auto!important}
.ecup-v5-cart-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;line-height:1!important}
.ecup-v5-cart-label{font-size:9px!important;font-weight:700!important;color:var(--ec5-muted)!important}
.ecup-v5-cart-total{
  max-width:82px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:900!important;
  color:var(--ec5-navy)!important;
}
.ecup-v5-cart-count{
  position:absolute!important;
  top:-7px!important;
  right:-6px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:var(--ec5-pink)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}
.ecup-v5-cart-count.is-empty{display:none!important}

/* ---------- Multishop Gutenberg Account/Cart block mapping ----------
   These dynamic blocks replace the old shortcode and manual cart HTML.
   The theme owns WooCommerce session/fragments; this header owns layout only. */
.ecup-v5-account.multishop-header-account-block>a,
.ecup-v5-cart.multishop-header-cart-block>a{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:inherit!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.ecup-v5-account.multishop-header-account-block>a{gap:8px!important;color:inherit!important;background:inherit!important}
.ecup-v5-cart.multishop-header-cart-block>a{gap:9px!important}
.ecup-v5-account .multishop-header-account__icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--ec5-line)!important;
  border-radius:50%!important;
  background:#fff!important;
}
.ecup-v5-account .multishop-header-account__icon svg,
.ecup-v5-account .multishop-header-account__icon img{width:18px!important;height:18px!important;display:block!important}
.ecup-v5-account .multishop-header-account__copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:1px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.ecup-v5-account .multishop-header-account__copy small{font-size:11px!important;line-height:1.12!important;font-weight:700!important;color:inherit!important;opacity:.68!important}
.ecup-v5-account .multishop-header-account__copy strong{font-size:14px!important;line-height:1.08!important;font-weight:850!important;color:inherit!important}
.ecup-v5-cart .multishop-header-cart__icon{width:20px!important;height:20px!important;display:block!important;flex:0 0 auto!important}
.ecup-v5-cart .multishop-header-cart__icon svg,
.ecup-v5-cart .multishop-header-cart__icon img{width:100%!important;height:100%!important;display:block!important}
.ecup-v5-cart .multishop-header-cart__dynamic{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  line-height:1!important;
}
.ecup-v5-cart .multishop-header-cart__dynamic.is-with-amount:before{
  content:'কার্ট';
  display:block!important;
  font-size:10.5px!important;
  font-weight:700!important;
  color:inherit!important;
  opacity:.68!important;
}
.ecup-v5-cart .multishop-header-cart__amount{
  max-width:104px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13.5px!important;
  font-weight:900!important;
  color:inherit!important;
}
.ecup-v5-cart .multishop-header-cart__count{
  position:absolute!important;
  top:-7px!important;
  right:-6px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  padding:0 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:var(--ec5-pink)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}

/* ---------- hamburger ---------- */
.ecup-v5-mobile-toggle{
  display:none!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--ec5-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ec5-ink)!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.ecup-v5-mobile-toggle>span{position:relative!important;display:block!important;width:18px!important;height:14px!important}
.ecup-v5-mobile-toggle>span:before,
.ecup-v5-mobile-toggle>span:after,
.ecup-v5-mobile-toggle i{
  content:"";
  position:absolute!important;
  left:0!important;
  width:18px!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transition:top .25s ease,transform .25s ease,opacity .2s ease!important;
}
.ecup-v5-mobile-toggle>span:before{top:0!important}
.ecup-v5-mobile-toggle i{top:6px!important}
.ecup-v5-mobile-toggle>span:after{top:12px!important}
body.ecup-v5-menu-open .ecup-v5-mobile-toggle>span:before{top:6px!important;transform:rotate(45deg)!important}
body.ecup-v5-menu-open .ecup-v5-mobile-toggle i{opacity:0!important}
body.ecup-v5-menu-open .ecup-v5-mobile-toggle>span:after{top:6px!important;transform:rotate(-45deg)!important}

/* ---------- desktop navigation ---------- */
.ecup-v5-nav-row{
  width:100%!important;
  max-height:50px!important;
  margin:0!important;
  background:#fff!important;
  border-top:1px solid rgba(17,24,39,.055)!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  transform:translateY(0)!important;
  transition:opacity .12s ease,transform .14s ease,visibility .12s ease!important;
  will-change:opacity,transform!important;
}
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-nav-row{
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:max-height .34s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility 0s linear .34s!important;
  transform:translateY(-4px)!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border-top-color:transparent!important;
}
.ecup-v5-nav-inner{
  width:100%!important;
  max-width:1560px!important;
  min-height:49px!important;
  margin:0 auto!important;
  padding:0 26px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:15px!important;
  overflow:visible!important;
}
.ecup-v5-nav-note{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--ec5-muted)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.ecup-v5-nav-note i{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:var(--ec5-pink)!important;
}

.ecup-v5-cat-nav,
.ecup-v5-main-nav,
.ecup-v5-cat-nav .wp-block-navigation__responsive-container,
.ecup-v5-main-nav .wp-block-navigation__responsive-container,
.ecup-v5-cat-nav .wp-block-navigation__responsive-container-content,
.ecup-v5-main-nav .wp-block-navigation__responsive-container-content{overflow:visible!important}
.ecup-v5-cat-nav .wp-block-navigation__container,
.ecup-v5-main-nav .wp-block-navigation__container{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.ecup-v5-cat-nav .wp-block-navigation-item,
.ecup-v5-main-nav .wp-block-navigation-item{position:relative!important;margin:0!important}

.ecup-v5-cat-nav>.wp-block-navigation__container>.wp-block-navigation-submenu>.wp-block-navigation-item__content,
.ecup-v5-cat-nav>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{
  min-height:36px!important;
  padding:0 39px 0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:10px!important;
  background:var(--ec5-pink)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:background .18s ease,box-shadow .18s ease!important;
}
.ecup-v5-cat-nav>.wp-block-navigation__container>.wp-block-navigation-submenu:hover>.wp-block-navigation-item__content{
  background:var(--ec5-pink-dark)!important;
  box-shadow:0 6px 16px rgba(239,40,83,.18)!important;
}
.ecup-v5-main-nav{min-width:0!important}
.ecup-v5-main-nav .wp-block-navigation-item__content{
  min-height:47px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--ec5-text)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:780!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:background .17s ease,color .17s ease!important;
}
.ecup-v5-main-nav .wp-block-navigation-item__content:hover,
.ecup-v5-main-nav .current-menu-item>.wp-block-navigation-item__content{
  background:var(--ec5-soft)!important;
  color:var(--ec5-pink)!important;
}

/* ---------- desktop dropdown: zero dead-zone ---------- */
@media(min-width:841px){
  .ecup-v5-cat-nav .has-child,
  .ecup-v5-main-nav .has-child{position:relative!important}

  .ecup-v5-cat-nav .has-child>.wp-block-navigation-submenu__toggle,
  .ecup-v5-main-nav .has-child>.wp-block-navigation-submenu__toggle{
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    z-index:8!important;
  }
  .ecup-v5-cat-nav .has-child>.wp-block-navigation-submenu__toggle{color:#fff!important}
  .ecup-v5-main-nav .has-child>.wp-block-navigation-submenu__toggle{color:var(--ec5-pink)!important}
  .ecup-v5-main-nav .has-child>.wp-block-navigation-item__content{padding-right:32px!important}

  /* Exactly ONE submenu icon. Hide Gutenberg SVG/children and any legacy ::after arrow. */
  .ecup-v5-cat-nav .has-child>.wp-block-navigation-submenu__toggle>*,
  .ecup-v5-main-nav .has-child>.wp-block-navigation-submenu__toggle>*{display:none!important}
  .ecup-v5-cat-nav .has-child>.wp-block-navigation-submenu__toggle:after,
  .ecup-v5-main-nav .has-child>.wp-block-navigation-submenu__toggle:after{content:none!important;display:none!important}
  .ecup-v5-cat-nav .has-child>.wp-block-navigation-submenu__toggle:before,
  .ecup-v5-main-nav .has-child>.wp-block-navigation-submenu__toggle:before{
    content:""!important;display:block!important;width:8px!important;height:8px!important;
    border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;transition:transform .2s ease!important
  }
  .ecup-v5-cat-nav .has-child:hover>.wp-block-navigation-submenu__toggle:before,
  .ecup-v5-cat-nav .has-child:focus-within>.wp-block-navigation-submenu__toggle:before,
  .ecup-v5-cat-nav .has-child.ecup-v5-sub-open>.wp-block-navigation-submenu__toggle:before,
  .ecup-v5-main-nav .has-child:hover>.wp-block-navigation-submenu__toggle:before,
  .ecup-v5-main-nav .has-child:focus-within>.wp-block-navigation-submenu__toggle:before,
  .ecup-v5-main-nav .has-child.ecup-v5-sub-open>.wp-block-navigation-submenu__toggle:before{
    transform:translateY(2px) rotate(225deg)!important
  }
  .ecup-v5-cat-nav .wp-block-navigation__submenu-icon,
  .ecup-v5-main-nav .wp-block-navigation__submenu-icon{display:none!important}

  /* The submenu's actual hit-area begins at top:100% (no gap).
     The visual white card begins 7px lower via ::before. */
  .ecup-v5-cat-nav .has-child>.wp-block-navigation__submenu-container,
  .ecup-v5-main-nav .has-child>.wp-block-navigation__submenu-container{
    position:absolute!important;
    left:0!important;
    top:calc(100% - 2px)!important;
    min-width:270px!important;
    margin:0!important;
    padding:14px 8px 8px!important;
    display:block!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
    overflow:visible!important;
    z-index:999999!important;
    isolation:isolate!important;
  }
  .ecup-v5-cat-nav .has-child>.wp-block-navigation__submenu-container:before,
  .ecup-v5-main-nav .has-child>.wp-block-navigation__submenu-container:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:7px!important;
    bottom:0!important;
    z-index:-1!important;
    border:1px solid var(--ec5-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:var(--ec5-shadow)!important;
  }
  .ecup-v5-cat-nav .has-child:hover>.wp-block-navigation__submenu-container,
  .ecup-v5-cat-nav .has-child:focus-within>.wp-block-navigation__submenu-container,
  .ecup-v5-cat-nav .has-child.ecup-v5-sub-open>.wp-block-navigation__submenu-container,
  .ecup-v5-main-nav .has-child:hover>.wp-block-navigation__submenu-container,
  .ecup-v5-main-nav .has-child:focus-within>.wp-block-navigation__submenu-container,
  .ecup-v5-main-nav .has-child.ecup-v5-sub-open>.wp-block-navigation__submenu-container{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .ecup-v5-cat-nav .wp-block-navigation__submenu-container .wp-block-navigation-item,
  .ecup-v5-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item{
    width:100%!important;
    background:transparent!important;
    position:relative!important;
    z-index:1!important;
  }
  .ecup-v5-cat-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .ecup-v5-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    width:100%!important;
    min-height:42px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:9px!important;
    background:transparent!important;
    color:var(--ec5-text)!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:730!important;
    text-decoration:none!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  .ecup-v5-cat-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .ecup-v5-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
    background:var(--ec5-soft)!important;
    color:var(--ec5-pink)!important;
    transform:translateX(2px)!important;
  }
}

/* ---------- medium/tablet ---------- */
@media(max-width:1180px) and (min-width:841px){
  .ecup-v5-main{
    grid-template-columns:145px minmax(300px,1fr) auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    gap:14px!important;
  }
  .ecup-v5-logo img{max-width:130px!important;max-height:46px!important}
  .ecup-v5-account-copy,.ecup-v5-account .multishop-header-account__copy{display:flex!important}
  .ecup-v5-account{padding:0 7px!important;width:auto!important;justify-content:center!important}
  .ecup-v5-account-icon,.ecup-v5-account .multishop-header-account__icon{width:32px!important;height:32px!important;min-width:32px!important}
  .ecup-v5-account .multishop-header-account__copy small{font-size:9px!important}.ecup-v5-account .multishop-header-account__copy strong{max-width:86px;overflow:hidden;text-overflow:ellipsis;font-size:11.5px!important}
  .ecup-v5-nav-inner{padding-left:18px!important;padding-right:18px!important;gap:8px!important}
  .ecup-v5-main-nav .wp-block-navigation-item__content{padding-left:8px!important;padding-right:8px!important;font-size:12px!important}
  .ecup-v5-main-nav .has-child>.wp-block-navigation-item__content{padding-right:27px!important}
  .ecup-v5-nav-note{display:none!important}
}

@media(max-width:980px) and (min-width:841px){
  .ecup-v5-main{grid-template-columns:125px minmax(250px,1fr) auto!important;gap:10px!important}
  .ecup-v5-logo img{max-width:114px!important}
  .ecup-v5-search-form,.ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{height:42px!important;padding-left:12px!important}
  .ecup-v5-search-btn,.ecup-v5-search.wp-block-search .wp-block-search__button{height:34px!important;width:42px!important}
  .ecup-v5-cart{min-width:72px!important;padding-left:9px!important;padding-right:9px!important}
  .ecup-v5-cart-label{display:none!important}
  .ecup-v5-main-nav .wp-block-navigation-item__content{font-size:11.5px!important;padding-left:6px!important;padding-right:6px!important}
  .ecup-v5-main-nav .has-child>.wp-block-navigation-item__content{padding-right:25px!important}
}

/* ---------- mobile: normal two-row, sticky one-row ---------- */
@media(max-width:840px){
  .ecup-v5-header-wrap{overflow:visible!important}
  .ecup-v5-main{
    min-height:auto!important;
    padding:7px 10px 8px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:
      "toggle logo actions"
      "search search search"!important;
    align-items:center!important;
    gap:7px 9px!important;
  }
  .ecup-v5-mobile-toggle{
    grid-area:toggle!important;
    display:flex!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:9px!important;
  }
  .ecup-v5-logo{
    grid-area:logo!important;
    justify-content:flex-start!important;
    min-width:0!important;
  }
  .ecup-v5-logo img{max-width:112px!important;max-height:38px!important}
  .ecup-v5-search{grid-area:search!important;max-width:none!important;width:100%!important}
  .ecup-v5-search-form,
  .ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{
    height:42px!important;
    padding-left:13px!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  .ecup-v5-search-input,.ecup-v5-search.wp-block-search .wp-block-search__input{font-size:13px!important}
  .ecup-v5-search-btn,.ecup-v5-search.wp-block-search .wp-block-search__button{width:42px!important;height:34px!important;border-radius:9px!important}
  .ecup-v5-search-btn svg,.ecup-v5-search.wp-block-search .wp-block-search__button svg{width:17px!important;height:17px!important}
  .ecup-v5-actions{grid-area:actions!important;gap:5px!important}
  /* Mobile keeps the top row clean with logo/search/cart only. */
  .ecup-v5-account{display:none!important}
  .ecup-v5-account-icon{width:auto!important;height:auto!important;min-width:0!important;border:0!important;background:transparent!important}
  .ecup-v5-account-icon svg{width:17px!important;height:17px!important}
  .ecup-v5-account-copy{display:none!important}
  .ecup-v5-account .multishop-header-account__icon{width:auto!important;height:auto!important;min-width:0!important;border:0!important;background:transparent!important}
  .ecup-v5-account .multishop-header-account__icon svg,
  .ecup-v5-account .multishop-header-account__icon img{width:17px!important;height:17px!important}
  .ecup-v5-account .multishop-header-account__copy{display:none!important}
  .ecup-v5-cart{
    min-width:66px!important;
    height:36px!important;
    padding:0 8px!important;
    gap:6px!important;
    border-radius:9px!important;
  }
  .ecup-v5-cart-icon{width:18px!important;height:18px!important}
  .ecup-v5-cart .multishop-header-cart__icon{width:18px!important;height:18px!important}
  .ecup-v5-cart-label{display:none!important}
  .ecup-v5-cart-total{max-width:46px!important;font-size:10.5px!important}
  .ecup-v5-cart-count{top:-6px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:8px!important}
  .ecup-v5-cart .multishop-header-cart__amount{max-width:46px!important;font-size:10.5px!important}
  .ecup-v5-cart .multishop-header-cart__count{top:-6px!important;right:-5px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:0 4px!important;font-size:8px!important}
  .ecup-v5-nav-row{display:none!important}

  /* Rokomari-like sticky state: menu + search + cart only */
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-main{
    min-height:50px!important;
    padding:6px 8px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:"toggle search actions"!important;
    gap:7px!important;
  }
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-logo{display:none!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-account{display:none!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search-form,
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{
    height:38px!important;
    padding-left:11px!important;
    border-radius:10px!important;
  }
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search-btn{width:38px!important;height:30px!important;border-radius:8px!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart{
    min-width:42px!important;
    width:42px!important;
    height:38px!important;
    padding:0!important;
    justify-content:center!important;
    border:1px solid color-mix(in srgb,var(--ec5-navy) 18%,var(--ec5-line))!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--ec5-white) 96%,transparent)!important;
    box-shadow:0 2px 8px color-mix(in srgb,var(--ec5-navy) 8%,transparent)!important;
  }
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart:hover{
    border-color:color-mix(in srgb,var(--ec5-pink) 44%,var(--ec5-line))!important;
    background:var(--ec5-soft)!important;
    box-shadow:0 4px 12px color-mix(in srgb,var(--ec5-navy) 11%,transparent)!important;
    transform:none!important;
  }
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart-copy{display:none!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart .multishop-header-cart__dynamic{display:block!important;position:static!important;width:0!important;height:0!important;overflow:visible!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart .multishop-header-cart__dynamic.is-with-amount:before,
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart .multishop-header-cart__amount{display:none!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-cart .multishop-header-cart__count{display:flex!important;top:-5px!important;right:-5px!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-mobile-toggle{height:38px!important;width:38px!important;min-width:38px!important;border-color:transparent!important;background:transparent!important}
}

@media(max-width:480px){
  .ecup-v5-main{padding-left:8px!important;padding-right:8px!important;gap:6px 7px!important}
  .ecup-v5-logo img{max-width:100px!important;max-height:36px!important}
  .ecup-v5-search-input{font-size:12.5px!important}
  .ecup-v5-cart{min-width:58px!important;padding-left:7px!important;padding-right:7px!important;gap:5px!important}
  .ecup-v5-cart-total{max-width:40px!important;font-size:10px!important}
  .ecup-v5-cart .multishop-header-cart__amount{max-width:40px!important;font-size:10px!important}
}
@media(max-width:360px){
  .ecup-v5-logo img{max-width:88px!important;max-height:34px!important}
  .ecup-v5-account{width:34px!important;height:34px!important;min-width:34px!important}
  .ecup-v5-mobile-toggle{width:34px!important;height:34px!important;min-width:34px!important}
  .ecup-v5-cart{min-width:52px!important;height:34px!important;padding-left:6px!important;padding-right:6px!important}
  .ecup-v5-cart-total{max-width:34px!important;font-size:9.5px!important}
  .ecup-v5-cart .multishop-header-cart__amount{max-width:34px!important;font-size:9.5px!important}
  .ecup-v5-search-form{height:40px!important}
  .ecup-v5-search-btn{height:32px!important;width:39px!important}
}

/* ---------- custom mobile panel ---------- */
.ecup-v5-mobile-backdrop,
.ecup-v5-mobile-panel{display:none}

@media(max-width:840px){
  body.ecup-v5-menu-open{overflow:hidden!important;overflow-x:clip!important}
  body.ecup-v5-menu-open .ecup-v5-mobile-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:999990!important;
    background:rgba(15,23,42,.34)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important;
  }
  body.ecup-v5-menu-open .ecup-v5-mobile-panel{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:100%!important;
    top:var(--ec5-panel-top,64px)!important;
    max-height:calc(100dvh - var(--ec5-panel-top,64px))!important;
    z-index:999999!important;
    border:1px solid rgba(17,24,39,.10)!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 16px 16px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    box-shadow:var(--ec5-panel-shadow)!important;
    overflow:hidden!important;
    animation:ec5PanelIn .22s cubic-bezier(.22,1,.36,1) both!important;
  }
  @keyframes ec5PanelIn{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
  .ecup-v5-mobile-panel-head{
    min-height:48px!important;
    padding:0 10px 0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-bottom:1px solid var(--ec5-line)!important;
    background:#fff!important;
    flex:0 0 auto!important;
  }
  .ecup-v5-mobile-panel-title{color:var(--ec5-ink)!important;font-size:15px!important;line-height:1!important;font-weight:900!important}
  .ecup-v5-mobile-panel-close{
    width:34px!important;height:34px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:9px!important;background:#f5f6f8!important;color:var(--ec5-ink)!important;font-family:Arial,sans-serif!important;font-size:24px!important;line-height:1!important;cursor:pointer!important
  }
  .ecup-v5-mobile-menu{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:7px!important;background:#fff!important
  }
  .ecup-v5-mobile-menu::-webkit-scrollbar{display:none!important}
  .ecup-v5-mobile-section+.ecup-v5-mobile-section{margin-top:7px!important;padding-top:7px!important;border-top:1px solid var(--ec5-line)!important}
  .ecup-v5-mobile-list,.ecup-v5-mobile-sub{list-style:none!important;margin:0!important;padding:0!important}
  .ecup-v5-mobile-item{margin:0!important;padding:0!important}
  .ecup-v5-mobile-link,.ecup-v5-mobile-toggle-row{
    width:100%!important;min-height:44px!important;padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ec5-ink)!important;font-family:inherit!important;font-size:14px!important;line-height:1.15!important;
    font-weight:800!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important
  }
  .ecup-v5-mobile-link:hover,.ecup-v5-mobile-toggle-row:hover,.ecup-v5-mobile-item.ecup-v5-open>.ecup-v5-mobile-toggle-row{color:var(--ec5-pink)!important;background:var(--ec5-soft)!important}
  .ecup-v5-mobile-item.is-category>.ecup-v5-mobile-toggle-row{min-height:45px!important;background:var(--ec5-pink)!important;color:#fff!important}
  .ecup-v5-mobile-arrow{width:8px!important;height:8px!important;flex:0 0 auto!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:translateY(-2px) rotate(45deg)!important;transition:transform .25s ease!important}
  .ecup-v5-mobile-item.ecup-v5-open>.ecup-v5-mobile-toggle-row .ecup-v5-mobile-arrow{transform:translateY(2px) rotate(225deg)!important}
  .ecup-v5-mobile-sub{
    max-height:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(-5px)!important;margin:0 4px!important;border-radius:10px!important;background:#fafbfc!important;
    transition:max-height .40s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .28s ease,margin .25s ease!important
  }
  .ecup-v5-mobile-item.ecup-v5-open>.ecup-v5-mobile-sub{max-height:var(--ec5-sub-height,650px)!important;opacity:1!important;transform:translateY(0)!important;margin-top:5px!important;margin-bottom:5px!important}
  .ecup-v5-mobile-sub a{
    width:100%!important;min-height:40px!important;padding:0 13px!important;display:flex!important;align-items:center!important;border-radius:8px!important;
    color:var(--ec5-text)!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;text-decoration:none!important
  }
  .ecup-v5-mobile-sub a:hover{color:var(--ec5-pink)!important;background:var(--ec5-soft)!important}
}


/* =========================================================
   V5.6 POLISH — theme-owned scroll state + centered search + iPhone one-tap/no-zoom fix
   Theme 11.2.4 owns sticky scroll state; header CSS only renders the compact presentation.
   ========================================================= */

/* Symmetric easing in BOTH directions. */
.ecup-v5-main{
  transition:
    min-height .30s cubic-bezier(.4,0,.2,1),
    padding .30s cubic-bezier(.4,0,.2,1),
    gap .30s cubic-bezier(.4,0,.2,1)!important;
}
.ecup-v5-logo img{
  transition:
    max-height .30s cubic-bezier(.4,0,.2,1),
    max-width .30s cubic-bezier(.4,0,.2,1),
    opacity .24s ease!important;
}
.ecup-v5-search-form{
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    height .30s cubic-bezier(.4,0,.2,1),
    border-radius .30s cubic-bezier(.4,0,.2,1)!important;
}

/* Nav row now eases open AND closed instead of snapping on re-open. */
.ecup-v5-nav-row{
  max-height:50px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  transition:
    max-height .34s cubic-bezier(.4,0,.2,1),
    opacity .22s ease,
    transform .30s cubic-bezier(.4,0,.2,1),
    visibility 0s linear 0s!important;
  will-change:max-height,opacity,transform!important;
}
.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-nav-row{
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-5px)!important;
  transition:
    max-height .34s cubic-bezier(.4,0,.2,1),
    opacity .18s ease,
    transform .28s cubic-bezier(.4,0,.2,1),
    visibility 0s linear .34s!important;
}

/* Search button: exact center on every browser/theme.
   No line-height/font baseline can push the icon off-center. */
.ecup-v5-search-btn{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  line-height:0!important;
  font-size:0!important;
  text-align:center!important;
  padding:0!important;
}
.ecup-v5-search-btn:hover{
  transform:none!important;
}
.ecup-v5-search-btn svg{
  display:block!important;
  position:static!important;
  width:18px!important;
  height:18px!important;
  margin:auto!important;
  padding:0!important;
  inset:auto!important;
  transform:none!important;
  flex:none!important;
  overflow:visible!important;
}
@media(max-width:840px){
  .ecup-v5-search-btn svg{width:17px!important;height:17px!important}

  /* Mobile menu/backdrop animate OUT as well as IN.
     They stay mounted but non-interactive while closed. */
  .ecup-v5-mobile-backdrop{
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease,visibility 0s linear .26s!important;
  }
  body.ecup-v5-menu-open .ecup-v5-mobile-backdrop{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .24s ease,visibility 0s linear 0s!important;
  }

  .ecup-v5-mobile-panel{
    display:flex!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-7px) scale(.992)!important;
    animation:none!important;
    transition:
      opacity .24s ease,
      transform .30s cubic-bezier(.4,0,.2,1),
      visibility 0s linear .30s!important;
    will-change:opacity,transform!important;
  }
  body.ecup-v5-menu-open .ecup-v5-mobile-panel{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    animation:none!important;
    transition:
      opacity .24s ease,
      transform .30s cubic-bezier(.4,0,.2,1),
      visibility 0s linear 0s!important;
  }

  /* Accordion opens/closes with the same feel in both directions. */
  .ecup-v5-mobile-sub{
    transition:
      max-height .38s cubic-bezier(.4,0,.2,1),
      opacity .22s ease,
      transform .28s cubic-bezier(.4,0,.2,1),
      margin .28s cubic-bezier(.4,0,.2,1)!important;
  }
}



/* =========================================================
   V5.5 iPHONE / TOUCH SEARCH FIX
   - one physical tap submits the search on iOS/WebKit
   - prevents double-tap zoom on the search button
   - prevents iOS focus-zoom by keeping the mobile search input at 16px
   - keeps SVG from becoming the touch target instead of the button
   ========================================================= */
.ecup-v5-search-form,
.ecup-v5-search-btn{
  touch-action:manipulation!important;
}
.ecup-v5-search-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.ecup-v5-search-btn svg,
.ecup-v5-search-btn svg *{
  pointer-events:none!important;
}

/* Touch browsers should not get a sticky/emulated :hover state. */
@media (hover:none), (pointer:coarse){
  .ecup-v5-search-btn:hover{
    background:var(--ec5-navy)!important;
    transform:none!important;
  }
  .ecup-v5-search-btn:active{
    background:var(--ec5-pink)!important;
    transform:none!important;
  }
}

/* iPhone/iPad Safari zooms form controls when their text is too small.
   Keep 16px on touch-sized layouts; the field height/padding remain unchanged. */
@supports (-webkit-touch-callout:none){
  @media(max-width:840px){
    .ecup-v5-search-input{
      font-size:16px!important;
      -webkit-text-size-adjust:100%!important;
      text-size-adjust:100%!important;
    }
    .ecup-v5-search-form{
      -webkit-text-size-adjust:100%!important;
      text-size-adjust:100%!important;
    }
  }
}

/* Gutenberg Navigation style: Mega Menu (left category rail + detail grid).
   Open state is JS-owned by the top-level link only, so core submenu toggles,
   hidden panel hit areas and generated pseudo-elements cannot open it. */
@media(min-width:841px){
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel{position:static!important}
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel>.multishop-mega-panel{
    position:absolute!important;left:max(16px,calc((100vw - min(1508px,100vw - 32px))/2))!important;right:auto!important;top:calc(100% - 2px)!important;
    width:min(1168px,calc(100vw - 32px))!important;min-width:0!important;min-height:430px!important;max-height:none!important;
    margin:0!important;padding:16px 16px 16px 0!important;display:none!important;grid-template-columns:minmax(220px,29%) minmax(0,71%)!important;grid-auto-rows:min-content!important;gap:2px 0!important;
    overflow:visible!important;overscroll-behavior:none!important;scrollbar-width:none!important;border:1px solid var(--ec5-line)!important;border-radius:0 0 18px 18px!important;background:var(--ec5-white)!important;box-shadow:var(--ec5-panel-shadow)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;transition:opacity .16s ease,visibility .16s ease!important
  }
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel>.multishop-mega-panel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel>.multishop-mega-panel:before,
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel>.multishop-mega-panel:after,
  .ecup-v5-header-wrap .multishop-mega-panel .wp-block-navigation__submenu-container:before,
  .ecup-v5-header-wrap .multishop-mega-panel .wp-block-navigation__submenu-container:after{content:none!important;display:none!important}
  /* Closed mega panels must leave the hit-testing tree completely.
     This prevents a hidden active branch from sitting over shop cards. */
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel:not(.is-mega-hover-open)>.multishop-mega-panel{
    display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important
  }
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel:not(.is-mega-hover-open)>.multishop-mega-panel *{
    visibility:hidden!important;pointer-events:none!important
  }
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel.is-mega-hover-open>.multishop-mega-panel{
    display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;z-index:999998!important
  }
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel>.wp-block-navigation-submenu__toggle:before{
    transform:translateY(-2px) rotate(45deg)!important
  }
  .ecup-v5-header-wrap .multishop-mega-menu .has-multishop-mega-panel.is-mega-hover-open>.wp-block-navigation-submenu__toggle:before{
    transform:translateY(2px) rotate(225deg)!important
  }
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-item{grid-column:1!important;width:100%!important;position:static!important}
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-item>.wp-block-navigation-item__content{min-height:48px!important;padding:8px 18px 8px 28px!important;border-radius:0!important;font-size:15px!important}
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-item.is-mega-active>.wp-block-navigation-item__content,
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-item:hover>.wp-block-navigation-item__content{background:var(--ec5-soft)!important;color:var(--ec5-pink)!important;transform:none!important}
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-submenu>.wp-block-navigation__submenu-container{
    position:absolute!important;left:29%!important;right:16px!important;top:16px!important;width:auto!important;min-width:0!important;height:auto!important;max-height:none!important;
    margin:0!important;padding:18px!important;display:grid!important;grid-template-columns:repeat(var(--multishop-mega-columns,3),minmax(0,1fr))!important;gap:12px!important;
    overflow:visible!important;overscroll-behavior:none!important;scrollbar-width:none!important;border:0!important;border-left:1px solid var(--ec5-line)!important;border-radius:0!important;background:var(--ec5-white)!important;box-shadow:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important
  }
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-submenu>.wp-block-navigation__submenu-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  /* A branch may become interactive only while its outer mega panel is open. */
  .ecup-v5-header-wrap .has-multishop-mega-panel.is-mega-hover-open>.multishop-mega-panel>.wp-block-navigation-submenu.is-mega-active>.wp-block-navigation__submenu-container{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important
  }

  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-submenu>.wp-block-navigation__submenu-container{
    align-content:start!important;min-height:398px!important;
    border-left:1px solid color-mix(in srgb,var(--ec5-line) 84%,var(--ec5-text) 16%)!important;
  }
  .ecup-v5-header-wrap .multishop-mega-branch-title{
    grid-column:1/-1!important;display:block!important;margin:0 0 6px!important;padding:0 2px 12px!important;
    border-bottom:1px solid var(--ec5-line)!important;color:var(--ec5-text)!important;font-size:22px!important;font-weight:800!important;line-height:1.2!important;
  }
  .ecup-v5-header-wrap .multishop-mega-panel>.wp-block-navigation-submenu>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
    min-height:58px!important;padding:10px 14px!important;border:1px solid color-mix(in srgb,var(--ec5-pink) 18%,var(--ec5-line))!important;border-radius:12px!important;background:color-mix(in srgb,var(--ec5-pink) 3%,var(--ec5-white))!important
  }
}

/* Catalogue buttons should advertise clickability once no overlay is above them. */
:where(.woocommerce ul.products,.wp-block-woocommerce-product-collection,.wc-block-product-template) :where(.add_to_cart_button,.ajax_add_to_cart,.wc-block-components-product-button__button,button[type="submit"]):not(:disabled):not(.disabled){
  cursor:pointer!important;
}

@media(prefers-reduced-motion:reduce){
  .ecup-v5-header-wrap *,
  .ecup-v5-mobile-panel{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Core Search block parity: the delivered header contains no Custom HTML. */
.ecup-v5-search.wp-block-search{margin:0!important;touch-action:manipulation!important}
.ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{transition:border-color .18s ease,box-shadow .18s ease,height .30s cubic-bezier(.4,0,.2,1),border-radius .30s cubic-bezier(.4,0,.2,1)!important;touch-action:manipulation!important}
.ecup-v5-search.wp-block-search .wp-block-search__button{position:relative!important;display:grid!important;place-items:center!important;line-height:0!important;font-size:0!important;-webkit-appearance:none!important;appearance:none!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}
.ecup-v5-search.wp-block-search .wp-block-search__button svg,
.ecup-v5-search.wp-block-search .wp-block-search__button svg *{pointer-events:none!important}
.ecup-v5-mobile-sub .is-depth-1>a{padding-inline-start:28px!important;font-size:12.5px!important}
.ecup-v5-mobile-sub .is-depth-2>a,.ecup-v5-mobile-sub .is-depth-3>a{padding-inline-start:42px!important;font-size:12px!important;opacity:.9}
@media(max-width:840px){
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-search.wp-block-search .wp-block-search__button{width:38px!important;height:30px!important;border-radius:8px!important}
}
@media(max-width:520px){
  .ecup-v5-search.wp-block-search .wp-block-search__input{font-size:12.5px!important}
  .ecup-v5-search.wp-block-search .wp-block-search__inside-wrapper{height:40px!important}
  .ecup-v5-search.wp-block-search .wp-block-search__button{height:32px!important;width:39px!important}
}
@supports (-webkit-touch-callout:none){
  @media(max-width:840px){
    .ecup-v5-search.wp-block-search .wp-block-search__input{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  }
}


/* One2TenX 11.18 — balanced Account/Cart geometry + smooth compact state. */
.ecup-v5-main{position:relative!important}
.ecup-v5-actions>.ecup-v5-account.multishop-header-account-block{
  min-width:118px!important;
  padding-inline:10px!important;
  border-radius:11px!important;
}
.ecup-v5-actions>.ecup-v5-account.multishop-header-account-block>a{
  justify-content:flex-start!important;
  gap:8px!important;
}
.ecup-v5-header-wrap.ecup-v5-size-transitioning{overflow:clip!important;will-change:height}

@media(max-width:840px){
  /* Keep Account icon-only on phones, but make it a true compact square instead
     of the narrow oval produced when the copy collapses. */
  .ecup-v5-account,
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-account{
    display:flex!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border:1px solid color-mix(in srgb,var(--ec5-navy) 18%,var(--ec5-line))!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--ec5-white) 96%,transparent)!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .ecup-v5-account.multishop-header-account-block>a{width:100%!important;height:100%!important;gap:0!important;justify-content:center!important;padding:0!important}
  .ecup-v5-account .multishop-header-account__copy,.ecup-v5-account-copy{display:none!important}
  .ecup-v5-account .multishop-header-account__icon,.ecup-v5-account-icon{
    width:22px!important;height:22px!important;min-width:22px!important;
    border:0!important;border-radius:0!important;background:transparent!important;
  }
  .ecup-v5-account .multishop-header-account__icon svg,.ecup-v5-account .multishop-header-account__icon img,.ecup-v5-account-icon svg{width:19px!important;height:19px!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-account:hover{transform:none!important}
  .ecup-v5-logo{transition:opacity .22s ease,transform .28s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.4,0,.2,1)!important}
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-logo{display:flex!important;position:absolute!important;opacity:0!important;transform:translateY(-4px) scale(.94)!important;max-width:0!important;overflow:hidden!important;pointer-events:none!important}
}
@media(max-width:360px){
  .ecup-v5-account,.ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-account{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important}
}


/* One2TenX 11.19 — phone Account geometry.
   Match the compact Cart rhythm without inheriting the desktop 118px min-width. */
@media(max-width:840px){
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block,
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block{
    display:flex!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:9px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block>a{
    width:100%!important;height:100%!important;padding:0!important;gap:0!important;justify-content:center!important;
  }
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block .multishop-header-account__icon,
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block .ecup-v5-account-icon{
    width:18px!important;height:18px!important;min-width:18px!important;
  }
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block .multishop-header-account__icon svg,
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block .multishop-header-account__icon img,
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block .ecup-v5-account-icon svg{
    width:16px!important;height:16px!important;
  }
}
@media(max-width:360px){
  .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block,
  .ecup-v5-header-wrap.ecup-v5-condensed .ecup-v5-actions>.ecup-v5-account.multishop-header-account-block{
    width:32px!important;min-width:32px!important;max-width:32px!important;height:34px!important;min-height:34px!important;
  }
}


/* One2TenX 11.25 — server-rendered always-compact mode.
   The wrapper already carries ecup-v5-condensed from PHP, so this adds no
   first-paint layout shift and only prevents transition artifacts. */
body.multishop-header-always-compact .ecup-v5-header-wrap.ecup-v5-condensed,
body.multishop-header-always-compact .ecup-v5-header-wrap.ecup-v5-condensed *{
  transition-duration:0s!important;
}