/* SHAHAZ.COM — Canonical Global Marketplace Header
 * Source design: the former Cosmetics page header. This is now the single
 * non-homepage site header; page-specific search scope is data-driven.
 */
.shahaz-global-market-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1200;min-height:64px;background:linear-gradient(110deg,#b80068 0%,#ec087f 48%,#ff1740 100%);border-bottom:1px solid rgba(255,255,255,.35);box-shadow:0 7px 20px rgba(184,0,104,.18)}
.shahaz-global-market-header--home-scroll{position:fixed;left:0;right:0;top:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-110%) scale(.985);filter:blur(2px);transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .5s ease,filter .5s ease,visibility 0s linear .6s}
.shahaz-global-market-header--home-scroll.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:blur(0);transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .55s ease .05s,filter .55s ease .05s,visibility 0s}
@media (prefers-reduced-motion: reduce){
	.shahaz-global-market-header--home-scroll,
	.shahaz-global-market-header--home-scroll.is-visible{transition:opacity .25s ease,visibility 0s;transform:none!important;filter:none!important}
}
.shahaz-global-market-header__track{width:100%;max-width:100vw;min-width:0;min-height:64px;display:grid;grid-template-columns:minmax(0,42px) minmax(0,1fr) repeat(3,minmax(0,40px));align-items:center;gap:7px;padding:8px 10px;box-sizing:border-box;overflow:hidden}
.shahaz-global-market-header__back,.shahaz-global-market-header__action{width:40px;height:40px;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:rgba(255,255,255,.13);color:#fff;display:grid;place-items:center;line-height:1;text-align:center;padding:0;cursor:pointer;transition:transform .16s ease,background .16s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px rgba(91,0,54,.14);text-decoration:none}
.shahaz-global-market-header__back svg,.shahaz-global-market-header__action svg{width:21px;height:21px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shahaz-global-market-header__back:hover,.shahaz-global-market-header__action:hover{transform:translateY(-1px);background:rgba(255,255,255,.23)}
.shahaz-global-market-header__back:focus-visible,.shahaz-global-market-header__action:focus-visible{outline:2px solid #ffe37a;outline-offset:2px}
.shahaz-global-market-header__search-form{position:relative;z-index:140;min-width:0;width:100%;max-width:100%;margin:0;padding:0;overflow:visible}
.shahaz-global-market-header__search-box{position:relative;z-index:141;display:flex;align-items:center;width:100%;height:42px;min-width:0;margin:0;padding:3px 4px 3px 42px;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.75);box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(91,0,54,.12)}
.shahaz-global-market-header__search-form.is-search-open .shahaz-global-market-header__search-box{z-index:143}
.shahaz-global-market-header__search-spark{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:19px;line-height:1;color:#f9007f;pointer-events:none}
.shahaz-global-market-header__search-rotator{position:absolute;left:42px;right:54px;top:0;bottom:0;display:flex;align-items:center;overflow:hidden;pointer-events:none}
.shahaz-global-market-header__rotator-text{display:inline-block;font-size:12px;line-height:1.2;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:shahaz-global-market-rotator .4s ease}
.shahaz-global-market-header__search-input{position:relative;z-index:2;flex:1 1 auto;min-width:0;width:100%;height:34px!important;margin:0!important;padding:0 5px!important;border:0!important;outline:0!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;color:#24242a;font-size:12px!important;line-height:1.2!important}
.shahaz-global-market-header__search-input:focus ~ .shahaz-global-market-header__search-rotator,.shahaz-global-market-header__search-box.shahaz-has-value .shahaz-global-market-header__search-rotator{display:none}
.shahaz-global-market-header__search-submit{position:relative;z-index:3;flex:0 0 42px;width:42px;height:34px;border:0;border-radius:9px;background:#f9007f!important;color:#fff!important;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;cursor:pointer;box-shadow:0 3px 8px rgba(154,0,89,.22)!important}
.shahaz-global-market-header__search-submit:hover{filter:brightness(1.05)}
.shahaz-global-market-header__search-submit:active{transform:translateY(1px)}
.shahaz-global-market-header__search-submit svg{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.shahaz-global-market-header__suggestions{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:142;max-height:min(70vh,520px);overflow:auto;background:#fff;border:1px solid #f1c8dd;border-radius:14px;box-shadow:0 14px 34px rgba(76,0,42,.22);color:#24242a;text-align:left;-webkit-overflow-scrolling:touch}
.shahaz-global-market-header__suggestions[hidden]{display:none!important}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-panel-inner{padding:9px}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-heading{padding:5px 6px 7px;color:#a30068;font-size:12px;font-weight:800}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-keywords,.shahaz-global-market-header__suggestions .shz-cosmetics-search-categories{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 9px}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-keyword,.shahaz-global-market-header__suggestions .shz-cosmetics-search-category{appearance:none;border:1px solid #f1c8dd;background:#fff7fb;color:#8f005c;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1;cursor:pointer}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-keyword:hover,.shahaz-global-market-header__suggestions .shz-cosmetics-search-category:hover{background:#ffe6f2}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-category{display:inline-flex;align-items:center;gap:5px}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-category span{font-size:9px}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-products{display:grid;gap:5px}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-product{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:6px;border:1px solid #f0e1e9;border-radius:10px;background:#fff;text-decoration:none;color:inherit}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-product:hover{background:#fff6fa;border-color:#e90079}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-product img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#f8eaf0;display:block}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-product-copy{min-width:0;display:grid;gap:3px}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-product-copy strong{font-size:12px;line-height:1.25;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-product-copy em{font-size:12px;line-height:1;color:#e94d2e;font-style:normal;font-weight:800}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-arrow{font-size:22px;color:#e90079;line-height:1;text-align:center}
.shahaz-global-market-header__suggestions .shz-cosmetics-search-loading,.shahaz-global-market-header__suggestions .shz-cosmetics-search-empty,.shahaz-global-market-header__suggestions .shz-cosmetics-search-hint{padding:18px 12px;text-align:center;color:#777;font-size:12px;font-weight:600}
.shahaz-global-market-menu{position:fixed;right:10px;top:76px;z-index:1300;display:grid;gap:9px;width:min(330px,calc(100vw - 20px));max-height:min(78vh,620px);overflow:auto;background:#fff;border:1px solid #f0c9dd;box-shadow:0 15px 35px rgba(60,0,30,.18);padding:10px;border-radius:14px;box-sizing:border-box;opacity:0;pointer-events:none;transform:translateY(-6px);transition:.16s ease;-webkit-overflow-scrolling:touch}
.shahaz-global-market-menu.is-open{opacity:1;pointer-events:auto;transform:none}
.shahaz-global-market-menu__group{display:grid;gap:3px;padding:3px}
.shahaz-global-market-menu__group + .shahaz-global-market-menu__group{border-top:1px solid #f3dce8;padding-top:8px}
.shahaz-global-market-menu__heading{padding:3px 9px 5px;font-size:10px;line-height:1;font-weight:850;letter-spacing:.08em;color:#a30068}
.shahaz-global-market-menu a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:700;color:#24242a;text-decoration:none;min-height:38px;box-sizing:border-box}
.shahaz-global-market-menu a span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff0f6;color:#e90079;font-size:15px;line-height:1}
.shahaz-global-market-menu a strong{font-weight:750;line-height:1.2}
.shahaz-global-market-menu a:hover,.shahaz-global-market-menu a:focus-visible{background:#fff0f6;color:#e90079}
.shahaz-global-market-menu a:focus-visible{outline:2px solid #e90079;outline-offset:-2px}
@keyframes shahaz-global-market-rotator{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media (max-width:520px){
  .shahaz-global-market-header{min-height:58px}
  .shahaz-global-market-header__track{min-height:58px;height:58px;grid-template-columns:36px minmax(0,1fr) repeat(3,36px);gap:5px;padding:7px 8px}
  .shahaz-global-market-header__back,.shahaz-global-market-header__action{width:36px;height:36px;border-radius:10px}
  .shahaz-global-market-header__action svg,.shahaz-global-market-header__back svg{width:19px;height:19px}
  .shahaz-global-market-header__search-box{height:36px;padding:3px 4px 3px 36px;border-radius:10px}
  .shahaz-global-market-header__search-spark{left:10px;font-size:17px}
  .shahaz-global-market-header__search-rotator{left:36px;right:48px}
  .shahaz-global-market-header__rotator-text{font-size:11px}
  .shahaz-global-market-header__search-input{height:30px!important;font-size:11px!important}
  .shahaz-global-market-header__search-submit{flex-basis:36px;width:36px;height:30px;border-radius:8px}
  .shahaz-global-market-header__search-submit svg{width:18px;height:18px}
  .shahaz-global-market-header__suggestions{top:calc(100% + 5px);max-height:64vh;border-radius:12px}
  .shahaz-global-market-header__suggestions .shz-cosmetics-search-panel-inner{padding:7px}
  .shahaz-global-market-header__suggestions .shz-cosmetics-search-keyword,.shahaz-global-market-header__suggestions .shz-cosmetics-search-category{font-size:10px;padding:7px 9px}
  .shahaz-global-market-header__suggestions .shz-cosmetics-search-product-copy strong{font-size:11px}
  .shahaz-global-market-menu{right:8px;top:64px;max-height:72vh}
}
@media (max-width:360px){
  .shahaz-global-market-header__track{grid-template-columns:34px minmax(0,1fr) repeat(3,34px);gap:4px;padding-left:6px;padding-right:6px}
  .shahaz-global-market-header__back,.shahaz-global-market-header__action{width:34px;height:34px}
}
@media (min-width:783px){body.admin-bar .shahaz-global-market-header{top:32px}.shahaz-global-market-menu{top:108px}}
@media (max-width:782px){
  /* ZIP-436 — Mobile global menu must begin immediately after the visible
   * homepage header + announcement stack. JS supplies the exact viewport
   * coordinate at runtime; these are safe no-gap fallbacks for first paint. */
  .shahaz-global-market-menu{top:var(--shahaz-global-menu-top,64px)}
  body.admin-bar .shahaz-global-market-menu{top:var(--shahaz-global-menu-top,110px)}
  body.admin-bar .shahaz-global-market-header{top:46px}
}

.shz-cosmetics-search-terms{display:flex;flex-direction:column;gap:4px;padding:8px}.shz-cosmetics-search-term{border:0;background:transparent;text-align:left;padding:6px 8px;cursor:pointer;font:inherit}.shz-cosmetics-search-term:hover{background:rgba(255,20,150,.08)}.shz-cosmetics-search-products{display:grid;gap:6px;padding:6px}.shz-cosmetics-search-product{display:flex;align-items:center;gap:8px;text-decoration:none}.shz-cosmetics-search-product img{width:42px;height:42px;object-fit:cover;border-radius:6px}.shz-cosmetics-search-product span{display:flex;flex-direction:column}.shz-cosmetics-search-product small{opacity:.75}

/* PHASE 132 — Homepage global header scroll contract.
 * It is hidden only before the announcement ticker has completely passed.
 * Once the ticker bottom reaches the viewport top, the global header becomes
 * fully visible and fixed; no opacity/color degradation is permitted. */
.shahaz-global-market-header--home-scroll{
  position:fixed!important;
  left:0!important;right:0!important;top:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-110%) scale(.985)!important;
  filter:blur(2px)!important;
  background:linear-gradient(110deg,#b80068 0%,#ec087f 48%,#ff1740 100%)!important;
  color:#fff!important;
  transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .5s ease,filter .5s ease,visibility 0s linear .6s!important;
}
.shahaz-global-market-header--home-scroll.is-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
  transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .55s ease .05s,filter .55s ease .05s,visibility 0s!important;
}
@media (prefers-reduced-motion: reduce){
  .shahaz-global-market-header--home-scroll,
  .shahaz-global-market-header--home-scroll.is-visible{
    transform:none!important;
    filter:none!important;
    transition:opacity .25s ease,visibility 0s!important;
  }
}

/* ZIP 160/161 — functional global-search contract: no-results stays on the
 * current page as a compact popup; empty search cannot submit. */
.shahaz-global-market-header__search-submit:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;filter:none!important}
.shahaz-global-market-header__no-results{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);z-index:1500;width:min(430px,calc(100vw - 24px));box-sizing:border-box;padding:12px 16px;border:1px solid rgba(249,0,127,.28);border-radius:14px;background:linear-gradient(145deg,#fff7fb,#fff);color:#6e214f;box-shadow:0 14px 34px rgba(76,0,42,.24);font-size:12px;font-weight:800;line-height:1.45;text-align:center;pointer-events:none}
.shahaz-global-market-header__no-results[hidden]{display:none!important}
@media(max-width:520px){.shahaz-global-market-header__no-results{top:calc(100% + 7px);font-size:11px;padding:11px 13px}}

/* SHAHAZ.COM — remove browser blue focus/tap rectangles from global header */
.shahaz-global-market-header__back,
.shahaz-global-market-header__action,
.shahaz-global-market-menu a{
  -webkit-tap-highlight-color:transparent!important;
}
.shahaz-global-market-header__back:focus:not(:focus-visible),
.shahaz-global-market-header__action:focus:not(:focus-visible),
.shahaz-global-market-menu a:focus:not(:focus-visible){
  outline:none!important;
}

/* Category trigger in the global marketplace menu shares the same destination
 * popup as the homepage drawer; it is not a second category system. */
.shahaz-global-market-menu__category-trigger{
  width:100%;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 10px;
  margin:0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#24242a;
  text-align:left;
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
  outline:none!important;
}
.shahaz-global-market-menu__category-trigger:hover{background:#fff0f6;color:#e90079;}
.shahaz-global-market-menu__category-trigger span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff0f6;color:#e90079;font-size:15px;line-height:1;}
.shahaz-global-market-menu__category-trigger strong{font-weight:750;line-height:1.2;}
.shahaz-global-market-menu__category-trigger b{font-size:20px;line-height:1;color:#e90079;text-align:center;}

.shahaz-global-market-menu__category-trigger{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:38px;padding:9px 10px;margin:0;border:0;border-radius:9px;background:transparent;color:#24242a;text-align:left;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none!important}
.shahaz-global-market-menu__category-trigger:hover{background:#fff0f6;color:#e90079}
.shahaz-global-market-menu__category-trigger span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff0f6;color:#e90079;font-size:15px;line-height:1}
.shahaz-global-market-menu__category-trigger strong{font-weight:750;line-height:1.2}
.shahaz-global-market-menu__category-trigger b{font-size:20px;line-height:1;color:#e90079;text-align:center}
.shahaz-global-market-header__back:focus:not(:focus-visible),
.shahaz-global-market-header__action:focus:not(:focus-visible),
.shahaz-global-market-menu a:focus:not(:focus-visible),
.shahaz-global-market-menu__category-trigger:focus:not(:focus-visible){box-shadow:none!important;}

/* ZIP-336 — document-flow compensation for the viewport-fixed global header. */
.shahaz-global-header-flow-spacer{display:block;width:100%;margin:0;padding:0;border:0;pointer-events:none;}

/* ZIP-438 — restore the canonical global second-header search width.
 * The shared header grid already provides the intended horizontal gaps
 * around the search form. The search form must fill its grid column so the
 * visible gap to the back/action buttons is exactly the grid gap (7px in
 * the normal compact header and 4px on the ≤360px breakpoint). This is a
 * horizontal-width correction only; search height, controls, typography and
 * the header's vertical geometry are intentionally untouched. */
.shahaz-global-market-header__search-form{
	width:100%;
	max-width:100%;
	margin-left:0;
	margin-right:0;
}
