/* Seli menu header styles: floating showcase and campaign */
body.menu-header-style-floating-showcase .header,
body.menu-header-style-campaign .header{
  margin:10px 12px 2px;padding:13px;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:24px;
  overflow:hidden;isolation:isolate;box-shadow:0 18px 42px color-mix(in srgb,var(--text) 12%,transparent)
}
body.menu-header-style-floating-showcase .header::after{
  content:"";position:absolute;z-index:-1;width:190px;height:190px;inset:-105px auto auto -70px;border-radius:50%;
  background:color-mix(in srgb,var(--primary) 19%,transparent);filter:blur(2px);pointer-events:none
}
body.menu-header-style-floating-showcase .header-top,body.menu-header-style-campaign .header-top{position:relative;z-index:2}
body.menu-header-style-floating-showcase .store-logo{width:58px;height:58px;border-radius:18px;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}
.header-feature-content{position:relative;z-index:1;margin-top:13px;padding:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-radius:18px;background:color-mix(in srgb,var(--primary) 8%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 15%,transparent)}
.header-feature-copy{min-width:0;display:grid;gap:5px}.header-feature-kicker{color:var(--primary);font-size:10px;font-weight:850}.header-feature-copy strong{font-size:16px;line-height:1.75}.header-feature-copy small{color:var(--muted);font-size:10px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-feature-actions{flex:none}.header-feature-cta{min-height:39px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;color:#fff;background:var(--primary);font:800 11px/1.5 inherit;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 25%,transparent)}
body.menu-header-style-campaign .header{color:#fff;background:linear-gradient(142deg,color-mix(in srgb,var(--primary) 40%,#171526),color-mix(in srgb,var(--primary) 20%,#11101D));border-color:color-mix(in srgb,var(--primary) 32%,transparent)}
/* Keep decoration out of the scroll dock and the product area. */
body.menu-header-style-campaign .header::before,
body.menu-header-style-campaign .header::after{content:none;display:none}
body.menu-header-style-campaign .store-name,body.menu-header-style-campaign .store-status{color:#fff}
body.menu-header-style-campaign .store-logo{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24)}
body.menu-header-style-campaign .header-actions>a,body.menu-header-style-campaign .header-actions>button{color:#fff;background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22);box-shadow:none}
body.menu-header-style-campaign .header-actions>button>svg{stroke:currentColor}
body.menu-header-style-campaign .menu-catalog-btn{width:42px;min-width:42px;padding-inline:0}
body.menu-header-style-campaign .menu-catalog-btn strong{display:none}
body.menu-header-style-campaign .header-feature-content{align-items:center;padding:16px 2px 2px;margin-top:14px;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.14);border-radius:0;gap:16px}
body.menu-header-style-campaign .header-feature-copy{gap:8px}
body.menu-header-style-campaign .header-feature-kicker{width:fit-content;padding:4px 9px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);line-height:1.6}
body.menu-header-style-campaign .header-feature-copy strong{font-size:20px;line-height:1.6;text-wrap:balance}
body.menu-header-style-campaign .header-feature-copy small{color:rgba(255,255,255,.82);font-size:11px;line-height:1.9;white-space:normal;overflow:visible}
body.menu-header-style-campaign .header-feature-cta{min-height:44px;padding:10px 15px;color:#171526;background:#fff;font-family:inherit;font-size:12px;font-weight:800;line-height:1.5;box-shadow:0 6px 16px rgba(15,12,40,.16)}
body.menu-header-style-campaign .header-feature-cta>svg{flex:none;transform:rotate(180deg)}
body.menu-header-style-campaign .header-feature-cta:focus-visible,
body.menu-header-style-campaign .header-actions>:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body.menu-header-smart.header-smart-mounted .header-feature-content{display:none}
body.menu-header-smart.header-smart-mounted.menu-header-style-floating-showcase .header,body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .header{margin-inline:auto;padding:8px 10px;border-radius:18px;overflow:visible}
body.menu-header-smart.header-smart-mounted.menu-header-style-floating-showcase .header::before,
body.menu-header-smart.header-smart-mounted.menu-header-style-floating-showcase .header::after{content:none;display:none}
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .header{color:var(--text);background:rgba(var(--card-rgb,255,255,255),.92)}
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .store-name,body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .store-status{color:var(--text)}
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .header-actions>a,
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .header-actions>button{color:var(--text);background:color-mix(in srgb,var(--primary) 7%,var(--card));border-color:color-mix(in srgb,var(--text) 12%,transparent)}
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .header-actions>.active{color:var(--text);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--card))}
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .store-logo{background:var(--card);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}
body.menu-header-smart.header-smart-mounted.menu-header-style-campaign .menu-catalog-btn{width:38px;min-width:38px;padding-inline:0}
@media(max-width:520px){body.menu-header-style-floating-showcase .header,body.menu-header-style-campaign .header{margin:8px 8px 2px;border-radius:20px}.header-feature-content{align-items:stretch;flex-direction:column;padding:14px}.header-feature-actions,.header-feature-cta{width:100%}body.menu-header-style-campaign .header-feature-content{padding:15px 2px 2px}body.menu-header-style-campaign .header-feature-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.header-feature-cta{transition:none}}

/* Minimal gamified progress header */
body.menu-header-style-progress{--menu-header-gap:0px}
body.menu-header-style-progress .header{
  min-height:78px;padding:14px 18px;margin:0;background:color-mix(in srgb,var(--card) 96%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent);overflow:visible
}
body.menu-header-style-progress .header-category-gap{display:none;height:0}
body.menu-header-style-progress .category-bar{margin-top:0}
body.menu-header-style-progress.menu-header-sticky .category-bar{top:var(--menu-header-height)}
body.menu-header-style-progress.menu-header-smart.header-smart-visible .category-bar{top:calc(var(--menu-header-height) + var(--menu-smart-dock-inset))}
body.menu-header-style-progress .header-top{position:relative;min-height:48px;display:block}
body.menu-header-style-progress .store-meta,
body.menu-header-style-progress .menu-switch-btn{display:none}
body.menu-header-style-progress .store-logo{
  position:absolute;z-index:3;right:50px;left:auto;top:50%;width:44px;height:44px;transform:translateY(-50%);
  border-radius:50%;background:var(--primary);color:#fff;border:2px solid color-mix(in srgb,var(--primary) 65%,#fff);
  box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 20%,transparent)
}
body.menu-header-style-progress .header-actions{display:contents}
body.menu-header-style-progress .menu-catalog-btn{
  position:absolute;z-index:3;right:0;left:auto;top:50%;width:40px;min-width:40px;height:40px;padding:0;transform:translateY(-50%);
  color:var(--primary);background:transparent;border:0;box-shadow:none
}
body.menu-header-style-progress .menu-catalog-btn strong{display:none}
body.menu-header-style-progress .search-toggle-btn{
  position:absolute;z-index:3;left:0;right:auto;top:50%;width:42px;height:42px;transform:translateY(-50%);
  color:var(--primary);background:transparent;border:0;box-shadow:none
}
body.menu-header-style-progress .cart-btn{
  position:absolute;z-index:3;left:46px;right:auto;top:50%;width:42px;height:42px;transform:translateY(-50%);
  color:var(--primary);background:transparent;border:0;box-shadow:none
}
body.menu-header-style-progress .cart-badge{top:0;right:0}
body.menu-header-style-progress .header-scroll-game{
  position:absolute;z-index:2;direction:ltr;right:116px;left:108px;top:38px;height:24px;transform:translateY(-50%)
}
body.menu-header-style-progress .header-scroll-track{
  position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:color-mix(in srgb,var(--primary) 18%,var(--card));overflow:hidden
}
body.menu-header-style-progress .header-scroll-fill{display:block;width:0;height:100%;background:var(--primary);transition:width .12s linear}
body.menu-header-style-progress .header-scroll-marker{
  position:absolute;left:0;top:50%;width:22px;height:20px;transform:translate(-50%,-50%);background:var(--primary);
  clip-path:polygon(0 0,100% 50%,0 100%,23% 50%);transition:left .12s linear,filter .2s
}
body.menu-header-style-progress .header-scroll-marker::after{
  content:"";position:absolute;inset:3px 4px 3px 3px;background:var(--card);clip-path:polygon(0 0,100% 50%,0 100%,25% 50%)
}
body.menu-header-style-progress .header-scroll-game.is-complete .header-scroll-fill,
body.menu-header-style-progress .header-scroll-game.is-complete .header-scroll-marker{background:#10B981}
body.menu-header-style-progress .menu-search-wrap.open{margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}
body.menu-header-smart.header-smart-mounted.menu-header-style-progress .header{min-height:62px;padding:7px 12px;overflow:visible}
body.menu-header-smart.header-smart-mounted.menu-header-style-progress .header-top{min-height:46px}
body.menu-header-smart.header-smart-mounted.menu-header-style-progress .header-scroll-game{top:31px;right:106px;left:102px}
@media(max-width:380px){body.menu-header-style-progress .header{padding-inline:10px}body.menu-header-style-progress .store-logo{right:43px;width:40px;height:40px}body.menu-header-style-progress .menu-catalog-btn{right:0}body.menu-header-style-progress .search-toggle-btn{left:0}body.menu-header-style-progress .cart-btn{left:42px}body.menu-header-style-progress .header-scroll-game{right:99px;left:96px}.header-scroll-marker{width:18px}}