/* Jolfa v119 — Made-in-China-inspired two-tier public header.
   Tier 1: brand + large store search + account actions.
   Tier 2 (nail-business): categories + site links + locale/tools; collapses on scroll. */

body.public-nail-header{--header-height:134px}
body.public-nail-header .site-header.jolfa-nail-header,
html[data-theme="light"] body.public-nail-header .site-header.jolfa-nail-header,
html[data-theme="dark"] body.public-nail-header .site-header.jolfa-nail-header{
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:1000!important;
  min-height:0!important;
  background:radial-gradient(circle at 12% -35%,rgba(87,213,225,.18),transparent 34%),linear-gradient(135deg,rgba(27,18,36,.98),rgba(53,22,76,.98) 56%,rgba(66,27,77,.98))!important;
  color:#f8f4fb!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 10px 30px rgba(22,10,31,.18)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  transition:box-shadow .2s ease!important;
  overflow:visible!important;
}
body.public-nail-header .site-header.jolfa-nail-header.is-scrolled{box-shadow:0 14px 34px rgba(16,7,24,.25)!important}

.jolfa-nail-common{
  min-height:76px;
  background:transparent!important;
  display:grid!important;
  align-items:center!important;
  gap:18px!important;
  padding-block:10px!important;
}
html[dir="ltr"] .jolfa-nail-common{grid-template-columns:auto minmax(360px,1fr) auto;grid-template-areas:"brand search actions"}
html[dir="rtl"] .jolfa-nail-common{grid-template-columns:auto minmax(360px,1fr) auto;grid-template-areas:"actions search brand"}
.jolfa-nail-brand{grid-area:brand;min-width:0;display:flex;align-items:center}
.jolfa-nail-search{grid-area:search;position:relative!important;z-index:12!important;min-width:0!important;width:100%!important;max-width:none!important;display:block!important}
.jolfa-nail-actions{grid-area:actions;position:relative;z-index:30;display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;overflow:visible}

.jolfa-nail-header .site-brand{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#fff!important}
.jolfa-nail-header .site-brand img{width:44px!important;height:44px!important;object-fit:contain!important;filter:drop-shadow(0 5px 12px rgba(0,0,0,.16))}
.jolfa-nail-header .brand-wordmark{font-size:1.34rem!important;background:linear-gradient(135deg,#fff,#bfeff3 58%,#ead7f5)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.jolfa-nail-header .brand-slogan,.jolfa-nail-header .brand-copy small{color:#d8cde2!important;font-size:.65rem!important;white-space:nowrap}

/* Brand lockup has a reserved two-line box so the typewriter never changes header height. */
.jolfa-nail-header .site-brand .brand-copy{
  position:relative!important;
  display:grid!important;
  grid-template-rows:23px 16px!important;
  align-content:center!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  line-height:1!important;
}
.jolfa-nail-header .site-brand .brand-wordmark{
  grid-row:1!important;
  display:block!important;
  align-self:end!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.jolfa-nail-header .site-brand .brand-slogan{
  grid-row:2!important;
  display:block!important;
  align-self:start!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:2px 0 0!important;
  overflow:visible!important;
  line-height:14px!important;
  white-space:nowrap!important;
}
.jolfa-nail-header .site-brand .brand-slogan span{
  display:inline-block!important;
  min-width:0!important;
  height:14px!important;
  min-height:14px!important;
  line-height:14px!important;
  white-space:nowrap!important;
  vertical-align:top!important;
}
html[dir="ltr"] .jolfa-nail-header .site-brand .brand-copy,
html[dir="ltr"] .jolfa-nail-header .site-brand .brand-slogan{direction:ltr!important;text-align:left!important}
html[dir="rtl"] .jolfa-nail-header .site-brand .brand-copy,
html[dir="rtl"] .jolfa-nail-header .site-brand .brand-slogan{direction:rtl!important;text-align:right!important}

/* Search shell: the field alone owns the visible border. */
.jolfa-nail-header .jolfa-global-search{position:relative!important;width:100%!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.jolfa-nail-header .jolfa-global-search__field{
  position:relative!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
  padding:0 46px 0 46px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 22px rgba(9,5,15,.16)!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.jolfa-nail-header .jolfa-global-search__field:hover{border-color:#fff!important;background:#fff!important}
.jolfa-nail-header .jolfa-global-search__field:focus-within{border-color:#93e3ea!important;background:#fff!important;box-shadow:0 0 0 3px rgba(87,213,225,.16),0 9px 24px rgba(9,5,15,.18)!important}
.jolfa-nail-header .jolfa-global-search__field input,
.jolfa-nail-header .jolfa-global-search__field input:hover,
.jolfa-nail-header .jolfa-global-search__field input:focus,
.jolfa-nail-header .jolfa-global-search__field input:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#241b2a!important;
  caret-color:#5d2675!important;
  font:700 14px/1.7 "Vazirmatn",Tahoma,Arial,sans-serif!important;
}
html[dir="rtl"] .jolfa-nail-header .jolfa-global-search__field input{text-align:right!important;direction:rtl!important}
html[dir="ltr"] .jolfa-nail-header .jolfa-global-search__field input{text-align:left!important;direction:ltr!important}
.jolfa-nail-header .jolfa-global-search__field input::placeholder{color:#8b8290!important;opacity:1!important}
.jolfa-nail-header .jolfa-global-search__icon{
  position:absolute!important;left:15px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;
  width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  color:#5f2877!important;font-size:16px!important;pointer-events:none!important
}
.jolfa-nail-header .jolfa-global-search__clear,
.jolfa-nail-header .jolfa-global-search__clear:hover,
.jolfa-nail-header .jolfa-global-search__clear:focus,
.jolfa-nail-header .jolfa-global-search__clear:active{
  position:absolute!important;right:8px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;
  width:32px!important;height:32px!important;min-width:32px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;color:#8b8290!important;z-index:2!important
}
.jolfa-nail-header .jolfa-global-search__clear:hover{background:#f3eff5!important;color:#54216b!important}
.jolfa-nail-header .jolfa-global-search__clear[hidden]{display:none!important}
/* Search affordances follow reading direction: Persian magnifier on the right, clear on the left. */
html[dir="rtl"] .jolfa-nail-header .jolfa-global-search__icon{right:15px!important;left:auto!important}
html[dir="rtl"] .jolfa-nail-header .jolfa-global-search__clear,
html[dir="rtl"] .jolfa-nail-header .jolfa-global-search__clear:hover,
html[dir="rtl"] .jolfa-nail-header .jolfa-global-search__clear:focus,
html[dir="rtl"] .jolfa-nail-header .jolfa-global-search__clear:active{left:8px!important;right:auto!important}
html[dir="ltr"] .jolfa-nail-header .jolfa-global-search__icon{left:15px!important;right:auto!important}
html[dir="ltr"] .jolfa-nail-header .jolfa-global-search__clear,
html[dir="ltr"] .jolfa-nail-header .jolfa-global-search__clear:hover,
html[dir="ltr"] .jolfa-nail-header .jolfa-global-search__clear:focus,
html[dir="ltr"] .jolfa-nail-header .jolfa-global-search__clear:active{right:8px!important;left:auto!important}
.jolfa-nail-header .jolfa-global-search__submit{display:none!important}
.jolfa-nail-header .jolfa-global-search__results{
  position:absolute!important;inset-inline:0!important;top:calc(100% + 8px)!important;max-height:min(540px,68vh)!important;
  overflow:auto!important;padding:8px!important;border:1px solid #e7e1e9!important;border-radius:16px!important;
  background:#fff!important;color:#24202a!important;box-shadow:0 22px 55px rgba(17,8,25,.26)!important;z-index:1600!important
}

/* Main action group */
.jolfa-nail-header .header-cart-button.jolfa-nail-cart{
  position:relative!important;width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:none!important
}
.jolfa-nail-header .header-cart-button.jolfa-nail-cart>i{font-size:16px!important;color:#fff!important}
@media(min-width:761px){
  .jolfa-nail-header .header-cart-button.jolfa-nail-cart{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}
  .jolfa-nail-header .header-cart-button.jolfa-nail-cart:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(8,4,12,.12)!important}
}
.jolfa-nail-header .header-cart-button.jolfa-nail-cart>b{
  position:absolute!important;top:-6px!important;right:-6px!important;
  width:auto!important;min-width:21px!important;max-width:38px!important;height:21px!important;
  padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  white-space:nowrap!important;overflow:hidden!important;border:2px solid #3b194c!important;border-radius:999px!important;
  background:linear-gradient(135deg,#ff6f91 0%,#e53b68 100%)!important;color:#fff!important;
  box-shadow:0 4px 10px rgba(9,3,14,.26),0 0 0 1px rgba(255,255,255,.08)!important;
  font-size:10px!important;font-weight:950!important;line-height:17px!important;letter-spacing:-.02em!important;
  font-variant-numeric:tabular-nums;z-index:3!important;pointer-events:none!important
}
.jolfa-nail-header .header-cart-button.jolfa-nail-cart>b[data-count="0"],.jolfa-nail-header .header-cart-button.jolfa-nail-cart>b:empty{display:none!important}
.jolfa-nail-auth{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid rgba(255,255,255,.17);border-radius:12px;color:#fff!important;background:rgba(255,255,255,.07);font:850 12px "Vazirmatn",sans-serif;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.jolfa-nail-auth:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);transform:translateY(-1px)}
.jolfa-nail-auth--register{background:#fff!important;border-color:#fff!important;color:#39154e!important;box-shadow:0 7px 18px rgba(8,4,12,.13)}
.jolfa-nail-auth--register i{color:#5d2675!important}
.jolfa-nail-auth--account{cursor:pointer}
.jolfa-nail-account .panel-menu{top:calc(100% + 9px)!important}
.jolfa-nail-header .mobile-menu-button.jolfa-nail-menu{display:none!important}

/* Secondary nail-business bar. It is deliberately non-sticky as a layer: it collapses while the primary nail remains fixed. */
.jolfa-nail-business{
  max-height:58px;
  opacity:1;
  overflow:visible;
  border-top:1px solid rgba(255,255,255,.07);
  background:transparent!important;
  transition:max-height .22s ease,opacity .16s ease,transform .22s ease,border-color .16s ease;
  transform:translateY(0)
}
.jolfa-nail-business__inner{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:6px}
.jolfa-nail-business__nav{min-width:0;display:flex;align-items:center;gap:2px;white-space:nowrap}
.jolfa-nail-business__nav>a,.jolfa-nail-business__nav .nav-dropdown__button{
  height:42px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#e8dfed!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important
}
.jolfa-nail-business__nav>a>i,.jolfa-nail-business__nav .nav-dropdown__button>i{color:#bdebef!important;font-size:12px!important}
.jolfa-nail-business__nav>a:hover,.jolfa-nail-business__nav>a.active,.jolfa-nail-business__nav .nav-dropdown__button:hover,.jolfa-nail-business__nav .nav-dropdown__button.active{background:rgba(255,255,255,.09)!important;color:#fff!important}
.jolfa-nail-business .store-category-dropdown{display:inline-flex!important}
.jolfa-nail-business .store-category-dropdown>.nav-dropdown__button{color:#fff!important;font-weight:900!important}
.jolfa-nail-business .nav-dropdown__menu{top:calc(100% + 6px)!important}
.jolfa-nail-business .commerce-mega-menu{max-width:min(1100px,calc(100vw - 40px))!important}
.jolfa-nail-business__tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.jolfa-nail-business .language-trigger,.jolfa-nail-theme{
  height:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;
  border:0!important;border-radius:9px!important;background:transparent!important;color:#e8dfed!important;box-shadow:none!important;font-size:11px!important;font-weight:800!important
}
.jolfa-nail-business .language-trigger:hover,.jolfa-nail-theme:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.jolfa-nail-business .language-menu{top:calc(100% + 6px)!important}
.jolfa-nail-theme{width:40px!important;justify-content:center!important;padding:0!important}

/* Header dropdown chevrons: closed points up, opening turns smoothly downward. */
.jolfa-nail-header [data-nav-dropdown] > .nav-dropdown__button .fa-chevron-down,
.jolfa-nail-header [data-language-trigger] .fa-chevron-down,
.jolfa-nail-header [data-panel-trigger] .fa-chevron-down{transform:rotate(180deg);transform-origin:center;transition:transform .26s cubic-bezier(.22,.75,.25,1)!important}
.jolfa-nail-header [data-nav-dropdown].open > .nav-dropdown__button .fa-chevron-down,
.jolfa-nail-header [data-language-dropdown].open [data-language-trigger] .fa-chevron-down,
.jolfa-nail-header [data-panel-dropdown].open [data-panel-trigger] .fa-chevron-down{transform:rotate(360deg)}

.jolfa-nail-header.is-scrolled .jolfa-nail-common{min-height:68px;padding-block:8px!important}
.jolfa-nail-header.is-scrolled .jolfa-nail-business{max-height:0;opacity:0;transform:translateY(-8px);border-top-color:transparent;overflow:hidden;pointer-events:none}

/* The obsolete standalone mobile Categories chip is intentionally gone. */
.store-category-mobile-link{display:none!important}
.product-header-search-trigger{display:none!important}

@media(max-width:1180px) and (min-width:981px){
  .jolfa-nail-common{gap:12px!important}
  html[dir="ltr"] .jolfa-nail-common{grid-template-columns:auto minmax(280px,1fr) auto}
  html[dir="rtl"] .jolfa-nail-common{grid-template-columns:auto minmax(280px,1fr) auto}
  .jolfa-nail-auth{padding-inline:10px}.jolfa-nail-auth span{display:none}
  .jolfa-nail-business__nav>a,.jolfa-nail-business__nav .nav-dropdown__button{padding-inline:7px!important;font-size:11px!important}
  .jolfa-nail-business__nav>a:nth-last-of-type(2){display:none!important}
}

@media(max-width:980px){
  body.public-nail-header{--header-height:120px}
  body.public-nail-header .site-header.jolfa-nail-header{display:block!important;min-height:0!important}
  body.product-detail-page>.site-header.jolfa-nail-header,body.product-detail-page .site-header.jolfa-nail-header{display:block!important}
  body.product-detail-page .commerce-mobile-product-header{display:none!important}
  body.product-detail-page .site-main{padding-top:120px!important}

  /* Mobile: logo + menu on row one, search on row two. The search glides up beside the menu on scroll. */
  .jolfa-nail-common{
    position:relative!important;
    width:calc(100% - 24px)!important;
    height:120px!important;
    min-height:120px!important;
    display:block!important;
    padding:8px 0!important;
    direction:ltr!important;
    transition:height .28s cubic-bezier(.22,.75,.25,1),min-height .28s cubic-bezier(.22,.75,.25,1),padding .28s ease!important
  }
  .jolfa-nail-brand{
    position:absolute!important;left:0!important;right:auto!important;top:8px!important;height:48px!important;max-width:calc(100% - 58px)!important;
    display:flex!important;align-items:center!important;direction:ltr!important;overflow:visible!important;
    opacity:1!important;transform:translate3d(0,0,0)!important;transform-origin:left center!important;
    transition:opacity .2s ease,transform .28s cubic-bezier(.22,.75,.25,1),visibility .2s ease!important
  }
  .jolfa-nail-brand .site-brand{max-width:100%!important;direction:ltr!important;overflow:visible!important}
  .jolfa-nail-brand .site-brand img{width:39px!important;height:39px!important;flex:0 0 39px!important}
  .jolfa-nail-brand .brand-copy{display:grid!important;grid-template-rows:22px 16px!important;align-content:center!important;width:122px!important;min-width:122px!important;max-width:122px!important;height:38px!important;min-height:38px!important;max-height:38px!important;overflow:visible!important;direction:ltr!important;text-align:left!important;line-height:1!important}
  .jolfa-nail-brand .brand-wordmark{font-size:1.18rem!important;line-height:1!important}
  .jolfa-nail-brand .brand-slogan{display:block!important;width:max-content!important;max-width:none!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding-top:2px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:.62rem!important;line-height:14px!important}
  .jolfa-nail-brand .brand-slogan span{display:inline-block!important;height:14px!important;min-height:14px!important;overflow:visible!important;line-height:14px!important;white-space:nowrap!important}
  html[dir="rtl"] .jolfa-nail-brand .brand-copy,html[dir="rtl"] .jolfa-nail-brand .brand-slogan{direction:rtl!important;text-align:right!important}
  html[dir="ltr"] .jolfa-nail-brand .brand-copy,html[dir="ltr"] .jolfa-nail-brand .brand-slogan{direction:ltr!important;text-align:left!important}

  .jolfa-nail-search{
    position:absolute!important;left:0!important;right:auto!important;top:8px!important;width:100%!important;max-width:none!important;z-index:12!important;
    direction:rtl!important;transform:translate3d(0,55px,0)!important;
    will-change:transform,width;
    transition:transform .34s cubic-bezier(.22,.75,.25,1),width .34s cubic-bezier(.22,.75,.25,1)!important
  }
  html[dir="ltr"] .jolfa-nail-search{direction:ltr!important}
  .jolfa-nail-header .jolfa-global-search__field{height:48px!important;min-height:48px!important;border-radius:12px!important;padding-left:45px!important;padding-right:45px!important;box-shadow:0 5px 16px rgba(9,5,15,.12)!important}
  .jolfa-nail-header .jolfa-global-search__field input{font-size:13px!important}
  .jolfa-nail-header .jolfa-global-search__results{top:calc(100% + 6px)!important;max-height:min(62vh,480px)!important;border-radius:14px!important}

  .jolfa-nail-actions{position:absolute!important;right:0!important;left:auto!important;top:10px!important;width:44px!important;height:44px!important;display:block!important;margin:0!important;z-index:14!important;transform:translate3d(6px,0,0);will-change:transform;transition:transform .34s cubic-bezier(.22,.75,.25,1)!important}
  .jolfa-nail-actions>*:not(.jolfa-nail-menu){display:none!important}
  .jolfa-nail-header .header-cart-button.jolfa-nail-cart{display:none!important}
  .jolfa-nail-header .mobile-menu-button.jolfa-nail-menu{
    width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;font-size:17px!important;
    opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;transform-origin:right center!important;will-change:transform,opacity;transition:background .2s ease,border-color .2s ease,transform .34s cubic-bezier(.22,.75,.25,1),opacity .24s ease,box-shadow .2s ease!important
  }
  .jolfa-nail-header .mobile-menu-button.jolfa-nail-menu:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important}
  .jolfa-nail-business{display:none!important}

  .jolfa-nail-header.is-scrolled .jolfa-nail-common{height:64px!important;min-height:64px!important;padding:8px 0!important}
  .jolfa-nail-header.is-scrolled .jolfa-nail-brand{opacity:0!important;transform:translate3d(-12px,-8px,0) scale(.96)!important;visibility:hidden!important;pointer-events:none!important}
  .jolfa-nail-header.is-scrolled .jolfa-nail-search{width:calc(100% - 54px)!important;transform:translate3d(0,0,0)!important}
  .jolfa-nail-header.is-scrolled .jolfa-global-search__field{height:46px!important;min-height:46px!important}
  .jolfa-nail-header.is-scrolled .jolfa-nail-actions{transform:translate3d(0,1px,0)!important}
  .jolfa-nail-header.is-scrolled .mobile-menu-button.jolfa-nail-menu{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}

  /* The mobile bottom cart badge is absent at zero and never stretches. */
  .mobile-bottom-nav__badge{width:auto!important;min-width:18px!important;max-width:30px!important;height:18px!important;padding:0 4px!important;white-space:nowrap!important;overflow:hidden!important;line-height:16px!important}
  .mobile-bottom-nav__badge[data-count="0"],.mobile-bottom-nav__badge:empty{display:none!important}
}

@media(max-width:520px){
  .jolfa-nail-header .brand-copy{width:118px!important;min-width:118px!important;max-width:118px!important}
  .jolfa-nail-header .brand-slogan{width:max-content!important;max-width:none!important;height:16px!important;min-height:16px!important;max-height:16px!important;overflow:visible!important;text-overflow:clip!important}
}

@media(prefers-reduced-motion:reduce){
  .jolfa-nail-business,.jolfa-nail-common,.jolfa-nail-brand,.jolfa-nail-search,.jolfa-nail-auth,.jolfa-nail-header .jolfa-global-search__field,.jolfa-nail-header .mobile-menu-button.jolfa-nail-menu,.jolfa-nail-header .fa-chevron-down{transition:none!important}
}

/* Compatibility guards against older storefront/mobile header rules. */
.jolfa-nail-business .store-category-dropdown>.nav-dropdown__button{min-height:42px!important}
@media(max-width:980px){
  body.public-nail-header.store-search-context .site-header.jolfa-nail-header .jolfa-nail-brand .site-brand{order:0!important;margin:0!important}
  body.public-nail-header.store-search-context .site-header.jolfa-nail-header .jolfa-nail-search.site-header__search{order:0!important;flex:none!important;max-width:none!important}
}

/* Keep document flow anchored to the expanded header height; collapsing chrome must not make content jump. */
body.public-nail-header .site-main--landing{padding-top:var(--header-height)!important}

/* ---------- v119.4 header sizing + contextual mobile store chrome ---------- */
/* Keep every primary desktop control aligned to the search field. */
@media(min-width:981px){
  .jolfa-nail-header .jolfa-global-search__field{height:50px!important;min-height:50px!important}
  .jolfa-nail-header .header-cart-button.jolfa-nail-cart{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
  .jolfa-nail-header .jolfa-nail-auth{height:50px!important;min-height:50px!important}
  .jolfa-nail-header .jolfa-nail-auth--account{height:50px!important;min-height:50px!important}
}

.jolfa-nail-header .jolfa-nail-back{display:none!important}

@media(max-width:980px){
  /* Older storefront rules used width:auto on store routes. Override them with
     the same header geometry used on the home page so Search never leaves a dead gap. */
  body.public-nail-header.store-search-context .site-header.jolfa-nail-header .jolfa-nail-search.site-header__search{
    width:100%!important;max-width:none!important;flex:none!important
  }
  body.public-nail-header.store-search-context .site-header.jolfa-nail-header.is-scrolled .jolfa-nail-search.site-header__search{
    width:calc(100% - 60px)!important
  }

  /* Menu and search are exactly the same height on mobile, before and after scroll. */
  .jolfa-nail-header .jolfa-global-search__field,
  .jolfa-nail-header.is-scrolled .jolfa-global-search__field{height:48px!important;min-height:48px!important}
  .jolfa-nail-actions{top:8px!important;width:48px!important;height:48px!important;transform:translate3d(0,0,0)!important}
  .jolfa-nail-header .mobile-menu-button.jolfa-nail-menu{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important
  }
  .jolfa-nail-header.is-scrolled .jolfa-nail-actions{transform:translate3d(0,0,0)!important}

  /* Deep storefront pages use the compact Digikala-style row:
     Back on the right, large Search on the left. */
  body.store-compact-mobile-header.public-nail-header{--header-height:64px}
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-common{
    width:calc(100% - 24px)!important;height:64px!important;min-height:64px!important;padding:8px 0!important
  }
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-brand{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(-10px,-6px,0) scale(.97)!important
  }
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-search.site-header__search,
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header.is-scrolled .jolfa-nail-search.site-header__search{
    left:0!important;right:auto!important;top:8px!important;width:calc(100% - 60px)!important;max-width:none!important;
    transform:translate3d(0,0,0)!important;transition:width .3s cubic-bezier(.22,.75,.25,1),transform .3s cubic-bezier(.22,.75,.25,1)!important
  }
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-actions{
    right:0!important;left:auto!important;top:8px!important;width:48px!important;height:48px!important;display:block!important
  }
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-actions>*{display:none!important}
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-back{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;display:grid!important;place-items:center!important;
    margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;
    background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;font-size:16px!important;cursor:pointer!important;
    opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;
    transition:background .2s ease,border-color .2s ease,transform .24s cubic-bezier(.22,.75,.25,1)!important
  }
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-back:hover{
    background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.26)!important
  }
  body.store-compact-mobile-header.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-back:active{transform:scale(.96)!important}
  body.store-compact-mobile-header.public-nail-header .site-main{padding-top:64px!important}
}


/* ---------- Canonical header controls ---------- */
.jolfa-nail-auth--direct-panel{cursor:pointer;text-decoration:none!important}

@media(min-width:981px){
  .jolfa-nail-header .jolfa-nail-actions{position:relative!important;z-index:1702!important;overflow:visible!important}
  .jolfa-account-picker,.jolfa-language-picker{position:relative!important;display:inline-flex!important;align-items:center!important;overflow:visible!important}
  .jolfa-account-picker>summary,.jolfa-language-picker>summary{list-style:none!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}
  .jolfa-account-picker>summary::-webkit-details-marker,.jolfa-language-picker>summary::-webkit-details-marker{display:none!important}
  .jolfa-account-picker>summary::marker,.jolfa-language-picker>summary::marker{content:""!important;font-size:0!important}

  /* Native <details> is the source of truth. Menus stay inside their trigger wrapper,
     so they remain anchored even if JavaScript is unavailable. */
  .jolfa-nail-header [data-header-panel-picker] > [data-header-panel-menu],
  .jolfa-nail-header [data-header-language-picker] > [data-header-language-menu]{
    position:absolute!important;
    top:calc(100% + 9px)!important;
    bottom:auto!important;
    margin:0!important;
    transform:translateX(var(--jolfa-menu-shift-x,0))!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .16s ease,visibility .16s ease!important;
    z-index:2200!important;
  }
  html[dir="rtl"] .jolfa-nail-header [data-header-panel-picker] > [data-header-panel-menu],
  html[dir="rtl"] .jolfa-nail-header [data-header-language-picker] > [data-header-language-menu]{
    inset-inline-start:auto!important;inset-inline-end:auto!important;right:auto!important;left:0!important
  }
  html[dir="ltr"] .jolfa-nail-header [data-header-panel-picker] > [data-header-panel-menu],
  html[dir="ltr"] .jolfa-nail-header [data-header-language-picker] > [data-header-language-menu]{
    inset-inline-start:auto!important;inset-inline-end:auto!important;left:auto!important;right:0!important
  }
  .jolfa-nail-header [data-header-panel-picker] > [data-header-panel-menu]{width:260px!important;min-width:260px!important;max-width:min(260px,calc(100vw - 24px))!important}
  .jolfa-nail-header [data-header-language-picker] > [data-header-language-menu]{width:230px!important;min-width:230px!important;max-width:min(230px,calc(100vw - 24px))!important}
  .jolfa-nail-header [data-header-panel-picker][open] > [data-header-panel-menu],
  .jolfa-nail-header [data-header-language-picker][open] > [data-header-language-menu]{
    display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important
  }
  .jolfa-nail-header [data-header-panel-picker]:not([open]) > [data-header-panel-menu],
  .jolfa-nail-header [data-header-language-picker]:not([open]) > [data-header-language-menu]{display:none!important}
}

/* One state model for all arrows: closed points up, open animates down. */
.jolfa-nail-header [data-header-panel-trigger]>.fa-chevron-down,
.jolfa-nail-header [data-header-language-trigger]>.fa-chevron-down,
.jolfa-nail-header [data-nav-dropdown-trigger]>.fa-chevron-down{
  transform:rotate(180deg)!important;
  transform-origin:center!important;
  transition:transform .24s cubic-bezier(.22,.75,.25,1)!important;
  will-change:transform
}
.jolfa-nail-header [data-header-panel-picker][open]>[data-header-panel-trigger]>.fa-chevron-down,
.jolfa-nail-header [data-header-language-picker][open]>[data-header-language-trigger]>.fa-chevron-down,
.jolfa-nail-header [data-nav-dropdown].open>[data-nav-dropdown-trigger]>.fa-chevron-down{transform:rotate(360deg)!important}

@media(max-width:980px){
  body.public-nail-header .panel-frame{padding-top:calc(var(--header-height) + 12px)!important}
  body.panel-nail-context.public-nail-header{--header-height:64px!important}
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-common,
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header.is-scrolled .jolfa-nail-common{width:calc(100% - 24px)!important;height:64px!important;min-height:64px!important;padding:8px 0!important}
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-search.site-header__search,
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header.is-scrolled .jolfa-nail-search.site-header__search{display:none!important}
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-brand,
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header.is-scrolled .jolfa-nail-brand{position:absolute!important;left:0!important;right:auto!important;top:8px!important;min-height:48px!important;display:flex!important;align-items:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important}
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header .jolfa-nail-actions,
  body.panel-nail-context.public-nail-header .site-header.jolfa-nail-header.is-scrolled .jolfa-nail-actions{right:0!important;left:auto!important;top:8px!important;width:48px!important;height:48px!important;transform:none!important}

  .mobile-language.jolfa-language-picker{display:block!important;width:100%!important}
  .mobile-language.jolfa-language-picker>summary{list-style:none!important;width:100%!important}
  .mobile-language.jolfa-language-picker>summary::-webkit-details-marker{display:none!important}
  .mobile-language.jolfa-language-picker>summary::marker{content:""!important;font-size:0!important}
  .mobile-language.jolfa-language-picker>.language-menu{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-height:0!important;margin-top:0!important;padding:0!important;border-width:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:none!important;box-shadow:none!important;transition:max-height .22s ease,opacity .18s ease,margin-top .18s ease,padding .18s ease!important}
  .mobile-language.jolfa-language-picker[open]>.language-menu{max-height:280px!important;margin-top:8px!important;padding:8px!important;border-width:1px!important;overflow-y:auto!important;opacity:1!important;visibility:visible!important;box-shadow:var(--shadow-soft)!important}
}

@media(prefers-reduced-motion:reduce){.jolfa-nail-header .fa-chevron-down{transition:none!important}}

/* Header affordance: navigation chevrons preview the open direction on pointer/focus. */
@media (hover:hover) and (pointer:fine){
  .jolfa-nail-header [data-nav-dropdown]:hover>[data-nav-dropdown-trigger]>.fa-chevron-down,
  .jolfa-nail-header [data-nav-dropdown]:focus-within>[data-nav-dropdown-trigger]>.fa-chevron-down,
  .jolfa-nail-header [data-header-panel-picker]:hover>[data-header-panel-trigger]>.fa-chevron-down,
  .jolfa-nail-header [data-header-language-picker]:hover>[data-header-language-trigger]>.fa-chevron-down{
    transform:rotate(360deg)!important;
  }
}