/* Jolfa consolidated compatibility and polish rules. Canonical, unversioned. */

/* --- migrated from v53-polish.css --- */
/* Jolfa v53 — palette restoration, auth viewport fit and panel spacing. */

/* Keep the original Jolfa palette in both themes instead of the navy Web3 header. */
.site-header,
html[data-theme="light"] .site-header,
html[data-theme="dark"] .site-header,
html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="dark"] .site-header.is-scrolled{
  background:
    radial-gradient(circle at 14% 0%,rgba(126,232,244,.12),transparent 31%),
    radial-gradient(circle at 82% 0%,rgba(231,216,251,.16),transparent 34%),
    linear-gradient(135deg,#21102d 0%,#35164c 54%,#4a1d57 100%)!important;
  border-bottom:1px solid rgba(231,216,251,.16)!important;
  box-shadow:0 12px 34px rgba(33,16,45,.24)!important;
  color:#f8f2fc!important;
}
.site-header.is-scrolled,
html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="dark"] .site-header.is-scrolled{
  background:
    radial-gradient(circle at 15% 0%,rgba(54,198,218,.13),transparent 30%),
    linear-gradient(135deg,rgba(33,16,45,.97),rgba(53,22,76,.97) 58%,rgba(74,29,87,.97))!important;
  box-shadow:0 16px 42px rgba(27,10,39,.31)!important;
}
.site-header .desktop-navigation,
html[data-theme="light"] .site-header .desktop-navigation,
html[data-theme="dark"] .site-header .desktop-navigation{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(231,216,251,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.site-header .desktop-navigation>a,
.site-header .nav-dropdown__button,
html[data-theme="light"] .site-header .desktop-navigation>a,
html[data-theme="light"] .site-header .nav-dropdown__button,
html[data-theme="dark"] .site-header .desktop-navigation>a,
html[data-theme="dark"] .site-header .nav-dropdown__button{
  color:#eadff2!important;
}
.site-header .desktop-navigation>a i,
.site-header .nav-dropdown__button i,
html[data-theme="light"] .site-header .desktop-navigation>a i,
html[data-theme="light"] .site-header .nav-dropdown__button i,
html[data-theme="dark"] .site-header .desktop-navigation>a i,
html[data-theme="dark"] .site-header .nav-dropdown__button i{
  color:#d8c6e6!important;
}
.site-header .desktop-navigation>a:hover,
.site-header .desktop-navigation>a.active,
.site-header .nav-dropdown__button:hover,
.site-header .nav-dropdown__button.active,
html[data-theme="light"] .site-header .desktop-navigation>a:hover,
html[data-theme="light"] .site-header .desktop-navigation>a.active,
html[data-theme="light"] .site-header .nav-dropdown__button:hover,
html[data-theme="light"] .site-header .nav-dropdown__button.active{
  background:linear-gradient(135deg,rgba(231,216,251,.18),rgba(54,198,218,.10))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(231,216,251,.14)!important;
}
.site-header .desktop-navigation>a:hover i,
.site-header .desktop-navigation>a.active i,
.site-header .nav-dropdown__button:hover i,
.site-header .nav-dropdown__button.active i{
  color:#7ee8f4!important;
}
.site-header .brand-wordmark,
html[data-theme="light"] .site-header .brand-wordmark,
html[data-theme="dark"] .site-header .brand-wordmark{
  background:linear-gradient(135deg,#fff 0%,#e7d8fb 58%,#7ee8f4 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.site-header .brand-slogan,
html[data-theme="light"] .site-header .brand-slogan,
html[data-theme="dark"] .site-header .brand-slogan{color:#d9c9e5!important}
.site-header .language-trigger,
.site-header .desktop-theme-button,
.site-header .mobile-menu-button,
html[data-theme="light"] .site-header .language-trigger,
html[data-theme="light"] .site-header .desktop-theme-button,
html[data-theme="light"] .site-header .mobile-menu-button{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(231,216,251,.15)!important;
  color:#f8f2fc!important;
}
.site-header .auth-button,
html[data-theme="light"] .site-header .auth-button,
html[data-theme="dark"] .site-header .auth-button{
  background:linear-gradient(135deg,#e7d8fb 0%,#c9b0e7 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#35164c!important;
  box-shadow:0 10px 25px rgba(20,7,29,.25)!important;
}
.site-header .auth-button i,
.site-header .auth-button span,
html[data-theme="light"] .site-header .auth-button i,
html[data-theme="light"] .site-header .auth-button span,
html[data-theme="dark"] .site-header .auth-button i,
html[data-theme="dark"] .site-header .auth-button span{color:#35164c!important}
.site-header .auth-button:hover{background:linear-gradient(135deg,#f2e9fc,#d8c5ef)!important}

/* Auth controls: give the leading icon a clear lane and comfortable separation. */
.auth-input-row{
  min-height:54px!important;
  gap:12px!important;
  padding-inline:10px 14px!important;
  border-radius:16px!important;
  overflow:hidden;
}
.auth-input-row>i{
  flex:0 0 38px!important;
  width:38px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding-inline-end:11px!important;
  border-inline-end:1px solid color-mix(in srgb,var(--border) 82%,var(--primary) 18%);
  color:#35164c!important;
  font-size:.92rem!important;
  text-align:center!important;
}
html[data-theme="dark"] .auth-input-row>i{color:#7ee8f4!important;border-inline-end-color:rgba(231,216,251,.16)}
.auth-input-row input{min-height:0!important;height:40px!important;padding-inline:1px!important}
.auth-input-row .password-toggle{flex:0 0 36px;margin-inline-start:2px}

/* Login must fit the viewport without activating page scrolling. */
body.auth-login-layout{
  width:100%;
  height:100dvh;
  min-height:100dvh;
  overflow:hidden!important;
}
.auth-login-layout .site-main{
  width:100%;
  height:100dvh;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.auth-login-layout .auth-login-screen{
  width:min(100%,calc(100% - 28px))!important;
  height:100dvh;
  min-height:0!important;
  padding:clamp(12px,2.6vh,26px) 0!important;
  overflow:hidden!important;
}
.auth-login-layout .auth-center-shell{gap:clamp(10px,1.8vh,18px);max-height:100%}
.auth-login-layout .auth-brand-preview img{width:clamp(48px,7vh,60px)!important;height:clamp(48px,7vh,60px)!important}
.auth-login-layout .auth-form-centered{padding:clamp(20px,3vh,28px)!important;gap:clamp(11px,1.8vh,15px)!important}
.auth-register-layout .site-main{padding-top:0!important;min-height:100dvh}
.auth-register-layout .auth-register-screen{min-height:100dvh;padding:24px 0!important}

/* Keep the panel content and global sidebar on the same top baseline. */
.panel-frame{align-items:flex-start!important}
.panel-frame>.panel-sidebar-global,
.panel-frame>.panel-site-main{align-self:flex-start!important;margin-top:0!important}
.panel-frame>.panel-site-main>.panel-shell{margin-top:0!important;padding-top:0!important}
.panel-frame>.panel-site-main .panel-main{padding-top:0!important;margin-top:0!important}

@media(max-height:650px) and (min-width:641px){
  .auth-login-layout .auth-center-shell{gap:8px}
  .auth-login-layout .auth-brand-preview img{width:46px!important;height:46px!important}
  .auth-login-layout .auth-form-centered{padding:18px 24px!important;gap:10px!important}
  .auth-login-layout .auth-input-row{min-height:50px!important}
}
@media(max-width:520px){
  .auth-login-layout .auth-login-screen{width:calc(100% - 20px)!important;padding:10px 0!important}
  .auth-input-row{padding-inline:8px 11px!important;gap:10px!important}
  .auth-input-row>i{flex-basis:34px!important;width:34px!important;padding-inline-end:9px!important}
}

/* --- migrated from v55-fixes.css --- */
/* Jolfa v55 — panel baseline, mobile typewriter, unified auth fields and clear gender selection. */

/* Desktop panels: both columns begin below the fixed header on exactly the same baseline. */
@media (min-width:981px){
  .panel-frame{
    align-items:flex-start!important;
    padding-top:calc(var(--header-height) + 18px)!important;
  }
  .panel-frame>.panel-sidebar-global,
  .panel-frame>.panel-site-main{
    align-self:flex-start!important;
    margin-top:0!important;
  }
  .panel-sidebar-global{
    top:calc(var(--header-height) + 18px)!important;
  }
}

/* Mobile panels must also clear the fixed header instead of starting beneath it. */
@media (max-width:980px){
  .panel-frame{
    padding-top:calc(var(--header-height) + 14px)!important;
  }
}

/* Keep the Jolfa typewriter slogan visible in the mobile header in both languages. */
@media (max-width:520px){
  .site-header .site-brand{
    min-width:0;
    gap:7px!important;
  }
  .site-header .brand-copy:not(.compact-copy){
    display:flex!important;
    min-width:0;
  }
  .site-header .brand-slogan{
    display:inline-flex!important;
    max-width:126px;
    min-height:12px;
    margin-top:1px!important;
    overflow:hidden;
    font-size:.52rem!important;
    line-height:1.35;
    white-space:nowrap;
  }
  .site-header .brand-slogan span{
    overflow:hidden;
    text-overflow:clip;
  }
  .site-header .brand-slogan i{
    width:1px;
  }
}

/* Authentication fields use one surface, one border and deliberate inner spacing. */
body.auth-layout .auth-input-row{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:0 16px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  overflow:hidden;
}
body.auth-layout .auth-input-row:focus-within{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)!important;
}
body.auth-layout .auth-input-row>i{
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--primary)!important;
  font-size:.93rem!important;
}
body.auth-layout .auth-input-row input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:48px!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  box-shadow:none!important;
  outline:0!important;
}
body.auth-layout .auth-input-row input:-webkit-autofill,
body.auth-layout .auth-input-row input:-webkit-autofill:hover,
body.auth-layout .auth-input-row input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text)!important;
  -webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;
  transition:background-color 9999s ease-out 0s;
}
body.auth-layout .auth-input-row .password-toggle{
  flex:0 0 36px!important;
  margin:0!important;
  background:transparent!important;
}
body.auth-layout .auth-input-row.is-invalid{
  border-color:var(--danger)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)!important;
}
html[data-theme="dark"] body.auth-layout .auth-input-row{
  background:var(--surface)!important;
}
html[data-theme="dark"] body.auth-layout .auth-input-row>i{
  color:var(--accent)!important;
}

/* Gender controls: full-width pair with a clearly visible checked square. */
body.auth-layout .auth-form .fixed-choice-selector{
  display:flex!important;
  flex-direction:row!important;
  width:100%!important;
  gap:10px!important;
}
body.auth-layout .auth-form .fixed-choice-button{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  min-height:50px!important;
  padding:9px 13px!important;
  border:1px solid var(--border)!important;
  background:var(--surface)!important;
}
body.auth-layout .auth-form .choice-radio{
  position:relative!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border:2px solid color-mix(in srgb,var(--muted) 62%,var(--border))!important;
  border-radius:7px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
body.auth-layout .auth-form .fixed-choice-button.active{
  border-color:var(--primary)!important;
  background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)!important;
}
body.auth-layout .auth-form .fixed-choice-button.active .choice-radio{
  border-color:var(--primary)!important;
  background:var(--primary)!important;
  box-shadow:none!important;
}
body.auth-layout .auth-form .fixed-choice-button.active .choice-radio::after{
  content:"✓"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
body.auth-layout .auth-form .choice-option-content{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:inherit;
}

@media (max-width:520px){
  body.auth-layout .auth-input-row{
    gap:11px!important;
    padding:0 13px!important;
  }
  body.auth-layout .auth-form .fixed-choice-button{
    padding:8px 10px!important;
  }
}

/* --- migrated from v56-theme-fixes.css --- */
/* Jolfa v56 — brand palette restoration and shadow-free form focus. */

/* Restore Jolfa's own visual identity while keeping the v51 layout system. */
:root{
  --bg:#fbf8ff;
  --surface:#ffffff;
  --surface-soft:#f3ecfb;
  --surface-tint:#e7d8fb;
  --text:#241332;
  --muted:#665672;
  --border:#e4d8ee;
  --primary:#35164c;
  --primary-strong:#251035;
  --accent:#36c6da;
  --accent-strong:#0b7285;
  --focus:#36c6da;
  --uupm-purple:#35164c;
  --uupm-violet:#704084;
  --uupm-cyan:#36c6da;
  --uupm-green:#36c6da;
  --uupm-glass-border:rgba(53,22,76,.14);
}
html[data-theme="dark"]{
  --primary:#36c6da;
  --primary-strong:#7ee8f4;
  --accent:#36c6da;
  --accent-strong:#7ee8f4;
  --focus:#7ee8f4;
  --uupm-purple:#8b5aa6;
  --uupm-violet:#36c6da;
  --uupm-cyan:#36c6da;
  --uupm-green:#36c6da;
  --uupm-glass-border:rgba(54,198,218,.17);
}

/* Header intentionally inherits the permanent dark Jolfa treatment from v53-polish.css in every theme. */

/* Buttons and panel actions return to the purple/lilac/cyan Jolfa palette. */
.button-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-strong))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(53,22,76,.20)!important;
}
.button-primary:hover{
  background:linear-gradient(135deg,#47205f,#704084)!important;
  box-shadow:0 17px 34px rgba(53,22,76,.24)!important;
}
.button-soft{
  background:var(--surface)!important;
  color:var(--primary)!important;
  border-color:var(--border)!important;
}
.button-ghost{
  background:var(--surface-soft)!important;
  color:var(--primary)!important;
  border-color:var(--border)!important;
}
.table-action-button.is-primary,
.download-view-switch button.active,
.panel-sidebar-global__head>span{
  background:var(--primary)!important;
  border-color:var(--primary)!important;
  color:#fff!important;
}
.panel-sidebar-global__nav a.active,
.panel-sidebar-global__nav a:hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)))!important;
  color:var(--primary)!important;
}
html[data-theme="dark"] .button-primary{
  background:linear-gradient(135deg,#e7d8fb,#36c6da)!important;
  color:#0f0a18!important;
  border-color:rgba(231,216,251,.34)!important;
  box-shadow:0 16px 34px rgba(54,198,218,.18)!important;
}
html[data-theme="dark"] .button-primary i{color:#0f0a18!important}
html[data-theme="dark"] .button-primary:hover{
  background:linear-gradient(135deg,#f2eafa,#7ee8f4)!important;
  box-shadow:0 18px 38px rgba(54,198,218,.24)!important;
}
html[data-theme="dark"] .button-soft,
html[data-theme="dark"] .button-ghost{
  background:#1a1026!important;
  color:#f2eafa!important;
  border-color:#4b3264!important;
}
html[data-theme="dark"] .table-action-button.is-primary,
html[data-theme="dark"] .download-view-switch button.active,
html[data-theme="dark"] .panel-sidebar-global__head>span{
  background:linear-gradient(135deg,#e7d8fb,#36c6da)!important;
  border-color:rgba(231,216,251,.32)!important;
  color:#0f0a18!important;
}

/* Form focus is communicated by the border only; no halo or box-shadow. */
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus,
.custom-select.is-open .custom-select__trigger,
body.auth-layout .auth-input-row:focus-within,
body.auth-layout .auth-input-row.is-invalid,
body.auth-layout .search-choice-selector.is-invalid .search-choice-trigger,
body.auth-layout .form-choice-fieldset.is-invalid .fixed-choice-button{
  box-shadow:none!important;
}

/* --- migrated from v58-landing.css --- */
/* JolfaIT v58 — landing page hierarchy and mobile-first repair */

/* Clean section hierarchy: title first, supporting copy second, optional text action. */
.landing-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}
.landing-section-heading__copy{
  position:relative;
  min-width:0;
  max-width:760px;
  padding-inline-start:18px;
}
.landing-section-heading__copy::before{
  content:"";
  position:absolute;
  inset-block:5px;
  inset-inline-start:0;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--primary),var(--accent));
}
.landing-section-heading h2{
  margin:0;
  color:var(--text);
  font-size:clamp(1.85rem,3vw,2.7rem);
  line-height:1.2;
  letter-spacing:-.035em;
  text-wrap:balance;
}
html[dir="rtl"] .landing-section-heading h2{letter-spacing:-.02em}
.landing-section-heading p{
  max-width:68ch;
  margin-top:9px;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.9;
}
.landing-section-heading__link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:0 2px;
  border-bottom:1px solid color-mix(in srgb,var(--primary) 34%,transparent);
  color:var(--primary);
  font-size:.84rem;
  font-weight:950;
  white-space:nowrap;
  transition:gap .2s ease,color .2s ease,border-color .2s ease;
}
.landing-section-heading__link:hover{
  gap:13px;
  color:var(--primary-strong);
  border-color:var(--primary);
}

/* Product section begins as a clear second chapter after the hero. */
.landing-products-section{
  scroll-margin-top:calc(var(--header-height) + 20px);
  padding-top:62px!important;
}

@media(max-width:780px){
  /* Keep the landing page contained and prevent full-viewport elements from producing side overflow. */
  body.uupm-web3 .site-main{overflow-x:clip}

  /* First mobile viewport: header, slider, and all three product shortcuts. */
  .commerce-hero{
    width:100vw!important;
    max-width:100vw!important;
    margin:0 calc(50% - 50vw)!important;
    padding-bottom:0!important;
  }
  .commerce-carousel{box-shadow:0 12px 30px rgba(53,22,76,.16)!important}
  .commerce-slide{
    min-height:326px!important;
    align-items:flex-start!important;
  }
  .commerce-slide__content{
    width:100%!important;
    max-width:none!important;
    padding:22px 18px 66px!important;
  }
  .commerce-slide h1,.commerce-slide h2{
    max-width:18ch!important;
    font-size:clamp(1.62rem,7.1vw,2.25rem)!important;
    line-height:1.16!important;
  }
  .commerce-slide p{
    max-width:38ch!important;
    margin-top:10px!important;
    font-size:.82rem!important;
    line-height:1.68!important;
  }
  .commerce-slide__actions{margin-top:14px!important;gap:8px!important}
  .commerce-button{
    min-height:42px!important;
    padding-inline:13px!important;
    border-radius:12px!important;
    font-size:.77rem!important;
  }
  .commerce-carousel__controls{inset:auto 12px 10px!important}

  .hero-shop-peek{
    z-index:7!important;
    display:flex!important;
    width:calc(100% - 20px)!important;
    max-width:620px!important;
    margin:10px auto 0!important;
    gap:8px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .hero-shop-peek__item{
    min-width:0!important;
    min-height:108px!important;
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:5px!important;
    padding:10px!important;
    border-radius:16px!important;
    scroll-snap-align:none!important;
    box-shadow:0 8px 22px rgba(53,22,76,.08)!important;
  }
  .hero-shop-peek__icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:11px!important;
    font-size:.82rem!important;
  }
  .hero-shop-peek__copy{
    width:100%!important;
    min-width:0!important;
    gap:1px!important;
    line-height:1.3!important;
  }
  .hero-shop-peek__copy small{
    overflow:hidden!important;
    color:var(--muted)!important;
    font-size:.52rem!important;
    line-height:1.35!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .hero-shop-peek__copy strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    min-height:2.65em!important;
    font-size:.68rem!important;
    line-height:1.35!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .hero-shop-peek__price{
    width:100%!important;
    margin-top:auto!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  .hero-shop-peek__price .jolfa-price{max-width:100%!important;gap:2px!important}
  .hero-shop-peek__price .jolfa-price--fa .jolfa-price__amount,
  .hero-shop-peek__price .jolfa-price--international{
    font-size:.62rem!important;
  }
  .hero-shop-peek__price .jolfa-price__unit,
  .hero-shop-peek__price .jolfa-price__currency,
  .hero-shop-peek__price .toman-icon{
    font-size:.52rem!important;
  }
  .hero-shop-peek__arrow{display:none!important}
  .commerce-scroll-cue{display:none!important}

  /* The next scroll reveals a clear title followed by product cards. */
  .landing-products-section{padding-top:48px!important}
  .landing-section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
    margin-bottom:20px;
  }
  .landing-section-heading__copy{max-width:none;padding-inline-start:14px}
  .landing-section-heading__copy::before{inset-block:4px;width:3px}
  .landing-section-heading h2{
    font-size:clamp(1.55rem,7vw,2rem);
    line-height:1.28;
  }
  .landing-section-heading p{
    margin-top:7px;
    font-size:.79rem;
    line-height:1.8;
  }
  .landing-section-heading__link{
    min-height:36px;
    margin-inline-start:14px;
    font-size:.76rem;
  }
  .landing-products-section .cards-row{gap:14px!important}
  .landing-products-section .product-card{flex-basis:100%!important}
}

@media(max-width:520px){
  .commerce-slide{min-height:312px!important}
  .commerce-slide__content{padding:19px 15px 61px!important}
  .commerce-slide h1,.commerce-slide h2{font-size:clamp(1.48rem,7.5vw,1.95rem)!important}
  .commerce-slide p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .commerce-slide__actions{display:flex!important;flex-wrap:nowrap!important}
  .commerce-slide__actions .commerce-button{flex:1 1 0!important}
  .commerce-button{padding-inline:8px!important;font-size:.7rem!important}
  .hero-shop-peek{width:calc(100% - 16px)!important;gap:6px!important}
  .hero-shop-peek__item{min-height:104px!important;padding:8px!important;border-radius:14px!important}
  .hero-shop-peek__icon{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:10px!important}
  .hero-shop-peek__copy strong{font-size:.63rem!important}
  .landing-products-section{padding-top:42px!important}
}

@media(max-width:360px){
  .commerce-slide{min-height:304px!important}
  .hero-shop-peek__item{min-height:100px!important;padding:7px!important}
  .hero-shop-peek__copy small{display:none!important}
  .hero-shop-peek__copy strong{font-size:.59rem!important}
  .hero-shop-peek__price .jolfa-price--fa .jolfa-price__amount,
  .hero-shop-peek__price .jolfa-price--international{font-size:.57rem!important}
}

/* Header brand lockup: the slogan remains visible at every viewport width. */
.site-header .site-brand{min-width:0}
.site-header .brand-copy:not(.compact-copy){display:flex!important;min-width:0}
.site-header .brand-slogan{display:inline-flex!important;max-width:none;overflow:visible;white-space:nowrap}
@media(max-width:980px){
  .site-header .brand-copy:not(.compact-copy){flex:0 1 auto}
  .site-header .brand-slogan{font-size:.58rem!important}
}
@media(max-width:680px){
  .article-card__body{padding:20px 20px 22px!important}
}
@media(max-width:520px){
  .site-header .brand-slogan{max-width:none!important;overflow:visible!important;font-size:.52rem!important}
  .site-header .brand-slogan span{overflow:visible!important}
}


/* v60: reserve a stable brand lockup width so typewriter text never shifts navigation. */
.site-header .site-brand{
  flex:0 0 185px!important;
  width:185px!important;
  min-width:185px!important;
}
.site-header .brand-copy:not(.compact-copy){
  flex:0 0 128px!important;
  width:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  overflow:visible!important;
}
.site-header .brand-slogan,
.site-header .brand-slogan span{
  width:128px!important;
  min-width:128px!important;
  max-width:128px!important;
}
@media(max-width:520px){
  .site-header .site-brand{
    flex-basis:160px!important;
    width:160px!important;
    min-width:160px!important;
  }
  .site-header .brand-copy:not(.compact-copy),
  .site-header .brand-slogan,
  .site-header .brand-slogan span{
    width:103px!important;
    min-width:103px!important;
    max-width:103px!important;
  }
}

/* v60: real country flags replace the decorative globe and text code badges. */
.search-choice-trigger__flag,
.country-flag-img{
  display:block;
  flex:0 0 auto;
  object-fit:cover;
  object-position:center;
  border:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  background:var(--surface-soft);
  box-shadow:0 2px 7px rgba(15,23,42,.08);
}
.search-choice-trigger__flag{
  width:32px;
  height:24px;
  border-radius:6px;
}
.country-flag-img{
  width:28px;
  height:21px;
  border-radius:5px;
}
.search-choice-trigger__flag[hidden],
.country-flag-img[hidden]{display:none!important}


/* v61: registration viewport, precise country search and high-fidelity local flags. */
html.auth-register-root,
html.auth-login-root{
  width:100%;
  height:100dvh;
  min-height:100dvh;
  overflow:hidden!important;
}
body.auth-register-layout{
  width:100%;
  height:100dvh;
  min-height:100dvh;
  overflow:hidden!important;
}
.auth-register-layout .site-main{
  width:100%;
  height:100dvh;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.auth-register-layout .auth-register-screen{
  width:min(100%,calc(100% - 24px))!important;
  height:100dvh;
  min-height:0!important;
  padding:clamp(10px,1.8vh,20px) 0!important;
  overflow:hidden!important;
}
.auth-register-layout .auth-center-shell{
  width:min(760px,100%)!important;
  max-height:100%;
  gap:clamp(8px,1.25vh,14px)!important;
}
.auth-register-layout .auth-brand-preview img{
  width:clamp(44px,5.8vh,58px)!important;
  height:clamp(44px,5.8vh,58px)!important;
}
.auth-register-layout .auth-register-form{
  width:100%;
  padding:clamp(16px,2.2vh,24px)!important;
  gap:clamp(8px,1.05vh,12px)!important;
}
.auth-register-layout .auth-register-form .auth-form-head{grid-column:1/-1;margin:0!important}
.auth-register-layout .auth-register-form .auth-form-head h1{font-size:clamp(1.35rem,2.4vh,1.72rem)!important}
.auth-register-layout .auth-register-form label,
.auth-register-layout .auth-register-form legend{font-size:.78rem!important}
.auth-register-layout .auth-register-form .auth-input-row{min-height:48px!important}
.auth-register-layout .auth-register-form .auth-input-row input{height:42px!important}
.auth-register-layout .auth-register-form .auth-field-pair{gap:12px!important;flex-direction:row!important}
.auth-register-layout .auth-register-choice-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
.auth-register-layout .auth-register-choice-row>.form-choice-fieldset,
.auth-register-layout .auth-register-choice-row>.country-selector-field{min-width:0;width:100%!important}
.auth-register-layout .auth-register-form .fixed-choice-button{min-height:48px!important;padding:7px 11px!important}
.auth-register-layout .auth-register-form>.button{min-height:48px!important;margin-top:0!important}
.auth-register-layout .auth-register-form .auth-hint{margin:0!important;line-height:1.5}

.search-choice-popover{
  padding:10px!important;
  max-height:min(350px,45vh)!important;
  overflow:hidden;
}
.search-choice-query{
  display:block!important;
  width:100%!important;
  height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:var(--surface-soft)!important;
  color:var(--text)!important;
  font:inherit!important;
  font-size:.8rem!important;
  font-weight:750!important;
  outline:0!important;
  box-shadow:none!important;
}
.search-choice-query:focus{
  border-color:color-mix(in srgb,var(--primary) 54%,var(--border))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent)!important;
}
.search-choice-query::-webkit-search-cancel-button{cursor:pointer}
.search-choice-options{max-height:min(260px,34vh)!important;margin-top:8px!important;overscroll-behavior:contain}
.search-choice-option[hidden]{display:none!important}
.search-choice-option.keyboard-focus{
  background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important;
  color:var(--primary)!important;
  outline:2px solid color-mix(in srgb,var(--primary) 24%,transparent);
  outline-offset:-2px;
}
.search-choice-trigger__flag,
.country-flag-img{
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 3px rgba(15,23,42,.16));
  image-rendering:auto;
}
.search-choice-trigger__flag{width:40px!important;height:30px!important}
.country-flag-img{width:36px!important;height:28px!important}

/* Theme changes use a radial reveal from the pressed control and persist before first paint. */
::view-transition-old(root),
::view-transition-new(root){
  animation:none;
  mix-blend-mode:normal;
}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2147483646}
.theme-transition-wave{
  position:fixed;
  z-index:2147483647;
  inset:0;
  display:block;
  pointer-events:none;
  background:var(--theme-wave-color);
  clip-path:circle(0 at var(--theme-wave-x) var(--theme-wave-y));
  will-change:clip-path,opacity;
}
[data-theme-toggle]{isolation:isolate}
[data-theme-toggle]::before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 -17px 0 -2px currentColor,0 17px 0 -2px currentColor,17px 0 0 -2px currentColor,-17px 0 0 -2px currentColor;
  opacity:0;
  transform:scale(.45) rotate(0deg);
  transition:opacity .3s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
[data-theme-toggle]:active::before{opacity:.26;transform:scale(1) rotate(90deg)}
[data-theme-toggle] .theme-toggle-orbit{
  position:absolute;
  inset:-5px;
  border:1px dashed color-mix(in srgb,currentColor 42%,transparent);
  border-radius:50%;
  opacity:0;
  transform:scale(.72) rotate(0deg);
  transition:opacity .32s ease,transform .72s cubic-bezier(.2,.8,.2,1);
}
[data-theme-toggle]:hover .theme-toggle-orbit{opacity:.38;transform:scale(1) rotate(115deg)}
[data-theme-toggle] .theme-icon{transition:opacity .34s ease,transform .62s cubic-bezier(.18,.9,.2,1)!important}

@media(max-width:620px){
  .auth-register-layout .auth-register-screen{width:calc(100% - 16px)!important;padding:8px 0!important}
  .auth-register-layout .auth-center-shell{width:min(430px,100%)!important;gap:7px!important}
  .auth-register-layout .auth-brand-preview img{width:42px!important;height:42px!important}
  .auth-register-layout .auth-register-form{padding:14px!important;gap:7px!important}
  .auth-register-layout .auth-register-choice-row{grid-template-columns:1fr;gap:7px}
  .auth-register-layout .auth-register-form .auth-field-pair{gap:7px!important}
  .auth-register-layout .auth-register-form .auth-input-row{min-height:44px!important}
  .auth-register-layout .auth-register-form .auth-input-row input{height:38px!important}
  .auth-register-layout .auth-register-form .fixed-choice-button{min-height:42px!important}
  .auth-register-layout .auth-register-form>.button{min-height:44px!important}
}
@media(max-width:480px){
  .auth-register-layout .auth-field-pair{flex-direction:row!important}
  .auth-register-layout .auth-field-pair>label{min-width:0}
  .auth-register-layout .auth-input-row{padding-inline:8px!important;gap:7px!important}
  .auth-register-layout .auth-input-row>i{display:none!important}
  .auth-register-layout .password-toggle{flex-basis:30px!important;width:30px!important}
}
@media(max-height:760px){
  .auth-register-layout .auth-brand-preview{display:none!important}
  .auth-register-layout .auth-register-screen{padding:6px 0!important}
  .auth-register-layout .auth-register-form{padding:12px 16px!important;gap:6px!important}
  .auth-register-layout .auth-register-form .auth-form-head h1{font-size:1.25rem!important}
  .auth-register-layout .auth-register-form .auth-input-row{min-height:42px!important}
  .auth-register-layout .auth-register-form .auth-input-row input{height:36px!important}
  .auth-register-layout .auth-register-form .fixed-choice-button{min-height:40px!important}
  .auth-register-layout .search-choice-trigger{min-height:42px!important}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  [data-theme-toggle] *,[data-theme-toggle]::before{transition:none!important}
}
/* v66: the landing slider starts flush below the fixed site header. */
.site-main > .commerce-hero:first-child{
  margin-top:0!important;
}

/* --- migrated from v62-fixes.css --- */

/* Jolfa v62 — slogan cleanup, aligned footer contacts, and single-action commerce slides. */
.brand-slogan>i:empty{display:none!important}
.jolfa-footer__contact-list>a,.jolfa-footer__contact-list>div{align-items:center!important}
.jolfa-footer__contact-list i{width:34px!important;height:34px!important;flex:0 0 34px!important;margin-top:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:11px;background:color-mix(in srgb,var(--footer-hover) 10%,transparent);line-height:1!important}
.commerce-slide__actions{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important}
.commerce-slide__actions .commerce-button{flex:0 1 auto!important;min-width:min(100%,190px)}
@media(max-width:520px){.commerce-slide__actions{display:flex!important}.commerce-slide__actions .commerce-button{width:100%;min-width:0}}

/* Product cards now contain a primary link plus one explicit action. */
.product-card__main-link{min-width:0;display:flex;flex:1;flex-direction:column;gap:13px;color:var(--text)!important;text-decoration:none!important}
.product-card__main-link>p{min-height:3.2em;color:var(--muted)!important;font-size:.79rem!important;line-height:1.8!important}
.product-card__foot{width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.product-card__action{min-height:39px!important;padding-inline:13px!important;font-size:.73rem!important;white-space:nowrap}
.product-card__action.is-disabled{pointer-events:none;opacity:.62}
.product-card--free{border-color:color-mix(in srgb,var(--success) 32%,var(--border))!important}
.product-card--free::before{background:linear-gradient(90deg,var(--success),var(--accent))!important;opacity:.75!important}
.status-badge.free{color:var(--success)!important;background:color-mix(in srgb,var(--success) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--success) 28%,var(--border))!important}
.product-card--free .product-price strong{color:var(--success)!important;font-size:1.08rem!important}
@media(max-width:620px){.product-card__foot{align-items:center!important;flex-direction:row!important}.product-card__action{padding-inline:11px!important}}

.sale-type-badge--free_download{color:var(--success)!important;background:color-mix(in srgb,var(--success) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--success) 28%,var(--border))!important}
.delivery-notice--free_download>i{color:var(--success)!important;background:color-mix(in srgb,var(--success) 12%,var(--surface))!important}
.product-admin-form.is-free-product .pricing-section{opacity:.55}

/* --- migrated from v63-partner.css --- */
/* JolfaIT v63 — partner payout, status and policy refinements. */
.wallet-balance > i.fa-wallet {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 1 !important;
  text-align: center !important;
  padding: 0 !important;
}
.wallet-balance > i.fa-wallet::before { display: block; line-height: 1; }

.payout-amount-input {
  direction: ltr !important;
  text-align: left !important;
  font-family: Arial, "Segoe UI", sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  unicode-bidi: plaintext;
}

.partner-settlement-policy {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 12px;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
  border-radius: 18px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 7%, var(--surface)), var(--surface));
  box-shadow: var(--shadow-soft);
}
.partner-settlement-policy__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--primary) 13%, transparent);
  color: var(--primary);
  font-size: 1rem;
}
.partner-settlement-policy > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.partner-settlement-policy h2 { font-size: .95rem; }
.partner-settlement-policy p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.95; }
.partner-settlement-policy small { display: flex; align-items: center; gap: 7px; color: var(--warning); font-size: .69rem; font-weight: 850; }
.partner-settlement-policy--international {
  border-color: color-mix(in srgb, var(--warning) 24%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--warning) 7%, var(--surface)), var(--surface));
}
.partner-settlement-policy--international .partner-settlement-policy__icon {
  background: color-mix(in srgb, var(--warning) 13%, transparent);
  color: var(--warning);
}

.commission-status::before { display: none !important; }
.commission-status { gap: 7px !important; }
.commission-status > i { font-size: .69rem; line-height: 1; }
.commission-status--available {
  color: var(--success);
  background: color-mix(in srgb, var(--success) 9%, var(--surface));
  border-color: color-mix(in srgb, var(--success) 25%, var(--border));
}
.commission-status--processing {
  color: #2877c7;
  background: color-mix(in srgb, #2877c7 9%, var(--surface));
  border-color: color-mix(in srgb, #2877c7 25%, var(--border));
}
.commission-status--settled {
  color: #7b43a8;
  background: color-mix(in srgb, #7b43a8 9%, var(--surface));
  border-color: color-mix(in srgb, #7b43a8 25%, var(--border));
}
.commission-status--processing > i { animation: commission-status-spin 1.8s linear infinite; }
.commission-breakdown { max-width: 220px; line-height: 1.6; color: var(--muted); }
.referral-restriction-alert { align-items: flex-start; }
@keyframes commission-status-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .commission-status--processing > i { animation: none; } }
@media (max-width: 680px) {
  .partner-settlement-policy { padding: 14px; gap: 11px; }
  .partner-settlement-policy__icon { width: 38px; height: 38px; flex-basis: 38px; }
  .partner-settlement-policy p { font-size: .72rem; }
}

/* --- migrated from v64-partner-downloads.css --- */
/* Jolfa v64: partner FX, clean panel heroes, table downloads, centered ticket status. */
.panel-site-main .panel-page-hero p,
.panel-site-main .panel-header__copy>p,
.panel-site-main .panel-welcome-hero__copy>p{display:none!important}

.partner-fx-converter{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow-soft)}
.partner-fx-converter__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.partner-fx-converter__head>div{display:flex;flex-direction:column;gap:4px}.partner-fx-converter__head>div>span{display:flex;align-items:center;gap:7px;color:var(--primary);font-size:.68rem;font-weight:950}.partner-fx-converter__head h2{margin:0;font-size:1rem}.partner-fx-converter__live{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));font-size:.62rem;font-weight:950;white-space:nowrap}.partner-fx-converter__live i{font-size:.42rem}
.partner-fx-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partner-fx-rates article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.partner-fx-rates article>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem;font-weight:950}.partner-fx-rates article>span i{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--surface-tint);color:var(--primary)}.partner-fx-rates article strong{font-size:.77rem}
.partner-fx-calculator{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}.partner-fx-calculator label{display:flex;flex-direction:column;gap:6px}.partner-fx-calculator label>span{color:var(--muted);font-size:.64rem;font-weight:900}.partner-fx-calculator select,.partner-fx-calculator input{width:100%;min-height:43px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 11px;font-weight:900}.partner-fx-calculator input{text-align:center}
.partner-fx-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.partner-fx-results>div{display:flex;flex-direction:column;gap:4px;padding:10px 11px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.partner-fx-results span{font-size:.62rem;color:var(--muted);font-weight:850}.partner-fx-results strong{font-size:.74rem}.partner-fx-results .is-fee strong{color:var(--danger)}.partner-fx-results .is-net{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.partner-fx-results .is-net strong{color:var(--success)}.partner-fx-converter__note{display:flex!important;align-items:flex-start;gap:7px!important;margin:0!important;color:var(--muted)!important;font-size:.64rem!important;line-height:1.8!important}.partner-fx-converter__note i{margin-top:4px;color:var(--primary)}
.payout-amount-input{font-variant-numeric:tabular-nums;letter-spacing:.025em}

.download-list-table-head,.download-list-table-row{display:none}
.download-library--list{display:flex!important;flex-direction:column;gap:8px}.download-library--list .download-list-table-head{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(90px,.55fr) minmax(110px,.7fr) minmax(120px,.75fr) 88px;align-items:center;gap:12px;padding:0 16px 8px;color:var(--muted);font-size:.65rem;font-weight:950;border-bottom:1px solid var(--border)}
.download-library--list .download-product-card{display:block!important;overflow:hidden!important;border-radius:15px!important;box-shadow:none!important}.download-library--list .download-list-table-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(90px,.55fr) minmax(110px,.7fr) minmax(120px,.75fr) 88px;align-items:center;gap:12px;min-height:66px;padding:10px 14px;background:var(--surface)}.download-list-table-row__product{display:flex;align-items:center;gap:10px;min-width:0}.download-list-table-row__product>i{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;border-radius:11px;background:var(--surface-tint);color:var(--primary)}.download-list-table-row__product>span{display:flex;flex-direction:column;min-width:0}.download-list-table-row__product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.download-list-table-row__product small,.download-list-table-row time{color:var(--muted);font-size:.63rem}.download-list-table-row__version{font-size:.76rem}.download-list-table-row .download-type-badge{justify-self:start}.download-list-toggle{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-tint);color:var(--primary);font-size:.64rem;font-weight:950}.download-list-toggle i{transition:transform .25s ease}.download-product-card.is-list-expanded .download-list-toggle i{transform:rotate(180deg)}
.download-library--list .download-product-card__body{display:none!important;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-tint) 55%,var(--surface));padding:16px!important}.download-library--list .download-product-card.is-list-expanded .download-product-card__body{display:flex!important;animation:download-row-open .22s ease both}@keyframes download-row-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.download-library--grid .download-list-table-head,.download-library--grid .download-list-table-row{display:none!important}.download-library--grid .download-product-card__body{display:flex!important}

.ticket-conversation-card__body>div{justify-content:flex-start!important}.ticket-conversation-card__status{align-self:center;justify-content:center;flex:0 0 auto;min-width:64px}.ticket-conversation-card__arrow{align-self:center}

@media(max-width:900px){.download-library--list .download-list-table-head{display:none}.download-library--list .download-list-table-row{grid-template-columns:minmax(0,1fr) auto auto}.download-list-table-row__version{display:none}.download-list-table-row time{display:none}.download-list-table-row .download-type-badge{justify-self:end}.download-list-toggle{width:38px;padding:0}.download-list-toggle span{display:none}}
@media(max-width:680px){.partner-fx-results{grid-template-columns:1fr}.partner-fx-calculator{grid-template-columns:1fr}.partner-fx-converter__head{align-items:flex-start}.partner-fx-converter__live{margin-inline-start:auto}.ticket-conversation-card{align-items:center!important}.ticket-conversation-card__status{min-width:58px}.ticket-conversation-card__arrow{display:none}}
@media(max-width:480px){.partner-fx-rates{grid-template-columns:1fr}.download-library--list .download-list-table-row{grid-template-columns:minmax(0,1fr) auto}.download-list-table-row .download-type-badge{display:none}.ticket-conversation-card__avatar{display:none}.ticket-conversation-card__status{font-size:.59rem;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.download-library--list .download-product-card.is-list-expanded .download-product-card__body{animation:none}.download-list-toggle i{transition:none}}

/* --- migrated from v65-partner-orders.css --- */

/* Jolfa v65: partner payout status, simple FX rates, partner settings and responsive orders */
.partner-payout-hero{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.partner-payout-hero--ready{border-color:color-mix(in srgb,var(--success) 42%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 18%,var(--surface)),color-mix(in srgb,var(--success) 5%,var(--surface)))}.partner-payout-hero--ready:after{background:color-mix(in srgb,var(--success) 18%,transparent)}.partner-payout-hero--processing:after{background:color-mix(in srgb,var(--warning) 18%,transparent)}.partner-payout-hero--processing{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 18%,var(--surface)),color-mix(in srgb,var(--warning) 5%,var(--surface)))}.partner-payout-hero__status{position:relative;z-index:2;min-width:220px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,currentColor 22%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(12px)}.partner-payout-hero--ready .partner-payout-hero__status{color:var(--success)}.partner-payout-hero--processing .partner-payout-hero__status{color:var(--warning)}.partner-payout-hero__status>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,currentColor 13%,transparent);font-size:1.05rem}.partner-payout-hero--processing .partner-payout-hero__status>i{animation:jolfa-payout-spin 2s linear infinite}.partner-payout-hero__status>div{display:flex;flex-direction:column;gap:3px}.partner-payout-hero__status strong{font-size:.9rem;color:currentColor}.partner-payout-hero__status small{font-size:.64rem;color:var(--muted)}@keyframes jolfa-payout-spin{to{transform:rotate(360deg)}}
.wallet-balance-strip--balances-only{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.wallet-balance-mini__equivalents,.wallet-balance__equivalent{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.66rem;color:var(--muted)}.wallet-balance-mini__equivalents span{padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-tint)}.wallet-balance__equivalent{margin-top:-2px;color:color-mix(in srgb,#fff 75%,transparent)}
.partner-fx-summary{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.partner-fx-summary__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.partner-fx-summary__head>span{display:flex;align-items:center;gap:7px;font-size:.75rem;font-weight:950;color:var(--text)}.partner-fx-summary__head>span i{color:var(--primary)}.partner-fx-summary__head small{display:flex;align-items:center;gap:5px;font-size:.6rem;color:var(--success)}.partner-fx-summary__head small i{font-size:.4rem}.partner-fx-summary__rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.partner-fx-summary__rates article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:13px;background:var(--surface-tint);border:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.partner-fx-summary__rates article>span{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:900;color:var(--muted)}.partner-fx-summary__rates article>span i{color:var(--primary)}.partner-fx-summary__rates strong{font-size:.76rem}.partner-fx-converter{display:none!important}
.commission-settings-dialog{width:min(880px,calc(100vw - 28px))}.partner-settings-form{gap:16px}.partner-settings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.partner-settings-summary article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-tint)}.partner-settings-summary i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.partner-settings-summary span{font-size:.62rem;color:var(--muted)}.partner-settings-summary strong{font-size:1rem}.partner-settings-group{margin:0;padding:14px;border:1px solid var(--border);border-radius:17px}.partner-settings-group legend{display:flex;align-items:center;gap:7px;padding:0 8px;font-size:.74rem;font-weight:950;color:var(--primary)}.partner-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.partner-settings-grid label{margin:0}.partner-settings-grid label small{display:block;margin-top:5px;line-height:1.6}.partner-settings-policy{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.partner-settings-policy>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,transparent)}.partner-settings-policy>div{display:flex;flex-direction:column;gap:3px}.partner-settings-policy small{color:var(--muted);line-height:1.7}
.admin-orders-table-wrap{overflow-x:auto;padding:2px}.admin-orders-responsive-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0 8px}.admin-orders-responsive-table thead th{padding:0 12px 7px;text-align:start;font-size:.65rem;color:var(--muted);white-space:nowrap}.admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row){cursor:pointer;transition:transform .25s ease,filter .25s ease}.admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row):hover{transform:translateY(-2px);filter:drop-shadow(0 9px 15px color-mix(in srgb,var(--text) 9%,transparent))}.admin-orders-responsive-table td{padding:12px;background:var(--surface);border-block:1px solid var(--border);vertical-align:middle;font-size:.72rem}.admin-orders-responsive-table td:first-child{border-inline-start:1px solid var(--border);border-start-start-radius:15px;border-end-start-radius:15px}.admin-orders-responsive-table td:last-child{border-inline-end:1px solid var(--border);border-start-end-radius:15px;border-end-end-radius:15px}.admin-order-row__code,.admin-order-row__product,.admin-order-row__customer{display:flex;align-items:center;gap:9px;min-width:0}.admin-order-row__code>i{color:var(--primary)}.admin-order-row__code>span,.admin-order-row__customer{flex-direction:column;align-items:flex-start;gap:2px}.admin-order-row__code bdi{font-weight:950;white-space:nowrap}.admin-order-row__code small,.admin-order-row__customer small{font-size:.6rem;color:var(--muted)}.admin-order-row__product>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-tint);color:var(--primary);flex:0 0 auto}.admin-order-row__product strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-order-row__action{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:11px;padding:8px 10px;background:var(--surface-tint);color:var(--primary);font:inherit;font-weight:900;cursor:pointer;transition:background .2s ease,transform .2s ease}.admin-order-row__action:hover{background:color-mix(in srgb,var(--primary) 12%,var(--surface));transform:translateX(-2px)}.admin-order-row__action i:last-child{font-size:.58rem}.admin-orders-empty-row td{border:1px solid var(--border)!important;border-radius:15px!important}
@media(max-width:900px){.partner-payout-hero{align-items:stretch}.partner-payout-hero__status{width:100%;min-width:0}.partner-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-orders-table-wrap{overflow:visible;padding:0}.admin-orders-responsive-table{min-width:0;border-spacing:0}.admin-orders-responsive-table,.admin-orders-responsive-table tbody,.admin-orders-responsive-table tr,.admin-orders-responsive-table td{display:block;width:100%}.admin-orders-responsive-table thead{display:none}.admin-orders-responsive-table tbody{display:grid;gap:12px}.admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row){padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row):hover{transform:none;filter:none}.admin-orders-responsive-table td{display:grid;grid-template-columns:minmax(104px,.36fr) minmax(0,1fr);align-items:center;gap:12px;padding:9px 0;background:transparent;border:0!important;border-radius:0!important;border-bottom:1px dashed color-mix(in srgb,var(--border) 80%,transparent)!important}.admin-orders-responsive-table td::before{content:attr(data-label);font-size:.62rem;font-weight:900;color:var(--muted)}.admin-orders-responsive-table td:last-child{border-bottom:0!important;padding-bottom:0}.admin-order-row__product strong{max-width:none}.admin-order-row__action{width:100%;justify-content:center;padding:10px}.admin-order-row__action i:last-child{margin-inline-start:auto}.admin-orders-empty-row td{display:block!important}}
@media(max-width:620px){.partner-fx-summary__rates,.partner-settings-summary,.partner-settings-grid{grid-template-columns:1fr}.partner-fx-summary__head{align-items:flex-start;flex-direction:column}.admin-orders-responsive-table td{grid-template-columns:1fr;gap:5px}.admin-orders-responsive-table td::before{font-size:.58rem}.partner-payout-hero__status{padding:12px}}
@media(prefers-reduced-motion:reduce){.partner-payout-hero--processing .partner-payout-hero__status>i{animation:none}.admin-orders-responsive-table tbody tr,.admin-order-row__action{transition:none!important}}

/* --- migrated from v67-services.css --- */
/* Jolfa v67 — flush landing hero and dedicated service pages */
:root{--site-header-actual-height:var(--header-height)}
.site-main--landing{padding-top:calc(var(--site-header-actual-height) - 1px)!important}
.site-main--landing>.commerce-hero:first-child{margin-top:0!important}

.nav-dropdown__menu--services{min-width:280px!important}
.nav-dropdown__menu--services a{min-height:48px}
.nav-dropdown__menu--services a i{width:26px!important;text-align:center}
.mobile-nav-group{border-radius:14px;background:var(--surface-soft);overflow:hidden}
.mobile-nav-group summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 13px;font-weight:900;cursor:pointer}
.mobile-nav-group summary::-webkit-details-marker{display:none}
.mobile-nav-group summary>i:first-child{width:24px;text-align:center;color:var(--primary);font-size:1.15rem}
.mobile-nav-group summary span{flex:1}
.mobile-nav-group__chevron{font-size:.75rem;transition:transform .24s ease}
.mobile-nav-group[open] .mobile-nav-group__chevron{transform:rotate(180deg)}
.mobile-nav-group__links{display:grid;gap:4px;padding:0 7px 7px}
.mobile-nav-group__links a{min-height:44px!important;padding:9px 11px!important;background:var(--surface)!important;font-size:.8rem}

.services-overview-hero{padding:72px 0 34px;text-align:center}
.service-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.78rem;font-weight:950;letter-spacing:.01em}
.services-overview-hero h1{max-width:900px;margin:12px auto 0;font-size:clamp(2.25rem,5.2vw,4.75rem);line-height:1.14;letter-spacing:-.045em}
.services-overview-hero p{max-width:780px;margin:18px auto 0;color:var(--muted);font-size:1.02rem;line-height:2}
.services-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0 72px}
.service-overview-card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:340px;padding:26px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-tint) 32%,var(--surface)));box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .42s ease,box-shadow .42s ease}
.service-overview-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:0 24px 58px color-mix(in srgb,var(--primary) 12%,transparent)}
.service-overview-card>span{width:58px;height:58px;display:grid;place-items:center;border-radius:19px;background:var(--surface-tint);color:var(--primary);font-size:1.35rem}
.service-overview-card>div small{color:var(--accent-strong);font-weight:950}
.service-overview-card h2{margin-top:9px;font-size:1.45rem;line-height:1.35}
.service-overview-card p{margin-top:10px;color:var(--muted);line-height:1.9;font-size:.9rem}
.service-overview-card>i:last-child{margin-top:auto;color:var(--primary)}

.service-page-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-tint) 52%,var(--surface)),var(--surface))}
.service-page-hero::before{content:"";position:absolute;z-index:-1;width:620px;height:620px;border-radius:50%;inset-block-start:-320px;inset-inline-end:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%)}
.service-page-hero__inner{min-height:540px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:70px;padding-block:68px}
.service-page-hero__copy h1{max-width:780px;margin-top:13px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.13;letter-spacing:-.048em}
.service-page-hero__copy>p{max-width:780px;margin-top:19px;color:var(--muted);font-size:1.02rem;line-height:2.05}
.service-page-hero__copy>.button{margin-top:25px}
.service-tech-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.service-tech-row span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem;font-weight:900;color:var(--text)}
.service-tech-row span i{color:var(--primary)}
.service-confidential-note{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));font-size:.84rem!important;line-height:1.8!important}
.service-confidential-note i{margin-top:.35em;color:var(--primary)}
.service-page-hero__visual{display:flex;align-items:center;justify-content:center;min-height:350px}
.web-window-mock{width:min(100%,480px);aspect-ratio:1.25;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:28px;background:var(--surface);box-shadow:0 35px 80px color-mix(in srgb,var(--primary) 16%,transparent);transform:rotate(-2deg);overflow:hidden}
html[dir="ltr"] .web-window-mock{transform:rotate(2deg)}
.web-window-mock>div{height:48px;display:flex;align-items:center;gap:7px;padding-inline:17px;border-bottom:1px solid var(--border);background:var(--surface-soft)}
.web-window-mock>div i{width:9px;height:9px;border-radius:50%;background:var(--border)}
.web-window-mock>section{height:calc(100% - 48px);display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px;background:linear-gradient(145deg,var(--surface),var(--surface-soft))}
.web-window-mock>section span{border-radius:16px;background:linear-gradient(145deg,var(--surface-tint),color-mix(in srgb,var(--accent) 12%,var(--surface)));border:1px solid var(--border)}
.web-window-mock>section span:first-child{grid-row:span 2}
.web-window-mock>section b{grid-column:1/-1;height:48px;border-radius:14px;background:var(--primary)}
.embedded-device-mock{position:relative;width:330px;height:260px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:38px;background:linear-gradient(145deg,#23242a,#0e1015);box-shadow:0 35px 80px rgba(0,0,0,.28),inset 0 0 0 8px rgba(255,255,255,.04);transform:perspective(700px) rotateY(-8deg)}
html[dir="rtl"] .embedded-device-mock{transform:perspective(700px) rotateY(8deg)}
.embedded-device-mock__screen{position:absolute;inset:30px 30px 64px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#17313a,#1a5460);color:#6ee7f2;font-size:3rem;box-shadow:inset 0 0 28px rgba(54,198,218,.25)}
.embedded-device-mock__port{position:absolute;bottom:25px;left:34px;width:70px;height:15px;border-radius:5px;background:#05070a}
.embedded-device-mock__light{position:absolute;bottom:27px;right:36px;width:10px;height:10px;border-radius:50%;background:#39e88d;box-shadow:0 0 15px #39e88d}
.pc-case-mock{position:relative;width:300px;height:390px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,#24252b,#101116);box-shadow:0 35px 80px rgba(0,0,0,.3),inset 0 0 0 7px rgba(255,255,255,.035);transform:perspective(850px) rotateY(-10deg)}
html[dir="rtl"] .pc-case-mock{transform:perspective(850px) rotateY(10deg)}
.pc-case-mock__fan{position:absolute;top:42px;right:34px;width:118px;height:118px;border:15px solid #232735;border-radius:50%;box-shadow:inset 0 0 0 3px #36c6da,0 0 28px rgba(54,198,218,.24)}
.pc-case-mock__fan::before,.pc-case-mock__fan::after{content:"";position:absolute;inset:30px;border-radius:50%;background:#36c6da;opacity:.45}.pc-case-mock__fan::after{inset:46px;background:#fff}
.pc-case-mock__gpu{position:absolute;left:30px;right:30px;top:205px;height:58px;border-radius:12px;background:linear-gradient(90deg,#292d38,#3b4050);border-left:4px solid #36c6da}
.pc-case-mock__board{position:absolute;left:34px;top:45px;width:84px;height:135px;border-radius:14px;border:2px solid #3e4557;background:linear-gradient(145deg,#1d2130,#12151e)}
.pc-case-mock__light{position:absolute;left:28px;right:28px;bottom:35px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 18px var(--accent)}

.service-portfolio{padding:68px 0 84px}
.service-section-heading{max-width:820px;margin-bottom:27px}
.service-section-heading>span{color:var(--primary);font-size:.76rem;font-weight:950}
.service-section-heading h2{margin-top:7px;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.35}
.service-section-heading p{margin-top:9px;color:var(--muted)}
.website-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.website-portfolio-card{overflow:hidden;border:1px solid var(--border);border-radius:25px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}
.website-portfolio-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 24px 60px color-mix(in srgb,var(--primary) 12%,transparent)}
.website-portfolio-card__image{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--surface-soft);overflow:hidden}
.website-portfolio-card__image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.website-portfolio-card:hover .website-portfolio-card__image img{transform:scale(1.035);filter:saturate(1.04)}
.website-portfolio-card__image span{position:absolute;inset:auto 14px 14px;display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 11px;border-radius:11px;background:rgba(18,10,28,.76);backdrop-filter:blur(10px);color:#fff;font-size:.72rem;font-weight:900;opacity:0;transform:translateY(5px);transition:.35s ease}
.website-portfolio-card:hover .website-portfolio-card__image span,.website-portfolio-card__image:focus-visible span{opacity:1;transform:none}
.website-portfolio-card__body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}
.website-portfolio-card__body small{color:var(--muted);font-size:.72rem}
.website-portfolio-card__body h3{margin-top:2px;font-size:1.05rem}
.website-portfolio-card__body>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--primary);font-size:.76rem;font-weight:950}
.portfolio-dialog{width:min(1180px,calc(100% - 28px));max-height:92dvh;padding:0!important;border:1px solid var(--border)!important;border-radius:24px!important;background:var(--surface)!important;color:var(--text)!important;overflow:hidden!important}
.portfolio-dialog::backdrop{background:rgba(7,4,12,.72);backdrop-filter:blur(8px)}
.portfolio-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid var(--border)}
.portfolio-dialog__head small{color:var(--muted)}
.portfolio-dialog__head h2{font-size:1.05rem}
.portfolio-dialog__body{max-height:calc(92dvh - 74px);overflow:auto;padding:14px}
.portfolio-dialog__body img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:15px}
.portfolio-dialog__body>.button{position:sticky;bottom:12px;width:max-content;margin:14px auto 0}
.service-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-example-card{position:relative;min-height:290px;padding:24px;border:1px solid var(--border);border-radius:25px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-tint) 28%,var(--surface)));box-shadow:var(--shadow-soft);overflow:hidden}
.service-example-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--surface-tint);color:var(--primary);font-size:1.25rem}
.service-example-card>small{position:absolute;top:22px;inset-inline-end:23px;color:color-mix(in srgb,var(--primary) 55%,var(--muted));font-weight:950}
.service-example-card h3{margin-top:28px;font-size:1.22rem;line-height:1.45}
.service-example-card p{margin-top:12px;color:var(--muted);font-size:.88rem;line-height:1.95}
.service-example-grid--pc .service-example-card:nth-child(2)>span{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-strong)}

@media(max-width:980px){
  .services-overview-grid{grid-template-columns:1fr}
  .service-overview-card{min-height:230px}
  .service-page-hero__inner{grid-template-columns:1fr;gap:26px;min-height:0;padding-block:54px}
  .service-page-hero__visual{min-height:290px}
}
@media(max-width:720px){
  .site-main--landing>.commerce-hero:first-child{margin-top:0!important}
  .services-overview-hero{padding-top:50px}
  .website-portfolio-grid,.service-example-grid{grid-template-columns:1fr}
  .service-page-hero__copy h1{font-size:clamp(2rem,10vw,3rem)}
  .service-page-hero__inner{padding-block:42px}
  .service-page-hero__visual{min-height:250px}
  .web-window-mock{width:min(92%,430px)}
  .embedded-device-mock{width:280px;height:220px}
  .pc-case-mock{width:230px;height:310px}
  .website-portfolio-card__body{align-items:flex-start;flex-direction:column}
  .website-portfolio-card__image span{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.service-overview-card,.website-portfolio-card,.website-portfolio-card__image img,.website-portfolio-card__image span{transition:none!important}}


/* v68 mobile drawer navigation and bottom controls */
@media (max-width:980px){
  .mobile-drawer{
    overflow:hidden!important;
    min-height:100dvh;
    max-height:100dvh;
  }
  .mobile-navigation{
    flex:1 1 auto!important;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-inline-end:2px;
  }
  .mobile-drawer__tools{
    margin-top:auto!important;
    flex:0 0 auto!important;
    padding-top:12px;
    border-top:1px solid var(--border);
    background:var(--surface);
  }
  .mobile-theme-control{
    flex:0 0 auto;
    margin-top:0;
  }
}

/* --- migrated from v69-ui.css --- */
/* v69 unified mobile tools, store filters, article alignment and service visuals */
@media (max-width:980px){
  .mobile-drawer__tools{
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-language .language-trigger,
  .mobile-theme-control{
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-language .language-trigger{
    border-color:color-mix(in srgb,var(--border) 82%,transparent)!important;
  }
}

/* The search shell owns the background and border; the native input stays visually transparent. */
.store-search{
  background:var(--surface-soft)!important;
  border-color:var(--surface-soft)!important;
  box-shadow:none!important;
}
.store-search input,
.store-search input:hover,
.store-search input:focus,
.store-search input:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:var(--text)!important;
}
.store-search button{background:transparent!important;border:0!important;box-shadow:none!important}
.store-search:focus-within{
  background:var(--surface-soft)!important;
  border-color:color-mix(in srgb,var(--primary) 48%,var(--border))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)!important;
}

.store-filter-toggle__main,.store-filter-toggle__state{display:inline-flex;align-items:center;gap:8px}
.store-filter-toggle__chevron{font-size:.72rem;transition:transform .36s cubic-bezier(.22,1,.36,1)}
.store-filter-toggle[aria-expanded="true"] .store-filter-toggle__chevron{transform:rotate(180deg)}

@media (max-width:620px){
  .store-toolbar{display:grid!important;grid-template-columns:1fr;gap:10px!important}
  .store-filter-toggle{
    width:100%!important;
    min-height:50px!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--accent) 9%,var(--surface)))!important;
    color:var(--text)!important;
    box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 10%,transparent)!important;
  }
  .store-filter-toggle span{display:inline-flex!important}
  .store-filter-toggle__main>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff}
  .store-filter-toggle__state{color:var(--primary)}
  .store-filter-panel{
    position:relative;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
    margin-top:2px!important;
    border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))!important;
    border-radius:22px!important;
    background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))!important;
    box-shadow:0 22px 48px color-mix(in srgb,var(--primary) 12%,transparent)!important;
    overflow:hidden;
  }
  .store-filter-panel::before{
    content:"";position:absolute;inset:0 0 auto;height:3px;
    background:linear-gradient(90deg,var(--primary),var(--accent));
  }
  .store-filter-panel fieldset{
    padding:13px!important;
    border:1px solid var(--border)!important;
    border-radius:16px!important;
    background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))!important;
  }
  .store-filter-panel legend{padding-inline:5px;margin-bottom:7px!important;color:var(--text)!important;font-size:.78rem!important}
  .store-filter-chips{gap:6px!important}
  .store-filter-chips label{flex:1 1 auto}
  .store-filter-chips span{width:100%;justify-content:center;min-height:39px!important;background:var(--surface)!important}
  .store-filter-chips input:checked+span{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 22%,transparent)}
  .store-filter-panel select{height:44px!important;border-radius:13px!important;background:var(--surface)!important}

  .store-filter-panel .jolfa-select__trigger{
    min-height:44px!important;
    border-radius:13px!important;
    background:var(--surface)!important;
    box-shadow:none!important;
  }
  .store-filter-panel .jolfa-select__leading{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important}
  .store-filter-panel .jolfa-select__menu{border-color:color-mix(in srgb,var(--primary) 24%,var(--border))!important;background:var(--surface)!important}
  .store-reset{width:100%;justify-content:center!important;min-height:44px!important;border-radius:14px!important}
}

.articles-index-hero__visual{align-self:center;margin-block:auto}
@media(max-width:820px){
  .articles-index-hero{align-items:center!important;text-align:center}
  .articles-index-hero>div:first-child{margin-inline:auto}
  .articles-index-hero__visual{margin-inline:auto!important}
}

.service-example-grid--embedded{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-example-grid--embedded .service-example-card{min-height:300px}
.service-example-grid--embedded .service-example-card:nth-child(2n)>span{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent-strong)}

.pc-parts-section{padding:72px 0 26px}
.pc-parts-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.pc-parts-gallery article{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .45s ease}
.pc-parts-gallery article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 24px 48px color-mix(in srgb,var(--primary) 12%,transparent)}
.pc-parts-gallery img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;background:#17111f}
.pc-parts-gallery article>div{display:flex;flex-direction:column;gap:5px;padding:16px 17px 18px}
.pc-parts-gallery strong{font-size:.95rem;color:var(--text)}
.pc-parts-gallery span{color:var(--muted);font-size:.73rem;line-height:1.75}
.service-portfolio--pc{padding-top:48px}

@media(max-width:1040px){.pc-parts-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .service-example-grid--embedded{grid-template-columns:1fr}
  .pc-parts-section{padding-top:52px}
  .pc-parts-gallery{grid-template-columns:1fr 1fr;gap:10px}
  .pc-parts-gallery article{border-radius:19px}
  .pc-parts-gallery article>div{padding:13px}
}
@media(max-width:440px){.pc-parts-gallery{grid-template-columns:1fr}.pc-parts-gallery img{aspect-ratio:1.7}}

/* --- migrated from v70-comprehensive.css --- */
/* JolfaIT v70 — responsive storefront and administration refinements */

/* --------------------------------------------------------------------------
   Landing carousel
   -------------------------------------------------------------------------- */
.commerce-carousel__controls{
  inset:auto clamp(18px,4vw,27px) 8px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  pointer-events:none;
}
.commerce-carousel__controls>*{pointer-events:auto}
.commerce-carousel__arrows{grid-row:1;display:flex!important;gap:8px}
html[dir="ltr"] .commerce-carousel__arrows{grid-column:3;justify-self:end}
html[dir="rtl"] .commerce-carousel__arrows{grid-column:1;justify-self:start}
.commerce-carousel__dots{grid-column:2;grid-row:1;justify-self:center}
.commerce-slide__actions{position:relative;z-index:5}

/* Compact information visuals on phones rather than square, oversized blocks. */
@media(max-width:780px){
  .commerce-slide{min-height:520px!important;align-items:flex-end!important}
  .commerce-slide__content{padding:26px 18px 88px!important}
  .commerce-slide__shade,
  html[dir="rtl"] .commerce-slide__shade{
    background:linear-gradient(180deg,rgba(12,7,20,.10) 0%,rgba(16,8,27,.30) 36%,rgba(18,8,30,.91) 100%)!important;
  }
  .commerce-carousel__controls{inset:auto clamp(18px,4vw,27px) 8px!important}
  .commerce-carousel__arrows{display:flex!important}
  .commerce-carousel__arrows button{width:38px;height:38px;border-radius:12px}
  .commerce-carousel__dots{gap:7px}
  .info-hero{gap:18px!important}
  .info-hero__visual{
    width:100%!important;
    max-width:none!important;
    height:148px!important;
    min-height:148px!important;
    aspect-ratio:auto!important;
    border-radius:24px!important;
    overflow:hidden;
  }
  .info-hero__visual img{width:84px!important;height:84px!important}
  .info-hero__visual span{padding:6px 9px!important;font-size:.68rem!important}
  .info-hero__visual span:nth-of-type(1){top:14px!important;inset-inline-start:18px!important}
  .info-hero__visual span:nth-of-type(2){top:50%!important;inset-inline-end:16px!important;transform:translateY(-50%)}
  .info-hero__visual span:nth-of-type(3){bottom:14px!important;inset-inline-start:40px!important}
}
@media(max-width:520px){
  .commerce-slide{min-height:500px!important}
  .commerce-slide h1,.commerce-slide h2{max-width:16ch!important}
  .commerce-slide__actions{display:flex!important;grid-template-columns:none!important}
  .commerce-slide__actions .commerce-button{width:auto;min-width:150px}
  .commerce-carousel__pause{display:none!important}
}

/* --------------------------------------------------------------------------
   Footer trust seal
   -------------------------------------------------------------------------- */
.jolfa-footer__trust--seal-only{
  width:108px!important;
  min-width:108px!important;
  height:108px!important;
  padding:8px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.jolfa-footer__trust--seal-only img{width:92px!important;height:92px!important;object-fit:contain!important}
.jolfa-footer__trust--seal-only span,
.jolfa-footer__trust--seal-only>i{display:none!important}

/* --------------------------------------------------------------------------
   Product cards and badges
   -------------------------------------------------------------------------- */
.product-title-row:empty{display:none!important}
.product-title-row .status-badge.available,
.product-title-row .status-badge.free{display:none!important}
.product-card--free .product-card__actions [download],
.product-card--free .product-card__actions [href*="/download"]{display:none!important}
.sale-type-badge{white-space:nowrap}

/* --------------------------------------------------------------------------
   Account tickets — clean desktop/mobile inbox
   -------------------------------------------------------------------------- */
.ticket-inbox{
  padding:18px!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
}
.ticket-inbox__head{
  padding:0 2px 14px!important;
  margin:0!important;
  border-bottom:1px solid var(--border);
}
.ticket-inbox__head>div{display:flex;align-items:center;gap:10px;width:100%}
.ticket-inbox__head h2{font-size:1.02rem!important}
.ticket-inbox__head small{margin-inline-start:auto;padding:5px 9px;border-radius:999px;background:var(--surface-tint);font-weight:850}
.ticket-conversation-list{padding-top:12px}
.ticket-conversation-card{
  position:relative;
  min-height:82px;
  padding:13px 15px!important;
  gap:12px!important;
  border-radius:18px!important;
  transform:none!important;
}
.ticket-conversation-card__status{align-self:center!important;flex:none}
.ticket-conversation-card__arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--surface-tint)}
@media(max-width:620px){
  .ticket-inbox{padding:12px!important;border-radius:18px!important}
  .ticket-inbox__head{padding:2px 4px 12px!important}
  .ticket-inbox__head h2{font-size:.93rem!important}
  .ticket-conversation-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-areas:"avatar body status" "avatar body arrow";
    min-height:104px;
    padding:12px!important;
  }
  .ticket-conversation-card__avatar{grid-area:avatar;align-self:start;width:42px!important;height:42px!important}
  .ticket-conversation-card__body{grid-area:body;align-self:center}
  .ticket-conversation-card__body strong{white-space:normal!important;line-height:1.55}
  .ticket-conversation-card__body p{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.65}
  .ticket-conversation-card__body small{display:block;line-height:1.7}
  .ticket-conversation-card__status{grid-area:status;justify-self:end;align-self:start!important}
  .ticket-conversation-card__arrow{grid-area:arrow;justify-self:end;align-self:end}
}

/* Messenger-like ticket reply */
.ticket-reply-messenger,
.panel-form.ticket-reply{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:9px!important;
  padding:10px!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  background:var(--surface)!important;
}
.ticket-reply-messenger textarea,
.panel-form.ticket-reply textarea{
  grid-column:2!important;
  min-height:48px!important;
  max-height:160px;
  margin:0!important;
  padding:13px 14px!important;
  resize:vertical;
  border-radius:14px!important;
}
.ticket-reply-messenger .ticket-attachment-button,
.panel-form.ticket-reply .ticket-attachment-button{grid-column:1;grid-row:1;width:46px;height:46px;padding:0;border-radius:14px}
.ticket-reply-messenger .ticket-send-button,
.panel-form.ticket-reply .ticket-send-button{grid-column:3;grid-row:1;width:46px;height:46px;padding:0;border-radius:14px}
.ticket-reply-messenger label,
.panel-form.ticket-reply label{display:contents!important}
@media(max-width:560px){.ticket-reply-messenger,.panel-form.ticket-reply{grid-template-columns:42px minmax(0,1fr) 42px!important}.ticket-reply-messenger .ticket-attachment-button,.ticket-reply-messenger .ticket-send-button,.panel-form.ticket-reply .ticket-attachment-button,.panel-form.ticket-reply .ticket-send-button{width:42px;height:42px}}

/* --------------------------------------------------------------------------
   Data tables, status language, compact toolbars
   -------------------------------------------------------------------------- */
.panel-table-toolbar{
  min-height:64px;
  padding:13px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,var(--surface),var(--surface-tint));
}
.panel-table-toolbar>div:first-child{min-width:0;flex:1}
.panel-table-toolbar h2{display:flex;align-items:center;gap:8px;margin:0!important;font-size:1rem!important}
.panel-table-toolbar p{display:none!important}
.panel-table-toolbar .button{flex:none}
.admin-order-row__code{display:flex;align-items:center;gap:10px}
.admin-order-row__code>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
.admin-order-row__code small{display:block!important;color:var(--muted);font-size:.68rem;font-weight:750}

.status-pill{gap:6px}
.status-pill i{font-size:.78em}
.status-pill.status-paid,.status-pill.status-verified,.status-pill.status-approved,.status-pill.status-active{color:#087a4d;background:color-mix(in srgb,#10b981 13%,var(--surface));border-color:color-mix(in srgb,#10b981 34%,var(--border))}
.status-pill.status-review,.status-pill.status-processing{color:#1769aa;background:color-mix(in srgb,#3b82f6 13%,var(--surface));border-color:color-mix(in srgb,#3b82f6 34%,var(--border))}
.status-pill.status-pending,.status-pill.status-waiting{color:#9a5a00;background:color-mix(in srgb,#f59e0b 15%,var(--surface));border-color:color-mix(in srgb,#f59e0b 38%,var(--border))}
.status-pill.status-refunded{color:#6d3bc0;background:color-mix(in srgb,#8b5cf6 13%,var(--surface));border-color:color-mix(in srgb,#8b5cf6 34%,var(--border))}
.status-pill.status-rejected,.status-pill.status-failed,.status-pill.status-cancelled,.status-pill.status-blocked{color:#b42335;background:color-mix(in srgb,#ef4444 12%,var(--surface));border-color:color-mix(in srgb,#ef4444 34%,var(--border))}

.admin-orders-filter,.admin-live-filter{align-items:end!important}
.admin-live-search{position:relative}
.admin-live-search>i{position:absolute;inset-inline-start:13px;bottom:14px;color:var(--muted);pointer-events:none}
.admin-live-search input{padding-inline-start:38px!important}
.admin-filter-chip-row{display:flex;gap:7px;flex-wrap:wrap}
.admin-filter-chip-row label{display:block}
.admin-filter-chip-row input{position:absolute;opacity:0;pointer-events:none}
.admin-filter-chip-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:.76rem;font-weight:850;cursor:pointer}
.admin-filter-chip-row input:checked+span{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--surface))}

/* --------------------------------------------------------------------------
   Dialogs: one scroll surface, attractive header, sticky conditional actions
   -------------------------------------------------------------------------- */
dialog.dialog-backdrop{
  width:min(980px,calc(100vw - 28px));
  max-width:980px;
  max-height:min(900px,calc(100dvh - 28px));
  padding:0!important;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;
  border-radius:26px!important;
  background:var(--surface)!important;
  box-shadow:0 28px 80px rgba(17,8,28,.28)!important;
}
dialog.dialog-backdrop[open]{display:grid!important}
.dialog-head{
  position:relative!important;
  z-index:20;
  min-height:74px;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px;
  border-bottom:1px solid var(--border)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))!important;
}
.dialog-head h2{margin:2px 0 0!important;font-size:1.1rem!important}
.dialog-head small{color:var(--muted);font-weight:800}
.dialog-head .icon-button{background:var(--surface)!important;border:1px solid var(--border)!important}
.dialog-body{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:18px!important;
  scrollbar-gutter:stable;
}
.admin-product-dialog .dialog-body{padding:0!important}
.admin-product-dialog .product-admin-form{padding:18px 18px 0}
.panel-form-actions,
.modal-sticky-actions{
  position:sticky!important;
  inset-block-end:0!important;
  z-index:15;
  margin:18px -18px 0!important;
  padding:13px 18px!important;
  justify-content:flex-end!important;
  border-top:1px solid var(--border)!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  backdrop-filter:blur(16px);
  box-shadow:0 -12px 30px rgba(0,0,0,.06);
}
form[data-dirty-form] .panel-form-actions{display:none!important}
form[data-dirty-form].is-dirty .panel-form-actions,
form[data-dirty-form].is-new-form .panel-form-actions{display:flex!important}
.product-danger-row{
  position:sticky!important;
  inset-block-end:0!important;
  z-index:14;
  margin:0!important;
  padding:13px 18px!important;
  border-top:1px solid color-mix(in srgb,#ef4444 25%,var(--border))!important;
  background:color-mix(in srgb,var(--surface) 96%,#ef4444 4%)!important;
}
.product-danger-stack{position:sticky;inset-block-end:0;z-index:16;background:var(--surface)}
.ceo-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid color-mix(in srgb,#dc2626 36%,var(--border));border-radius:16px;background:color-mix(in srgb,#dc2626 7%,var(--surface))}
.ceo-danger-zone strong{color:#b91c1c}
@media(max-width:640px){
  dialog.dialog-backdrop{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}
  .dialog-head{min-height:68px;padding:12px 14px!important}
  .dialog-body{padding:14px!important}
  .admin-product-dialog .product-admin-form{padding:14px 14px 0}
  .panel-form-actions,.modal-sticky-actions{margin:16px -14px 0!important;padding:11px 14px!important}
}

/* --------------------------------------------------------------------------
   Language tabs for product/article forms
   -------------------------------------------------------------------------- */
.locale-editor-tabs,
.user-modal-tabs{
  display:flex!important;
  gap:7px!important;
  padding:10px 14px!important;
  overflow-x:auto!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface-soft)!important;
  scrollbar-width:none;
}
.locale-editor-tabs::-webkit-scrollbar,.user-modal-tabs::-webkit-scrollbar{display:none}
.locale-editor-tabs button,.user-modal-tabs button{
  flex:none;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px;
  padding:0 13px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-weight:900!important;
}
.locale-editor-tabs button.active,.user-modal-tabs button.active{
  color:var(--primary)!important;
  border-color:color-mix(in srgb,var(--primary) 26%,var(--border))!important;
  background:var(--surface)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.05)
}
.locale-panel,[data-locale-panel]{display:none}
.locale-panel.active,[data-locale-panel].active{display:block}
.shared-fields-banner{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-tint);color:var(--muted);font-size:.75rem;line-height:1.7}
.product-version-list{display:flex;flex-direction:column;gap:9px}
.product-version-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft)}
.product-version-row label{margin:0}
.product-version-row .icon-button{margin-bottom:2px}
@media(max-width:680px){.product-version-row{grid-template-columns:1fr 1fr}.product-version-row label:nth-child(2){grid-column:1/-1}.product-version-row .icon-button{justify-self:end}}

/* --------------------------------------------------------------------------
   Users, flags and role icon selector
   -------------------------------------------------------------------------- */
.user-country-cell{display:flex;align-items:center;gap:8px}
.user-country-cell img{width:28px;height:19px;object-fit:cover;border-radius:5px;border:1px solid var(--border)}
.user-management-dialog{max-width:1060px!important}
.user-identity-hero{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface-tint),var(--surface))}
.user-identity-hero__avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--primary);color:#fff;font-size:1.25rem}
.user-related-list{display:grid;gap:9px}
.user-related-list>a,.user-related-list>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.role-icon-selector{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-height:240px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}
.role-icon-selector label{position:relative;display:block;margin:0!important}
.role-icon-selector input{position:absolute;opacity:0;pointer-events:none}
.role-icon-selector span{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--surface);cursor:pointer;font-size:1.05rem}
.role-icon-selector input:checked+span{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 28%,transparent)}

/* --------------------------------------------------------------------------
   Searchable admin controls
   -------------------------------------------------------------------------- */
.admin-combobox{position:relative}
.admin-combobox__menu{position:absolute;z-index:50;inset-inline:0;top:calc(100% + 6px);display:none;max-height:240px;overflow:auto;padding:7px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.admin-combobox.is-open .admin-combobox__menu{display:block}
.admin-combobox__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:start;cursor:pointer}
.admin-combobox__option:hover,.admin-combobox__option.is-active{background:var(--surface-tint);color:var(--primary)}
.admin-combobox__option small{color:var(--muted)}

/* Numeric fields that remain Latin and grouped */
input.latin-grouped,input[data-grouped-number]{font-variant-numeric:tabular-nums;direction:ltr;text-align:left;letter-spacing:.02em}

/* --------------------------------------------------------------------------
   Affiliate/payout controls
   -------------------------------------------------------------------------- */
.payout-status-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.payout-status-select label{margin:0}
.payout-status-select input{position:absolute;opacity:0}
.payout-status-select span{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);cursor:pointer;font-size:.72rem;font-weight:900}
.payout-status-select input:checked+span{border-color:var(--status-color,var(--primary));background:color-mix(in srgb,var(--status-color,var(--primary)) 10%,var(--surface));color:var(--status-color,var(--primary))}
.payout-status-select label[data-status="pending"]{--status-color:#d98b00}.payout-status-select label[data-status="approved"]{--status-color:#2563eb}.payout-status-select label[data-status="paid"]{--status-color:#059669}.payout-status-select label[data-status="rejected"]{--status-color:#dc2626}
.payout-review-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.payout-review-account>div{padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}
.payout-review-account small{display:block;color:var(--muted);margin-bottom:4px}
@media(max-width:620px){.payout-status-select{grid-template-columns:1fr 1fr}.payout-review-account{grid-template-columns:1fr}}

/* --------------------------------------------------------------------------
   Logs
   -------------------------------------------------------------------------- */
.audit-action-label{display:inline-flex;align-items:center;gap:7px;font-weight:850}
.audit-action-label i{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:var(--surface-tint);color:var(--primary)}

.ticket-reply-messenger,.panel-form.ticket-reply{direction:ltr}.ticket-reply-messenger textarea,.panel-form.ticket-reply textarea{direction:rtl}.ticket-reply-messenger .panel-form-actions,.panel-form.ticket-reply .panel-form-actions{display:none!important}
.jolfa-select__trigger[data-tone="success"] .jolfa-select__leading{color:#059669;background:color-mix(in srgb,#10b981 12%,var(--surface))}.jolfa-select__trigger[data-tone="info"] .jolfa-select__leading{color:#2563eb;background:color-mix(in srgb,#3b82f6 12%,var(--surface))}.jolfa-select__trigger[data-tone="warning"] .jolfa-select__leading{color:#b66c00;background:color-mix(in srgb,#f59e0b 14%,var(--surface))}.jolfa-select__trigger[data-tone="danger"] .jolfa-select__leading{color:#dc2626;background:color-mix(in srgb,#ef4444 12%,var(--surface))}.jolfa-select__trigger[data-tone="purple"] .jolfa-select__leading{color:#7c3aed;background:color-mix(in srgb,#8b5cf6 12%,var(--surface))}.jolfa-select__option>span{display:flex;align-items:center;gap:8px}.jolfa-select__option>span b{font:inherit}.jolfa-select__status-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--surface-tint)}

[data-live-table] tbody tr[hidden],.admin-combobox__option[hidden],[data-view-row][hidden]{display:none!important}

/* --- migrated from v71-admin-polish.css --- */
/* JolfaIT v71 — admin consistency, tables, selects and role cards */

/* Custom-select semantic icons must remain visible; only the trailing selected check toggles. */
.jolfa-select__option > span{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.jolfa-select__option > span > b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jolfa-select__option .jolfa-select__status-icon{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  opacity:1!important;
  border-radius:9px!important;
  color:var(--primary);
  background:color-mix(in srgb,var(--primary) 9%,var(--surface));
}
.jolfa-select__option[data-tone="success"] .jolfa-select__status-icon{color:#087a4d;background:color-mix(in srgb,#10b981 13%,var(--surface))}
.jolfa-select__option[data-tone="info"] .jolfa-select__status-icon{color:#1769aa;background:color-mix(in srgb,#3b82f6 13%,var(--surface))}
.jolfa-select__option[data-tone="warning"] .jolfa-select__status-icon{color:#9a5a00;background:color-mix(in srgb,#f59e0b 15%,var(--surface))}
.jolfa-select__option[data-tone="danger"] .jolfa-select__status-icon{color:#b42335;background:color-mix(in srgb,#ef4444 12%,var(--surface))}
.jolfa-select__option[data-tone="purple"] .jolfa-select__status-icon{color:#6d3bc0;background:color-mix(in srgb,#8b5cf6 13%,var(--surface))}
.jolfa-select__option > i.fa-check{opacity:0!important}
.jolfa-select__option.is-selected > i.fa-check{opacity:1!important}

/* One standard toolbar language across admin tables. */
.panel-table-toolbar{
  min-height:66px!important;
  margin:0!important;
  padding:13px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 35%),
    linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-tint) 78%,var(--surface)))!important;
  box-shadow:0 9px 26px rgba(35,18,52,.055)!important;
}
.panel-table-toolbar > div:first-child{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
.panel-table-toolbar h2{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.45!important;
}
.panel-table-toolbar h2 > i,
.panel-table-toolbar__icon{
  width:36px;
  height:36px;
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px;
  border-radius:12px;
  color:var(--primary);
  background:color-mix(in srgb,var(--primary) 10%,var(--surface));
  border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));
}
.panel-table-toolbar p{display:none!important}
.panel-table-toolbar .button{min-height:39px!important;padding-inline:13px!important;border-radius:12px!important}
.panel-table-toolbar--icon{justify-content:flex-start!important}
.panel-table-toolbar--icon > .panel-table-toolbar__icon{flex:none!important}
.panel-table-toolbar--icon > div:nth-child(2){flex:1;min-width:0}

/* Standard data table surface, rhythm and hover feedback. */
.table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 8px 24px rgba(35,18,52,.045);
  scrollbar-width:thin;
}
.panel-table,
.admin-orders-responsive-table{
  width:100%;
  min-width:760px;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
}
.panel-table thead,
.admin-orders-responsive-table thead{
  background:color-mix(in srgb,var(--surface-tint) 74%,var(--surface))!important;
}
.panel-table th,
.admin-orders-responsive-table th{
  padding:12px 15px!important;
  border-bottom:1px solid var(--border)!important;
  color:var(--muted)!important;
  font-size:.72rem!important;
  font-weight:950!important;
  line-height:1.5!important;
  text-align:start!important;
  white-space:nowrap;
}
.panel-table td,
.admin-orders-responsive-table td{
  padding:14px 15px!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  vertical-align:middle!important;
  color:var(--text)!important;
  font-size:.8rem!important;
  line-height:1.65!important;
}
.panel-table tbody tr:last-child td,
.admin-orders-responsive-table tbody tr:last-child td{border-bottom:0!important}
.panel-table tbody tr,
.admin-orders-responsive-table tbody tr{
  background:var(--surface);
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.panel-table tbody tr:hover,
.admin-orders-responsive-table tbody tr:hover{
  background:color-mix(in srgb,var(--primary) 4.5%,var(--surface))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--primary) 70%,transparent);
}
[dir="rtl"] .panel-table tbody tr:hover,
[dir="rtl"] .admin-orders-responsive-table tbody tr:hover{box-shadow:inset -3px 0 0 color-mix(in srgb,var(--primary) 70%,transparent)}
.panel-table-card,
.panel-surface.admin-orders-panel,
.panel-surface.payment-review-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.panel-table-card > .table-wrap,
.panel-surface > .table-wrap{margin-top:0!important}
.table-primary{font-weight:900!important;line-height:1.45}
.table-secondary{display:block!important;margin-top:3px;color:var(--muted)!important;font-size:.69rem!important;font-weight:720!important;line-height:1.45!important}
.panel-table code,
.admin-orders-responsive-table code,
.ticket-code{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:3px 8px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface-soft);
  color:var(--primary);
  font-size:.72rem;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}

/* Badges and inline icon/text spacing. */
.sale-type-badge,
.status-pill,
.table-action-button,
.admin-order-row__action,
.audit-action-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sale-type-badge i,
.status-pill i,
.table-action-button i:first-child,
.admin-order-row__action i:first-child,
.audit-action-label i{flex:none}
.sale-type-badge{
  min-height:30px;
  padding:5px 10px!important;
  border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));
  border-radius:10px!important;
  background:color-mix(in srgb,var(--primary) 7%,var(--surface));
  color:var(--primary);
  font-size:.7rem!important;
  font-weight:900!important;
}
.table-action-button,
.admin-order-row__action{
  min-height:36px;
  padding:0 11px!important;
  border:1px solid var(--border)!important;
  border-radius:11px!important;
  background:var(--surface)!important;
  color:var(--primary)!important;
  font-size:.73rem!important;
  font-weight:900!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.table-action-button:hover,
.admin-order-row__action:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 7%,var(--surface))!important;
}

/* Payment/order cell: visibly clickable and correctly spaced. */
.payment-order-link{
  width:100%;
  min-width:190px;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"code name" "code email";
  align-items:center;
  column-gap:10px;
  row-gap:1px;
  padding:9px 10px!important;
  border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-tint) 62%,var(--surface)))!important;
  color:var(--text)!important;
  text-align:start!important;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.payment-order-link:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--primary) 38%,var(--border))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 9%,transparent);
}
.payment-order-link bdi{grid-area:code;align-self:stretch;display:grid;place-items:center;padding:4px 8px;border-radius:9px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:.69rem;font-weight:900}
.payment-order-link strong{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.payment-order-link small{grid-area:email;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.66rem}

/* Searchable actor/action menus. */
.admin-combobox__menu{
  z-index:2800!important;
  max-height:290px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(20,9,31,.2)!important;
}
.admin-combobox__option{
  min-height:45px;
  padding:8px 10px!important;
  border-radius:11px!important;
}
.admin-combobox__option > span{
  min-width:0;
  width:100%;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-areas:"icon name" "icon detail";
  align-items:center;
  column-gap:9px;
  text-align:start;
}
.admin-combobox__option > span > i{grid-area:icon;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-tint);color:var(--primary)}
.admin-combobox__option > span > b{grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
.admin-combobox__option > span > small{grid-area:detail;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.63rem;color:var(--muted)!important}

/* Roles: stronger color identity and clearer hierarchy. */
.cards-row .role-card{
  --role-tint:color-mix(in srgb,var(--role-color) 11%,var(--surface));
  position:relative;
  isolation:isolate;
  flex:1 1 280px;
  min-height:190px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:1fr auto;
  align-items:start;
  gap:14px;
  padding:19px!important;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--role-color) 28%,var(--border))!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--role-color) 18%,transparent),transparent 42%),
    linear-gradient(145deg,var(--surface),var(--role-tint))!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--role-color) 9%,transparent)!important;
}
.cards-row .role-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset-block:0;
  inset-inline-start:0;
  width:5px;
  background:var(--role-color);
}
.role-card__icon{
  width:58px;
  height:58px;
  display:grid!important;
  place-items:center!important;
  grid-row:1;
  border:1px solid color-mix(in srgb,var(--role-color) 28%,var(--border));
  border-radius:18px;
  background:color-mix(in srgb,var(--role-color) 13%,var(--surface));
  color:var(--role-color);
  font-size:1.25rem;
  box-shadow:0 8px 20px color-mix(in srgb,var(--role-color) 12%,transparent);
}
.role-card > div{min-width:0;grid-column:2;grid-row:1}
.role-card h2{margin:2px 0 2px!important;font-size:1rem!important}
.role-card small{color:var(--role-color);font-size:.69rem;font-weight:900}
.role-card p{margin-top:10px!important;color:var(--muted)!important;font-size:.74rem!important}
.role-card > .button{grid-column:1/-1;grid-row:2;justify-self:stretch;min-height:40px!important;color:var(--role-color)!important;background:color-mix(in srgb,var(--role-color) 7%,var(--surface))!important;border-color:color-mix(in srgb,var(--role-color) 22%,var(--border))!important}

/* Quick action section supports six balanced actions. */
.quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.quick-action{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:10px 11px!important;border:1px solid var(--border)!important;border-radius:13px!important;background:var(--surface-soft)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.quick-action i{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--surface);color:var(--primary)}
.quick-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))!important;background:color-mix(in srgb,var(--primary) 6%,var(--surface))!important}

/* Compact CEO destructive action next to the modal action row. */
.ceo-danger-zone{display:none!important}
.panel-form-actions--mixed{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.panel-form-actions--mixed .modal-danger-action{margin-inline-end:auto!important}
.panel-form-actions--mixed .modal-dirty-actions{display:none;align-items:center;gap:9px;margin-inline-start:0}
form[data-dirty-form].is-dirty .panel-form-actions--mixed .modal-dirty-actions,
form[data-dirty-form].is-new-form .panel-form-actions--mixed .modal-dirty-actions{display:inline-flex!important}
form[data-dirty-form] .panel-form-actions.panel-form-actions--mixed{display:flex!important}
.button-danger{
  color:#fff!important;
  background:linear-gradient(135deg,#dc2626,#b91c1c)!important;
  border-color:#b91c1c!important;
  box-shadow:0 9px 20px rgba(185,28,28,.18)!important;
}

/* Ticket listing gets a stable, usable table even with many columns. */
.panel-table-card .panel-filter{
  padding:13px!important;
  border:1px solid var(--border);
  border-radius:17px;
  background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface));
}

@media(max-width:900px){
  .panel-table,.admin-orders-responsive-table{min-width:700px}
  .panel-table-toolbar{border-radius:15px!important}
  .cards-row .role-card{flex-basis:240px}
}
@media(max-width:680px){
  .panel-table-toolbar{min-height:0!important;padding:11px 12px!important;align-items:flex-start!important;flex-wrap:wrap!important}
  .panel-table-toolbar .button{width:100%}
  .quick-actions{grid-template-columns:1fr!important}
  .panel-form-actions--mixed{gap:8px!important}
  .panel-form-actions--mixed .modal-danger-action{order:3;width:100%;margin-inline-end:0!important}
  .panel-form-actions--mixed .modal-dirty-actions{width:100%;display:none;grid-template-columns:1fr 1fr}
  form[data-dirty-form].is-dirty .panel-form-actions--mixed .modal-dirty-actions,
  form[data-dirty-form].is-new-form .panel-form-actions--mixed .modal-dirty-actions{display:grid!important}
  .panel-form-actions--mixed .modal-dirty-actions .button{width:100%}
  .payment-order-link{min-width:170px}
}

/* --- migrated from v72-fixes.css --- */
/* JolfaIT v72 — ticket route hotfix and account/admin visual corrections */

/* Flat panel surfaces requested for account/admin data sections. */
.panel-table-toolbar,
.table-wrap,
.dashboard-download-item{
  border-radius:0!important;
}
.panel-table-toolbar{
  box-shadow:none!important;
}
.table-wrap{
  box-shadow:none!important;
}
.dashboard-download-item{
  box-shadow:none!important;
}

/* The support toolbar must span the full padded account section. */
.account-support-section{
  padding:0 18px 14px!important;
}
.account-support-section > .panel-table-toolbar{
  width:auto!important;
  margin-inline:-18px!important;
  margin-block:0 4px!important;
  border-inline:0!important;
  border-top:0!important;
}

/* Account order codes are plain identifiers, not ticket badges. */
.account-order-code{
  display:inline-block;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--primary);
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-size:.78rem;
  font-weight:900;
  line-height:1.55;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* Expanded download rows need a visibly distinct surface. */
.download-library--list .download-product-card.is-list-expanded .download-product-card__body{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--primary) 8%,var(--surface)),
    color-mix(in srgb,var(--accent) 6%,var(--surface)))!important;
  border-top-color:color-mix(in srgb,var(--primary) 22%,var(--border))!important;
}

/* Remove inset hover markers and all row hover shadows. */
.panel-table tbody tr:hover,
.admin-orders-responsive-table tbody tr:hover,
[dir="rtl"] .panel-table tbody tr:hover,
[dir="rtl"] .admin-orders-responsive-table tbody tr:hover{
  box-shadow:none!important;
}

/* Compact linked-order control: order number only. */
.payment-order-link{
  width:auto!important;
  min-width:150px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:8px 10px!important;
  border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--primary) 5%,var(--surface))!important;
  color:var(--primary)!important;
  font-weight:900!important;
  text-align:start!important;
  box-shadow:none!important;
}
.payment-order-link:hover{
  transform:none!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important;
  border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;
}
.payment-order-link > i:first-child{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border-radius:8px;
  background:var(--surface);
}
.payment-order-link bdi{
  display:inline!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:.73rem!important;
  font-weight:900!important;
}
.payment-order-link__arrow{
  margin-inline-start:auto;
  color:var(--muted);
  font-size:.68rem;
}

/* Ensure semantic select icons are rendered with the bundled Font Awesome set. */
.jolfa-select__option .jolfa-select__status-icon{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  line-height:1!important;
}

@media(max-width:680px){
  .account-support-section{
    padding-inline:12px!important;
  }
  .account-support-section > .panel-table-toolbar{
    margin-inline:-12px!important;
  }
  .payment-order-link{
    min-width:0!important;
    width:100%!important;
  }
}

/* --- migrated from v73-fixes.css --- */
/* JolfaIT v73 — ticket, payment, toolbar and invoice refinements */

/* ---------- Standard toolbar title ---------- */
.panel-table-toolbar{
  min-height:62px;
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-block:1px solid var(--border)!important;
  background:color-mix(in srgb,var(--surface) 94%,var(--primary) 6%)!important;
}
.panel-table-toolbar h2{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  line-height:1.35!important;
}
.panel-table-toolbar h2>i,
.panel-table-toolbar__icon{
  width:34px;
  height:34px;
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px;
  border-radius:10px;
  color:var(--primary);
  background:color-mix(in srgb,var(--primary) 10%,var(--surface));
  border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));
}
.panel-table-toolbar h2>i{font-size:.9rem}
.panel-table-toolbar--icon .panel-table-toolbar__icon+div h2{gap:0!important}

/* ---------- Account dashboard support ---------- */
.account-support-section .activity-list{padding:4px 0 0}
.account-support-section .activity-item{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  min-height:68px;
  padding:12px 16px!important;
}
.account-support-section .activity-item__icon{display:none!important}
.account-support-section .activity-item__copy{min-width:0}
.account-support-section .activity-item__copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Order details ---------- */
.license-value{
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:.76rem;
  color:var(--primary);
  overflow-wrap:anywhere;
}
.invoice-locked-button{
  min-height:48px;
  align-items:center!important;
  gap:10px!important;
  opacity:.68!important;
}
.invoice-locked-button>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.3}
.invoice-locked-button small{font-size:.62rem;color:var(--muted);font-weight:700}
[dir="rtl"] .invoice-locked-button>span{align-items:flex-end}

/* ---------- Ticket list: user ---------- */
.ticket-inbox{
  overflow:hidden;
  padding:0!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
}
.ticket-inbox__head{
  min-height:66px;
  padding:14px 18px!important;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%);
}
.ticket-inbox__head>div{display:flex;align-items:center;gap:10px;width:100%}
.ticket-inbox__head h2{display:flex;align-items:center;gap:9px;margin:0!important;font-size:1rem!important}
.ticket-inbox__head h2::before{
  content:"\f075";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface));
}
.ticket-inbox__head small{margin-inline-start:auto!important;padding:5px 10px!important;border:1px solid var(--border);border-radius:999px;background:var(--surface)!important}
.ticket-conversation-list{padding:10px!important;display:grid;gap:8px}
.ticket-conversation-card{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 34px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:86px;
  padding:14px 15px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.ticket-conversation-card::before{
  content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:0 4px 4px 0;background:var(--primary)
}
[dir="ltr"] .ticket-conversation-card::before{border-radius:4px 0 0 4px}
.ticket-conversation-card:hover{transform:none!important;background:color-mix(in srgb,var(--primary) 4%,var(--surface))!important;border-color:color-mix(in srgb,var(--primary) 25%,var(--border))!important}
.ticket-conversation-card__avatar{display:none!important}
.ticket-conversation-card__body{min-width:0}
.ticket-conversation-card__body>div{display:block!important}
.ticket-conversation-card__body strong{font-size:.9rem;line-height:1.6}
.ticket-conversation-card__body p{margin:4px 0!important;color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-conversation-card__body small{font-size:.68rem;color:var(--muted)}
.ticket-conversation-card__status{justify-self:end;align-self:center!important}
.ticket-conversation-card__arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-tint);color:var(--primary)}

/* ---------- Ticket conversation page ---------- */
.ticket-chat-page,.ticket-layout{--ticket-panel:color-mix(in srgb,var(--surface) 96%,var(--primary) 4%)}
.ticket-chat-header{
  padding:16px 18px!important;
  border:1px solid var(--border);
  border-radius:20px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));
}
.ticket-chat-layout{gap:16px!important;align-items:stretch}
.ticket-chat-sidebar{
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  background:var(--ticket-panel)!important;
  box-shadow:none!important;
}
.ticket-chat-card,.ticket-thread{
  overflow:hidden;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.ticket-chat-messages,.ticket-thread{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 3%,var(--surface)),var(--surface))}
.ticket-chat-message__avatar,.ticket-message__avatar{box-shadow:none!important;border:1px solid var(--border)}
.ticket-chat-bubble,.ticket-bubble{border:1px solid var(--border)!important;box-shadow:none!important}
.ticket-chat-message.is-user .ticket-chat-bubble{background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important}
.ticket-chat-message.is-support .ticket-chat-bubble{background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important}
.ticket-chat-compose,.ticket-reply-messenger{
  border-top:1px solid var(--border)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.ticket-chat-compose textarea,.ticket-reply-messenger textarea{background:var(--surface-tint)!important;border-color:var(--border)!important}

/* ---------- Admin tickets list ---------- */
.panel-table-card:has(.panel-table tbody .ticket-code){overflow:hidden}
.panel-table-card:has(.panel-table tbody .ticket-code) .panel-filter{
  margin:12px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:var(--surface-tint)!important;
}
.panel-table .ticket-code{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:4px 8px;border-radius:8px;
  background:color-mix(in srgb,var(--primary) 8%,var(--surface));
  border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));
  color:var(--primary);font-size:.7rem
}

/* ---------- Payment review modal ---------- */
.payment-review-dialog{
  width:min(720px,calc(100vw - 24px))!important;
  max-height:min(88vh,860px)!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border))!important;
  border-radius:24px!important;
  background:var(--surface)!important;
  box-shadow:0 24px 80px rgba(15,23,42,.22)!important;
}
.payment-review-dialog .dialog-head{
  min-height:78px;
  padding:16px 20px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)))!important;
  border-bottom:1px solid var(--border)!important;
}
.payment-review-dialog .dialog-head>div{display:grid;gap:3px}
.payment-review-dialog .dialog-head h2{margin:0;font-size:1.08rem}
.payment-review-dialog .dialog-body{
  display:grid;gap:14px;
  padding:16px 18px 0!important;
  overflow:auto!important;
  background:var(--surface)!important;
}
.payment-detail-hero{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--success) 22%,var(--border))!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--success) 9%,var(--surface)),var(--surface))!important;
}
.payment-detail-hero__icon{
  width:58px;height:58px;display:grid;place-items:center;border-radius:17px;
  color:var(--success);font-size:1.25rem;background:color-mix(in srgb,var(--success) 13%,var(--surface));
  border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));
}
.payment-detail-hero__copy{display:grid;gap:4px;min-width:0}
.payment-detail-hero__copy>small{font-weight:850;color:var(--muted)}
.payment-detail-hero__copy>strong{font-size:1.22rem}
.payment-detail-hero__copy>code{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;border-radius:7px;background:var(--surface-tint)}
.linked-order-card{
  width:100%;display:grid!important;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:12px;
  padding:13px 14px!important;text-align:start!important;border:1px solid var(--border)!important;border-radius:16px!important;
  background:var(--surface-tint)!important;color:var(--text)!important;box-shadow:none!important
}
.linked-order-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--primary) 30%,var(--border))!important;background:color-mix(in srgb,var(--primary) 6%,var(--surface))!important}
.linked-order-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--surface);border:1px solid var(--border)}
.linked-order-card__copy{display:grid;gap:2px;min-width:0}
.linked-order-card__copy p{margin:0!important;font-size:.78rem;color:var(--muted)}
.linked-order-card__copy em{margin-top:5px;font-style:normal;font-size:.69rem;color:var(--primary)}
.payment-review-dialog .panel-form{padding:14px!important;border:1px solid var(--border);border-radius:16px;background:var(--surface-tint)}
.payment-review-dialog .modal-sticky-actions{position:sticky!important;bottom:0;margin:14px -14px -14px!important;padding:12px 14px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-top:1px solid var(--border);backdrop-filter:blur(12px)}

/* ---------- User modal blocking tab ---------- */
.user-modal-tabs button[data-modal-tab="blocking"]{color:var(--danger)}
.user-modal-section[data-modal-section="blocking"] .panel-form{border:1px solid color-mix(in srgb,var(--danger) 20%,var(--border));border-radius:16px;padding:14px;background:color-mix(in srgb,var(--danger) 4%,var(--surface))}

/* ---------- Select status colors/icons ---------- */
.jolfa-select__option[data-tone]{border-inline-start:3px solid transparent}
.jolfa-select__option[data-tone="success"]{--select-tone:var(--success)}
.jolfa-select__option[data-tone="info"]{--select-tone:var(--primary)}
.jolfa-select__option[data-tone="warning"]{--select-tone:var(--warning)}
.jolfa-select__option[data-tone="danger"]{--select-tone:var(--danger)}
.jolfa-select__option[data-tone="purple"]{--select-tone:#7c3aed}
.jolfa-select__option[data-tone="muted"]{--select-tone:var(--muted)}
.jolfa-select__option[data-tone]{border-inline-start-color:color-mix(in srgb,var(--select-tone) 62%,transparent)!important}
.jolfa-select__option[data-tone] .jolfa-select__status-icon{color:var(--select-tone)!important;width:20px;text-align:center}
.jolfa-select__trigger[data-tone="success"]{--select-tone:var(--success)}
.jolfa-select__trigger[data-tone="info"]{--select-tone:var(--primary)}
.jolfa-select__trigger[data-tone="warning"]{--select-tone:var(--warning)}
.jolfa-select__trigger[data-tone="danger"]{--select-tone:var(--danger)}
.jolfa-select__trigger[data-tone="muted"]{--select-tone:var(--muted)}
.jolfa-select__trigger[data-tone] .jolfa-select__leading{color:var(--select-tone);background:color-mix(in srgb,var(--select-tone) 11%,var(--surface))}

/* ---------- Admin invoice print ---------- */
.invoice-page{padding-block:22px 40px}
.invoice-sheet{box-shadow:none!important;border:1px solid #d8dee9!important}
@media print{
  .site-header,.jolfa-footer,.invoice-toolbar{display:none!important}
  .site-main{padding-top:0!important}
  .invoice-page{padding:0!important;max-width:none!important}
  .invoice-sheet{border:0!important;box-shadow:none!important;min-height:100vh}
}

@media(max-width:760px){
  .panel-table-toolbar{min-height:56px;padding:10px 12px!important}
  .panel-table-toolbar h2>i,.panel-table-toolbar__icon{width:32px;height:32px;flex-basis:32px}
  .ticket-conversation-list{padding:8px!important}
  .ticket-conversation-card{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"body status" "body arrow"!important;min-height:96px;padding:13px!important}
  .ticket-conversation-card__body{grid-area:body}
  .ticket-conversation-card__status{grid-area:status;align-self:start!important}
  .ticket-conversation-card__arrow{grid-area:arrow;justify-self:end;align-self:end}
  .ticket-conversation-card__body p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .ticket-chat-header{border-radius:16px;padding:13px!important}
  .ticket-chat-layout{display:flex!important;flex-direction:column!important}
  .ticket-chat-sidebar{order:2;border-radius:16px!important}
  .ticket-chat-card{order:1;border-radius:16px!important}
  .payment-review-dialog{width:calc(100vw - 12px)!important;max-height:94vh!important;border-radius:18px!important}
  .payment-review-dialog .dialog-body{padding:12px 12px 0!important}
  .payment-detail-hero{grid-template-columns:48px minmax(0,1fr)!important;padding:12px!important}
  .payment-detail-hero__icon{width:48px;height:48px;border-radius:14px}
  .linked-order-card{grid-template-columns:40px minmax(0,1fr) 22px;padding:11px!important}
  .linked-order-card__icon{width:40px;height:40px;border-radius:12px}
  .account-support-section .activity-item{padding:11px 12px!important}
}

/* --- migrated from v74-fixes.css --- */
/* JolfaIT v74 — panel density, responsive tables, bans, payouts */
.ticket-chat-layout{
  min-height:calc(100dvh - 170px);
  align-items:stretch;
}
.ticket-chat-sidebar,.ticket-chat-card{height:100%}
.ticket-chat-card{display:flex;flex-direction:column;min-height:0}
.ticket-chat-messages{flex:1;min-height:0;max-height:none}
.ticket-chat-compose{flex:0 0 auto}

@media(min-width:1081px){
  .dashboard-layout--admin-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:stretch}
  .dashboard-layout--admin-overview>.dashboard-primary,
  .dashboard-layout--admin-overview>.dashboard-aside{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;min-width:0}
  .dashboard-layout--admin-overview .dashboard-card{height:100%;display:flex;flex-direction:column}
  .dashboard-layout--admin-overview .admin-dashboard-recent .table-wrap{flex:1}
}

.admin-dashboard-recent .table-wrap{overflow:visible}
.admin-dashboard-recent .panel-table{table-layout:fixed;width:100%}
.admin-dashboard-recent .panel-table td,.admin-dashboard-recent .panel-table th{padding-inline:9px}
@media(max-width:1240px){
  .admin-dashboard-recent .panel-table th:nth-child(4),
  .admin-dashboard-recent .panel-table td:nth-child(4){display:none}
}
@media(max-width:930px){
  .admin-dashboard-recent .panel-table th:nth-child(3),
  .admin-dashboard-recent .panel-table td:nth-child(3){display:none}
  .admin-dashboard-recent .panel-table td,.admin-dashboard-recent .panel-table th{white-space:normal}
}

.panel-table td,.admin-orders-responsive-table td{text-align:center!important;vertical-align:middle}
.panel-table th,.admin-orders-responsive-table th{text-align:center!important}
.panel-table td .table-primary,.panel-table td .table-secondary{margin-inline:auto}
.payment-order-link bdi{align-content:center}
.payout-history-id{text-align:center!important;vertical-align:middle!important}

.payment-linked-references{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:12px 0}
.payment-linked-reference{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-tint);color:var(--text);transition:border-color .2s ease,background .2s ease}
.payment-linked-reference:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.payment-linked-reference>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.payment-linked-reference--partner>i:first-child{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}
.payment-linked-reference span{display:flex;flex-direction:column;gap:2px;min-width:0}
.payment-linked-reference small{font-size:.61rem;color:var(--muted)}
.payment-linked-reference strong{font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-linked-reference>i:last-child{color:var(--muted);font-size:.7rem}

.user-modal-tabs{gap:4px;padding:6px!important}
.user-modal-tabs button{min-height:34px!important;padding:6px 9px!important;font-size:.66rem!important;gap:5px!important;border-radius:9px!important}
.user-modal-tabs button i{font-size:.75rem}
.user-modal-tabs button b{min-width:17px;height:17px;font-size:.56rem}

.user-ban-status{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--danger) 7%,var(--surface))}
.user-ban-status__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);font-size:1rem}
.user-ban-status small{color:var(--muted);font-size:.62rem}.user-ban-status strong{display:block;margin:2px 0;font-size:.86rem}.user-ban-status p{margin:5px 0 10px;color:var(--muted);font-size:.7rem;line-height:1.7}
.user-ban-status dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.user-ban-status dl>div{padding:8px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.user-ban-status dt{font-size:.58rem;color:var(--muted)}.user-ban-status dd{margin:2px 0 0;font-size:.66rem;font-weight:850}
.ban-duration-fieldset{padding:12px;border:1px solid var(--border);border-radius:14px}.ban-duration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ban-duration-options label{cursor:pointer}.ban-duration-options input{position:absolute;opacity:0;pointer-events:none}.ban-duration-options span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface-tint);font-size:.69rem;font-weight:850}.ban-duration-options input:checked+span{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger)}.ban-days-input{margin-top:10px}.ban-days-input[hidden]{display:none!important}

.metrics-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:10px 12px}
.metrics-grid--compact .metric-card{min-height:72px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;grid-template-areas:'icon label value';align-items:center;gap:8px;border-radius:14px!important}
.metrics-grid--compact .metric-card>i{grid-area:icon;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-tint);font-size:.8rem}
.metrics-grid--compact .metric-card>span{grid-area:label;font-size:.64rem}.metrics-grid--compact .metric-card>strong{grid-area:value;font-size:.9rem!important;white-space:nowrap}
.affiliate-settings-dialog{width:min(920px,calc(100vw - 24px))}

.wallet-balance--clear{display:grid!important;grid-template-columns:minmax(0,1fr) 64px;align-items:center;padding:18px 20px!important}
.wallet-balance--clear .wallet-balance__copy{gap:7px}.wallet-balance--clear .wallet-balance__copy>span{font-size:.7rem}.wallet-balance--clear .wallet-balance__copy>strong{font-size:1.65rem}.wallet-balance__conversion{display:flex;gap:7px;flex-wrap:wrap}.wallet-balance__conversion>span{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.1);font-size:.65rem!important}.wallet-balance__conversion b{font-size:.58rem;opacity:.72}.wallet-balance--clear .wallet-balance__copy>small{font-size:.58rem;opacity:.72}.wallet-balance__mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.1)}.wallet-balance__mark i{font-size:1.45rem!important;opacity:.9!important}
.wallet-balance-mini{align-items:flex-start!important;min-height:120px!important}.wallet-balance-mini>div{gap:5px;flex:1}.wallet-balance-mini strong{font-size:1rem!important}.wallet-balance-mini__conversion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.wallet-balance-mini__conversion span{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface-tint);font-size:.62rem!important}.wallet-balance-mini__conversion b{color:var(--text)}.wallet-balance-mini__minimum{margin-top:auto!important;padding-top:5px;border-top:1px dashed var(--border)}

.jolfa-select__search{padding:6px!important}.jolfa-select__search input{min-height:32px!important;padding-block:5px!important;font-size:.67rem!important}.jolfa-select__option.is-role-option{--role-option:var(--option-color,#64748b)}.jolfa-select__option.is-role-option .jolfa-select__status-icon{color:var(--role-option)!important;background:color-mix(in srgb,var(--role-option) 12%,transparent);width:25px;height:25px;display:grid;place-items:center;border-radius:8px}.jolfa-select__option.is-role-option.is-selected{background:color-mix(in srgb,var(--role-option) 8%,var(--surface))}.jolfa-select__option.is-role-option.is-selected>i:last-child{color:var(--role-option)}

.audit-action-option,.audit-action-label{--audit-color:var(--primary)}
.audit-action-option[data-action^='payment'],.audit-action-label[data-action^='payment']{--audit-color:#0f766e}.audit-action-option[data-action^='ticket'],.audit-action-label[data-action^='ticket']{--audit-color:#2563eb}.audit-action-option[data-action^='product'],.audit-action-label[data-action^='product']{--audit-color:#7c3aed}.audit-action-option[data-action^='affiliate'],.audit-action-label[data-action^='affiliate'],.audit-action-option[data-action^='commission'],.audit-action-label[data-action^='commission']{--audit-color:#16a34a}.audit-action-option[data-action^='user'],.audit-action-label[data-action^='user']{--audit-color:#ea580c}
.audit-action-option i,.audit-action-label i{color:var(--audit-color)!important}.audit-action-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 9px;border-radius:9px;background:color-mix(in srgb,var(--audit-color) 8%,var(--surface));color:var(--text)}

@media(max-width:760px){
  .ticket-chat-layout{min-height:calc(100dvh - 118px)}
  .user-ban-status dl{grid-template-columns:1fr}.ban-duration-options{grid-template-columns:1fr}
  .metrics-grid--compact{grid-template-columns:1fr}.metrics-grid--compact .metric-card{min-height:58px!important}
  .wallet-balance--clear{grid-template-columns:1fr}.wallet-balance__mark{display:none}
  .payment-linked-references{grid-template-columns:1fr}
}

.user-ban-table-meta{display:block;margin-top:4px;text-align:center!important;font-size:.57rem!important}
.jolfa-select__trigger.is-role-trigger .jolfa-select__leading{background:color-mix(in srgb,var(--role-color,#64748b) 12%,transparent)!important;color:var(--role-color,#64748b)!important}

/* --- migrated from v76-fixes.css --- */
/* v76: full-bleed authentication artwork, mobile-specific composition, and temporary E-Namad hide. */
body.auth-layout{
  min-height:100vh;
  min-height:100dvh;
  overflow-x:hidden;
}
body.auth-layout .site-main{
  width:100%!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  max-width:none!important;
}
body.auth-layout .auth-centered.section-narrow{
  position:relative!important;
  isolation:isolate;
  width:100vw!important;
  max-width:none!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:clamp(24px,4vh,48px) clamp(16px,4vw,54px)!important;
  overflow:hidden!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.auth-layout .auth-background-docs{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100vw!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.auth-layout .auth-background-docs::before,
body.auth-layout .auth-background-docs::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  filter:blur(2px);
}
body.auth-layout .auth-background-docs::before{
  width:min(58vw,820px);
  aspect-ratio:1;
  inset-inline-start:-20vw;
  top:-34vh;
  background:radial-gradient(circle,color-mix(in srgb,var(--primary) 17%,transparent),transparent 68%);
}
body.auth-layout .auth-background-docs::after{
  width:min(54vw,760px);
  aspect-ratio:1;
  inset-inline-end:-18vw;
  bottom:-36vh;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);
}
body.auth-layout .auth-background-docs span{
  z-index:1;
  opacity:.62!important;
}
body.auth-layout .auth-background-docs span:nth-child(1){
  top:-34px!important;
  inset-inline-start:clamp(12px,5vw,88px)!important;
  transform:rotate(-12deg)!important;
}
body.auth-layout .auth-background-docs span:nth-child(2){
  top:10vh!important;
  inset-inline-end:clamp(-26px,3vw,52px)!important;
  transform:rotate(11deg)!important;
}
body.auth-layout .auth-background-docs span:nth-child(3){
  bottom:-76px!important;
  inset-inline-start:clamp(18px,14vw,250px)!important;
  transform:rotate(7deg)!important;
}
body.auth-layout .auth-center-shell{
  position:relative!important;
  z-index:2!important;
}

/* E-Namad is intentionally hidden until the seal is ready to be displayed. */
a[href*="trustseal.enamad.ir"],
.jolfa-footer__trust--seal-only{
  display:none!important;
}

@media(max-width:680px){
  body.auth-layout .auth-centered.section-narrow{
    padding:18px 12px!important;
    align-items:center;
  }
  body.auth-layout .auth-background-docs::before{
    width:92vw;
    top:-24vh;
    inset-inline-start:-38vw;
  }
  body.auth-layout .auth-background-docs::after{
    width:96vw;
    bottom:-30vh;
    inset-inline-end:-42vw;
  }
  body.auth-layout .auth-background-docs span{
    width:156px!important;
    height:104px!important;
    border-radius:19px!important;
    opacity:.48!important;
    backdrop-filter:blur(2px)!important;
  }
  body.auth-layout .auth-background-docs span::before{
    inset:18px 14px auto!important;
    height:7px!important;
    box-shadow:
      0 20px 0 color-mix(in srgb,var(--primary) 9%,transparent),
      0 40px 0 color-mix(in srgb,var(--primary) 7%,transparent)!important;
  }
  body.auth-layout .auth-background-docs span:nth-child(1){
    top:-18px!important;
    inset-inline-start:-46px!important;
    transform:rotate(-16deg)!important;
  }
  body.auth-layout .auth-background-docs span:nth-child(2){
    top:22%!important;
    inset-inline-end:-62px!important;
    transform:rotate(14deg)!important;
  }
  body.auth-layout .auth-background-docs span:nth-child(3){
    bottom:-22px!important;
    inset-inline-start:12%!important;
    transform:rotate(-7deg)!important;
  }
}

/* --- migrated from v81-ui-fixes.css --- */
/* v81: true full-viewport auth artwork and centered empty product states. */
html.auth-login-root,
html.auth-register-root,
body.auth-layout{
  width:100%;
  min-width:100%;
  min-height:100%;
  margin:0!important;
  padding:0!important;
}

/* Keep the authentication artwork continuous even on mobile browser safe areas. */
body.auth-layout{
  background:
    radial-gradient(circle at 15% 12%,color-mix(in srgb,#ffffff 82%,transparent),transparent 26%),
    radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 30%),
    radial-gradient(circle at 28% 88%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 34%),
    linear-gradient(145deg,var(--surface-soft),var(--bg) 48%,color-mix(in srgb,var(--surface-tint) 62%,var(--bg)) 100%)!important;
}
html[data-theme="dark"] body.auth-layout{
  background:
    radial-gradient(circle at 14% 14%,rgba(54,198,218,.15),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(231,216,251,.12),transparent 31%),
    radial-gradient(circle at 28% 88%,rgba(54,198,218,.07),transparent 34%),
    linear-gradient(145deg,#0f0a18,#160e22 54%,#231433 100%)!important;
}
body.auth-layout .site-main,
body.auth-layout .auth-centered.section-narrow{
  inset:0!important;
  min-height:100vh!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  margin:0!important;
  border:0!important;
}
body.auth-layout .auth-centered.section-narrow{
  width:100%!important;
  max-width:none!important;
  background:transparent!important;
}
body.auth-layout .auth-section::before{
  position:fixed!important;
  inset:-2px!important;
  width:calc(100vw + 4px)!important;
  height:calc(100vh + 4px)!important;
  height:calc(100dvh + 4px)!important;
}
body.auth-layout .auth-section::after{
  position:fixed!important;
}
body.auth-layout .auth-background-docs{
  position:fixed!important;
  inset:-2px!important;
  width:calc(100vw + 4px)!important;
  height:calc(100vh + 4px)!important;
  height:calc(100dvh + 4px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  transform:translateZ(0);
}

/* Product-free landing states should occupy and visually center the available row. */
.hero-shop-peek>.empty-state:only-child{
  grid-column:1/-1!important;
  width:min(680px,100%)!important;
  min-height:132px;
  margin-inline:auto!important;
  align-self:center;
  justify-self:center;
  justify-content:center;
  border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border));
  border-radius:20px;
  background:color-mix(in srgb,var(--surface) 90%,transparent);
}
.landing-products-section .cards-row>.empty-state:only-child{
  flex:1 1 100%!important;
  width:min(760px,100%)!important;
  min-height:220px;
  margin-inline:auto!important;
  justify-content:center;
  align-self:stretch;
  border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border));
  border-radius:24px;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-tint) 44%,var(--surface)));
}
.hero-shop-peek>.empty-state:only-child strong,
.landing-products-section .cards-row>.empty-state:only-child h3{
  color:var(--text);
}

@media(max-width:680px){
  body.auth-layout .auth-centered.section-narrow{
    width:100%!important;
    padding:18px 12px!important;
  }
  body.auth-layout .auth-background-docs{
    inset:-3px!important;
    width:calc(100vw + 6px)!important;
    height:calc(100dvh + 6px)!important;
  }
  .hero-shop-peek>.empty-state:only-child{
    flex:1 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    min-height:116px;
    scroll-snap-align:none;
  }
  .landing-products-section .cards-row>.empty-state:only-child{
    min-height:190px;
    padding-inline:22px;
  }
}

/* --- migrated from v82-mobile-landing.css --- */
/* v82: mobile header containment, physical carousel controls, and clean empty storefront. */
@media (max-width: 980px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .site-header {
    position: fixed !important;
    inset-block-start: 0 !important;
    inset-inline: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .site-header > .site-header__inner.section-narrow,
  .site-header .site-header__inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .site-header .site-brand {
    min-width: 0 !important;
    max-width: calc(100% - 112px) !important;
    flex: 1 1 auto !important;
  }

  .site-header .brand-copy:not(.compact-copy) {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .site-header__actions {
    flex: 0 0 auto !important;
    margin-inline-start: auto !important;
  }
}

@media (max-width: 520px) {
  .site-header > .site-header__inner.section-narrow,
  .site-header .site-header__inner {
    padding-inline: 10px !important;
  }

  .site-header .site-brand {
    max-width: calc(100% - 104px) !important;
  }

  .site-header .brand-copy:not(.compact-copy),
  .site-header .brand-slogan,
  .site-header .brand-slogan span {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Grid line 1 is physically left because the controls grid is kept LTR. */
.commerce-carousel__controls {
  direction: ltr !important;
}
html[dir="rtl"] .commerce-carousel__arrows {
  grid-column: 1 !important;
  justify-self: start !important;
  direction: rtl !important;
}
html[dir="ltr"] .commerce-carousel__arrows {
  grid-column: 3 !important;
  justify-self: end !important;
  direction: ltr !important;
}

/* --- migrated from v83-mobile-stability.css --- */
/* v83 — mobile viewport stability.
   The closed RTL drawer previously lived outside the left edge and enlarged
   the root scrollable area. Mobile browsers could then start on that
   horizontal overflow, visually shifting the fixed header to the left. */
@media (max-width: 980px) {
  html,
  body {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-x: hidden !important;
  }

  .site-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    inset-inline: auto !important;
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  .site-header > .site-header__inner.section-narrow,
  .site-header .site-header__inner {
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .site-header .site-brand {
    flex: 1 1 auto !important;
    inline-size: auto !important;
    width: auto !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: none !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  .site-header .site-brand > img {
    flex: 0 0 auto !important;
  }

  .site-header .brand-copy:not(.compact-copy) {
    flex: 0 1 103px !important;
    inline-size: 103px !important;
    width: 103px !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 103px !important;
    max-width: 103px !important;
  }

  .site-header__actions {
    flex: 0 0 auto !important;
    min-inline-size: 0 !important;
    margin-inline-start: 0 !important;
    gap: 6px !important;
  }

  /* Keep the drawer inside the viewport while closed. Clipping provides the
     slide reveal without creating horizontal document overflow. */
  .mobile-drawer,
  html[dir="rtl"] .mobile-drawer,
  html[dir="ltr"] .mobile-drawer {
    top: 0 !important;
    bottom: 0 !important;
    inset-inline: auto !important;
    transform: none !important;
    inline-size: min(360px, calc(100vw - 28px)) !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-inline-size: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    will-change: clip-path, opacity;
  }

  html[dir="rtl"] .mobile-drawer {
    right: 0 !important;
    left: auto !important;
    clip-path: inset(0 0 0 100%);
  }

  html[dir="ltr"] .mobile-drawer {
    right: auto !important;
    left: 0 !important;
    clip-path: inset(0 100% 0 0);
  }

  body.menu-open .mobile-drawer,
  html[dir="rtl"] body.menu-open .mobile-drawer,
  html[dir="ltr"] body.menu-open .mobile-drawer {
    clip-path: inset(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-main,
  .commerce-hero,
  .commerce-carousel,
  .commerce-carousel__viewport {
    max-inline-size: 100% !important;
  }
}

@media (max-width: 360px) {
  .site-header .brand-copy:not(.compact-copy) {
    flex-basis: 94px !important;
    inline-size: 94px !important;
    width: 94px !important;
    max-inline-size: 94px !important;
    max-width: 94px !important;
  }

  .mobile-account-dropdown .mobile-auth-button {
    inline-size: 42px !important;
    width: 42px !important;
    padding: 0 !important;
  }

  .mobile-account-dropdown .mobile-auth-button > span {
    display: none !important;
  }
}

@media (max-width: 980px) {
  /* The blurred decorative orb expanded the root scrollable area by ~70px in
     Chromium even though its card was overflow-hidden. That overflow caused
     RTL mobile pages to open horizontally displaced. */
  .partner-strip::before {
    display: none !important;
    content: none !important;
  }
}

/* --- migrated from v84-sales-services.css --- */
/* JolfaIT v84: compact landing services and sales-scope UI. */
.landing-services-compact {
  padding: 28px 30px !important;
  border-radius: 24px !important;
}
.landing-services-compact .landing-section-heading {
  margin-bottom: 16px !important;
}
.landing-services-compact .landing-section-heading__copy {
  max-width: 760px;
}
.landing-services-compact .landing-section-heading h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
}
.landing-services-compact .landing-section-heading p {
  margin-top: 4px !important;
  font-size: .9rem;
}
.landing-services-compact .service-row {
  gap: 12px !important;
}
.landing-services-compact .service-card {
  min-height: 0 !important;
  flex: 1 1 230px !important;
  gap: 8px !important;
  padding: 16px 17px !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
.landing-services-compact .service-card > i {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  font-size: 1rem !important;
}
.landing-services-compact .service-card h3 {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}
.landing-services-compact .service-card p {
  font-size: .82rem !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}
.landing-services-compact .service-card a {
  font-size: .82rem !important;
  margin-top: 2px !important;
}

.role-scope-badge,
.admin-scope-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: fit-content;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--role-color, var(--primary)) 30%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--role-color, var(--primary)) 9%, var(--surface));
  color: var(--role-color, var(--primary));
  font-size: .74rem;
  font-weight: 900;
}
.admin-scope-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
  border-radius: 16px;
  background: color-mix(in srgb, var(--primary) 7%, var(--surface));
  color: var(--text);
  font-size: .84rem;
  font-weight: 850;
}
.admin-scope-notice > i { color: var(--primary); }

@media (max-width: 760px) {
  .landing-services-compact {
    padding: 18px !important;
    border-radius: 20px !important;
  }
  .landing-services-compact .service-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .landing-services-compact .service-card {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: start !important;
  }
  .landing-services-compact .service-card > i {
    grid-row: 1 / span 3;
  }
  .landing-services-compact .service-card h3,
  .landing-services-compact .service-card p,
  .landing-services-compact .service-card a {
    grid-column: 2;
  }
}

/* --- migrated from v85-commerce.css --- */
/* JolfaIT v85 commerce layer: data-driven catalog, cart, checkout and admin. */
:root{
  --commerce-gap:18px;
  --commerce-card-radius:20px;
  --commerce-line:color-mix(in srgb,var(--border) 86%,transparent);
  --commerce-soft:color-mix(in srgb,var(--surface-soft) 82%,var(--surface));
}
*{box-sizing:border-box}
.header-cart-button{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--primary);box-shadow:var(--shadow-soft);transition:.2s ease}
.header-cart-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}
.header-cart-button b{position:absolute;inset-block-start:-7px;inset-inline-end:-7px;min-width:21px;height:21px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:950;line-height:1}
.header-cart-button b:empty,.header-cart-button b[data-count="0"]{display:none}
.nav-dropdown--commerce{position:static}
.commerce-mega-menu{position:fixed!important;inset-inline:auto!important;left:50%!important;right:auto!important;top:calc(var(--header-height) - 1px)!important;transform:translate(-50%,8px)!important;width:min(1040px,calc(100vw - 48px));max-height:calc(100dvh - var(--header-height) - 24px);padding:18px!important;display:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;border-radius:24px!important;overflow:auto!important;overscroll-behavior:contain;box-shadow:0 24px 70px rgba(20,12,30,.18)!important}
.nav-dropdown.open .commerce-mega-menu,.nav-dropdown:focus-within .commerce-mega-menu,.nav-dropdown--commerce:hover .commerce-mega-menu{display:grid;opacity:1;visibility:visible;transform:translate(-50%,0)!important}
.commerce-mega-column{min-width:0;padding:14px;border:1px solid var(--commerce-line);border-radius:17px;background:var(--commerce-soft)}
.commerce-mega-column__title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:8px!important;padding:8px 9px!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;font-size:.95rem!important;font-weight:950!important}
.commerce-mega-column__title>i{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;border-radius:11px;background:var(--surface-tint);color:var(--primary)}
.commerce-mega-branch{padding:5px 8px;border-top:1px solid transparent}
.commerce-mega-branch>a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:7px 6px!important;color:var(--text)!important;font-weight:900!important}
.commerce-mega-branch__main{min-width:0;display:flex;align-items:center;gap:9px}.commerce-mega-branch__main>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commerce-mega-branch__icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;padding:0;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary);line-height:1;overflow:hidden;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.commerce-mega-branch__icon i{display:grid!important;place-items:center;width:100%;height:100%;margin:0!important;padding:0!important;font-size:.84rem;line-height:1!important;text-align:center;color:inherit!important;transform:none!important}.commerce-mega-branch>a:hover .commerce-mega-branch__icon{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}
.commerce-mega-branch__chevron{flex:0 0 auto;color:color-mix(in srgb,var(--muted) 75%,transparent)!important;font-size:.68rem!important}
.commerce-mega-branch__children{display:flex;flex-wrap:wrap;gap:3px 11px;padding:2px 39px 8px 6px}
[dir="ltr"] .commerce-mega-branch__children{padding:2px 6px 8px 39px}
.commerce-mega-branch__children a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 0!important;color:var(--muted)!important;font-size:.76rem!important;font-weight:800!important;background:none!important;border:0!important}
.commerce-mega-branch__children a>i{width:15px!important;flex:0 0 15px;color:color-mix(in srgb,var(--primary) 72%,var(--muted))!important;font-size:.68rem!important;text-align:center}.commerce-mega-branch__children a:hover{color:var(--primary)!important}
.mobile-commerce-tree{display:flex;flex-direction:column;gap:5px}
.mobile-commerce-tree details{border:0;background:transparent}
.mobile-commerce-tree summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:12px;color:var(--text);font-weight:900;cursor:pointer}
.mobile-commerce-tree summary::-webkit-details-marker{display:none}.mobile-commerce-tree summary i:last-child{margin-inline-start:auto;transition:.2s}.mobile-commerce-tree details[open]>summary i:last-child{transform:rotate(180deg)}
.mobile-commerce-tree__children{padding-inline-start:18px;display:flex;flex-direction:column;gap:3px}
.mobile-commerce-tree__children>a{min-height:39px!important;padding:7px 10px!important;font-size:.82rem!important}

/* Store landing */
.commerce-store-hero{padding:62px 0 24px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:stretch}
.commerce-store-hero__copy,.commerce-store-hero__side{border:1px solid var(--commerce-line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-soft)}
.commerce-store-hero__copy{padding:clamp(24px,4vw,46px);background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),linear-gradient(145deg,var(--surface),var(--surface-soft))}
.commerce-store-hero__copy>span{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:950;font-size:.82rem}
.commerce-store-hero__copy h1{margin:13px 0 10px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.16;letter-spacing:-.035em}
.commerce-store-hero__copy p{max-width:720px;color:var(--muted);font-size:1rem;line-height:2}
.commerce-store-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.commerce-store-hero__side{padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.commerce-store-stat{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--commerce-line);border-radius:16px;background:var(--commerce-soft)}
.commerce-store-stat i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--surface-tint);color:var(--primary);font-size:1.05rem}
.commerce-store-stat span{display:flex;flex-direction:column;gap:3px}.commerce-store-stat strong{font-size:.94rem}.commerce-store-stat small{color:var(--muted);font-weight:750}
.commerce-store-groups{padding:28px 0 68px;display:flex;flex-direction:column;gap:24px}
.commerce-store-group{border:1px solid var(--commerce-line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}
.commerce-store-group__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--commerce-line);background:var(--commerce-soft)}
.commerce-store-group__head>div{display:flex;align-items:center;gap:13px}.commerce-store-group__head i{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--surface-tint);color:var(--primary);font-size:1.15rem}
.commerce-store-group__head h2{font-size:1.35rem}.commerce-store-group__head p{margin-top:4px;color:var(--muted);font-size:.86rem}
.commerce-store-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.commerce-store-column{min-width:0;padding:22px;border-inline-end:1px solid var(--commerce-line)}.commerce-store-column:last-child{border-inline-end:0}
.commerce-store-column>a:first-child{display:flex;align-items:center;gap:10px;color:var(--text);font-size:1rem;font-weight:950}.commerce-store-column>a:first-child i{color:var(--primary)}
.commerce-store-column ul{list-style:none;margin-top:13px;display:flex;flex-direction:column;gap:7px}.commerce-store-column li a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.84rem;font-weight:800}.commerce-store-column li a:hover{color:var(--primary)}

/* Category and products */
.commerce-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.78rem;font-weight:800}.commerce-breadcrumb a{color:var(--primary)}.commerce-breadcrumb>*+*:before{content:"/";margin-inline-end:8px;color:var(--border)}
.commerce-category-hero{padding:48px 0 22px}.commerce-category-hero__copy{display:flex;align-items:center;gap:17px;margin-top:20px}.commerce-category-hero__icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--commerce-line);border-radius:21px;background:var(--surface-tint);color:var(--primary);font-size:1.65rem}.commerce-category-hero h1{font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.25}.commerce-category-hero p{margin-top:7px;color:var(--muted);max-width:760px}
.commerce-subcategories{display:flex;gap:10px;overflow-x:auto;padding:18px 2px 6px;scrollbar-width:thin}.commerce-subcategories>a{min-width:180px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px;border:1px solid var(--commerce-line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 8px 22px rgba(53,22,76,.05)}.commerce-subcategories>a i{grid-row:1/3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface-soft);color:var(--primary)}.commerce-subcategories>a span{font-weight:950}.commerce-subcategories>a small{color:var(--muted);font-size:.7rem}
.commerce-catalog{padding:18px 0 72px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.commerce-filter-toggle{display:none}.commerce-filters{position:sticky;top:96px;border:1px solid var(--commerce-line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.commerce-filters__head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid var(--commerce-line)}.commerce-filters__head a{color:var(--danger);font-size:.75rem;font-weight:900}.commerce-filter-form{display:flex;flex-direction:column;gap:15px;padding:16px}.commerce-search{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.commerce-search input{width:100%;height:100%;border:0;background:transparent;color:var(--text);outline:0}.commerce-filter-form fieldset{display:flex;flex-direction:column;gap:8px;padding:0;border:0}.commerce-filter-form legend{margin-bottom:8px;font-size:.82rem;font-weight:950}.commerce-check,.commerce-radio{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:800;cursor:pointer}.commerce-check input,.commerce-radio input{accent-color:var(--primary)}.commerce-price-range{display:grid;grid-template-columns:1fr 1fr;gap:7px}.commerce-price-range input{width:100%;height:39px;padding:0 9px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--text)}
.commerce-results{min-width:0}.commerce-results-toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 12px;border-bottom:1px solid var(--commerce-line)}.commerce-results-toolbar>div{display:flex;align-items:baseline;gap:6px}.commerce-results-toolbar strong{font-size:1.2rem;color:var(--primary)}.commerce-results-toolbar span{color:var(--muted);font-size:.78rem}.commerce-sort-form label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:850}.commerce-sort-form select{height:39px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text)}
.commerce-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-inline-start:1px solid var(--commerce-line);border-top:1px solid var(--commerce-line);margin-top:16px}.commerce-product-card{min-width:0;display:flex;flex-direction:column;border-inline-end:1px solid var(--commerce-line);border-bottom:1px solid var(--commerce-line);background:var(--surface);transition:.2s ease}.commerce-product-card:hover{z-index:1;box-shadow:0 18px 36px rgba(53,22,76,.11);transform:translateY(-2px)}.commerce-product-card__media{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--surface);overflow:hidden}.commerce-product-card__media img{width:100%;height:100%;object-fit:contain}.commerce-stock-badge{position:absolute;inset-inline-start:10px;inset-block-end:10px;max-width:calc(100% - 20px);padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--success) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));color:var(--success);font-size:.67rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-stock-badge.is-brokered{background:color-mix(in srgb,var(--warning) 10%,var(--surface));border-color:color-mix(in srgb,var(--warning) 24%,var(--border));color:var(--warning)}.commerce-product-card__body{padding:15px;display:flex;flex:1;flex-direction:column;gap:8px}.commerce-brand{color:var(--primary);font-size:.73rem;font-weight:950;text-transform:uppercase;letter-spacing:.03em}.commerce-product-card h2{font-size:.92rem;line-height:1.75;min-height:3.5em}.commerce-product-card h2 a{color:var(--text)}.commerce-product-card ul{list-style:none;display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.73rem}.commerce-product-card ul li:before{content:"•";color:var(--accent);margin-inline-end:6px}.commerce-product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.commerce-product-card__footer strong{color:var(--text);font-size:1rem}.commerce-product-card__footer button{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--primary);color:#fff;cursor:pointer}.commerce-product-card__footer button:disabled{opacity:.42;cursor:not-allowed}
.commerce-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:32px;border:1px dashed var(--border);border-radius:22px;background:var(--commerce-soft);color:var(--muted)}.commerce-empty>i{font-size:2rem;color:var(--primary)}.commerce-empty h2{color:var(--text);font-size:1.2rem}.commerce-empty p{max-width:540px}

/* Product detail */
.commerce-product-page{padding:44px 0 72px}.commerce-product-main{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(300px,1.2fr) 310px;gap:22px;align-items:start;margin-top:22px}.commerce-product-gallery{min-width:0}.commerce-product-gallery__main{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid var(--commerce-line);border-radius:24px;background:var(--surface)}.commerce-product-gallery__main img{width:100%;height:100%;object-fit:contain}.commerce-product-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.commerce-product-thumbs button{width:68px;height:68px;flex:0 0 68px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}.commerce-product-thumbs img{width:100%;height:100%;object-fit:contain}.commerce-product-info{min-width:0;padding:8px 0}.commerce-product-info h1{margin:9px 0 10px;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.45}.commerce-product-info>p{color:var(--muted);line-height:2}.commerce-key-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.commerce-key-specs span{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--commerce-line);border-radius:13px;background:var(--commerce-soft)}.commerce-key-specs small{color:var(--muted);font-size:.7rem}.commerce-key-specs strong{font-size:.82rem}.commerce-delivery-line{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px;border:1px solid var(--commerce-line);border-radius:15px;background:var(--surface)}.commerce-delivery-line>i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--surface-tint);color:var(--primary)}.commerce-delivery-line div{display:flex;flex-direction:column;gap:3px}.commerce-delivery-line small{color:var(--muted);font-size:.72rem}
.commerce-buy-box{position:sticky;top:96px;display:flex;flex-direction:column;gap:13px;padding:19px;border:1px solid var(--commerce-line);border-radius:22px;background:var(--commerce-soft);box-shadow:var(--shadow-soft)}.commerce-buy-box__status{display:flex;align-items:center;gap:8px;color:var(--success);font-size:.82rem;font-weight:900}.commerce-buy-box__price{display:flex;flex-direction:column;align-items:flex-end;padding:14px 0;border-top:1px solid var(--commerce-line);border-bottom:1px solid var(--commerce-line)}.commerce-buy-box__price strong{font-size:1.25rem}.commerce-buy-box__price small{color:var(--muted);font-size:.7rem}.commerce-procurement-note{display:flex;gap:9px;padding:11px;border-radius:13px;background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--warning);font-size:.72rem;font-weight:800;line-height:1.8}.commerce-add-form{display:flex;flex-direction:column;gap:10px}.commerce-quantity{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:hidden}.commerce-quantity button{width:42px;height:42px;border:0;background:transparent;color:var(--primary);font-size:1.1rem;cursor:pointer}.commerce-quantity input{width:58px;height:42px;border:0;border-inline:1px solid var(--border);background:transparent;color:var(--text);text-align:center;font-weight:950}.commerce-buy-box__trust{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.7rem;font-weight:800}.commerce-buy-box__trust span{display:flex;align-items:center;gap:7px}.commerce-product-sections{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:28px}.commerce-product-section{padding:23px;border:1px solid var(--commerce-line);border-radius:22px;background:var(--surface)}.commerce-product-section h2{margin-bottom:15px;font-size:1.2rem}.commerce-product-section p{color:var(--muted);line-height:2}.commerce-spec-table{width:100%;border-collapse:collapse}.commerce-spec-table th,.commerce-spec-table td{padding:11px 8px;border-bottom:1px solid var(--commerce-line);text-align:start;font-size:.8rem}.commerce-spec-table th{width:42%;color:var(--muted);font-weight:800}.commerce-mobile-buybar{display:none}

/* Cart and checkout */
.commerce-cart-page,.commerce-checkout-page{padding:48px 0 76px}.commerce-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.commerce-page-title h1{font-size:clamp(1.8rem,3vw,2.6rem)}.commerce-page-title p{color:var(--muted);margin-top:5px}.commerce-page-title a{color:var(--primary);font-weight:900;font-size:.82rem}.commerce-cart-layout,.commerce-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.commerce-cart-list{display:flex;flex-direction:column;gap:10px}.commerce-cart-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--commerce-line);border-radius:20px;background:var(--surface)}.commerce-cart-item>a{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.commerce-cart-item img{width:100%;height:100%;object-fit:contain}.commerce-cart-item__copy{min-width:0}.commerce-cart-item h2{font-size:1rem;line-height:1.7}.commerce-cart-item h2 a{color:var(--text)}.commerce-cart-item small{color:var(--muted);font-size:.75rem}.commerce-price-changed{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--warning);font-size:.72rem;font-weight:800}.commerce-cart-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px}.commerce-cart-actions form{display:flex;align-items:center;gap:4px}.commerce-cart-actions input[type="number"]{width:54px;height:36px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);text-align:center}.commerce-cart-actions button{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer}.commerce-cart-actions [data-quantity-minus],.commerce-cart-actions [data-quantity-plus]{width:36px;padding:0;color:var(--primary);font-size:1rem}.commerce-update-button{font-weight:900}.commerce-remove-button{color:var(--danger)!important}.commerce-cart-item__price{white-space:nowrap;color:var(--text)}
.commerce-cart-summary{position:sticky;top:96px;padding:20px;border:1px solid var(--commerce-line);border-radius:21px;background:var(--commerce-soft);box-shadow:var(--shadow-soft)}.commerce-cart-summary h2{font-size:1.1rem;margin-bottom:15px}.commerce-cart-summary dl{display:flex;flex-direction:column;gap:11px}.commerce-cart-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.8rem}.commerce-cart-summary dd{color:var(--text);font-weight:900}.commerce-cart-total{padding-top:13px;border-top:1px solid var(--commerce-line);font-size:.92rem!important}.commerce-cart-total dd{font-size:1.05rem}.commerce-cart-summary>.button,.commerce-cart-summary>button{width:100%;margin-top:17px}.commerce-cart-summary>small{display:block;margin-top:10px;color:var(--muted);text-align:center;font-size:.68rem;line-height:1.7}.commerce-empty--cart{min-height:390px}
.commerce-checkout-form{display:contents}.commerce-checkout-main{display:flex;flex-direction:column;gap:12px}.commerce-checkout-card{padding:20px;border:1px solid var(--commerce-line);border-radius:21px;background:var(--surface)}.commerce-checkout-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.commerce-checkout-card__head>div{display:flex;align-items:center;gap:10px}.commerce-checkout-card__head i{color:var(--primary)}.commerce-checkout-card h2{font-size:1rem}.commerce-checkout-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-checkout-address{cursor:pointer}.commerce-checkout-address input{position:absolute;opacity:0;pointer-events:none}.commerce-checkout-address>span{height:100%;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--commerce-soft);transition:.2s}.commerce-checkout-address input:checked+span{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 14%,transparent)}.commerce-checkout-address small{color:var(--muted);font-size:.72rem;line-height:1.8}.commerce-checkout-items{display:flex;flex-direction:column;gap:8px}.commerce-checkout-items article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid var(--commerce-line);border-radius:13px}.commerce-checkout-items img{width:54px;height:54px;object-fit:contain}.commerce-checkout-items div{display:flex;flex-direction:column;gap:3px}.commerce-checkout-items small{color:var(--muted);font-size:.7rem}

/* Wizard and catalog admin */
.panel-shell--single{display:block}.commerce-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.commerce-admin-hero>div>span{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:.78rem;font-weight:950}.commerce-admin-hero h1{margin:6px 0;font-size:clamp(1.6rem,3vw,2.35rem)}.commerce-admin-hero p{max-width:760px;color:var(--muted)}
.commerce-product-wizard{border:1px solid var(--commerce-line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.commerce-wizard-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-bottom:1px solid var(--commerce-line);background:var(--commerce-soft);overflow-x:auto}.commerce-wizard-steps button{position:relative;min-width:112px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border:0;border-inline-end:1px solid var(--commerce-line);background:transparent;color:var(--muted);cursor:pointer}.commerce-wizard-steps button i{font-size:1rem}.commerce-wizard-steps button span{font-size:.7rem;font-weight:850}.commerce-wizard-steps button b{position:absolute;inset-block-start:6px;inset-inline-end:7px;color:var(--border);font-size:.65rem}.commerce-wizard-steps button.active{background:var(--surface);color:var(--primary)}.commerce-wizard-steps button.complete{color:var(--success)}
.commerce-wizard-panel{display:none;padding:clamp(20px,4vw,38px);min-height:430px}.commerce-wizard-panel.active{display:block}.commerce-wizard-heading{margin-bottom:22px}.commerce-wizard-heading h2{font-size:1.3rem}.commerce-wizard-heading p{margin-top:6px;color:var(--muted);font-size:.84rem}.commerce-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.commerce-choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-choice-grid label,.commerce-category-picker label{cursor:pointer}.commerce-choice-grid input,.commerce-category-picker input{position:absolute;opacity:0;pointer-events:none}.commerce-choice-grid label>span,.commerce-category-picker label>span{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--commerce-soft);transition:.2s}.commerce-choice-grid label>span>i,.commerce-category-picker label>span>i{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--surface-tint);color:var(--primary);font-size:1.2rem}.commerce-choice-grid small,.commerce-category-picker small{color:var(--muted);font-size:.72rem}.commerce-choice-grid input:checked+span,.commerce-category-picker input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--surface-tint) 38%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 13%,transparent)}.commerce-category-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commerce-category-picker label[hidden]{display:none}.commerce-category-picker label>span{padding:14px}.commerce-category-picker label>span>i{width:39px;height:39px;font-size:1rem}.commerce-secondary-categories{margin-top:23px;padding-top:18px;border-top:1px solid var(--commerce-line)}.commerce-secondary-categories h3{font-size:.95rem}.commerce-secondary-categories p{margin:4px 0 10px;color:var(--muted);font-size:.76rem}.commerce-secondary-categories>div{display:flex;flex-wrap:wrap;gap:7px}.commerce-secondary-categories label{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.73rem;font-weight:800}.commerce-supply-fields,.commerce-pricing-fields{display:none;margin-top:18px;padding:18px;border:1px solid var(--commerce-line);border-radius:16px;background:var(--commerce-soft)}.commerce-supply-fields.active,.commerce-pricing-fields.active{display:block}.commerce-spec-group{padding:18px;border:1px solid var(--commerce-line);border-radius:17px;background:var(--commerce-soft)}.commerce-spec-group h3{margin-bottom:14px}.commerce-wizard-actions{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-top:1px solid var(--commerce-line);background:var(--commerce-soft)}.commerce-wizard-actions__right{display:flex;gap:8px}.commerce-wizard-error{display:none;margin:0 22px 14px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger);font-size:.78rem;font-weight:850}.commerce-wizard-error.show{display:block}
.commerce-category-admin{overflow:hidden}.commerce-category-admin-tree{display:flex;flex-direction:column}.commerce-category-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;padding-inline-start:calc(14px + var(--depth)*22px);border-bottom:1px solid var(--commerce-line);background:var(--surface)}.commerce-category-admin-row__main{min-width:0;display:flex;align-items:center;gap:10px}.commerce-category-admin-row__icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:12px;background:var(--surface-tint);color:var(--primary)}.commerce-category-admin-row__main>div{min-width:0;display:flex;flex-direction:column}.commerce-category-admin-row__main small{color:var(--muted);font-size:.68rem}.commerce-category-admin-row__actions{display:flex;align-items:center;gap:6px}.commerce-category-admin-row__actions form{display:flex}.commerce-category-admin-children{display:contents}.commerce-category-dialog,.commerce-address-dialog{width:min(820px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:auto}.commerce-category-dialog::backdrop,.commerce-address-dialog::backdrop{background:rgba(12,8,18,.58);backdrop-filter:blur(4px)}.commerce-category-flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}

/* Addresses */
.commerce-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commerce-address-card{position:relative;padding:18px;border:1px solid var(--commerce-line);border-radius:19px;background:var(--commerce-soft)}.commerce-address-card.is-default{border-color:color-mix(in srgb,var(--primary) 38%,var(--border))}.commerce-address-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.commerce-address-card__head>div{display:flex;align-items:center;gap:8px}.commerce-address-card__head>div>i{color:var(--primary)}.commerce-address-card__head span{padding:4px 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:900}.commerce-address-card h3{margin:15px 0 6px;font-size:.95rem}.commerce-address-card p{color:var(--muted);font-size:.78rem;line-height:2}.commerce-address-card dl{display:flex;gap:20px;margin-top:10px}.commerce-address-card dl>div{display:flex;flex-direction:column;gap:2px}.commerce-address-card dt{color:var(--muted);font-size:.65rem}.commerce-address-card dd{font-size:.77rem;font-weight:900}.commerce-address-card__actions{display:flex;align-items:center;gap:8px;margin-top:14px}.commerce-address-card__actions form{display:flex}

@media(max-width:1120px){
  .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-product-main{grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr)}
  .commerce-buy-box{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;align-items:center}.commerce-buy-box__price{border:0}.commerce-add-form{grid-column:1/-1}
  .commerce-category-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .commerce-mega-menu{display:none!important}
  .header-cart-button{width:42px;height:42px}
  .commerce-store-hero{grid-template-columns:1fr}.commerce-store-hero__side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .commerce-store-columns{grid-template-columns:1fr}.commerce-store-column{border-inline-end:0;border-bottom:1px solid var(--commerce-line)}.commerce-store-column:last-child{border-bottom:0}
  .commerce-catalog{grid-template-columns:1fr}.commerce-filter-toggle{display:inline-flex;justify-self:start}.commerce-filters{display:none;position:static}.commerce-filters.open{display:block}
  .commerce-product-main{grid-template-columns:1fr 1fr}.commerce-buy-box{grid-template-columns:1fr 1fr}.commerce-product-sections{grid-template-columns:1fr}
  .commerce-cart-layout,.commerce-checkout-layout{grid-template-columns:1fr}.commerce-cart-summary{position:static}
  .commerce-wizard-steps{grid-template-columns:repeat(8,112px)}.commerce-category-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-choice-grid--three{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .site-header__actions{gap:5px}.header-cart-button{order:-1}
  .commerce-store-hero{padding-top:34px}.commerce-store-hero__copy{padding:24px}.commerce-store-hero__side{grid-template-columns:1fr}
  .commerce-category-hero{padding-top:32px}.commerce-category-hero__copy{align-items:flex-start}.commerce-category-hero__icon{width:54px;height:54px;border-radius:17px;font-size:1.25rem}
  .commerce-results-toolbar{align-items:flex-start;flex-direction:column}.commerce-sort-form{width:100%}.commerce-sort-form label,.commerce-sort-form select{width:100%}
  .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:-4px}.commerce-product-card__body{padding:11px}.commerce-product-card__media{padding:10px}.commerce-product-card h2{font-size:.8rem;min-height:4em}.commerce-product-card ul{display:none}.commerce-product-card__footer{align-items:flex-end;flex-direction:column}.commerce-product-card__footer strong{font-size:.83rem}.commerce-product-card__footer form{align-self:flex-end}
  .commerce-product-main{grid-template-columns:1fr}.commerce-product-gallery__main{aspect-ratio:1.08/1}.commerce-buy-box{display:flex}.commerce-product-info h1{font-size:1.55rem}.commerce-key-specs{grid-template-columns:1fr 1fr}.commerce-product-page{padding-top:30px;padding-bottom:110px}
  .commerce-buy-box{position:static}.commerce-mobile-buybar{position:fixed;z-index:80;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(15px);box-shadow:0 -12px 30px rgba(53,22,76,.1)}.commerce-mobile-buybar>div{display:flex;flex-direction:column}.commerce-mobile-buybar small{color:var(--muted);font-size:.62rem}.commerce-mobile-buybar strong{font-size:.85rem}.commerce-mobile-buybar form{display:flex}.commerce-mobile-buybar button{min-height:43px}
  .commerce-cart-item{grid-template-columns:84px minmax(0,1fr)}.commerce-cart-item>a{width:84px;height:84px}.commerce-cart-item__price{grid-column:2;justify-self:end}.commerce-cart-actions{align-items:flex-start;flex-direction:column}.commerce-cart-actions form{max-width:100%;flex-wrap:wrap}
  .commerce-checkout-addresses,.commerce-address-grid{grid-template-columns:1fr}
  .commerce-admin-hero{align-items:flex-start;flex-direction:column}.commerce-admin-hero>.button,.commerce-admin-hero>button{width:100%}
  .commerce-choice-grid,.commerce-choice-grid--three,.commerce-category-picker{grid-template-columns:1fr}.commerce-wizard-panel{padding:20px;min-height:360px}.commerce-wizard-actions{padding:14px;gap:8px}.commerce-wizard-actions .button{padding-inline:12px}.commerce-wizard-actions__right{margin-inline-start:auto}
  .commerce-category-admin-row{align-items:flex-start;flex-direction:column;padding-inline-start:calc(12px + var(--depth)*12px)}.commerce-category-admin-row__main{flex-wrap:wrap}.commerce-category-admin-row__actions{align-self:flex-end}
  .commerce-address-card dl{flex-direction:column;gap:7px}
}
@media(max-width:390px){.commerce-product-grid{grid-template-columns:1fr}.commerce-product-card h2{min-height:auto}.commerce-key-specs{grid-template-columns:1fr}.commerce-wizard-actions__right{gap:4px}.commerce-wizard-actions .button{font-size:.75rem}}

/* Scoped order details */
.commerce-admin-order-lines{display:flex;flex-direction:column;gap:10px;margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,var(--primary) 6%)}
.commerce-admin-order-lines h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:1rem}
.commerce-admin-order-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}
.commerce-admin-order-line:first-of-type{border-top:0}
.commerce-admin-order-line div{display:flex;flex-direction:column;min-width:0}.commerce-admin-order-line small{opacity:.65}.commerce-admin-order-line b{white-space:nowrap}
.admin-scope-notice--dialog{margin:14px 0}.commerce-category-delete{color:var(--danger,#b42318)}
@media(max-width:640px){.commerce-admin-order-line{grid-template-columns:1fr auto}.commerce-admin-order-line>span{grid-column:1/-1}.commerce-admin-order-line b{grid-column:2;grid-row:1}}

.commerce-account-order-lines{display:flex;flex-direction:column;gap:9px;margin:16px 0;padding:14px;border:1px solid var(--border);border-radius:16px}.commerce-account-order-lines h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:1rem}.commerce-account-order-lines>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--border)}.commerce-account-order-lines span{display:flex;flex-direction:column;min-width:0}.commerce-account-order-lines small{opacity:.65}.commerce-account-order-lines b{white-space:nowrap}@media(max-width:560px){.commerce-account-order-lines>div{align-items:flex-start;flex-direction:column}.commerce-account-order-lines b{white-space:normal}}

/* v88: keep category glyphs optically centered in every RTL/LTR mega-menu row */
.commerce-mega-branch__main{display:flex;align-items:center;gap:9px;min-width:0}
.commerce-mega-branch__main>span:last-child{min-width:0;line-height:1.55}
.commerce-mega-branch__icon i::before{display:block;line-height:1!important;margin:0!important;transform:none!important}


/* v96: locale switching is direct; Persian/English/Arabic are always available. */
.product-locale-tabs{align-items:center;gap:8px;flex-wrap:wrap}
.product-locale-tabs>button{background:transparent!important}
.product-locale-tabs>button.active{background:transparent!important}
.product-locale-add,.product-locale-tab-remove{display:none!important}

/* --- migrated from v89-admin-refresh.css --- */
/* Jolfa v89 — admin visual refresh and mixed software/hardware commerce */
:root{
  --jolfa-software:#2563eb;
  --jolfa-hardware:#dc2626;
  --jolfa-violet-deep:#35164c;
  --jolfa-cyan:#0891b2;
  --jolfa-teal:#059669;
  --jolfa-amber:#d97706;
}

/* Keep purple recognizable as the brand, but use it as an anchor rather than a flood. */
.dashboard-card,.panel-surface,.panel-table-card{background:var(--surface)!important}
.dashboard-kpi{--kpi-tone:var(--primary);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--kpi-tone) 3.5%,var(--surface)))!important;border-color:color-mix(in srgb,var(--kpi-tone) 16%,var(--border))!important}
.dashboard-kpi::after{background:color-mix(in srgb,var(--kpi-tone,var(--primary)) 13%,transparent)!important}
.dashboard-kpi__icon{background:color-mix(in srgb,var(--kpi-tone,var(--primary)) 14%,var(--surface))!important;color:var(--kpi-tone,var(--primary))!important;border:1px solid color-mix(in srgb,var(--kpi-tone,var(--primary)) 24%,var(--border))!important;box-shadow:none!important}
.dashboard-kpis>.dashboard-kpi:nth-child(1){--kpi-tone:#7c3aed}
.dashboard-kpis>.dashboard-kpi:nth-child(2){--kpi-tone:#2563eb}
.dashboard-kpis>.dashboard-kpi:nth-child(3){--kpi-tone:#d97706}
.dashboard-kpis>.dashboard-kpi:nth-child(4){--kpi-tone:#059669}
.dashboard-kpis>.dashboard-kpi:nth-child(5){--kpi-tone:#0891b2}
.dashboard-kpis>.dashboard-kpi:nth-child(6){--kpi-tone:#db2777}
.metrics-grid .metric-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--metric-tone,#2563eb) 18%,var(--border))!important;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--metric-tone,#2563eb) 4%,var(--surface)))!important}
.metrics-grid .metric-card:nth-child(1){--metric-tone:#2563eb}.metrics-grid .metric-card:nth-child(2){--metric-tone:#059669}.metrics-grid .metric-card:nth-child(3){--metric-tone:#d97706}.metrics-grid .metric-card:nth-child(4){--metric-tone:#db2777}
.metrics-grid .metric-card>i{color:var(--metric-tone)!important;background:color-mix(in srgb,var(--metric-tone) 12%,var(--surface));padding:10px;border-radius:12px}

/* Exact quick-action spacing requested; the individual items carry different accents. */
.quick-actions{display:flex!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;height:100%;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:row}
.quick-action{--quick-tone:#2563eb;flex:1 1 calc(50% - 9px)!important;min-width:128px!important;background:color-mix(in srgb,var(--quick-tone) 5%,var(--surface))!important;border-color:color-mix(in srgb,var(--quick-tone) 18%,var(--border))!important}
.quick-action:nth-child(1){--quick-tone:#7c3aed}.quick-action:nth-child(2){--quick-tone:#2563eb}.quick-action:nth-child(3){--quick-tone:#059669}.quick-action:nth-child(4){--quick-tone:#d97706}.quick-action:nth-child(5){--quick-tone:#0891b2}.quick-action:nth-child(6){--quick-tone:#db2777}
.quick-action i{color:var(--quick-tone)!important;background:color-mix(in srgb,var(--quick-tone) 12%,var(--surface));width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}

/* Multi-series sales chart. */
.chart-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 8px;color:var(--muted);font-size:.72rem;font-weight:850}
.chart-legend__item{display:inline-flex;align-items:center;gap:6px}.chart-legend__item i{width:20px;height:3px;border-radius:99px;background:var(--primary)}
.chart-legend__item--software i{background:var(--jolfa-software)}.chart-legend__item--hardware i{background:var(--jolfa-hardware)}
.chart-line--all{stroke:var(--primary)!important;stroke-width:3.2!important}.chart-line--software{stroke:var(--jolfa-software)!important;stroke-width:2.6!important}.chart-line--hardware{stroke:var(--jolfa-hardware)!important;stroke-width:2.6!important}
.chart-point--all{stroke:var(--primary)!important}.chart-point--software{stroke:var(--jolfa-software)!important}.chart-point--hardware{stroke:var(--jolfa-hardware)!important}
.chart-area{fill:color-mix(in srgb,var(--primary) 9%,transparent)!important}.chart-label--minor{opacity:.5}
.chart-tooltip{min-width:132px;line-height:1.7}.chart-tooltip strong{display:block;margin-bottom:3px}.chart-tooltip span{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-tooltip i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-inline-end:5px}.chart-tooltip .all i{background:var(--primary)}.chart-tooltip .software i{background:var(--jolfa-software)}.chart-tooltip .hardware i{background:var(--jolfa-hardware)}

/* Modal headers: stable branded dark-purple strip, entity details stay inside modal content. */
.dialog-head--accent{background:linear-gradient(120deg,var(--jolfa-violet-deep),#4d2268)!important;color:#fff!important;border-bottom:0!important}
.dialog-head--accent h2,.dialog-head--accent small,.dialog-head--accent i{color:#fff!important}.dialog-head--accent small{opacity:.76}.dialog-head--accent .icon-button{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.modal-entity-card{--entity-tone:var(--primary);display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--entity-tone) 18%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--entity-tone) 5%,var(--surface))}
.modal-entity-card>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--entity-tone) 14%,var(--surface));color:var(--entity-tone)}
.modal-entity-card>div{display:flex;min-width:0;flex-direction:column;gap:3px}.modal-entity-card strong{font-size:.9rem}.modal-entity-card small{color:var(--muted)}

/* Admin work-time report. */
.admin-work-report-card{min-width:0}.admin-work-person{display:flex;align-items:center;gap:9px}.admin-work-person>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb,#2563eb 10%,var(--surface));color:#2563eb}.admin-work-person>div{display:flex;flex-direction:column;gap:2px}.admin-work-person small{color:var(--muted);font-size:.65rem}.status-muted{background:var(--surface-soft)!important;color:var(--muted)!important;border-color:var(--border)!important}

/* Tickets: priority removed in v89; attachment must look like an actual upload action. */
.ticket-compose-attach{width:auto!important;min-width:112px!important;padding:0 13px!important;gap:7px!important;background:color-mix(in srgb,#2563eb 8%,var(--surface))!important;color:#2563eb!important;border-color:color-mix(in srgb,#2563eb 26%,var(--border))!important;font-weight:900!important}
.ticket-compose-attach input{display:none!important}
.ticket-chat-compose{grid-template-columns:minmax(220px,1fr) auto auto!important;align-items:end!important}.ticket-chat-compose textarea,.ticket-reply textarea{min-height:58px!important;max-height:150px!important;resize:vertical}.ticket-reply{padding:12px!important}.ticket-attachment-field input[type=file]{max-width:100%;min-height:auto!important}

/* Category tree: visual connectors, branch toggles and leaf + buttons. */
.category-tree{padding:8px 4px}.category-tree-node{position:relative;padding-inline-start:34px;margin:3px 0}.category-tree-node::before{content:"";position:absolute;inset-inline-start:14px;top:-8px;bottom:-8px;width:1px;background:color-mix(in srgb,#64748b 27%,var(--border))}.category-tree-node::after{content:"";position:absolute;inset-inline-start:14px;top:28px;width:18px;height:1px;background:color-mix(in srgb,#64748b 30%,var(--border))}.category-tree>.category-tree-node::before{top:28px}.category-tree-toggle{position:absolute;z-index:2;inset-inline-start:3px;top:16px;width:24px;height:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.category-tree-toggle i{font-size:.62rem;transition:transform .16s}.category-tree-toggle.is-collapsed i{transform:rotate(-90deg)}[dir="rtl"] .category-tree-toggle.is-collapsed i{transform:rotate(90deg)}.category-tree-toggle--empty{border:0;background:transparent}.category-tree-children{margin-top:3px}.commerce-category-admin-row{margin:0!important;min-height:56px!important;border-color:var(--border)!important}.category-tree-add-child{display:flex;align-items:center;gap:7px;margin:5px 8px 10px 0;padding:7px 10px;border:1px dashed color-mix(in srgb,#059669 35%,var(--border));border-radius:10px;background:color-mix(in srgb,#059669 5%,var(--surface));color:#047857;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.category-tree-add-child:hover{background:color-mix(in srgb,#059669 10%,var(--surface))}

/* Roles: no scope badge; permissions are accordions and order visibility is explicit. */
.role-dialog{width:min(920px,94vw)!important}.permission-accordion{display:flex;flex-direction:column;gap:8px}.permission-group{border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:hidden}.permission-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 13px;font-weight:900}.permission-group>summary::-webkit-details-marker{display:none}.permission-group>summary>span{display:flex;align-items:center;gap:8px;flex:1}.permission-group>summary>small{color:var(--muted)}.permission-group>summary>.fa-chevron-down{transition:transform .16s;color:var(--muted)}.permission-group[open]>summary>.fa-chevron-down{transform:rotate(180deg)}.permission-group>.checkbox-grid{padding:4px 12px 14px;border-top:1px solid var(--border)}
.role-order-scope-modes{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.role-order-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;border-radius:13px;background:var(--surface-soft)}.role-order-category-grid .check-option span{display:flex;align-items:center;gap:6px}.role-delete-form{margin-top:16px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--danger) 35%,var(--border))}.protected-role-note{display:flex;align-items:center;gap:7px;color:var(--muted);margin-top:14px}.button-danger{background:color-mix(in srgb,var(--danger) 10%,var(--surface))!important;color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 26%,var(--border))!important}

/* Settings: explicit capacity and market controls. */
.order-capacity-settings{border-color:color-mix(in srgb,#0891b2 24%,var(--border))!important}.order-capacity-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.order-capacity-controls>.settings-field{flex:1 1 260px}.order-limit-toggle{flex:1 1 280px;min-height:50px}.order-limit-toggle>span{display:flex;flex-direction:column;gap:2px}.order-limit-toggle small{color:var(--muted)}

/* Products: modal iframe editor, flat form rather than a staged wizard. */
.product-editor-dialog{width:min(1180px,96vw)!important;height:min(900px,94vh)!important;max-height:94vh!important;padding:0!important;overflow:hidden!important}.product-editor-frame-shell{height:calc(94vh - 76px);background:var(--surface-soft)}.product-editor-frame-shell iframe{display:block;width:100%;height:100%;border:0;background:var(--surface)}
.catalog-scope-chip{--scope-tone:#2563eb;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--scope-tone) 9%,var(--surface));color:var(--scope-tone);font-size:.7rem;font-weight:900}.catalog-scope-chip--fivem{--scope-tone:#7c3aed}.catalog-scope-chip--hardware{--scope-tone:#dc2626}.catalog-scope-chip--software{--scope-tone:#2563eb}
body.embedded-product-editor{background:var(--surface-soft)!important}body.embedded-product-editor>.site-header,body.embedded-product-editor>.site-footer,body.embedded-product-editor .site-header,body.embedded-product-editor .site-footer,body.embedded-product-editor .footer-modern,body.embedded-product-editor .panel-sidebar{display:none!important}body.embedded-product-editor main,body.embedded-product-editor .main-content{padding-top:0!important;margin-top:0!important}body.embedded-product-editor .panel-shell{padding:12px!important;margin:0!important;max-width:none!important}body.embedded-product-editor .panel-main{width:100%!important}body.embedded-product-editor .panel-page-hero{display:none!important}body.embedded-product-editor .commerce-wizard-steps{display:none!important}body.embedded-product-editor .commerce-product-wizard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}body.embedded-product-editor .commerce-wizard-panel{display:block!important;margin:0!important;height:auto!important}body.embedded-product-editor .commerce-wizard-actions,body.embedded-product-editor .commerce-wizard-error{grid-column:1/-1}body.embedded-product-editor .commerce-wizard-actions{position:sticky!important;bottom:0!important;z-index:8!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;padding:12px!important;border-top:1px solid var(--border)!important;backdrop-filter:blur(10px)}body.embedded-product-editor [data-wizard-submit]{margin-inline-start:auto}

/* Internal analytics. */
.analytics-periods{flex-wrap:wrap}.analytics-layout{align-items:start}.analytics-quality-list{display:flex;flex-direction:column;gap:8px}.analytics-quality-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:var(--surface-soft)}.analytics-quality-list span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem}.analytics-quality-list div:nth-child(1) i{color:#059669}.analytics-quality-list div:nth-child(2) i{color:#d97706}.analytics-quality-list div:nth-child(3) i{color:#dc2626}.analytics-note{margin-top:14px}

/* Affiliate KPI conversion is consistent with dashboard cards. */
.dashboard-kpis.affiliate-kpis .dashboard-kpi,.analytics-kpis .dashboard-kpi{min-height:112px!important}

@media(max-width:900px){.role-order-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.embedded-product-editor .commerce-product-wizard{grid-template-columns:1fr}.product-editor-dialog{width:98vw!important;height:96vh!important}.product-editor-frame-shell{height:calc(96vh - 70px)}}
@media(max-width:680px){.quick-action{flex-basis:100%!important}.ticket-chat-compose{grid-template-columns:1fr auto!important}.ticket-compose-attach{min-width:44px!important;width:44px!important;padding:0!important}.role-order-category-grid{grid-template-columns:1fr}.category-tree-node{padding-inline-start:28px}.category-tree-node::after{width:13px}.admin-work-table{min-width:760px}}

/* Clear, compact ticket attachments: attachment is an explicit action, not an invisible file input. */
.ticket-reply-messenger{grid-template-columns:auto minmax(220px,1fr) auto!important;gap:9px!important;align-items:end!important}
.ticket-reply-messenger>label:first-of-type{display:block!important;grid-column:2!important;grid-row:1!important;min-width:0!important}
.ticket-reply-messenger .ticket-attachment-button,.panel-form.ticket-reply .ticket-attachment-button{display:inline-flex!important;grid-column:1!important;grid-row:1!important;width:auto!important;min-width:112px!important;height:46px!important;padding:0 13px!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:13px!important;background:color-mix(in srgb,#2563eb 8%,var(--surface))!important;border-color:color-mix(in srgb,#2563eb 28%,var(--border))!important;color:#2563eb!important;cursor:pointer!important;font-weight:900!important;white-space:nowrap!important}
.ticket-reply-messenger .ticket-attachment-button small,.ticket-compose-attach small{font-size:.62rem!important;color:var(--muted)!important;max-width:115px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ticket-reply-messenger .ticket-send-button,.panel-form.ticket-reply .ticket-send-button{grid-column:3!important;grid-row:1!important}
.ticket-reply-messenger textarea{width:100%!important;min-width:0!important;min-height:58px!important}
@media(max-width:680px){.ticket-reply-messenger{grid-template-columns:1fr auto!important}.ticket-reply-messenger>label:first-of-type{grid-column:1/-1!important}.ticket-reply-messenger .ticket-attachment-button{grid-column:1!important;grid-row:2!important;justify-self:start!important}.ticket-reply-messenger .ticket-send-button{grid-column:2!important;grid-row:2!important}}

/* All dialogs share a clear branded title bar; record-specific names/IDs belong in the body. */
.dialog-backdrop>.dialog-head{background:linear-gradient(120deg,var(--jolfa-violet-deep),#4d2268)!important;color:#fff!important;border-bottom:0!important}
.dialog-backdrop>.dialog-head h2,.dialog-backdrop>.dialog-head small,.dialog-backdrop>.dialog-head i{color:#fff!important}.dialog-backdrop>.dialog-head small{opacity:.78}.dialog-backdrop>.dialog-head .icon-button{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.user-modal-entity{margin:14px 16px 0!important}

/* v91 product editor: clean single-column adaptive form. */
body.embedded-product-editor .commerce-product-wizard,
.commerce-product-editor{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:12px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.commerce-product-editor .commerce-wizard-panel{display:block!important;min-height:0!important;padding:20px!important;margin:0!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 8px 24px color-mix(in srgb,#0f172a 4%,transparent)!important}
.commerce-product-editor .commerce-wizard-panel[hidden]{display:none!important}
.commerce-product-editor .commerce-wizard-heading{margin-bottom:16px!important}
.commerce-product-editor .commerce-wizard-heading h2{font-size:1.08rem!important;margin-top:5px!important}
.commerce-product-editor .commerce-wizard-heading h3{font-size:.96rem!important;margin-top:5px!important}
.commerce-product-editor .commerce-wizard-heading p{max-width:820px!important;line-height:1.9!important}
.product-editor-section__eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.68rem;font-weight:950}
.product-editor-section__eyebrow i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.product-kind-grid label>span{min-height:116px!important;justify-content:center!important}
.commerce-choice-grid--two-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.product-editor-section .panel-form-row{gap:12px!important}
.product-editor-section label>input:not([type=radio]):not([type=checkbox]),.product-editor-section label>select,.product-editor-section label>textarea{margin-top:7px!important}
.product-editor-empty-note{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.75rem;font-weight:800}
.product-editor-digital-box{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,#2563eb 18%,var(--border));border-radius:16px;background:color-mix(in srgb,#2563eb 3%,var(--surface))}
.product-editor-digital-box[hidden]{display:none!important}.commerce-wizard-heading--inner{margin-bottom:13px!important}
.product-editor-advanced{margin-top:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);overflow:hidden}
.product-editor-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;font-weight:900;font-size:.78rem}
.product-editor-advanced>summary::-webkit-details-marker{display:none}.product-editor-advanced>summary span{display:flex;align-items:center;gap:7px}.product-editor-advanced>summary i{color:var(--primary)}.product-editor-advanced>summary small{color:var(--muted)}
.product-editor-advanced__body,.product-editor-advanced .commerce-secondary-categories{padding:14px;border-top:1px solid var(--border);margin:0!important}
.product-editor-actions{position:sticky!important;bottom:0!important;z-index:12!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;padding:12px 14px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;box-shadow:0 -10px 28px color-mix(in srgb,#0f172a 7%,transparent)!important;backdrop-filter:blur(12px)}
.product-editor-actions .button-primary{min-width:138px}.commerce-product-editor .commerce-wizard-error{margin:0!important}

/* Tree dropdown used by add/edit product. */
.product-category-dropdown{position:relative;z-index:20}
.product-category-dropdown__trigger{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft);color:var(--text);font:inherit;text-align:inherit;cursor:pointer;transition:.16s}
.product-category-dropdown__trigger:hover,.product-category-dropdown__trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:color-mix(in srgb,var(--primary) 3%,var(--surface))}
.product-category-dropdown__trigger-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:0 0 40px;border-radius:12px;background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}
.product-category-dropdown__trigger-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.product-category-dropdown__trigger-copy small{color:var(--muted);font-size:.66rem}.product-category-dropdown__trigger-copy strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-category-dropdown__chevron{color:var(--muted);transition:transform .16s}.product-category-dropdown__trigger[aria-expanded=true] .product-category-dropdown__chevron{transform:rotate(180deg)}
.product-category-dropdown__menu{position:absolute;z-index:50;inset-inline:0;top:calc(100% + 7px);max-height:min(430px,55vh);overflow:auto;padding:9px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 18px 48px rgba(15,23,42,.16)}
.product-category-dropdown__menu[hidden]{display:none!important}.product-category-dropdown__hint{display:flex;align-items:center;gap:7px;padding:9px 10px;margin-bottom:5px;border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:.68rem;font-weight:800}
.product-category-tree{display:flex;flex-direction:column;gap:2px}.product-category-tree__node[hidden]{display:none!important}.product-category-tree__children{margin-inline-start:17px;padding-inline-start:8px;border-inline-start:1px solid color-mix(in srgb,#64748b 25%,var(--border))}.product-category-tree__children[hidden]{display:none!important}
.product-category-tree__row{min-height:45px;display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:11px;transition:.14s}.product-category-tree__row:hover{background:var(--surface-soft)}
.product-category-tree__toggle{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:0 0 26px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.product-category-tree__toggle--empty{border-color:transparent;background:transparent}.product-category-tree__toggle i{font-size:.6rem;transition:transform .16s}.product-category-tree__toggle.is-collapsed i{transform:rotate(-90deg)}[dir=rtl] .product-category-tree__toggle.is-collapsed i{transform:rotate(90deg)}
.product-category-tree__icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;flex:0 0 31px;border-radius:9px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);font-size:.78rem}.product-category-tree__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.product-category-tree__copy strong{font-size:.76rem}.product-category-tree__copy small{color:var(--muted);font-size:.6rem}
.product-category-tree__check{position:relative;flex:0 0 auto;cursor:pointer}.product-category-tree__check input{position:absolute;opacity:0;pointer-events:none}.product-category-tree__check span{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:transparent;transition:.15s}.product-category-tree__check input:checked+span{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent)}

/* In the embedded modal the form stays one section per row at every desktop width. */
body.embedded-product-editor .panel-shell{padding:10px!important}body.embedded-product-editor .commerce-product-wizard{grid-template-columns:none!important}body.embedded-product-editor .commerce-wizard-panel{width:100%!important}body.embedded-product-editor .commerce-wizard-actions,body.embedded-product-editor .commerce-wizard-error{width:100%!important;grid-column:auto!important}

@media(max-width:760px){.commerce-choice-grid--two-clean{grid-template-columns:1fr!important}.commerce-product-editor .commerce-wizard-panel{padding:15px!important}.product-category-dropdown__menu{max-height:52vh}.product-editor-actions{border-radius:13px!important}.product-editor-actions .button{flex:1}.product-kind-grid{grid-template-columns:1fr!important}}

/* v91 — cleaner adaptive product editor */
.commerce-product-editor input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.commerce-product-editor select{
  text-align:center!important;
  text-align-last:center!important;
}
.commerce-product-editor input[dir="ltr"]{direction:ltr!important}
.commerce-product-editor .product-editor-section{position:relative;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.commerce-product-editor .product-editor-section__state{
  position:absolute;inset-block-start:14px;inset-inline-end:14px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);
  opacity:.42;transform:scale(.9);transition:.18s ease;pointer-events:none
}
.commerce-product-editor .product-editor-section.is-complete{
  border-color:color-mix(in srgb,var(--success) 42%,var(--border))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--success) 3.5%,var(--surface)),var(--surface))!important;
  box-shadow:0 9px 28px color-mix(in srgb,var(--success) 7%,transparent)!important
}
.commerce-product-editor .product-editor-section.is-complete .product-editor-section__state{
  opacity:1;transform:scale(1);background:color-mix(in srgb,var(--success) 12%,var(--surface));
  border-color:color-mix(in srgb,var(--success) 28%,var(--border));color:var(--success)
}
.commerce-product-editor .product-editor-section.is-complete .product-editor-section__eyebrow{color:var(--success)}
.commerce-product-editor .product-editor-section.is-complete .product-editor-section__eyebrow i{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}

.product-category-tree--embedded{border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);padding:8px;overflow:hidden}
.product-category-tree--embedded>.product-category-tree__node{margin:0}
.product-category-tree__node[hidden]{display:none!important}
.product-category-tree__row{
  display:grid;grid-template-columns:34px 34px minmax(0,1fr) auto;align-items:center;gap:8px;
  min-height:50px;padding:7px 10px;padding-inline-start:calc(10px + (var(--category-depth,0) * 17px));
  border-radius:12px;position:relative
}
.product-category-tree__row:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.product-category-tree__toggle{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary);cursor:pointer;transition:.18s ease}
.product-category-tree__toggle i{transition:transform .18s ease}.product-category-tree__toggle.is-collapsed i{transform:rotate(90deg)}
html[dir="ltr"] .product-category-tree__toggle.is-collapsed i{transform:rotate(-90deg)}
.product-category-tree__toggle--empty{background:transparent;cursor:default}
.product-category-tree__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}
.product-category-tree__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.product-category-tree__copy strong{font-size:.78rem}.product-category-tree__copy small{font-size:.62rem;color:var(--muted)}
.product-category-tree__check{margin:0!important;display:grid!important;place-items:center!important}
.product-category-tree__check input{position:absolute;opacity:0;pointer-events:none}
.product-category-tree__check span{width:31px;height:31px;border:1px solid var(--border);border-radius:9px;background:var(--surface);display:grid;place-items:center;color:transparent;transition:.16s ease;cursor:pointer}
.product-category-tree__check input:checked+span{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--success) 22%,transparent)}
.product-category-tree__children{position:relative}.product-category-tree__children[hidden]{display:none!important}
.product-category-tree__children:before{content:"";position:absolute;inset-block:0;inset-inline-start:28px;border-inline-start:1px dashed color-mix(in srgb,var(--primary) 22%,var(--border));pointer-events:none}
.product-category-selection{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--success) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));color:var(--success);font-size:.73rem}.product-category-selection strong{color:var(--text)}

.product-weight-control{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;margin-top:7px}.product-weight-control input,.product-weight-control select{margin-top:0!important}.product-weight-row small[data-weight-equivalent]{display:block;margin-top:6px;color:var(--primary);font-weight:900;text-align:center}
.product-fx-live{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:13px;background:color-mix(in srgb,#2563eb 7%,var(--surface));border:1px solid color-mix(in srgb,#2563eb 19%,var(--border))}.product-fx-live>div{display:flex;flex-direction:column;gap:4px}.product-fx-live span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.69rem;font-weight:850}.product-fx-live strong{color:#2563eb;font-size:.82rem}
.product-price-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--success) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 20%,var(--border))}.product-price-preview>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.product-price-preview>div{display:flex;flex-direction:column;gap:3px}.product-price-preview span{font-size:.67rem;color:var(--muted);font-weight:800}.product-price-preview strong{font-size:1rem;color:var(--text)}.product-price-preview small{font-size:.64rem;color:var(--muted)}

.product-locale-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.product-locale-tabs>button{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 11px;border-radius:10px;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:6px}.product-locale-tabs>button.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.product-locale-add{position:relative;margin-inline-start:auto}.product-locale-add__button{border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 4%,var(--surface));color:var(--primary);padding:8px 11px;border-radius:10px;font:inherit;font-size:.71rem;font-weight:900;cursor:pointer}.product-locale-add__menu{position:absolute;z-index:20;inset-block-start:calc(100% + 6px);inset-inline-end:0;width:190px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg)}.product-locale-add__menu[hidden]{display:none!important}.product-locale-add__menu button{width:100%;border:0;background:transparent;color:var(--text);padding:8px 9px;border-radius:8px;font:inherit;display:flex;justify-content:space-between;cursor:pointer}.product-locale-add__menu button:hover{background:var(--surface-soft)}.product-locale-add__menu small{color:var(--muted)}
.product-locale-panel{display:none;gap:12px}.product-locale-panel.active{display:grid}.product-locale-panel[hidden]{display:none!important}.product-locale-panel__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-soft)}.product-locale-panel__head>div{display:flex;flex-direction:column;gap:2px}.product-locale-panel__head small{color:var(--muted);font-size:.64rem}

.product-image-upload{display:block!important;margin-bottom:13px}.product-image-upload>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}.product-image-upload>span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:14px;border:1.5px dashed color-mix(in srgb,var(--primary) 34%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--primary) 3%,var(--surface));cursor:pointer}.product-image-upload>span>i{font-size:1.25rem;color:var(--primary)}.product-image-upload>span>strong,.product-image-upload>span>small{display:block}.product-image-upload>span>small{color:var(--muted);font-size:.64rem;margin-inline-start:4px}
.product-image-gallery-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.product-image-gallery-editor__new{display:contents}.product-image-editor-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.product-image-editor-item__preview{display:block;width:100%;height:138px;padding:0;border:0;background:var(--surface-soft);cursor:zoom-in}.product-image-editor-item__preview img{width:100%;height:100%;object-fit:cover;display:block}.product-image-editor-item>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px}.product-image-main-choice{margin:0!important}.product-image-main-choice input{position:absolute;opacity:0}.product-image-main-choice span{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-size:.64rem;font-weight:900;cursor:pointer}.product-image-main-choice input:checked+span{border-color:color-mix(in srgb,#f59e0b 35%,var(--border));background:color-mix(in srgb,#f59e0b 10%,var(--surface));color:#b45309}.product-image-remove{border:0;background:transparent;color:var(--danger);font:inherit;font-size:.64rem;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:4px}.product-image-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:88px;color:var(--muted);font-size:.6rem}

@media(max-width:700px){.product-category-tree__row{grid-template-columns:30px 30px minmax(0,1fr) auto;padding-inline-start:calc(6px + (var(--category-depth,0) * 10px))}.product-category-tree__copy small{display:none}.product-weight-control{grid-template-columns:1fr 105px}.product-fx-live{align-items:flex-start;flex-direction:column}.product-image-gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image-editor-item__preview{height:120px}.product-locale-add{margin-inline-start:0}}
.dashboard-kpi__delta.is-neutral,.chart-summary__delta.is-neutral{color:var(--muted)!important}.dashboard-kpi__delta.is-neutral i,.chart-summary__delta.is-neutral i{color:var(--muted)!important}.chart-summary__delta{display:inline-flex;align-items:center;gap:5px}
.dashboard-card__head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-activity-chart-card{margin-top:14px}.admin-activity-bars{display:grid;gap:10px}.admin-activity-bar{display:grid;grid-template-columns:minmax(170px,240px) minmax(180px,1fr) 120px;align-items:center;gap:12px;padding:9px 10px;border-radius:13px;background:var(--surface-soft);border:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.admin-activity-bar__identity{display:flex;align-items:center;gap:8px;min-width:0}.admin-activity-bar__identity>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.admin-activity-bar__identity>div{display:flex;flex-direction:column;min-width:0}.admin-activity-bar__identity small{color:var(--muted);font-size:.61rem;overflow:hidden;text-overflow:ellipsis}.admin-activity-bar__track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));overflow:hidden}.admin-activity-bar__track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#2563eb);transition:width .28s ease}.admin-activity-bar__value{text-align:center;font-size:.7rem}.admin-activity-events-card,.admin-activity-table-card{margin-top:14px}.admin-activity-events-card code{font-size:.67rem;white-space:nowrap}.admin-activity-kpis .dashboard-kpi strong{font-size:1.05rem}@media(max-width:780px){.admin-activity-bar{grid-template-columns:1fr}.admin-activity-bar__value{text-align:start}.dashboard-card__head-actions{width:100%}}

/* v92 — product editor polish: modal footer, compact locales, draggable media, safe spec grid. */
.product-editor-dialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}
.product-editor-dialog .product-editor-frame-shell{height:auto!important;min-height:0!important;overflow:hidden!important}
.product-editor-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 14px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 -8px 24px color-mix(in srgb,#0f172a 6%,transparent);z-index:3}
.product-editor-dialog__footer .button-primary{min-width:148px}
body.embedded-product-editor .product-editor-actions{display:none!important}
body.embedded-product-editor .commerce-product-editor{padding-bottom:8px!important}

.product-editor-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important}
.product-editor-field>span{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:950;color:var(--text);line-height:1.6}
.product-editor-field>span b{color:var(--danger);font-size:.86rem}
.product-editor-field>input,.product-editor-field>select,.product-editor-field>textarea{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
.product-editor-field>small{display:block;color:var(--muted)!important;font-size:.65rem!important;font-weight:700!important;line-height:1.7;text-align:start}
.product-editor-field--compact{max-width:520px}
.product-content-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.product-content-fields .product-editor-field--wide{grid-column:1/-1}
.product-locale-tabs>button small{margin-inline-start:2px;padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:.55rem}
.product-locale-panel{min-width:0!important}

.commerce-spec-groups,.commerce-spec-group{min-width:0!important;max-width:100%!important}
.commerce-spec-group{overflow:hidden!important}
.commerce-spec-group .panel-form-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;align-items:start!important;gap:12px!important;width:100%!important;max-width:100%!important}
.commerce-spec-group .panel-form-row>*{min-width:0!important;width:100%!important;max-width:100%!important;flex:none!important}
.commerce-spec-group label{min-width:0!important;max-width:100%!important;overflow:hidden}
.commerce-spec-group input,.commerce-spec-group select,.commerce-spec-group textarea{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

.product-image-gallery-editor{align-items:start}
.product-image-editor-item{position:relative;min-width:0;transition:transform .14s ease,opacity .14s ease,border-color .14s ease,box-shadow .14s ease}
.product-image-editor-item[draggable="true"]{user-select:none}
.product-image-editor-item.is-dragging{opacity:.42;transform:scale(.98);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 12%,transparent)}
.product-image-editor-item__tools{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;padding:8px!important}
.product-image-drag{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--muted);display:grid;place-items:center;cursor:grab}
.product-image-drag:active{cursor:grabbing}
.product-image-main-choice{min-width:0!important}
.product-image-main-choice span{justify-content:center;white-space:nowrap}
.product-image-remove{min-height:32px;padding:0 5px!important;white-space:nowrap}
.product-image-gallery-editor>[data-new-image-previews]{display:none!important}

@media(max-width:760px){
  .product-editor-dialog__footer{padding:9px 10px}.product-editor-dialog__footer .button{flex:1}.product-editor-dialog__footer .button-primary{min-width:0}
  .product-content-fields{grid-template-columns:1fr}.product-content-fields .product-editor-field--wide{grid-column:auto}
  .commerce-spec-group .panel-form-row{grid-template-columns:1fr!important}
}
.commerce-spec-group label{display:flex!important;flex-direction:column!important;gap:6px!important}
.commerce-spec-group label>input,.commerce-spec-group label>select,.commerce-spec-group label>textarea{margin-top:0!important}

/* v93 — focused product-editor UX, source importer and category-aware brands. */
body.embedded-product-editor .panel-sidebar-global{display:none!important}
body.embedded-product-editor .panel-frame.section-narrow{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.embedded-product-editor .panel-frame>.panel-site-main{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
body.embedded-product-editor .panel-shell.panel-shell--single.section-narrow{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px!important}
body.embedded-product-editor .panel-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
body.embedded-product-editor .commerce-product-wizard{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:none!important;margin:0!important}
body.embedded-product-editor .commerce-wizard-panel{flex:0 0 auto!important;width:100%!important;max-width:none!important;min-width:0!important}

.commerce-product-editor input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.commerce-product-editor select,
.commerce-product-editor textarea{text-align:center!important;text-align-last:center!important}
.commerce-product-editor textarea{resize:vertical;min-height:92px}
.commerce-product-editor input[dir="ltr"],.commerce-product-editor textarea[dir="ltr"]{direction:ltr}
.commerce-product-editor .product-editor-field>span,.commerce-product-editor .product-editor-field>small{text-align:start!important;text-align-last:start!important}
.commerce-product-editor label{min-width:0}
.product-editor-section{position:relative;overflow:visible!important;border-color:color-mix(in srgb,var(--border) 88%,transparent)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.product-editor-section.is-complete{border-color:color-mix(in srgb,var(--success) 42%,var(--border))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--success) 3%,var(--surface)),var(--surface))!important}
.product-editor-section__state{position:absolute;inset-block-start:13px;inset-inline-end:13px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);opacity:.45;transition:.18s ease}
.product-editor-section.is-complete>.product-editor-section__state{opacity:1;background:color-mix(in srgb,var(--success) 12%,var(--surface));border-color:color-mix(in srgb,var(--success) 32%,var(--border));color:var(--success)}
.product-editor-section>.commerce-wizard-heading{padding-inline-end:44px}

.product-brand-control{display:grid;grid-template-columns:minmax(0,520px) auto;align-items:end;gap:10px}
.product-brand-control select{min-height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font:inherit}
.product-brand-add-trigger{min-height:46px;white-space:nowrap}
.product-brand-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;padding:12px;border:1px dashed color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 3%,var(--surface))}
.product-brand-inline>div{display:flex;gap:7px}.product-brand-inline>small{grid-column:1/-1;color:var(--danger)}

.product-backorder-option{margin-top:14px!important;padding-top:12px!important;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.product-source-supported{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:9px 11px;border-radius:12px;background:var(--surface-soft);font-size:.72rem}
.product-source-supported>span{font-weight:950;color:var(--text);margin-inline-end:3px}.product-source-supported>span i{color:var(--primary);margin-inline-end:5px}.product-source-supported>b{padding:4px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);direction:ltr;font-size:.66rem}
.product-source-fetch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.product-source-fetch-row>.button{min-height:46px;white-space:nowrap}
.product-source-status{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface-soft);font-size:.71rem;font-weight:850}.product-source-status.is-loading{color:var(--primary)}.product-source-status.is-success{color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface))}.product-source-status.is-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}
.product-source-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.product-source-preview>div{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);text-align:center}.product-source-preview span{font-size:.61rem;color:var(--muted)}.product-source-preview strong{font-size:.78rem}
.product-source-specifications{margin:12px 0 0;border:1px solid var(--border);border-radius:13px;overflow:hidden}.product-source-specifications summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;font-weight:900;background:var(--surface-soft)}.product-source-specifications summary span{display:flex;align-items:center;gap:7px}.product-source-specifications summary i{color:var(--primary)}.product-source-specifications summary small{color:var(--muted)}.product-source-specifications>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border)}.product-source-specifications>div>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:8px;padding:9px 10px;background:var(--surface)}.product-source-specifications b{font-size:.68rem}.product-source-specifications span{font-size:.68rem;color:var(--muted);word-break:break-word}

.commerce-spec-group .panel-form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;overflow:visible!important}
.commerce-spec-group label{overflow:visible!important;word-break:break-word}
.commerce-spec-group input,.commerce-spec-group select,.commerce-spec-group textarea{width:100%!important;min-width:0!important;max-width:100%!important}

.product-locale-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.product-locale-tabs button{position:relative;display:inline-flex;align-items:center;gap:6px}.product-locale-tab-remove{display:inline-grid;place-items:center;width:20px;height:20px;margin-inline-start:2px;border-radius:999px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger);font-size:.62rem}.product-locale-add{position:relative;display:inline-block;margin-top:10px}.product-locale-add__menu{position:absolute;z-index:12;inset-block-start:calc(100% + 6px);inset-inline-start:0;min-width:180px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg)}
.product-content-fields{grid-template-columns:1fr!important;gap:12px!important}.product-content-fields .product-editor-field{grid-column:auto!important}.product-content-fields input,.product-content-fields textarea{margin-top:0!important}
.product-editor-digital-box{display:grid;gap:12px}.product-editor-digital-box>label{display:flex;flex-direction:column;gap:6px}.product-editor-digital-box .panel-form-row{align-items:start}

.product-image-editor-item--imported{border-color:color-mix(in srgb,var(--accent,#36c6da) 32%,var(--border))}.product-image-editor-item--imported:before{content:'Source';position:absolute;z-index:2;inset-block-start:7px;inset-inline-start:7px;padding:3px 6px;border-radius:999px;background:rgba(15,23,42,.74);color:#fff;font-size:.54rem;font-weight:900;pointer-events:none}

.admin-source-issues{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.admin-source-issues>div{display:flex;align-items:flex-start;gap:10px}.admin-source-issues i{color:var(--danger);margin-top:3px}.admin-source-issues strong,.admin-source-issues small{display:block}.admin-source-issues small{margin-top:3px;color:var(--muted)}.source-sync-pill{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.58rem}.source-sync-pill.is-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.source-sync-pill.is-ok{color:var(--success);background:color-mix(in srgb,var(--success) 7%,var(--surface))}

@media(max-width:760px){.product-brand-control,.product-brand-inline,.product-source-fetch-row{grid-template-columns:1fr}.product-brand-inline>div{justify-content:flex-start}.product-source-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.product-source-specifications>div{grid-template-columns:1fr}.product-source-fetch-row>.button{width:100%}}

/* v93.1 — modal alignment, source-sync visibility, and retail-focused hardware UX. */
html body.embedded-product-editor{--container:100%!important;overflow-x:hidden!important}
body.embedded-product-editor .product-editor-shell,
body.embedded-product-editor .product-editor-shell>.panel-main{inline-size:100%!important;max-inline-size:none!important;margin-inline:0!important;transform:none!important}
body.embedded-product-editor .panel-frame,
body.embedded-product-editor .panel-site-main{inset-inline:auto!important;transform:none!important}

.notice-banner--source-danger{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:12px 0!important;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border))!important;background:color-mix(in srgb,var(--danger) 7%,var(--surface))!important;color:var(--danger)!important}
.notice-banner--source-danger>div{display:flex;flex-direction:column;gap:2px}.notice-banner--source-danger strong{color:var(--danger)}.notice-banner--source-danger span{color:var(--muted);font-size:.72rem;line-height:1.8}
.product-source-table-state{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:5px;padding:3px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.6rem;font-weight:900}
.product-source-table-state--ok{background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--success)}
.product-source-table-state--error,.product-source-table-state--review{background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)}
.product-source-table-error{max-width:260px;color:var(--danger)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Keep editor labels visually separated from controls. */
.commerce-product-editor .panel-form-row>label,
.commerce-product-editor .commerce-pricing-fields>label,
.commerce-product-editor .commerce-supply-fields>label,
.commerce-product-editor .product-editor-digital-box>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0!important}
.commerce-product-editor .panel-form-row>label>input,
.commerce-product-editor .panel-form-row>label>select,
.commerce-product-editor .panel-form-row>label>textarea{width:100%!important;min-width:0!important;max-width:100%!important}
.product-price-preview--source{margin-top:12px}

/* Familiar Iranian ecommerce density for physical catalogue; Jolfa visual identity stays intact. */
.commerce-catalog--hardware{grid-template-columns:270px minmax(0,1fr);gap:18px}
.commerce-catalog--hardware .commerce-results{min-width:0}
.commerce-catalog--hardware .commerce-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--commerce-line);border-radius:18px;overflow:hidden;background:var(--surface)}
.commerce-product-card--hardware{position:relative;min-height:430px;box-shadow:none!important;transform:none!important}
.commerce-product-card--hardware:hover{z-index:2;box-shadow:0 8px 30px rgba(15,23,42,.10)!important}
.commerce-product-card--hardware .commerce-product-card__media{aspect-ratio:1.12/1;padding:18px 18px 8px}
.commerce-product-card--hardware .commerce-product-card__media img{transition:transform .22s ease}.commerce-product-card--hardware:hover .commerce-product-card__media img{transform:scale(1.025)}
.commerce-product-card--hardware .commerce-stock-badge{inset-block-start:10px;inset-block-end:auto;font-size:.61rem}
.commerce-product-card--hardware .commerce-product-card__body{padding:12px 15px 15px;gap:7px}
.commerce-product-card--hardware .commerce-brand{font-size:.66rem;color:var(--muted);letter-spacing:0}
.commerce-product-card--hardware h2{font-size:.84rem;line-height:1.9;min-height:3.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.commerce-product-card--hardware ul{display:none}
.commerce-card-availability{display:flex;align-items:center;gap:6px;color:var(--success);font-size:.65rem;font-weight:850;min-height:22px}.commerce-card-availability.is-out{color:var(--danger)}
.commerce-card-price{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-end;gap:1px}.commerce-card-price small{color:var(--muted);font-size:.58rem}.commerce-card-price strong{font-size:.92rem!important}
.commerce-product-card--hardware .commerce-product-card__footer{border-top:1px solid var(--commerce-line);padding-top:10px}

.commerce-product-page--hardware .commerce-product-main{grid-template-columns:minmax(330px,.95fr) minmax(320px,1.25fr) 330px;gap:24px}
.commerce-product-page--hardware .commerce-product-gallery__main{border:0;border-radius:18px;box-shadow:inset 0 0 0 1px var(--commerce-line);background:#fff}
html[data-theme="dark"] .commerce-product-page--hardware .commerce-product-gallery__main{background:var(--surface)}
.commerce-product-page--hardware .commerce-product-thumbs button{background:#fff}.commerce-product-page--hardware .commerce-product-thumbs button:hover{border-color:var(--primary)}
html[data-theme="dark"] .commerce-product-page--hardware .commerce-product-thumbs button{background:var(--surface)}
.commerce-product-page--hardware .commerce-product-info h1{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.75}
.commerce-product-page--hardware .commerce-buy-box{border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface));box-shadow:none}
.commerce-product-page--hardware .commerce-product-sections{grid-template-columns:minmax(0,1fr);gap:16px}.commerce-product-page--hardware .commerce-product-section{border-radius:16px;box-shadow:none}
.commerce-product-section--specs .commerce-spec-table tr:nth-child(odd){background:color-mix(in srgb,var(--surface-soft) 70%,transparent)}
.commerce-product-section--specs .commerce-spec-table th{width:30%;min-width:150px}.commerce-product-section--specs .commerce-spec-table td{line-height:1.9}

@media(max-width:1180px){.commerce-catalog--hardware .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-product-page--hardware .commerce-product-main{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr)}.commerce-product-page--hardware .commerce-buy-box{grid-column:1/-1}}
@media(max-width:760px){.commerce-catalog--hardware{grid-template-columns:1fr}.commerce-catalog--hardware .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px}.commerce-product-card--hardware{min-height:350px}.commerce-product-card--hardware .commerce-product-card__media{padding:10px}.commerce-product-card--hardware .commerce-product-card__body{padding:10px}.commerce-product-page--hardware .commerce-product-main{grid-template-columns:1fr}.commerce-product-section--specs .commerce-spec-table th{width:38%;min-width:0}}
@media(max-width:390px){.commerce-catalog--hardware .commerce-product-grid{grid-template-columns:1fr}.commerce-product-card--hardware{min-height:0}}

/* v93.2 — product editor alignment and compact modal polish. */
.product-editor-shell.section-narrow{width:100%!important;max-width:none!important;margin-inline:0!important}
.product-editor-shell>.panel-main{width:100%!important;min-width:0!important}
body.embedded-product-editor .product-editor-shell{padding-inline:10px!important}
.product-backorder-option{margin-top:14px!important}
.commerce-product-editor textarea{resize:vertical;min-height:96px}
.button.is-disabled{pointer-events:none!important;opacity:.55!important;filter:saturate(.45)}


/* v94 — source-product workflow, warranty and stronger modal editor UX. */
body.embedded-product-editor .panel-shell.panel-shell--single.section-narrow,
.product-editor-shell.panel-shell--single.section-narrow{margin-inline:0!important;inset-inline:auto!important;translate:none!important;transform:none!important;justify-self:stretch!important;align-self:stretch!important}
.product-category-selection:not([hidden]){display:flex!important;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--success) 32%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--success) 7%,var(--surface));color:var(--success)}
.product-category-selection strong{color:var(--text)}
.product-source-lead-note,.product-source-pricing-lock{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.product-source-lead-note>i,.product-source-pricing-lock>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);flex:0 0 32px}
.product-source-lead-note>div,.product-source-pricing-lock>div{display:flex;flex-direction:column;gap:3px}.product-source-lead-note small,.product-source-pricing-lock small{color:var(--muted);line-height:1.8}
.product-source-pricing-lock[hidden]{display:none!important}.commerce-pricing-fields[data-pricing-fields="source_markup"] input[data-source-price][readonly]{cursor:not-allowed;background:var(--surface-soft);color:var(--muted);font-weight:900}
.product-warranty-box{margin-top:12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.product-warranty-box>.check-option{margin:0!important}.product-warranty-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.product-warranty-fields[hidden]{display:none!important}
.commerce-spec-group .panel-form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}.commerce-spec-group .panel-form-row>label{min-width:0!important;max-width:100%!important}.commerce-spec-group input,.commerce-spec-group select,.commerce-spec-group textarea{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.product-locale-tab-remove{pointer-events:auto;cursor:pointer;position:relative;z-index:2}.product-locale-panel.active:not([hidden]){display:grid!important}.product-locale-panel:not(.active){display:none!important}
.commerce-wizard-panel[data-brand-section][hidden]{display:none!important}
.commerce-warranty-note{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--success) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));color:var(--text)}.commerce-warranty-note i{color:var(--success)}
@media(max-width:640px){.product-warranty-fields{grid-template-columns:1fr}.product-source-lead-note,.product-source-pricing-lock{padding:10px}}


/* v95 product-editor UX */
.commerce-product-editor .commerce-choice-grid label>span,
.commerce-product-editor .commerce-category-picker label>span{
  background:transparent!important;
  border:2px solid var(--border)!important;
  box-shadow:none!important;
}
.commerce-product-editor .commerce-choice-grid input:checked+span,
.commerce-product-editor .commerce-category-picker input:checked+span{
  background:transparent!important;
  border-color:var(--primary)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)!important;
}
.product-spec-brand{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:transparent}
.product-spec-brand[hidden]{display:none!important}.product-spec-brand__head span{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:950}.product-spec-brand__head i{color:var(--primary)}
.product-inline-action{border:1px dashed color-mix(in srgb,var(--primary) 42%,var(--border));background:transparent;color:var(--primary);min-height:42px;padding:0 12px;border-radius:11px;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.product-inline-action:hover{border-style:solid;background:color-mix(in srgb,var(--primary) 4%,transparent)}
.product-source-specifications--editor{overflow:visible!important}.product-source-specifications__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border);font-weight:900}.product-source-specifications__head span{display:flex;align-items:center;gap:7px}.product-source-specifications__head i{color:var(--primary)}
.product-source-specifications--editor>[data-source-spec-list]{display:flex!important;flex-direction:column!important;gap:8px!important;background:transparent!important;padding:10px!important}
.product-source-spec-row{display:grid!important;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr) 34px!important;gap:8px!important;padding:0!important;background:transparent!important;align-items:start}
.product-source-spec-row input,.product-source-spec-row textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 10px;font:inherit;font-size:.72rem;resize:vertical}
.product-source-spec-remove{width:34px;height:34px;border:0;background:transparent;color:var(--danger);border-radius:9px;cursor:pointer}.product-source-spec-remove:hover{background:color-mix(in srgb,var(--danger) 7%,transparent)}
.product-source-spec-add{margin:0 10px 10px}
.product-locale-tabs{position:relative}.product-locale-add{margin-inline-start:auto!important;margin-top:0!important;display:flex!important;align-items:center;position:relative}.product-locale-add__button{display:inline-flex;align-items:center;gap:6px;background:transparent!important}
.product-locale-add__composer{position:absolute;z-index:30;inset-block-start:calc(100% + 7px);inset-inline-end:0;display:grid;grid-template-columns:minmax(180px,1fr) 38px;gap:6px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg)}
.product-locale-add__composer[hidden]{display:none!important}.product-locale-add__composer input{min-height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);padding:0 10px;font:inherit;font-size:.72rem}.product-locale-add__composer button{border:0;border-radius:9px;background:var(--primary);color:#fff;cursor:pointer}
.commerce-spec-group .panel-form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}.commerce-spec-group .panel-form-row>label{min-width:0!important;width:100%!important}.commerce-spec-group input,.commerce-spec-group select{width:100%!important;min-width:0!important;max-width:100%!important}
.product-category-selection:not([hidden]){display:flex!important}
[data-money-input]{direction:ltr!important;text-align:center!important;font-variant-numeric:tabular-nums}
@media(max-width:760px){.commerce-spec-group .panel-form-row{grid-template-columns:1fr!important}.product-source-spec-row{grid-template-columns:1fr 34px!important}.product-source-spec-row textarea{grid-column:1/-1}.product-source-spec-row .product-source-spec-remove{grid-column:2;grid-row:1}.product-locale-add{margin-inline-start:0!important}.product-locale-add__composer{inset-inline-start:0;inset-inline-end:auto}}
/* v95.1 — exact clean choice-card geometry requested for product type/supply choices. */
.commerce-product-editor .commerce-choice-grid label>span,
.commerce-product-editor .commerce-category-picker label>span{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  padding:20px!important;
  border:2px solid var(--border)!important;
  border-radius:18px!important;
  background:transparent!important;
  transition:.2s!important;
}


/* v98 — product editor dropdown/visibility/pricing/media UX fixes. */
.commerce-product-editor .commerce-spec-groups,
.commerce-product-editor .commerce-spec-group,
.commerce-product-editor .commerce-spec-group label{overflow:visible!important}
.commerce-product-editor .commerce-spec-group{position:relative!important;z-index:1}
.commerce-product-editor .commerce-spec-group:has(.jolfa-select.is-open){z-index:80!important}
.commerce-product-editor .commerce-spec-group .jolfa-select.is-open{position:relative;z-index:90!important}
.commerce-product-editor .commerce-spec-group .jolfa-select__menu{z-index:6000!important;max-height:min(320px,48vh)!important;overflow:hidden!important}
.commerce-product-editor .commerce-spec-group .jolfa-select__options{min-height:0!important;max-height:min(270px,40vh)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
.commerce-product-editor [data-physical-only][hidden],
.commerce-product-editor [data-tebex-field][hidden],
.commerce-product-editor [data-product-category-selection][hidden],
.commerce-product-editor [data-source-price-option][hidden]{display:none!important}
.commerce-product-editor .product-category-selection[hidden]{display:none!important}
.product-fixed-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.product-fixed-price-grid input,[data-decimal-money-input]{direction:ltr!important;text-align:center!important;font-variant-numeric:tabular-nums}
.product-video-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.product-video-links .product-editor-field>span{display:flex;align-items:center;gap:7px}.product-video-links .fa-youtube{color:#dc2626}.product-video-links .fa-circle-play{color:var(--primary)}
.commerce-product-editor [data-software-delivery-section] [data-tebex-field]{margin-top:12px}
@media(max-width:760px){.product-fixed-price-grid,.product-video-links{grid-template-columns:1fr}.commerce-product-editor .commerce-spec-group .jolfa-select__menu{max-height:min(58vh,430px)!important}.commerce-product-editor .commerce-spec-group .jolfa-select__options{max-height:min(50vh,360px)!important}}

.commerce-product-gallery__main iframe{width:100%;aspect-ratio:1/1;border:0;border-radius:16px;background:#000}.commerce-product-thumb-video{min-width:72px;min-height:64px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:.62rem;font-weight:900}.commerce-product-thumb-video i{font-size:1rem}


/* v113 — responsive product editing, source refresh preview and safer replacement dialogs. */
.product-editor-dialog{
  width:min(1540px,97vw)!important;
  height:min(960px,96vh)!important;
  max-height:96vh!important;
}
.product-editor-frame-shell{min-height:0!important}
.product-editor-responsive-layout{width:100%;min-width:0}
.product-editor-responsive-layout[hidden]{display:none!important}
.product-editor-responsive-layout__main,
.product-editor-responsive-layout__side{display:flex;flex-direction:column;gap:14px;min-width:0}

.product-source-replace-dialog{width:min(560px,calc(100vw - 28px))!important;max-width:560px!important;padding:0!important;overflow:hidden!important}
.product-source-replace-dialog__body{display:flex!important;flex-direction:column;align-items:center;gap:14px;padding:24px!important;text-align:center}
.product-source-replace-dialog__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:1.15rem}
.product-source-replace-dialog__body p{margin:0;max-width:460px;color:var(--text);font-size:.86rem;font-weight:750;line-height:2}
.product-source-replace-dialog__actions{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:4px}
.product-source-replace-dialog__actions .button{min-width:150px}

@media (min-width:980px){
  body.embedded-product-editor .product-editor-responsive-layout{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:14px;align-items:start}
  body.embedded-product-editor .commerce-product-wizard{gap:14px!important}
  body.embedded-product-editor .product-editor-section--kind{width:100%!important}
  body.embedded-product-editor .product-editor-responsive-layout__side{align-self:start}
}

@media (min-width:768px) and (max-width:1366px){
  .product-editor-dialog{width:98vw!important;height:96vh!important;max-height:96vh!important}
  dialog.dialog-backdrop:not(.product-editor-dialog):not(.product-source-replace-dialog):not(.portfolio-dialog){width:min(1040px,94vw)!important;max-width:94vw!important}
}

@media (max-width:979px){
  body.embedded-product-editor .product-editor-responsive-layout{display:none!important}
}

@media (max-width:640px){
  .product-source-replace-dialog__actions{flex-direction:column-reverse}
  .product-source-replace-dialog__actions .button{width:100%;min-width:0}
}

/* --- migrated from v99-storefront.css --- */
/* Jolfa v99 — neutral commerce system
   Inspired by large Iranian marketplace information density + UI/UX Pro Max principles:
   neutral canvas, semantic accents, explicit hierarchy, accessible focus, horizontal shelves. */

:root{
  --bg:#f7f8fa;
  --surface:#ffffff;
  --surface-soft:#f4f5f7;
  --surface-tint:#f1edf5;
  --surface-raised:#ffffff;
  --text:#1f2937;
  --muted:#667085;
  --border:#e4e7ec;
  --primary:#55266f;
  --primary-strong:#3c174f;
  --accent:#159fb0;
  --accent-strong:#0b7b89;
  --success:#16865b;
  --warning:#b26b00;
  --danger:#c4323b;
  --focus:#6f3f8c;
  --brand-soft:#f2ecf6;
  --info-soft:#eef7fb;
  --success-soft:#edf8f2;
  --warning-soft:#fff6e8;
  --danger-soft:#fff0f1;
  --shadow:0 22px 60px rgba(16,24,40,.09);
  --shadow-soft:0 10px 30px rgba(16,24,40,.07);
  --shadow-card:0 8px 26px rgba(16,24,40,.07);
  --uupm-violet:#6f3f8c;
  --uupm-purple:#55266f;
  --uupm-cyan:#159fb0;
  --uupm-green:#16865b;
  --uupm-glass:#fff;
  --uupm-glass-border:#e4e7ec;
}
html[data-theme="dark"]{
  --bg:#0f1115;
  --surface:#171a20;
  --surface-soft:#1e222a;
  --surface-tint:#24212a;
  --surface-raised:#1a1e25;
  --text:#f2f4f7;
  --muted:#98a2b3;
  --border:#303640;
  --primary:#b999ca;
  --primary-strong:#d8c2e2;
  --accent:#54c6d3;
  --accent-strong:#7fd5de;
  --success:#54c895;
  --warning:#e9b765;
  --danger:#f17f86;
  --focus:#c5a5d4;
  --brand-soft:#27212d;
  --info-soft:#18272d;
  --success-soft:#172821;
  --warning-soft:#2b2418;
  --danger-soft:#2d1d20;
  --uupm-glass:#171a20;
  --uupm-glass-border:#303640;
  --shadow:0 24px 64px rgba(0,0,0,.32);
  --shadow-soft:0 12px 34px rgba(0,0,0,.24);
  --shadow-card:0 10px 30px rgba(0,0,0,.22);
}

body.uupm-web3{
  background:var(--bg)!important;
  color:var(--text);
}
html[data-theme="dark"] body.uupm-web3{background:var(--bg)!important}
body.uupm-web3::before{
  opacity:.16!important;
  background-image:linear-gradient(rgba(82,38,111,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(82,38,111,.025) 1px,transparent 1px)!important;
  background-size:56px 56px!important;
}
.site-header{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-color:var(--border)!important}
.site-header.is-scrolled{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;box-shadow:0 8px 26px rgba(16,24,40,.06)!important}
.auth-button,.button-primary{background:var(--primary)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 18%,transparent)!important}
.button-primary:hover{background:var(--primary-strong)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 22%,transparent)!important}
.button-soft,.button-ghost{background:var(--surface)!important;border-color:var(--border)!important}
.button-soft:hover,.button-ghost:hover{background:var(--surface-soft)!important;border-color:color-mix(in srgb,var(--primary) 28%,var(--border))!important}
.soft-section{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:none!important}
.service-card>i,.service-card>.fa-svg-icon{background:var(--surface-soft)!important;color:var(--primary)!important;box-shadow:none!important}
.partner-strip{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none!important}
.partner-strip h2,.partner-strip p{color:inherit!important}

/* ---------- Landing ---------- */
.storefront-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  gap:clamp(28px,5vw,70px);
  align-items:center;
  margin-top:28px;
  min-height:520px;
  padding:clamp(34px,5vw,72px);
  border:1px solid var(--border);
  border-radius:30px;
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
.storefront-hero::before{
  content:"";
  position:absolute;
  width:380px;
  height:380px;
  inset:auto -160px -190px auto;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%);
  pointer-events:none;
}
.storefront-hero__copy{position:relative;z-index:2;min-width:0}
.storefront-eyebrow{
  display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 11px;
  border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:999px;
  background:var(--brand-soft);color:var(--primary);font-size:.76rem;font-weight:900;
}
.storefront-hero h1{max-width:15ch;margin:17px 0 0;font-size:clamp(2.55rem,5.6vw,5rem);line-height:1.12;letter-spacing:-.045em}
.storefront-hero__copy>p{max-width:62ch;margin-top:22px;color:var(--muted);font-size:1.02rem;line-height:2}
.storefront-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.storefront-hero__actions .button{min-height:50px;padding-inline:20px}
.storefront-trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:var(--muted);font-size:.76rem;font-weight:800}
.storefront-trust-row span{display:flex;align-items:center;gap:7px}.storefront-trust-row i{color:var(--success)}
.storefront-hero__visual{
  position:relative;min-height:390px;border:1px solid var(--border);border-radius:28px;
  background:linear-gradient(145deg,var(--surface-soft),color-mix(in srgb,var(--surface) 70%,var(--info-soft)));
}
.storefront-hero__visual::after{content:"";position:absolute;inset:18px;border:1px dashed color-mix(in srgb,var(--border) 78%,transparent);border-radius:21px;pointer-events:none}
.storefront-orbit-card{
  position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px;
  border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card);
  color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.storefront-orbit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}
.storefront-orbit-card--1{inset:38px 34px auto 74px;min-height:150px;padding:18px}
html[dir="ltr"] .storefront-orbit-card--1{inset:38px 74px auto 34px}
.storefront-orbit-card--2{inset:auto 28px 44px auto;width:62%}
.storefront-orbit-card--3{inset:158px auto auto 20px;width:58%}
html[dir="ltr"] .storefront-orbit-card--2{inset:auto auto 44px 28px}
html[dir="ltr"] .storefront-orbit-card--3{inset:158px 20px auto auto}
.storefront-orbit-card__image{flex:0 0 104px;width:104px;height:104px;display:grid;place-items:center;border-radius:16px;background:#fff;overflow:hidden}
.storefront-orbit-card--2 .storefront-orbit-card__image,.storefront-orbit-card--3 .storefront-orbit-card__image{flex-basis:72px;width:72px;height:72px}
.storefront-orbit-card__image img{width:100%;height:100%;object-fit:contain;padding:7px}
.storefront-orbit-card__copy{min-width:0;display:flex;flex-direction:column;gap:4px}.storefront-orbit-card__copy small{color:var(--muted);font-size:.68rem}.storefront-orbit-card__copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.84rem;line-height:1.75}
.storefront-orbit-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:var(--primary)}.storefront-orbit-empty i{font-size:3rem}

.market-benefits{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;
}
.market-benefits>div{display:flex;align-items:center;gap:11px;padding:17px 18px;border-inline-end:1px solid var(--border)}
.market-benefits>div:last-child{border-inline-end:0}.market-benefits>div>i{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface-soft);color:var(--primary)}
.market-benefits>div:nth-child(2)>i{background:var(--success-soft);color:var(--success)}.market-benefits>div:nth-child(3)>i{background:var(--info-soft);color:var(--accent-strong)}.market-benefits>div:nth-child(4)>i{background:var(--warning-soft);color:var(--warning)}
.market-benefits span{min-width:0;display:flex;flex-direction:column;gap:2px}.market-benefits strong{font-size:.82rem}.market-benefits small{color:var(--muted);font-size:.68rem;line-height:1.6}

.market-category-section,.market-shelf{padding-top:58px}
.market-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.market-section-head>div{min-width:0}.market-section-head>div>span{display:flex;align-items:center;gap:7px;color:var(--primary);font-size:.75rem;font-weight:950}.market-section-head h2{margin-top:5px;font-size:clamp(1.45rem,2.5vw,2.15rem);letter-spacing:-.025em}.market-section-head p{max-width:62ch;margin-top:6px;color:var(--muted);font-size:.84rem;line-height:1.8}
.market-section-head>a{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:.75rem;font-weight:900}.market-section-head>a:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));color:var(--primary)}
.market-section-head--compact{align-items:center}
.market-category-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.market-category-rail>a{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:18px 8px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);transition:.2s ease}
.market-category-rail>a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 24%,var(--border));box-shadow:var(--shadow-card)}
.market-category-rail i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--surface-soft);color:var(--primary);font-size:1.1rem}.market-category-rail>a:nth-child(2n) i{background:var(--info-soft);color:var(--accent-strong)}.market-category-rail>a:nth-child(3n) i{background:var(--success-soft);color:var(--success)}.market-category-rail>a:nth-child(4n) i{background:var(--warning-soft);color:var(--warning)}
.market-category-rail strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.market-category-rail small{color:var(--muted);font-size:.64rem}

.market-shelf{position:relative}
.market-shelf--hardware{padding-bottom:24px}
.market-shelf--software{margin-top:34px;padding:36px 28px 30px;border:1px solid var(--border);border-radius:26px;background:var(--surface)}
.market-product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);grid-template-rows:1fr;gap:0;overflow-x:auto;scroll-snap-type:x proximity;border:1px solid var(--border);border-radius:20px;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.market-product-rail--software{border:0;border-radius:0;background:transparent;gap:12px}.market-product-rail--software .market-product-card{border:1px solid var(--border);border-radius:18px}
.market-product-card{position:relative;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;border-inline-end:1px solid var(--border);background:var(--surface);transition:box-shadow .2s ease,transform .2s ease}
.market-product-card:last-child{border-inline-end:0}.market-product-card:hover{z-index:2;box-shadow:0 10px 30px rgba(16,24,40,.10)}
.market-product-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.08/1;padding:18px;background:#fff;overflow:hidden}
html[data-theme="dark"] .market-product-card__media{background:#f8fafc}
.market-product-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .24s ease}.market-product-card:hover .market-product-card__media img{transform:scale(1.035)}
.market-product-card__type{position:absolute;inset:10px 10px auto auto;display:flex;align-items:center;gap:5px;max-width:70%;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.92);color:#344054;font-size:.6rem;font-weight:900;box-shadow:0 4px 12px rgba(16,24,40,.06)}
html[dir="ltr"] .market-product-card__type{inset:10px auto auto 10px}
.market-product-card__availability{position:absolute;inset:auto 10px 10px auto;padding:5px 8px;border-radius:8px;background:#fff;color:#344054;font-size:.6rem;font-weight:900;box-shadow:0 4px 12px rgba(16,24,40,.06)}html[dir="ltr"] .market-product-card__availability{inset:auto auto 10px 10px}.market-product-card__availability.is-in{color:#087a4b}.market-product-card__availability.is-source{color:#a15c00}.market-product-card__availability.is-out{color:#b42318}
.market-product-card__body{display:flex;flex:1;flex-direction:column;padding:14px 15px 16px}.market-product-card__brand{color:var(--muted);font-size:.64rem;font-weight:800;text-transform:uppercase}.market-product-card h3{margin-top:5px;font-size:.82rem;line-height:1.9}.market-product-card h3 a{color:var(--text)}.market-product-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em;margin-top:4px;color:var(--muted);font-size:.68rem;line-height:1.65}
.market-product-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px}.market-product-card__price{min-width:0;display:flex;flex-direction:column;align-items:flex-end}.market-product-card__price .jolfa-price{font-size:.86rem}.market-product-card__open{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--primary)}.market-product-card__open:hover{background:var(--brand-soft)}
.market-product-card--software::before{content:"";position:absolute;z-index:3;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.8}

.landing-services-v99{padding-top:72px!important}.service-row--v99{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-row--v99 .service-card{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:none}.service-row--v99 .service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}
.service-card__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--surface-soft);color:var(--primary);font-size:1.05rem}.service-card__icon.is-blue{background:var(--info-soft);color:#1675a5}.service-card__icon.is-teal{background:#eaf8f6;color:#128073}.service-card__icon.is-orange{background:var(--warning-soft);color:var(--warning)}
.service-row--v99 .service-card h3{margin-top:18px}.service-row--v99 .service-card p{color:var(--muted)}.service-row--v99 .service-card>a{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--primary);font-size:.78rem;font-weight:900}
.landing-articles-v99{padding-top:70px!important}
.partner-strip--v99{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:64px!important;padding:30px 32px!important;border-top:4px solid var(--primary)!important}.partner-strip__eyebrow{display:flex;align-items:center;gap:7px;color:var(--primary);font-size:.72rem;font-weight:950}.partner-strip--v99 h2{margin-top:6px!important}.partner-strip--v99 p{max-width:72ch;color:var(--muted)!important}

/* ---------- Product page ---------- */
.commerce-product-page{padding-top:30px!important;padding-bottom:80px!important}
.commerce-breadcrumb{display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;color:var(--muted);font-size:.72rem}.commerce-breadcrumb a{color:var(--muted)}.commerce-breadcrumb a:hover{color:var(--primary)}.commerce-breadcrumb>*+*::before{content:"/";margin-inline-end:7px;color:color-mix(in srgb,var(--muted) 55%,transparent)}
.commerce-product-main{grid-template-columns:minmax(360px,.94fr) minmax(330px,1.12fr) 330px!important;gap:28px!important;margin-top:18px!important;padding:24px;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-soft)}
.commerce-product-gallery__main{position:relative;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--border)!important;overflow:hidden}.commerce-product-gallery__main::after{content:"";position:absolute;inset:auto 18px 14px;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);pointer-events:none}.commerce-gallery-badge{position:absolute;z-index:3;inset:13px 13px auto auto;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e5e7eb;border-radius:10px;background:rgba(255,255,255,.92);color:#475467;font-size:.63rem;font-weight:850;box-shadow:0 5px 14px rgba(16,24,40,.06)}html[dir="ltr"] .commerce-gallery-badge{inset:13px auto auto 13px}
.commerce-product-thumbs{padding:4px 2px 3px}.commerce-product-thumbs button{border-radius:12px!important;background:#fff!important;transition:.2s ease}.commerce-product-thumbs button:hover,.commerce-product-thumbs button.is-active{border-color:var(--primary)!important;transform:translateY(-2px)}
.commerce-product-info{padding:8px 2px!important}.commerce-product-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.commerce-product-kicker>a{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.66rem;font-weight:900}.commerce-product-kicker>a:first-child{background:var(--info-soft);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.commerce-product-info h1{margin:13px 0 10px!important;font-size:clamp(1.55rem,2.5vw,2.35rem)!important;line-height:1.6!important;letter-spacing:-.02em}.commerce-product-summary{color:var(--muted)!important;font-size:.88rem;line-height:2!important}
.commerce-key-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:20px!important}.commerce-key-specs span{min-height:70px;padding:11px 12px!important;border:0!important;border-radius:14px!important;background:var(--surface-soft)!important}.commerce-key-specs span:nth-child(2){background:var(--info-soft)!important}.commerce-key-specs span:nth-child(3){background:var(--success-soft)!important}.commerce-key-specs span:nth-child(4){background:var(--warning-soft)!important}.commerce-key-specs small{color:var(--muted)!important}.commerce-key-specs strong{font-size:.84rem!important}
.commerce-delivery-line{margin-top:14px!important;padding:13px!important;border-radius:14px!important;background:var(--surface-soft)!important}.commerce-delivery-line>i{background:var(--surface)!important;color:var(--accent-strong)!important}
.commerce-buy-box{overflow:hidden;top:calc(var(--header-height) + 16px)!important;gap:12px!important;padding:18px!important;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:0 12px 34px rgba(16,24,40,.09)!important}.commerce-buy-box::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.commerce-buy-box__head{display:flex;flex-direction:column;gap:3px;padding-bottom:11px;border-bottom:1px solid var(--border)}.commerce-buy-box__head>span{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:950}.commerce-buy-box__head>span i{color:var(--primary)}.commerce-buy-box__head small{color:var(--muted);font-size:.66rem}.commerce-buy-box__status{padding:8px 10px;border-radius:10px;background:var(--success-soft);color:var(--success)!important}.commerce-buy-box__status.is-out{background:var(--danger-soft);color:var(--danger)!important}
.commerce-warranty-note{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--info-soft);color:var(--accent-strong);font-size:.72rem;font-weight:850}.commerce-buy-box__price{align-items:flex-end!important;padding:14px 0!important}.commerce-buy-box__price strong{font-size:1.35rem!important}.commerce-buy-box__price>span{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:.62rem}.commerce-add-form .button{min-height:50px}.commerce-quantity{border-radius:12px!important}.commerce-buy-box__trust{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}.commerce-buy-box__trust span{justify-content:center;padding:7px;border-radius:9px;background:var(--surface-soft)}
.commerce-service-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden}.commerce-service-strip>div{display:flex;align-items:center;gap:10px;padding:16px;border-inline-end:1px solid var(--border)}.commerce-service-strip>div:last-child{border-inline-end:0}.commerce-service-strip>div>i{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--primary)}.commerce-service-strip>div:nth-child(2)>i{background:var(--info-soft);color:var(--accent-strong)}.commerce-service-strip>div:nth-child(3)>i{background:var(--warning-soft);color:var(--warning)}.commerce-service-strip>div:nth-child(4)>i{background:var(--success-soft);color:var(--success)}.commerce-service-strip span{display:flex;min-width:0;flex-direction:column}.commerce-service-strip strong{font-size:.74rem}.commerce-service-strip small{color:var(--muted);font-size:.62rem;line-height:1.55}
.commerce-product-anchor-nav{position:sticky;z-index:20;top:calc(var(--header-height) + 8px);display:flex;align-items:center;gap:4px;margin-top:24px;padding:6px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 8px 22px rgba(16,24,40,.05)}.commerce-product-anchor-nav a{min-height:38px;display:flex;align-items:center;padding:0 13px;border-radius:9px;color:var(--muted);font-size:.73rem;font-weight:900}.commerce-product-anchor-nav a:hover{background:var(--brand-soft);color:var(--primary)}
.commerce-product-sections{display:flex!important;flex-direction:column;gap:14px!important;margin-top:14px!important}.commerce-product-section{padding:26px!important;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:none!important;scroll-margin-top:calc(var(--header-height) + 78px)}.commerce-product-section__title{display:flex;align-items:center;gap:11px;margin-bottom:18px}.commerce-product-section__title>span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);color:var(--primary)}.commerce-product-section--features .commerce-product-section__title>span{background:var(--success-soft);color:var(--success)}.commerce-product-section--specs .commerce-product-section__title>span{background:var(--info-soft);color:var(--accent-strong)}.commerce-product-section__title>div{display:flex;flex-direction:column}.commerce-product-section__title small{color:var(--muted);font-size:.64rem;font-weight:850}.commerce-product-section__title h2{margin:0!important;font-size:1.12rem!important}.commerce-product-section p{color:var(--text)!important;line-height:2.2!important;font-size:.88rem}
.commerce-feature-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.commerce-feature-grid li{display:flex;align-items:flex-start;gap:9px;min-height:52px;padding:12px;border-radius:13px;background:var(--surface-soft);font-size:.8rem;line-height:1.75}.commerce-feature-grid li i{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--success-soft);color:var(--success);font-size:.64rem}
.commerce-spec-table{border-collapse:separate!important;border-spacing:0 6px!important}.commerce-spec-table tr{background:var(--surface-soft)!important}.commerce-spec-table th,.commerce-spec-table td{border-bottom:0!important;padding:12px 14px!important}.commerce-spec-table th{width:30%!important;color:var(--muted)!important;border-radius:0 11px 11px 0}.commerce-spec-table td{border-radius:11px 0 0 11px;font-weight:700}.commerce-spec-table tr:nth-child(even){background:color-mix(in srgb,var(--info-soft) 65%,var(--surface))!important}html[dir="ltr"] .commerce-spec-table th{border-radius:11px 0 0 11px}html[dir="ltr"] .commerce-spec-table td{border-radius:0 11px 11px 0}

/* Existing catalog gets the same neutral, alive product-card treatment. */
.commerce-catalog--hardware .commerce-product-grid{gap:10px!important;border:0!important;background:transparent!important}.commerce-product-card--hardware{overflow:hidden;border:1px solid var(--border)!important;border-radius:17px!important;background:var(--surface)!important;min-height:390px!important}.commerce-product-card--hardware:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-card)!important}.commerce-product-card--hardware .commerce-product-card__footer button{background:var(--primary)!important}.commerce-product-card--hardware .commerce-stock-badge{border:0!important;box-shadow:0 4px 12px rgba(16,24,40,.06)}

@media(max-width:1180px){
  .storefront-hero{grid-template-columns:1fr .85fr}.market-category-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
  .commerce-product-main{grid-template-columns:minmax(300px,1fr) minmax(320px,1fr)!important}.commerce-buy-box{grid-column:1/-1;position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-buy-box__head,.commerce-procurement-note,.commerce-warranty-note,.commerce-add-form{grid-column:1/-1}.commerce-buy-box__price{border:0!important}.commerce-service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-service-strip>div:nth-child(2){border-inline-end:0}.commerce-service-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
}
@media(max-width:900px){
  .storefront-hero{grid-template-columns:1fr;padding:34px}.storefront-hero h1{max-width:18ch}.storefront-hero__visual{min-height:340px}.market-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.market-benefits>div:nth-child(2){border-inline-end:0}.market-benefits>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .service-row--v99{grid-template-columns:1fr}.partner-strip--v99{align-items:flex-start;flex-direction:column}
  .commerce-product-main{grid-template-columns:1fr!important;padding:18px}.commerce-product-gallery,.commerce-product-info{max-width:720px;width:100%;margin-inline:auto}.commerce-buy-box{display:flex!important}.commerce-service-strip{grid-template-columns:1fr}.commerce-service-strip>div{border-inline-end:0!important;border-bottom:1px solid var(--border)}.commerce-service-strip>div:last-child{border-bottom:0}.commerce-feature-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .section-narrow{width:min(var(--container),calc(100% - 28px))!important}.storefront-hero{margin-top:14px;min-height:auto;padding:26px 20px;border-radius:22px}.storefront-hero h1{font-size:clamp(2rem,11vw,3.2rem)}.storefront-hero__copy>p{font-size:.9rem}.storefront-hero__visual{min-height:310px}.storefront-orbit-card--1{inset:24px 18px auto 38px}.storefront-orbit-card--2{inset:auto 16px 28px auto;width:70%}.storefront-orbit-card--3{inset:140px auto auto 10px;width:64%}.storefront-orbit-card__image{flex-basis:82px;width:82px;height:82px}.storefront-orbit-card--2 .storefront-orbit-card__image,.storefront-orbit-card--3 .storefront-orbit-card__image{flex-basis:62px;width:62px;height:62px}.storefront-trust-row{display:grid;grid-template-columns:1fr 1fr}.market-benefits{border-radius:16px}.market-benefits>div{padding:13px}.market-benefits>div>i{width:36px;height:36px;flex-basis:36px}.market-category-section,.market-shelf{padding-top:42px}.market-section-head{align-items:flex-start;flex-direction:column;gap:12px}.market-section-head>a{align-self:flex-start}.market-category-rail{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity}.market-category-rail>a{flex:0 0 112px;scroll-snap-align:start}.market-shelf--software{margin-inline:-4px;padding:26px 14px;border-radius:20px}.market-product-rail{grid-auto-columns:minmax(188px,70vw)}
  .commerce-product-page{padding-top:18px!important;padding-bottom:110px!important}.commerce-product-main{margin-inline:-2px!important;padding:14px!important;border-radius:20px}.commerce-product-gallery__main{aspect-ratio:1.05/1!important;padding:15px!important}.commerce-product-info h1{font-size:1.45rem!important}.commerce-key-specs{grid-template-columns:1fr 1fr!important}.commerce-product-anchor-nav{top:calc(var(--header-height) + 4px);overflow-x:auto;white-space:nowrap}.commerce-product-section{padding:20px 16px!important}.commerce-spec-table th{width:39%!important}.commerce-spec-table th,.commerce-spec-table td{font-size:.74rem!important;padding:10px!important}
}
@media(max-width:440px){.market-benefits{grid-template-columns:1fr}.market-benefits>div{border-inline-end:0!important;border-bottom:1px solid var(--border)!important}.market-benefits>div:last-child{border-bottom:0!important}.storefront-trust-row{grid-template-columns:1fr}.storefront-hero__visual{min-height:285px}.storefront-orbit-card__copy small{display:none}.commerce-key-specs{grid-template-columns:1fr!important}.commerce-buy-box__trust{grid-template-columns:1fr}.commerce-service-strip small{display:none}}

@media(prefers-reduced-motion:reduce){.storefront-orbit-card,.market-category-rail>a,.market-product-card,.market-product-card__media img,.commerce-product-thumbs button{transition:none!important}}

.commerce-related-products{margin-top:28px;padding:26px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
.commerce-related-products__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.commerce-related-products__head small{color:var(--primary);font-size:.66rem;font-weight:950}.commerce-related-products__head h2{margin-top:3px;font-size:1.2rem}.commerce-related-products__head>a{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:.72rem;font-weight:900}
.commerce-related-products__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}.commerce-related-card{min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.commerce-related-card__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.15/1;padding:13px;background:#fff}.commerce-related-card__image img{width:100%;height:100%;object-fit:contain}.commerce-related-card>div{padding:11px}.commerce-related-card small{color:var(--muted);font-size:.61rem}.commerce-related-card h3{margin-top:4px;font-size:.74rem;line-height:1.75;min-height:3.5em}.commerce-related-card h3 a{color:var(--text)}.commerce-related-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.commerce-related-card footer strong{font-size:.75rem}.commerce-related-card footer>a{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--surface-soft);color:var(--primary)}
@media(max-width:720px){.commerce-related-products{padding:18px 14px}.commerce-related-products__rail{grid-auto-columns:minmax(170px,68vw)}}
.article-card.article-card--editorial{border-color:var(--border)!important;background:var(--surface)!important;box-shadow:none!important}.article-card.article-card--editorial:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--border))!important;box-shadow:var(--shadow-card)!important}

/* --- migrated from v100-commerce-polish.css --- */
/* Jolfa v100 — product-page interaction polish without changing the established landing hero. */

/* Give the product page more breathing room horizontally: the main product surface should use
   the available desktop viewport instead of looking boxed into the generic content container. */
@media (min-width: 1181px) {
  .commerce-product-page.section-narrow {
    width: min(1520px, calc(100% - 32px)) !important;
    max-width: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .commerce-product-page.section-narrow {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }
}

/* Gallery navigation under the main product image. */
.commerce-product-gallery__navigation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.commerce-product-gallery__navigation .commerce-product-thumbs {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  padding: 4px 2px 6px;
}

.commerce-product-gallery__navigation .commerce-product-thumbs > button {
  flex: 0 0 auto;
  scroll-snap-align: center;
}

.commerce-gallery-step {
  min-width: 66px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: .69rem;
  font-weight: 900;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.commerce-gallery-step:hover {
  border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
  color: var(--primary);
  background: var(--surface-soft);
}

/* Non-redirecting add-to-cart feedback. */
.commerce-cart-toast[hidden] {
  display: none !important;
}

.commerce-cart-toast {
  position: fixed;
  z-index: 100005;
  inset-inline-end: 22px;
  bottom: 22px;
  width: min(420px, calc(100vw - 28px));
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid color-mix(in srgb, var(--success) 32%, var(--border));
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 95%, transparent);
  color: var(--text);
  box-shadow: 0 18px 48px rgba(16, 24, 40, .16);
  backdrop-filter: blur(14px);
  opacity: 0;
  transform: translateY(16px) scale(.985);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}

.commerce-cart-toast.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.commerce-cart-toast.is-error {
  border-color: color-mix(in srgb, var(--danger) 36%, var(--border));
}

.commerce-cart-toast__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--success-soft);
  color: var(--success);
}

.commerce-cart-toast.is-error .commerce-cart-toast__icon {
  background: var(--danger-soft);
  color: var(--danger);
}

.commerce-cart-toast__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.commerce-cart-toast__copy strong {
  font-size: .82rem;
}

.commerce-cart-toast__copy small {
  color: var(--muted);
  font-size: .68rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commerce-cart-toast__action {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-soft);
  color: var(--primary);
  font-size: .69rem;
  font-weight: 900;
  white-space: nowrap;
}

.commerce-add-form button[type="submit"].is-loading {
  opacity: .72;
  pointer-events: none;
}

.commerce-add-form button[type="submit"].is-added,
.commerce-mobile-buybar button[type="submit"].is-added {
  background: var(--success) !important;
}

/* Media viewer gallery navigation. */
.jolfa-media-viewer__counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: rgba(255,255,255,.78);
  font-size: .72rem;
  font-weight: 850;
  direction: ltr;
}

.jolfa-media-viewer__nav[hidden] {
  display: none !important;
}

.jolfa-media-viewer__nav {
  position: absolute;
  z-index: 4;
  top: 50%;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  background: rgba(13,18,27,.66);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
  transform: translateY(-50%);
  backdrop-filter: blur(10px);
  transition: background .18s ease, transform .18s ease;
}

.jolfa-media-viewer__nav:hover {
  background: rgba(255,255,255,.18);
  transform: translateY(-50%) scale(1.04);
}

.jolfa-media-viewer__nav--prev {
  inset-inline-start: 18px;
}

.jolfa-media-viewer__nav--next {
  inset-inline-end: 18px;
}

.jolfa-media-viewer__stage {
  position: relative;
}

@media (max-width: 720px) {
  .commerce-product-page.section-narrow {
    width: calc(100% - 20px) !important;
  }

  .commerce-product-gallery__navigation {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 5px;
  }

  .commerce-gallery-step {
    min-width: 42px;
    width: 42px;
    min-height: 46px;
    padding: 0;
  }

  .commerce-gallery-step span {
    display: none;
  }

  .commerce-cart-toast {
    inset-inline: 14px;
    bottom: calc(82px + env(safe-area-inset-bottom));
    width: auto;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .commerce-cart-toast__action {
    grid-column: 1 / -1;
    width: 100%;
  }

  .jolfa-media-viewer__nav {
    width: 42px;
    height: 42px;
    background: rgba(13,18,27,.5);
  }

  .jolfa-media-viewer__nav--prev {
    inset-inline-start: 7px;
  }

  .jolfa-media-viewer__nav--next {
    inset-inline-end: 7px;
  }
}


/* v102 — marketplace filter experience inspired by mature faceted commerce and Paakaar's drawer ergonomics. */
.commerce-catalog{grid-template-columns:280px minmax(0,1fr);gap:24px}
.commerce-filters{border-radius:18px;box-shadow:none;overflow:visible;background:var(--surface);border-color:color-mix(in srgb,var(--border) 88%,transparent)}
.commerce-filters__head{position:sticky;top:0;z-index:4;background:var(--surface);border-radius:18px 18px 0 0;padding:18px 16px}.commerce-filters__head>div:first-child{display:flex;flex-direction:column;gap:2px}.commerce-filters__head strong{font-size:1rem}.commerce-filters__head small{color:var(--muted);font-size:.67rem}.commerce-filters__head>div:last-child{display:flex;align-items:center;gap:8px}.commerce-filters__head button{display:none;width:40px;height:40px;border:0;border-radius:12px;background:var(--surface-soft);color:var(--text)}
.commerce-filter-form{gap:0;padding:0 16px 16px}.commerce-search{height:46px;margin:14px 0;border-radius:14px;background:var(--surface-soft)}
.commerce-filter-group{border-top:1px solid var(--border);margin:0;padding:0}.commerce-filter-group>summary{list-style:none;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;cursor:pointer;font-size:.82rem;font-weight:950}.commerce-filter-group>summary::-webkit-details-marker{display:none}.commerce-filter-group>summary i{font-size:.7rem;color:var(--muted);transition:transform .2s ease}.commerce-filter-group[open]>summary i{transform:rotate(180deg)}.commerce-filter-group>summary b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--surface-tint);color:var(--primary);font-size:.66rem}.commerce-filter-group>summary b:empty{display:none}.commerce-filter-group__body{padding:0 0 16px}
.commerce-filter-search{height:38px;margin-bottom:9px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--muted)}.commerce-filter-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.commerce-filter-options{display:flex;flex-direction:column;gap:2px;max-height:270px;overflow:auto;overscroll-behavior:contain;padding-inline-end:3px;scrollbar-width:thin}.commerce-filter-options--brands:not(.is-expanded) .commerce-brand-filter:nth-child(n+8){display:none}.commerce-filter-more{margin-top:8px;border:0;background:transparent;color:var(--primary);font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}
.commerce-check{min-height:40px;padding:5px 4px;border-radius:10px;transition:background .16s ease;color:var(--text)}.commerce-check:hover{background:var(--surface-soft)}.commerce-check>input{width:18px;height:18px}.commerce-check>span:not(.commerce-brand-filter__logo){min-width:0;flex:1}.commerce-check>small{margin-inline-start:auto;color:var(--muted);font-size:.67rem}.commerce-check.is-zero{opacity:.42}.commerce-brand-filter{gap:9px}.commerce-brand-filter__logo{width:34px;height:30px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden}.commerce-brand-filter__logo img{width:25px;height:20px;object-fit:contain;filter:grayscale(.1);opacity:.86}.commerce-brand-filter__logo b{font-size:.56rem;color:#374151;letter-spacing:-.03em}.commerce-brand-filter__name{font-family:Arial,sans-serif;direction:ltr;text-align:start;font-weight:800}
.commerce-switch{display:flex;align-items:center;gap:10px;min-height:42px;cursor:pointer}.commerce-switch input{position:absolute;opacity:0;pointer-events:none}.commerce-switch>span{width:42px;height:24px;position:relative;border-radius:999px;background:var(--border);transition:.2s}.commerce-switch>span:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.commerce-switch input:checked+span{background:var(--primary)}.commerce-switch input:checked+span:after{transform:translateX(calc((1 - 2 * var(--rtl-factor, 0)) * 18px))}html[dir="rtl"] .commerce-switch input:checked+span:after{transform:translateX(-18px)}.commerce-switch b{font-size:.76rem}
.commerce-filter-segmented{display:grid;grid-template-columns:1fr;gap:6px}.commerce-filter-segmented label{cursor:pointer}.commerce-filter-segmented input{position:absolute;opacity:0}.commerce-filter-segmented span{display:flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:transparent;font-size:.74rem;font-weight:850}.commerce-filter-segmented input:checked+span{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.commerce-price-range{grid-template-columns:1fr;gap:8px}.commerce-price-range label{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid var(--border);border-radius:12px}.commerce-price-range label>span{font-size:.69rem;color:var(--muted)}.commerce-price-range input{height:42px;padding:0;border:0;background:transparent;text-align:end;font-family:Arial,sans-serif;direction:ltr}.commerce-price-range__hint{display:block;margin-top:7px;color:var(--muted);font-size:.62rem;line-height:1.8}.commerce-filter-actions{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(to top,var(--surface) 75%,transparent)}.commerce-filter-actions .button{width:100%}.commerce-results-toolbar em{font-style:normal;color:var(--primary);font-size:.66rem;font-weight:850}
.commerce-filter-toggle{border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);min-height:44px;padding:0 14px;font:inherit;font-weight:900;gap:8px}
.commerce-filter-backdrop{display:none}
@media(max-width:900px){.commerce-catalog{grid-template-columns:1fr}.commerce-filters{display:block!important;position:fixed!important;z-index:1001;top:0!important;bottom:0;inset-inline-start:0;width:min(390px,92vw);border-radius:0 20px 20px 0;transform:translateX(-105%);transition:transform .24s ease;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px rgba(0,0,0,.2)}html[dir="rtl"] .commerce-filters{border-radius:20px 0 0 20px;transform:translateX(105%)}.commerce-filters.open{transform:translateX(0)!important}.commerce-filters__head button{display:grid;place-items:center}.commerce-filter-backdrop{position:fixed;z-index:1000;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(3px)}.commerce-filter-backdrop:not([hidden]){display:block}.commerce-filter-toggle{display:inline-flex}.commerce-filter-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

/* v102 payment-unavailable state: validation can finish, but no order is created. */
.payment-unavailable-page{padding-block:48px 80px}.payment-unavailable-card{max-width:760px;margin:auto;padding:28px;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-soft)}.payment-unavailable-card__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--warning,#f59e0b) 12%,var(--surface));color:var(--warning,#b7791f);font-size:1.35rem}.payment-unavailable-card__copy{margin-top:18px}.payment-unavailable-card__copy>span{color:var(--warning,#b7791f);font-size:.72rem;font-weight:950}.payment-unavailable-card h1{margin:5px 0 8px;font-size:clamp(1.45rem,3vw,2.1rem)}.payment-unavailable-card p{color:var(--muted);line-height:2}.payment-unavailable-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.payment-unavailable-summary>div{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft);display:flex;justify-content:space-between;align-items:center}.payment-unavailable-summary span{color:var(--muted);font-size:.72rem}.payment-unavailable-items{display:flex;flex-direction:column;border-top:1px solid var(--border)}.payment-unavailable-items article{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.payment-unavailable-items img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff}.payment-unavailable-items div{display:flex;flex-direction:column;gap:3px}.payment-unavailable-items small{color:var(--muted)}.payment-unavailable-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.commerce-hardware-language-lock{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid color-mix(in srgb,var(--warning,#f59e0b) 35%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--warning,#f59e0b) 7%,var(--surface));color:var(--text)}.commerce-hardware-language-lock>i{margin-top:3px;color:var(--warning,#b7791f)}.commerce-hardware-language-lock span{display:flex;flex-direction:column}.commerce-hardware-language-lock small{color:var(--muted);line-height:1.7}

/* v102 media viewer: no title bar; close is a calm floating action, counter lives with controls. */
.jolfa-media-viewer__bar{justify-content:flex-end;padding:calc(max(12px,env(safe-area-inset-top)) + 2px) 18px 8px;pointer-events:none}.jolfa-media-viewer__close{pointer-events:auto;min-width:48px;height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(8,15,26,.64);box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease}.jolfa-media-viewer__close:hover,.jolfa-media-viewer__close:focus-visible{background:rgba(255,255,255,.18);transform:translateY(-1px);outline:2px solid rgba(255,255,255,.32);outline-offset:2px}.jolfa-media-viewer__close i{font-size:1.05rem}.jolfa-media-viewer__tools .jolfa-media-viewer__counter{order:-1;min-width:54px}
@media(max-width:640px){.jolfa-media-viewer__close{width:46px;min-width:46px;height:46px;padding:0}.jolfa-media-viewer__close span{display:none}.jolfa-media-viewer__tools .jolfa-media-viewer__counter{position:absolute;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}}

.commerce-filter-options--brands.is-searching .commerce-brand-filter{display:flex!important}.commerce-filter-options--brands .commerce-brand-filter[hidden]{display:none!important}.commerce-filter-open,.commerce-filter-open body{overflow:hidden!important}.commerce-brand-filter__logo img{filter:none}.commerce-filter-form input:focus-visible,.commerce-filter-form summary:focus-visible,.commerce-filter-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}

/* --- migrated from v103-commerce-polish.css --- */
/* Jolfa v103 — marketplace interaction polish */

/* Filters: no nested scrollbars. "Show more" expands the document naturally. */
.commerce-filter-options{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;padding-inline-end:0!important}.commerce-filter-options--brands:not(.is-expanded) .commerce-brand-filter:nth-child(n+8){display:none}.commerce-filter-options--brands.is-expanded{max-height:none!important;overflow:visible!important}.commerce-filter-group__body{overflow:visible!important}

/* Category cards always lead to the PDP; there is no quick add button. */
.commerce-card-open{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);transition:.18s ease}.commerce-card-open:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));color:var(--primary);transform:translateX(-2px)}html[dir="ltr"] .commerce-card-open:hover{transform:translateX(2px)}

/* Key specs are deliberately neutral; no rainbow cards. */
.commerce-key-specs{gap:8px}.commerce-key-specs>span,.commerce-key-specs>span:nth-child(n){background:var(--surface-soft)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:none!important}.commerce-key-specs small{color:var(--muted)!important}.commerce-key-specs strong{color:var(--text)!important}

/* Product variants / colors. */
.commerce-product-variants{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.commerce-product-variants__label{display:flex;align-items:center;gap:7px;font-size:.83rem}.commerce-product-variants__label>span{font-weight:800;color:var(--text)}.commerce-product-variants__label>strong{font-weight:950}.commerce-product-variants__label>i{width:17px;height:17px;border-radius:50%;background:var(--variant-color,#d1d5db);border:1px solid color-mix(in srgb,#000 12%,transparent);box-shadow:0 0 0 2px var(--surface)}.commerce-product-variants__options{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.commerce-product-variants__options button{min-height:40px;display:flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:.18s ease}.commerce-product-variants__options button>span{width:24px;height:24px;border-radius:50%;background:var(--variant-color,#d1d5db);border:1px solid color-mix(in srgb,#000 12%,transparent)}.commerce-product-variants__options button>b{font-size:.72rem}.commerce-product-variants__options button.is-selected{border:2px solid var(--primary);padding:3px 9px}.commerce-product-variants__options button.is-selected>span{box-shadow:inset 0 0 0 3px var(--surface),0 0 0 1px var(--primary)}

/* Marketplace buy box: price first, low-stock only when useful, then cart stepper. */
.commerce-buy-box{overflow:hidden}.commerce-buy-box__price{padding-bottom:15px;border-bottom:1px solid var(--border)}.commerce-low-stock-note{display:flex;align-items:center;gap:8px;margin:11px 0 0;color:#d32f2f;font-size:.76rem;font-weight:900}.commerce-low-stock-note i{font-size:.9rem}.commerce-add-form--marketplace{display:block;margin-top:16px}.commerce-add-primary{width:100%;min-height:48px}.commerce-cart-stepper{display:flex;align-items:center;gap:14px}.commerce-cart-stepper[hidden]{display:none!important}.commerce-cart-stepper__box{width:116px;min-width:116px;height:48px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;border-radius:12px;background:var(--surface);box-shadow:0 2px 12px rgba(15,23,42,.12);border:1px solid var(--border)}.commerce-cart-stepper__box button{width:36px;height:46px;border:0;background:transparent;color:var(--primary);cursor:pointer}.commerce-cart-stepper__box button:disabled{opacity:.32;cursor:not-allowed}.commerce-cart-stepper__box>span{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.commerce-cart-stepper__box b{color:var(--primary);font-size:1rem}.commerce-cart-stepper__box small{margin-top:3px;color:var(--muted);font-size:.58rem}.commerce-cart-stepper__copy{display:flex;flex-direction:column;gap:2px;font-size:.7rem}.commerce-cart-stepper__copy strong{color:var(--text)}.commerce-cart-stepper__copy a{color:var(--primary);font-weight:850}.commerce-buy-detail{display:flex;align-items:flex-start;gap:11px;padding:14px 0;border-top:1px solid var(--border);color:var(--text);font-size:.75rem;line-height:1.8}.commerce-buy-detail>i{width:22px;margin-top:2px;text-align:center;color:var(--muted)}.commerce-buy-detail>div{display:flex;flex-direction:column}.commerce-buy-detail small{color:var(--muted)}

/* Product editor variants. */
.product-variants-editor{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.product-variants-editor__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-variants-editor__head>div{display:flex;flex-direction:column;gap:3px}.product-variants-editor__head span{display:flex;align-items:center;gap:7px;font-weight:950}.product-variants-editor__head small{color:var(--muted);font-size:.67rem}.product-variants-editor__list{display:flex;flex-direction:column;gap:9px;margin-top:12px}.product-variant-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 100px minmax(130px,.8fr) 42px;gap:9px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.product-variant-row .product-editor-field{margin:0}.product-variant-color-field input[type="color"]{width:100%;height:43px;padding:4px;cursor:pointer}.product-variant-remove{height:43px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:11px;background:transparent;color:var(--danger);cursor:pointer}

/* Mobile buy bar adopts the same persistent quantity control. */
.commerce-mobile-buybar form{min-width:150px}.commerce-cart-stepper--mobile{justify-content:flex-end}.commerce-cart-stepper--mobile .commerce-cart-stepper__box{width:118px;min-width:118px}

@media(max-width:760px){.product-variant-row{grid-template-columns:minmax(0,1fr) 86px}.product-variant-row>:nth-child(3){grid-column:1/2}.product-variant-row>:nth-child(4){grid-column:2/3}.commerce-cart-stepper__copy{display:none}.commerce-cart-stepper__box{width:112px;min-width:112px}.commerce-product-variants__options button>b{font-size:.68rem}}
.commerce-product-variants__options button.is-unavailable{opacity:.42;border-style:dashed;cursor:not-allowed}.commerce-product-variants__options button.is-unavailable>span{position:relative}.commerce-product-variants__options button.is-unavailable>span::after{content:"";position:absolute;inset:50% -2px auto; height:1px;background:#6b7280;transform:rotate(-45deg)}
.commerce-cart-variant{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.68rem}.commerce-cart-variant i{width:14px;height:14px;border-radius:50%;background:var(--variant-color,#d1d5db);border:1px solid var(--border)}

/* --- migrated from v104-ui-ux.css --- */
/* JolfaIT v104 — responsive/interaction pass informed by UI/UX Pro Max. */

/* ---------- Landing: special-offer rail ---------- */
.market-amazing__intro-main{display:flex;flex-direction:column;align-items:center;gap:5px}.market-amazing__intro-copy{display:flex;flex-direction:column;align-items:center;gap:2px}.market-amazing__countdown{direction:ltr;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}.market-amazing__countdown>span{min-width:31px;height:30px;padding:0 5px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#2b1935;font-size:.76rem;font-weight:900;box-shadow:0 1px 0 rgba(0,0,0,.08)}.market-amazing__countdown>b{color:rgba(255,255,255,.86);font-size:.8rem}.market-amazing__arrow{width:44px;height:44px;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.market-amazing__arrow:disabled,.market-amazing__arrow[hidden]{display:none!important}.market-amazing__arrow--prev{inset-inline-start:12px}.market-amazing__arrow--next{inset-inline-end:12px}.market-amazing__products{overflow:hidden;border-radius:14px}

@media(max-width:760px){
  .market-amazing{width:calc(100% - 20px)!important;display:grid!important;grid-template-columns:1fr!important;padding:0!important;border-radius:17px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#2f1640),color-mix(in srgb,var(--primary) 72%,#1b1026))!important}
  .market-amazing__intro{min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"main timer link";align-items:center!important;gap:10px!important;padding:11px 13px!important;border-radius:0!important;text-align:start!important}
  .market-amazing__intro-main{grid-area:main;min-width:0;flex-direction:row;justify-content:flex-start;gap:8px}.market-amazing__percent{width:39px!important;height:39px!important;font-size:1.25rem!important;flex:0 0 39px}.market-amazing__intro-copy{align-items:flex-start;min-width:0}.market-amazing__intro-copy>span{display:none}.market-amazing__intro h2{font-size:.96rem!important;white-space:nowrap}
  .market-amazing__countdown{grid-area:timer;margin:0;gap:2px}.market-amazing__countdown>span{min-width:25px;height:28px;padding:0 3px;font-size:.68rem;border-radius:6px}.market-amazing__countdown>b{font-size:.66rem}
  .market-amazing__intro>a{grid-area:link;margin:0!important;min-height:34px!important;padding:0 7px!important;background:transparent!important;color:#fff!important;font-size:.65rem!important;white-space:nowrap}.market-amazing__intro>a i{font-size:.6rem}
  .market-amazing__products{border-radius:0 0 15px 15px!important;padding:0 10px 10px}.market-amazing__rail{border-radius:10px!important;touch-action:pan-x;scroll-snap-type:x proximity}.market-amazing-card{flex-basis:154px!important}.market-amazing__arrow{display:none!important}
}
@media(max-width:430px){.market-amazing__intro{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main link" "timer timer";row-gap:7px}.market-amazing__countdown{justify-self:center}.market-amazing__intro>a{justify-self:end}}

/* ---------- Header dropdowns ---------- */
.nav-dropdown__button>.fa-chevron-down{transition:transform .18s ease,color .18s ease}.nav-dropdown.open>.nav-dropdown__button>.fa-chevron-down,.nav-dropdown:hover>.nav-dropdown__button>.fa-chevron-down,.nav-dropdown:focus-within>.nav-dropdown__button>.fa-chevron-down{transform:rotate(90deg)}
.nav-dropdown--services::after{content:"";position:absolute;inset-inline:0;top:100%;height:10px}.nav-dropdown--commerce .commerce-mega-menu{transform:translate(-50%,-8px)!important}.nav-dropdown--commerce.open .commerce-mega-menu,.nav-dropdown--commerce:hover .commerce-mega-menu,.nav-dropdown--commerce:focus-within .commerce-mega-menu{transform:translate(-50%,0)!important}
.nav-dropdown--services .nav-dropdown__menu{top:calc(100% + 6px);transform:translateY(-6px)}.nav-dropdown--services.open .nav-dropdown__menu,.nav-dropdown--services:hover .nav-dropdown__menu,.nav-dropdown--services:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown__menu--services{min-width:270px!important;padding:9px!important}.nav-dropdown__menu--services>a{min-height:54px!important}.nav-dropdown__menu--services>a>span{min-width:0;display:flex;flex-direction:column;gap:2px}.nav-dropdown__menu--services>a strong{font:inherit;font-weight:900}.nav-dropdown__menu--services>a small{direction:ltr;color:var(--muted);font-family:Arial,sans-serif;font-size:.59rem;font-weight:700;letter-spacing:.01em}
@media(hover:none),(pointer:coarse){.nav-dropdown:hover>.nav-dropdown__menu{opacity:0;visibility:hidden}.nav-dropdown.open>.nav-dropdown__menu,.nav-dropdown:focus-within>.nav-dropdown__menu{opacity:1;visibility:visible}}

/* ---------- Product page details ---------- */
.commerce-brand--with-logo{display:inline-flex!important;align-items:center!important;gap:7px!important}.commerce-brand--with-logo img{width:25px;height:25px;object-fit:contain;flex:0 0 25px;padding:2px;border-radius:7px;background:#fff;border:1px solid color-mix(in srgb,var(--border) 86%,transparent)}.commerce-brand--with-logo span{font-weight:900}.commerce-buy-box__discount-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.commerce-buy-box__discount-line b{padding:2px 7px;border-radius:999px;background:#ef394e;color:#fff;font-size:.7rem}.commerce-buy-box__discount-line del{color:var(--muted);font-size:.72rem}

/* ---------- Store filters ---------- */
.commerce-filter-options,.commerce-filter-options.is-expanded,.commerce-filter-options--brands.is-expanded,.commerce-filter-group__body{max-height:none!important;overflow:visible!important}.commerce-brand-filter.no-logo{padding-inline-start:4px}.commerce-brand-filter__logo{background:#fff!important}.commerce-brand-filter__logo img{width:100%;height:100%;object-fit:contain;padding:4px}.commerce-price-range{gap:9px}.commerce-price-range label{display:flex;flex-direction:column;gap:5px}.commerce-price-range label>span{color:var(--muted);font-size:.68rem;font-weight:850}.commerce-price-range input{width:100%!important;min-height:44px!important;text-align:center!important;direction:ltr!important;font-family:Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:.01em}.commerce-filter-auto-state{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:7px 9px;border-radius:11px;background:var(--surface-soft);color:var(--muted);font-size:.67rem;font-weight:800}.commerce-filter-auto-state i{color:var(--primary)}.commerce-filter-auto-state.is-pending{color:var(--primary)}

/* ---------- Brand manager ---------- */
.commerce-brand-admin{margin-top:18px}.commerce-brand-admin__count{min-width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--surface-tint);color:var(--primary);font-weight:950}.commerce-brand-admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px}.commerce-brand-admin-card{min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;gap:11px}.commerce-brand-admin-card__identity{display:flex;align-items:center;gap:11px;min-width:0}.commerce-brand-admin-card__logo{width:58px;height:48px;display:grid;place-items:center;flex:0 0 58px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--muted)}.commerce-brand-admin-card__logo img{max-width:48px;max-height:38px;object-fit:contain}.commerce-brand-admin-card__identity>div{min-width:0;display:flex;flex-direction:column;gap:2px}.commerce-brand-admin-card__identity strong{font-size:.86rem}.commerce-brand-admin-card__identity small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.commerce-brand-admin-card__categories{display:flex;flex-wrap:wrap;gap:5px;min-height:22px}.commerce-brand-admin-card__categories span{padding:3px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.58rem;font-family:Arial,sans-serif}.commerce-brand-logo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.commerce-brand-logo-form>label{min-width:0}.commerce-brand-logo-form input{position:absolute;width:1px;height:1px;opacity:0}.commerce-brand-logo-form label>span{min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px dashed var(--border);border-radius:10px;background:var(--surface-soft);cursor:pointer;color:var(--muted);font-size:.68rem;font-weight:850}.commerce-brand-logo-form label:hover>span{border-color:var(--primary);color:var(--primary)}.commerce-brand-logo-remove button{border:0;background:transparent;color:var(--danger);font:inherit;font-size:.65rem;font-weight:850;cursor:pointer}.commerce-brand-logo-remove button i{margin-inline-end:5px}

/* ---------- Admin product promotions ---------- */
.table-action-button--discount.is-active{border-color:color-mix(in srgb,#ef394e 38%,var(--border));background:color-mix(in srgb,#ef394e 8%,var(--surface));color:#d92b42}.product-discount-dialog{width:min(520px,calc(100vw - 28px))}.product-discount-form__product{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:var(--surface-soft)}.product-discount-form__product i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-tint);color:var(--primary)}.product-discount-percent{position:relative}.product-discount-percent input{padding-inline-end:44px!important;text-align:center;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}.product-discount-percent b{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--muted)}

/* ---------- Media viewer ---------- */
.jolfa-media-viewer__counter[hidden],.jolfa-media-viewer__nav[hidden]{display:none!important}.jolfa-media-viewer__stage{position:relative}.jolfa-media-viewer__zoom-hint{position:absolute;z-index:4;left:50%;bottom:20px;transform:translateX(-50%);max-width:min(520px,calc(100% - 40px));min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(12,16,24,.72);backdrop-filter:blur(12px);color:#fff;font-size:.68rem;font-weight:800;text-align:center;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .18s ease,transform .18s ease}.jolfa-media-viewer__zoom-hint i{color:#fff}.jolfa-media-viewer__zoom-hint.is-dismissed,.jolfa-media-viewer.is-zoomed .jolfa-media-viewer__zoom-hint{opacity:0;transform:translate(-50%,8px);visibility:hidden}.jolfa-media-viewer__zoom-hint-mobile{display:none}.jolfa-media-viewer__close{min-width:46px!important;height:46px!important;padding:0 14px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:background .18s ease,transform .18s ease}.jolfa-media-viewer__close:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-1px)}
@media(max-width:640px){.jolfa-media-viewer__zoom-hint{bottom:12px;max-width:calc(100% - 28px);border-radius:14px;padding:8px 11px}.jolfa-media-viewer__zoom-hint-desktop{display:none}.jolfa-media-viewer__zoom-hint-mobile{display:inline}.jolfa-media-viewer__close span{display:none}.jolfa-media-viewer__close{width:46px!important;padding:0!important}}

/* ---------- Responsive admin / representative panels ---------- */
.panel-main,.dashboard-layout,.dashboard-primary,.dashboard-aside,.dashboard-card,.panel-surface,.panel-table-card,.table-wrap{min-width:0;max-width:100%}.panel-table-toolbar{flex-wrap:wrap}.panel-table-toolbar>div{min-width:0}.panel-table-toolbar h2{overflow-wrap:anywhere}.panel-table-toolbar .button{min-height:40px}
@media(max-width:900px){
  .dashboard-layout{flex-direction:column!important}.dashboard-aside{width:100%!important;min-width:0!important;flex-basis:auto!important}.dashboard-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi{min-width:0!important;flex-basis:auto!important}
  .panel-table.panel-table--responsive{display:block;width:100%;border-collapse:separate!important}.panel-table.panel-table--responsive thead{display:none}.panel-table.panel-table--responsive tbody{display:flex;flex-direction:column;gap:10px;padding:10px}.panel-table.panel-table--responsive tbody>tr{display:grid!important;grid-template-columns:1fr;gap:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.panel-table.panel-table--responsive tbody>tr:hover td{background:transparent!important}.panel-table.panel-table--responsive td[data-label]{min-width:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--border)!important;font-size:.73rem}.panel-table.panel-table--responsive td[data-label]::before{content:attr(data-label);flex:0 0 auto;color:var(--muted);font-size:.64rem;font-weight:850}.panel-table.panel-table--responsive td[data-label]:last-child{border-bottom:0!important}.panel-table.panel-table--responsive td[data-label]>*{max-width:68%;min-width:0}.panel-table.panel-table--responsive td[data-label] .table-secondary{margin-inline-start:auto}.panel-table.panel-table--responsive td[colspan]{grid-column:1/-1!important;display:block!important}.table-wrap.table-wrap--responsive{overflow:visible!important;max-width:100%}
}
@media(max-width:620px){.dashboard-kpis{grid-template-columns:1fr!important}.panel-header,.panel-page-hero{align-items:flex-start!important;flex-direction:column!important}.panel-header__actions,.panel-page-hero>.button{width:100%}.panel-header__actions>.button{flex:1 1 auto}.panel-table.panel-table--responsive tbody>tr{grid-template-columns:1fr}.panel-table.panel-table--responsive td[data-label]{border-bottom:1px solid var(--border)!important}.panel-table.panel-table--responsive td[data-label]:last-child{border-bottom:0!important}.commerce-brand-admin__grid{grid-template-columns:1fr}.commerce-brand-logo-form{grid-template-columns:1fr}.commerce-brand-logo-form .button{width:100%}}

/* Accessibility / interaction baseline for newly touched controls. */
.market-amazing__arrow,.landing-rail-arrow,.commerce-filter-more,.product-inline-action,.table-action-button{min-height:44px}.commerce-filter-more{padding-block:8px}.nav-dropdown__button:focus-visible,.market-amazing__arrow:focus-visible,.commerce-filter-more:focus-visible,.table-action-button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 34%,transparent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.nav-dropdown__button>.fa-chevron-down,.market-amazing__arrow,.jolfa-media-viewer__zoom-hint{transition:none!important}}
.commerce-catalog-admin-tabs{display:flex;align-items:center;gap:8px;margin:14px 0;overflow-x:auto;scrollbar-width:none}.commerce-catalog-admin-tabs::-webkit-scrollbar{display:none}.commerce-catalog-admin-tabs a{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:.72rem;font-weight:900;white-space:nowrap}.commerce-catalog-admin-tabs a:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));color:var(--primary)}

/* --- migrated from v105-ui-ux.css --- */
/* Jolfa v105 — responsive panel/cart/filter/header refinement. */

/* Preserve semantic hidden state even when component rules set display:flex. */
[hidden]{display:none!important}
[data-cart-add-button][hidden],.commerce-add-primary[hidden],[data-cart-stepper][hidden],[data-media-counter][hidden],[data-media-counter]:empty{display:none!important}

/* Landing countdown follows the site's type system. */
.market-amazing__countdown,.market-amazing__countdown *{font-family:"Vazirmatn",Tahoma,Arial,sans-serif!important;font-variant-numeric:tabular-nums}

/* ---------- Header: calmer, lighter visual hierarchy ---------- */
.site-header,html[data-theme="light"] .site-header{
  background:color-mix(in srgb,var(--surface) 94%,rgba(255,255,255,.86))!important;
  color:var(--text)!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,var(--primary) 18%)!important;
  box-shadow:0 8px 26px rgba(31,20,38,.08)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}
html[data-theme="dark"] .site-header{
  background:color-mix(in srgb,#15171b 94%,var(--surface))!important;
  color:var(--text)!important;
  border-bottom-color:rgba(255,255,255,.09)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.26)!important;
}
.site-header.is-scrolled{box-shadow:0 12px 32px rgba(31,20,38,.12)!important}
.site-header .brand-wordmark{background:linear-gradient(125deg,var(--primary),#2ca7c8 72%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.site-header .brand-slogan,.site-header .brand-copy small{color:var(--muted)!important}
.site-header .desktop-navigation>a,.site-header .nav-dropdown__button{color:var(--text)!important;border-radius:10px!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
.site-header .desktop-navigation>a>i,.site-header .nav-dropdown__button>i,.site-header .desktop-navigation>a>i:not(.fa-chevron-down),.site-header .nav-dropdown__button>i:not(.fa-chevron-down),.site-header .desktop-navigation>a .fa-svg-icon:not(.fa-chevron-down),.site-header .nav-dropdown__button .fa-svg-icon:not(.fa-chevron-down){color:var(--muted)!important;background:transparent!important}
.site-header .desktop-navigation>a:hover,.site-header .desktop-navigation>a.active,.site-header .nav-dropdown__button:hover,.site-header .nav-dropdown__button.active,.site-header .nav-dropdown.is-open>.nav-dropdown__button{background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important;color:var(--primary)!important}
.site-header .desktop-navigation>a:hover>i,.site-header .desktop-navigation>a.active>i,.site-header .nav-dropdown__button:hover>i,.site-header .nav-dropdown__button.active>i{color:var(--primary)!important}
.site-header .language-trigger,.site-header .mobile-menu-button,.site-header .desktop-theme-button,.site-header [data-theme-toggle]{min-width:44px;min-height:44px;background:var(--surface-soft)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:none!important}
.site-header .language-trigger:hover,.site-header .mobile-menu-button:hover,.site-header [data-theme-toggle]:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important;border-color:color-mix(in srgb,var(--primary) 28%,var(--border))!important;color:var(--primary)!important}
.site-header .auth-button,html[data-theme="dark"] .site-header .auth-button{min-height:44px;background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))!important;color:var(--primary)!important;box-shadow:none!important}
.site-header .auth-button i,.site-header .auth-button span,html[data-theme="dark"] .site-header .auth-button i,html[data-theme="dark"] .site-header .auth-button span{color:inherit!important}
.site-header .auth-button:hover,html[data-theme="dark"] .site-header .auth-button:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-1px)}
.site-header .nav-dropdown__menu,.site-header .language-menu,.site-header .panel-menu{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 18px 45px rgba(24,18,28,.16)!important}

/* ---------- Store filters ---------- */
.commerce-filter-auto-state{display:none!important}
.commerce-search{min-height:48px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:10px!important;border:1px solid transparent!important;border-radius:13px!important;background:var(--surface-soft)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 76%,transparent)!important;transition:box-shadow .16s ease,background .16s ease!important}
.commerce-search:focus-within{background:var(--surface)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 58%,transparent),0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}
.commerce-search>i{flex:0 0 auto;color:var(--muted)!important}
.commerce-search input{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:46px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important}
.commerce-price-range{padding:2px 0!important;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface)}
.commerce-price-range label{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:0 11px!important;min-width:0}
.commerce-price-range label+label{border-inline-start:1px solid var(--border)}
.commerce-price-range label>span{font-size:.68rem!important;color:var(--muted)!important;white-space:nowrap}
.commerce-price-range input{height:46px!important;min-height:46px!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;text-align:center!important;direction:ltr!important;font-family:Arial,"Vazirmatn",sans-serif!important;font-variant-numeric:tabular-nums!important;color:var(--text)!important;padding:0 4px!important}
.commerce-price-range input:focus{box-shadow:none!important;background:color-mix(in srgb,var(--primary) 4%,transparent)!important}
.commerce-filter-more{min-height:40px}

/* ---------- Cart ---------- */
.commerce-cart-page--v105{padding-block:34px 76px;max-width:min(1480px,calc(100% - 32px))!important}
.jolfa-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:22px;align-items:start}
.jolfa-cart-main,.jolfa-cart-summary{min-width:0}
.jolfa-cart-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 5px 20px rgba(27,20,32,.045);overflow:hidden}
.jolfa-cart-card__head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border)}
.jolfa-cart-card__head>div{display:flex;align-items:baseline;gap:9px;min-width:0}.jolfa-cart-card__head h1{font-size:1.08rem;line-height:1.5}.jolfa-cart-card__head span{font-size:.72rem;color:var(--muted)}.jolfa-cart-card__head>a{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.75rem;font-weight:850;white-space:nowrap}
.jolfa-cart-items{padding:0 20px}.jolfa-cart-item{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) minmax(150px,auto);gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--border);transition:opacity .18s ease,transform .18s ease}.jolfa-cart-item:last-child{border-bottom:0}.jolfa-cart-item.is-removing{opacity:0;transform:translateY(-5px)}
.jolfa-cart-item__media{width:150px;height:150px;border-radius:13px;background:var(--surface-soft);display:grid;place-items:center;overflow:hidden}.jolfa-cart-item__media img{width:100%;height:100%;padding:9px;object-fit:contain;mix-blend-mode:multiply}html[data-theme="dark"] .jolfa-cart-item__media img{mix-blend-mode:normal}
.jolfa-cart-item__content{min-width:0;align-self:start;padding-top:6px}.jolfa-cart-item__content h2{font-size:.93rem;line-height:1.75;margin:0 0 13px}.jolfa-cart-item__content h2 a{color:var(--text)}.jolfa-cart-item__meta{display:flex;flex-direction:column;gap:8px}.jolfa-cart-item__meta>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;line-height:1.5}.jolfa-cart-item__meta i{width:18px;text-align:center;color:color-mix(in srgb,var(--muted) 85%,var(--primary) 15%)}.jolfa-cart-item__meta .is-warning{color:var(--warning)}.jolfa-cart-color{display:inline-block;width:15px!important;height:15px;border-radius:50%;background:var(--variant-color,#d1d5db);border:1px solid var(--border)}
.jolfa-cart-item__side{display:flex;flex-direction:column;align-items:flex-end;gap:24px;align-self:stretch;justify-content:center}.jolfa-cart-item__side>strong{font-size:.92rem;white-space:nowrap}.jolfa-cart-quantity{width:112px;height:44px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 3px 10px rgba(30,20,38,.05);transition:opacity .15s ease}.jolfa-cart-quantity.is-updating{opacity:.58;pointer-events:none}.jolfa-cart-quantity button{width:38px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:var(--primary);cursor:pointer}.jolfa-cart-quantity button:disabled{opacity:.35;cursor:not-allowed}.jolfa-cart-quantity b{text-align:center;color:var(--primary);font-size:.88rem}
.jolfa-cart-summary{position:sticky;top:116px}.jolfa-cart-summary__card{padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft);box-shadow:0 5px 20px rgba(27,20,32,.045)}.jolfa-cart-summary__card h2{font-size:1rem;margin-bottom:16px}.jolfa-cart-summary__card dl{display:grid;gap:0;margin:0}.jolfa-cart-summary__card dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;color:var(--muted);font-size:.75rem}.jolfa-cart-summary__card dl>div.is-total{margin-top:6px;padding-top:16px;border-top:1px solid var(--border);color:var(--text);font-weight:900}.jolfa-cart-summary__card dd{margin:0;color:var(--text);font-weight:800}.jolfa-cart-summary__card .is-total dd{font-size:.9rem}.jolfa-cart-checkout{width:100%;min-height:48px;margin-top:18px;justify-content:center;gap:9px}.jolfa-cart-summary__note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;color:var(--muted);font-size:.67rem;line-height:1.7}.jolfa-cart-summary__note i{margin-top:3px}
.jolfa-cart-empty{max-width:820px;margin-inline:auto;text-align:center;padding-bottom:38px}.jolfa-cart-empty .jolfa-cart-card__head{text-align:start}.jolfa-cart-empty__visual{position:relative;width:132px;height:132px;margin:34px auto 16px;display:grid;place-items:center}.jolfa-cart-empty__visual>span{width:112px;height:112px;display:grid;place-items:center;border-radius:32px;background:color-mix(in srgb,var(--primary) 8%,var(--surface-soft));color:var(--primary);font-size:3rem;transform:rotate(-4deg)}.jolfa-cart-empty__visual>i{position:absolute;top:8px;inset-inline-end:6px;color:var(--accent);font-size:1.25rem}.jolfa-cart-empty h2{font-size:1.05rem;margin-bottom:7px}.jolfa-cart-empty p{color:var(--muted);font-size:.78rem;margin:0 auto 18px}.jolfa-cart-empty>.button{min-height:44px}
.jolfa-cart-recommendations{margin-top:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:20px}.jolfa-cart-recommendations__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.jolfa-cart-recommendations__head h2{font-size:1rem}.jolfa-cart-recommendations__head a{font-size:.73rem;color:var(--primary);font-weight:850}.jolfa-cart-recommendations__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.jolfa-cart-recommendations__rail::-webkit-scrollbar{display:none}.jolfa-cart-recommendation{scroll-snap-align:start;min-width:0;padding:10px;border:1px solid var(--border);border-radius:13px;color:var(--text)}.jolfa-cart-recommendation>span{height:130px;display:grid;place-items:center;background:var(--surface-soft);border-radius:10px;overflow:hidden}.jolfa-cart-recommendation img{width:100%;height:100%;object-fit:contain;padding:6px}.jolfa-cart-recommendation small{display:block;margin-top:8px;color:var(--muted);font-size:.65rem}.jolfa-cart-recommendation>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;margin:3px 0 7px;font-size:.73rem;line-height:1.6}.jolfa-cart-recommendation>b{font-size:.72rem}

/* ---------- Dashboard deltas and charts ---------- */
.dashboard-kpi__delta.is-negative,.chart-summary__delta.is-negative{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 9%,transparent)!important}.dashboard-kpi__delta.is-positive,.chart-summary__delta.is-positive{color:var(--success)!important}.chart-shell,.line-chart{min-width:0!important;max-width:100%!important;overflow:hidden!important}.line-chart svg{display:block;width:100%!important;max-width:100%!important;height:auto!important}.chart-label--minor{display:none}

/* ---------- Responsive panel tables: no fake 760px canvas on phones ---------- */
.panel-shell,.panel-frame,.panel-main,.dashboard-grid,.dashboard-main,.panel-surface,.dashboard-card,.panel-table-card,.table-wrap{min-width:0!important;max-width:100%!important}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:clip}
  .table-wrap.table-wrap--responsive{width:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important}
  .panel-table.panel-table--responsive,.panel-table.panel-table--responsive.admin-work-table,.admin-work-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;border-collapse:separate!important}
  .panel-table.panel-table--responsive thead{display:none!important}
  .panel-table.panel-table--responsive tbody{display:grid!important;width:100%!important;min-width:0!important;gap:10px!important;padding:10px!important}
  .panel-table.panel-table--responsive tbody>tr{display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;overflow:hidden!important}
  .panel-table.panel-table--responsive tbody>tr>td[data-label]{display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:minmax(82px,32%) minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--border)!important;text-align:start!important;white-space:normal!important;overflow:visible!important}
  .panel-table.panel-table--responsive tbody>tr>td[data-label]:last-child{border-bottom:0!important}
  .panel-table.panel-table--responsive td[data-label]::before{content:attr(data-label)!important;display:block!important;grid-column:1!important;min-width:0!important;color:var(--muted)!important;font-size:.66rem!important;font-weight:850!important;line-height:1.5!important;white-space:normal!important}
  .panel-table.panel-table--responsive td[data-label]>*{grid-column:2!important;justify-self:start!important;max-width:100%!important;min-width:0!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .panel-table.panel-table--responsive td[data-label]>.jolfa-price{justify-self:start!important;white-space:nowrap!important}
  .panel-table.panel-table--responsive td[data-label]>.status-pill{max-width:100%!important;white-space:normal!important;text-align:center!important}
  .panel-table.panel-table--responsive td[data-label]>.admin-work-person{width:100%!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
  .admin-work-person>div{min-width:0!important}.admin-work-person small,.admin-work-person strong{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .panel-table.panel-table--responsive td[colspan]{display:block!important;width:100%!important;grid-column:1/-1!important}
  .dashboard-card__head,.panel-table-toolbar{min-width:0!important;flex-wrap:wrap!important}.panel-table-toolbar>div{min-width:0!important}.panel-table-toolbar h2{overflow-wrap:anywhere}
  .dashboard-card .chart-shell{padding-inline:2px!important}.chart-label{font-size:11px!important}
  .partner-funnel{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.partner-funnel>div{min-width:0!important}
}
@media(max-width:620px){
  .panel-shell,.panel-shell--single{width:100%!important;max-width:100%!important;padding-inline:10px!important;margin-inline:auto!important}
  .panel-main,.dashboard-main{padding-inline:0!important}
  .panel-surface,.dashboard-card,.panel-table-card{border-radius:15px!important}
  .panel-table.panel-table--responsive tbody{padding:8px!important}
  .panel-table.panel-table--responsive tbody>tr>td[data-label]{grid-template-columns:minmax(76px,30%) minmax(0,1fr)!important;padding:9px 10px!important;gap:8px!important}
  .dashboard-card__head{align-items:flex-start!important;gap:8px!important}.dashboard-card__head>span{align-self:flex-start}
  .panel-table-toolbar{align-items:flex-start!important;gap:10px!important}.panel-table-toolbar>.button{min-height:40px!important}
  .activity-item{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important}.activity-item>.status-pill{grid-column:2!important;justify-self:start!important;margin:2px 0 0!important}
  .jolfa-cart-layout{grid-template-columns:1fr}.jolfa-cart-summary{position:static}.jolfa-cart-item{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:16px 0}.jolfa-cart-item__media{width:96px;height:96px}.jolfa-cart-item__content{padding-top:0}.jolfa-cart-item__content h2{font-size:.79rem;margin-bottom:8px}.jolfa-cart-item__meta{gap:5px}.jolfa-cart-item__meta>span{font-size:.65rem}.jolfa-cart-item__side{grid-column:1/-1;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;padding-inline-start:108px}.jolfa-cart-item__side>strong{font-size:.8rem}.jolfa-cart-items{padding:0 14px}.jolfa-cart-card__head{padding:13px 14px;min-height:62px}.jolfa-cart-card__head h1{font-size:.96rem}.jolfa-cart-card__head>a{font-size:.68rem}.jolfa-cart-summary__card{padding:16px}.jolfa-cart-recommendations{padding:14px}.commerce-cart-page--v105{max-width:calc(100% - 20px)!important;padding-top:20px}
}
@media(max-width:420px){
  .jolfa-cart-item__side{padding-inline-start:0}.jolfa-cart-card__head>a span{display:none}.jolfa-cart-quantity{width:108px}
  .panel-table.panel-table--responsive tbody>tr>td[data-label]{grid-template-columns:minmax(72px,31%) minmax(0,1fr)!important}
}

/* v112 continuity: address readability + mobile commerce refinements. */
.commerce-address-dialog--simple{width:min(720px,calc(100vw - 24px))}
.commerce-address-simple-form{padding:22px 24px 24px!important}
.commerce-address-simple-form label{font-size:.86rem!important;font-weight:850!important;line-height:1.7!important}
.commerce-address-simple-form input,.commerce-address-simple-form textarea{min-height:50px!important;margin-top:7px!important;font-size:.9rem!important;padding:11px 13px!important}
.commerce-address-simple-form textarea{min-height:96px!important;line-height:1.9!important}
.jolfa-cart-empty{max-width:none!important;width:100%!important}
@media(max-width:760px){.market-product-card__open{display:none!important}.commerce-address-simple-form{padding:18px 16px 20px!important}.commerce-address-simple-form label{font-size:.9rem!important}.commerce-address-simple-form input,.commerce-address-simple-form textarea{font-size:.94rem!important}}
@media(max-width:430px){.market-amazing__intro{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"main timer link"!important;row-gap:0!important}.market-amazing__countdown{justify-self:auto!important}}

/* --- migrated from v106-mobile-commerce.css --- */
/* Jolfa v106 — stable header contrast, mobile bottom navigation, category browser and text Toman unit. */

/* ---------- Header: keep the readable scrolled treatment from the first pixel ---------- */
.site-header,
html[data-theme="light"] .site-header,
html[data-theme="dark"] .site-header,
.site-header.is-scrolled,
html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="dark"] .site-header.is-scrolled{
  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;
}
.site-header.is-scrolled,
html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="dark"] .site-header.is-scrolled{box-shadow:0 14px 36px rgba(19,8,28,.29)!important}

.site-header .brand-wordmark,
html[data-theme="light"] .site-header .brand-wordmark,
html[data-theme="dark"] .site-header .brand-wordmark{
  background:linear-gradient(125deg,#fff 8%,#e4d8f5 58%,#56d8e7 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.site-header .brand-slogan,.site-header .brand-copy small,
html[data-theme="light"] .site-header .brand-slogan,html[data-theme="light"] .site-header .brand-copy small,
html[data-theme="dark"] .site-header .brand-slogan,html[data-theme="dark"] .site-header .brand-copy small{color:#d9cbe4!important}

.site-header .desktop-navigation{background:rgba(11,8,18,.18)!important;border-color:rgba(255,255,255,.09)!important}
.site-header .desktop-navigation>a,.site-header .nav-dropdown__button,
html[data-theme="light"] .site-header .desktop-navigation>a,html[data-theme="light"] .site-header .nav-dropdown__button,
html[data-theme="dark"] .site-header .desktop-navigation>a,html[data-theme="dark"] .site-header .nav-dropdown__button{color:#f6f1fa!important}
.site-header .desktop-navigation>a>i,.site-header .nav-dropdown__button>i,
html[data-theme="light"] .site-header .desktop-navigation>a>i,html[data-theme="light"] .site-header .nav-dropdown__button>i,
html[data-theme="dark"] .site-header .desktop-navigation>a>i,html[data-theme="dark"] .site-header .nav-dropdown__button>i{color:#d6c8e0!important}
.site-header .desktop-navigation>a:hover,.site-header .desktop-navigation>a.active,.site-header .nav-dropdown__button:hover,.site-header .nav-dropdown__button.active,.site-header .nav-dropdown.open>.nav-dropdown__button{
  background:rgba(255,255,255,.10)!important;color:#fff!important
}
.site-header .desktop-navigation>a:hover>i,.site-header .desktop-navigation>a.active>i,.site-header .nav-dropdown__button:hover>i,.site-header .nav-dropdown__button.active>i{color:#fff!important}
.site-header .language-trigger,.site-header .mobile-menu-button,.site-header .desktop-theme-button,.site-header [data-theme-toggle]{
  background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;color:#f8f4fb!important
}
.site-header .auth-button,html[data-theme="light"] .site-header .auth-button,html[data-theme="dark"] .site-header .auth-button{
  background:linear-gradient(135deg,#f3eafa,#d8c6ef)!important;border-color:rgba(255,255,255,.18)!important;color:#35164c!important
}

/* Services in Persian: icon, Persian line and English subtitle all align from the right. */
html[dir="rtl"] .nav-dropdown__menu--services a{direction:rtl!important;text-align:right!important;justify-content:flex-start!important}
html[dir="rtl"] .nav-dropdown__menu--services a>span{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;text-align:right!important}
html[dir="rtl"] .nav-dropdown__menu--services a strong,
html[dir="rtl"] .nav-dropdown__menu--services a small{display:block!important;width:100%!important;text-align:right!important}

/* ---------- Text Toman unit ---------- */
.jolfa-price--fa{gap:5px!important;align-items:baseline!important}
.jolfa-price--fa .jolfa-price__amount{margin:0!important}
.jolfa-price__unit{
  display:inline-block;flex:0 0 auto;color:var(--jolfa-price-green)!important;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap
}
.jolfa-price--compact .jolfa-price__unit{font-size:9px!important}
.jolfa-price__toman{display:none!important}

/* ---------- Mobile bottom navigation ---------- */
.mobile-bottom-nav{display:none}
@media(max-width:980px){
  body.has-mobile-bottom-nav{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  body.has-mobile-bottom-nav .site-header__actions>:not(.mobile-menu-button){display:none!important}
  body.has-mobile-bottom-nav .site-header__actions{margin-inline-start:auto!important}
  body.has-mobile-bottom-nav .mobile-menu-button{display:inline-flex!important}

  .mobile-bottom-nav{
    position:fixed;z-index:1080;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    min-height:62px;padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(25,18,32,.08);backdrop-filter:blur(16px)
  }
  .mobile-bottom-nav>a{position:relative;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--muted);font-size:.66rem;font-weight:780;line-height:1.2}
  .mobile-bottom-nav>a>i{font-size:1.08rem;color:currentColor}
  .mobile-bottom-nav>a.is-active{color:var(--primary);font-weight:900}
  .mobile-bottom-nav>a.is-active::before{content:"";position:absolute;top:0;width:24px;height:3px;border-radius:99px;background:var(--primary)}
  .mobile-bottom-nav__badge{position:absolute;top:2px;inset-inline-start:calc(50% + 7px);min-width:18px;height:18px;padding-inline:4px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--danger);color:#fff;font:800 10px/1 "Vazirmatn",sans-serif}
  .mobile-bottom-nav__badge[data-count="0"],.mobile-bottom-nav__badge:empty{display:none}
}

/* ---------- Digikala-inspired category browser, adapted to Jolfa ---------- */
.mobile-category-page{padding-block:14px 18px}
.mobile-category-page__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4px 18px}
.mobile-category-page__head>div>span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;margin-bottom:2px}
.mobile-category-page__head h1{font-size:1.38rem;line-height:1.45}
.mobile-category-page__head>a{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.78rem;font-weight:900}
.mobile-category-browser{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:560px;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 8px 28px rgba(27,20,34,.055)}
.mobile-category-browser__rail{background:var(--surface-soft);border-inline-end:1px solid var(--border);overflow-y:auto;scrollbar-width:none}
.mobile-category-browser__rail::-webkit-scrollbar,.mobile-category-browser__content::-webkit-scrollbar{display:none}
.mobile-category-root{position:relative;width:100%;min-height:86px;padding:12px 7px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:.7rem;line-height:1.45;transition:background .15s ease,color .15s ease}
.mobile-category-root__icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--text);font-size:.92rem}
.mobile-category-root.is-active{background:var(--surface);color:var(--primary)}
.mobile-category-root.is-active::after{content:"";position:absolute;inset-block:12px;inset-inline-end:0;width:3px;border-radius:3px;background:var(--primary)}
.mobile-category-root.is-active .mobile-category-root__icon{background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}
.mobile-category-browser__content{min-width:0;padding:8px 18px 18px;overflow-y:auto;scrollbar-width:none}
.mobile-category-pane[hidden]{display:none!important}
.mobile-category-all{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;color:var(--primary);font-size:.78rem;font-weight:900;border-bottom:1px solid var(--border)}
.mobile-category-group{border-bottom:1px solid var(--border)}
.mobile-category-group>summary{list-style:none;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:var(--text)}
.mobile-category-group>summary::-webkit-details-marker{display:none}
.mobile-category-group>summary>span{display:flex;align-items:center;gap:9px;min-width:0}.mobile-category-group>summary>span>i{width:26px;color:var(--primary);text-align:center}
.mobile-category-group__chevron{font-size:.72rem;color:var(--muted);transition:transform .18s ease}.mobile-category-group[open] .mobile-category-group__chevron{transform:rotate(180deg)}
.mobile-category-group__body{padding:0 0 16px}
.mobile-category-branch-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 11px;color:var(--muted);font-size:.7rem;font-weight:800}
.mobile-category-leaf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mobile-category-leaf-card{min-width:0;border-radius:13px;background:var(--surface-soft);overflow:hidden}
.mobile-category-leaf-card__main{min-height:98px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:var(--text);font-size:.69rem;line-height:1.45}
.mobile-category-leaf-card__icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--primary);font-size:1rem}
.mobile-category-leaf-card__children{padding:0 8px 9px;display:flex;flex-direction:column;gap:5px}
.mobile-category-leaf-card__children a{padding-top:5px;border-top:1px solid var(--border);font-size:.62rem;color:var(--muted);text-align:center;line-height:1.4}
.mobile-category-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center}.mobile-category-empty i{font-size:1.8rem}

@media(max-width:980px){
  .mobile-category-page{width:100%!important;height:calc(100dvh - var(--header-height) - 66px);padding:0!important;display:flex;flex-direction:column;background:var(--surface)}
  .mobile-category-page__head{flex:0 0 auto;min-height:68px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
  .mobile-category-page__head>div>span{display:none}.mobile-category-page__head h1{font-size:1.05rem}.mobile-category-page__head>a{font-size:.72rem}
  .mobile-category-browser{flex:1 1 auto;min-height:0;height:100%;grid-template-columns:86px minmax(0,1fr);border:0;border-radius:0;box-shadow:none}
  .mobile-category-browser__rail,.mobile-category-browser__content{height:100%;overscroll-behavior:contain}
  .mobile-category-browser__content{padding:4px 12px 20px}
  .mobile-category-root{min-height:78px;padding:10px 5px;font-size:.63rem}.mobile-category-root__icon{width:28px;height:28px;font-size:.82rem}
  .mobile-category-all{min-height:50px}.mobile-category-group>summary{min-height:55px}
  .mobile-category-leaf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .mobile-category-leaf-card__main{min-height:88px;padding:10px 4px;font-size:.62rem}.mobile-category-leaf-card__icon{width:38px;height:38px;font-size:.9rem}
}
@media(max-width:390px){.mobile-category-leaf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
  body.has-mobile-bottom-nav .mobile-drawer{overflow-y:auto;overscroll-behavior:contain}
  body.has-mobile-bottom-nav .mobile-navigation{flex:0 0 auto}
  body.has-mobile-bottom-nav .mobile-drawer__tools{margin-top:18px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
}

/* --- migrated from v107-mobile-product.css --- */
/* Jolfa v107 — mobile account navigation and product-detail chrome */

.commerce-mobile-product-header{display:none}

@media(max-width:980px){
  /* Account keeps the same bottom navigation as the public storefront. */
  body.has-mobile-bottom-nav .panel-frame{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .mobile-bottom-nav>a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Product pages use dedicated PDP chrome instead of the global header/nav. */
  body.product-detail-page{padding-bottom:0!important}
  body.product-detail-page>.site-header,
  body.product-detail-page .site-header{display:none!important}
  body.product-detail-page>.mobile-bottom-nav{display:none!important}
  body.product-detail-page .mobile-drawer,body.product-detail-page .mobile-menu-overlay{display:none!important}
  body.product-detail-page .site-main{padding-top:58px!important;min-height:100dvh}

  .commerce-mobile-product-header{
    position:fixed;z-index:1092;top:0;inset-inline:0;height:58px;
    display:flex;align-items:center;gap:8px;padding:5px 9px;
    background:color-mix(in srgb,var(--surface) 97%,transparent);
    border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);
    box-shadow:0 3px 16px rgba(24,18,30,.045);
    backdrop-filter:blur(18px) saturate(1.12);
    -webkit-backdrop-filter:blur(18px) saturate(1.12)
  }
  .commerce-mobile-product-header__spacer{flex:1 1 auto;min-width:12px}
  .commerce-mobile-product-header__actions{display:flex;align-items:center;gap:1px}
  .commerce-mobile-product-header__icon{
    position:relative;flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;
    border:0;border-radius:12px;background:transparent;color:var(--text);font-size:1.08rem;
    transition:background .16s ease,color .16s ease,transform .16s ease
  }
  .commerce-mobile-product-header__icon:active{transform:scale(.94);background:var(--surface-soft)}
  .commerce-mobile-product-header__close{font-size:1.2rem}
  .commerce-mobile-product-header__cart{overflow:visible}
  .commerce-mobile-product-header__badge{
    position:absolute;top:2px;inset-inline-end:1px;min-width:17px;height:17px;padding-inline:4px;
    display:grid;place-items:center;border:2px solid var(--surface);border-radius:999px;
    background:#e73b62;color:#fff;font:800 9px/1 "Vazirmatn",sans-serif
  }
  .commerce-mobile-product-header__badge[data-count="0"],.commerce-mobile-product-header__badge:empty{display:none!important}

  .commerce-mobile-product-more{position:relative;flex:0 0 44px}
  .commerce-mobile-product-more>summary{list-style:none;cursor:pointer}
  .commerce-mobile-product-more>summary::-webkit-details-marker{display:none}
  .commerce-mobile-product-more[open]>summary{background:var(--surface-soft);color:var(--primary)}
  .commerce-mobile-product-more__menu{
    position:absolute;top:48px;inset-inline-end:0;width:190px;padding:6px;
    border:1px solid var(--border);border-radius:14px;background:var(--surface);
    box-shadow:0 16px 38px rgba(20,14,26,.16)
  }
  .commerce-mobile-product-more__menu a,.commerce-mobile-product-more__menu button{
    width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);
    display:flex;align-items:center;gap:10px;text-align:start;font:inherit;font-size:.76rem;font-weight:800
  }
  .commerce-mobile-product-more__menu a:hover,.commerce-mobile-product-more__menu button:hover{background:var(--surface-soft)}
  .commerce-mobile-product-more__menu i{width:22px;text-align:center;color:var(--muted)}

  body.product-detail-page .commerce-product-page,
  body.product-detail-page .product-page{padding-top:12px!important}
}

@media(max-width:680px){
  body.product-detail-page:has(.commerce-mobile-pdp-buybar){padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}

  .commerce-mobile-buybar.commerce-mobile-pdp-buybar{
    z-index:1091;inset-inline:0;bottom:0;min-height:70px;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center;gap:10px;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;
    direction:ltr;
    border-top:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface) 90%,#efe2fb 10%))!important;
    box-shadow:0 -12px 36px rgba(57,31,73,.12)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18)!important
  }
  html[dir="rtl"] .commerce-mobile-pdp-buybar>form,
  html[dir="rtl"] .commerce-mobile-pdp-buybar__price{direction:rtl}

  .commerce-mobile-pdp-buybar>form{display:block!important;min-width:0!important;width:100%;margin:0}
  .commerce-mobile-pdp-buybar__add{
    position:relative;width:100%;min-height:50px;border:1px solid rgba(255,255,255,.62);border-radius:13px;
    overflow:hidden;color:#fff;background:
      radial-gradient(circle at 18% 0%,rgba(255,255,255,.34),transparent 34%),
      linear-gradient(135deg,#765094 0%,#9d6dbc 48%,#bf8ddd 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 20px rgba(100,61,126,.2);
    font-family:"Vazirmatn",sans-serif;font-size:.78rem;font-weight:900;letter-spacing:0;
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease
  }
  .commerce-mobile-pdp-buybar__add::after{
    content:"";position:absolute;inset:1px;border-radius:11px;pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 48%)
  }
  .commerce-mobile-pdp-buybar__add span{position:relative;z-index:1}
  .commerce-mobile-pdp-buybar__add:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 4px 12px rgba(100,61,126,.18)}
  .commerce-mobile-pdp-buybar__add:disabled{filter:grayscale(.35);opacity:.55;box-shadow:none}
  .commerce-mobile-pdp-buybar__add[hidden]{display:none!important}

  .commerce-mobile-pdp-buybar__stepper{width:100%;justify-content:stretch!important}
  .commerce-mobile-pdp-buybar__stepper[hidden]{display:none!important}
  .commerce-mobile-pdp-buybar__stepper .commerce-cart-stepper__box{
    width:100%!important;min-width:0!important;height:50px!important;grid-template-columns:44px 1fr 44px!important;
    border:1px solid color-mix(in srgb,var(--primary) 23%,var(--border))!important;border-radius:13px!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))!important;
    box-shadow:0 6px 18px rgba(55,32,70,.09)!important
  }
  .commerce-mobile-pdp-buybar__stepper .commerce-cart-stepper__box button{width:44px!important;height:48px!important;font-size:.95rem}
  .commerce-mobile-pdp-buybar__stepper .commerce-cart-stepper__box b{font:900 .95rem/1 "Vazirmatn",sans-serif!important}

  .commerce-mobile-pdp-buybar__price{min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center;gap:2px}
  .commerce-mobile-pdp-buybar__price>strong{display:flex;justify-content:flex-end;max-width:100%;font-size:.88rem!important;color:var(--text)}
  .commerce-mobile-pdp-buybar__price .jolfa-price{font-weight:950;white-space:nowrap}
  .commerce-mobile-pdp-buybar__compare{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:18px}
  .commerce-mobile-pdp-buybar__compare>span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:20px;padding:0 6px;border-radius:999px;background:#e63b61;color:#fff;font:850 .64rem/1 "Vazirmatn",sans-serif}
  .commerce-mobile-pdp-buybar__compare del{min-width:0;color:var(--muted);font-size:.62rem;text-decoration-thickness:1px;opacity:.82;white-space:nowrap}
  .commerce-mobile-pdp-buybar__compare del .jolfa-price__unit{display:none!important}
}

@media(max-width:380px){
  .commerce-mobile-product-header{padding-inline:5px}
  .commerce-mobile-product-header__icon,.commerce-mobile-product-more{width:42px;flex-basis:42px}
  .commerce-mobile-buybar.commerce-mobile-pdp-buybar{padding-inline:9px!important;gap:8px}
  .commerce-mobile-pdp-buybar__add{font-size:.72rem}
  .commerce-mobile-pdp-buybar__price>strong{font-size:.82rem!important}
}

/* --- migrated from v108-mobile-ux.css --- */
/* Jolfa v108 — focused mobile PDP, cleaner filters, larger categories and panel switcher. */

/* ---------- Filters ---------- */
.commerce-filters,.commerce-filter-form{min-width:0;text-align:start}
html[dir="rtl"] .commerce-filters,html[dir="rtl"] .commerce-filter-form{text-align:right}
.commerce-search,.commerce-filter-search{
  box-sizing:border-box!important;width:100%!important;overflow:hidden!important;
  background:color-mix(in srgb,var(--surface-soft) 92%,var(--surface))!important;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  box-shadow:none!important
}
.commerce-search input,.commerce-filter-search input{
  appearance:none!important;-webkit-appearance:none!important;min-width:0!important;width:100%!important;
  border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--text)!important
}
.commerce-search:focus-within,.commerce-filter-search:focus-within{
  background:var(--surface)!important;border-color:color-mix(in srgb,var(--primary) 42%,var(--border))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)!important
}
.commerce-filter-options .commerce-check>small{display:none!important}
.commerce-brand-filter{grid-template-columns:auto auto minmax(0,1fr)!important}
.commerce-brand-filter__name{min-width:0!important}
.commerce-price-range{background:var(--surface-soft)!important;border:0!important;border-radius:13px!important;box-shadow:none!important;overflow:hidden!important}
.commerce-price-range label{border:0!important;background:transparent!important;box-shadow:none!important}
.commerce-price-range label+label{border-inline-start:1px solid color-mix(in srgb,var(--border) 80%,transparent)!important}
.commerce-price-range input{background:transparent!important;border:0!important;box-shadow:none!important;font-family:Arial,"Vazirmatn",sans-serif!important;text-align:center!important}
.commerce-price-range input:focus{background:color-mix(in srgb,var(--primary) 5%,var(--surface-soft))!important}

@media(max-width:900px){
  html[dir="rtl"] .commerce-filters{right:0!important;left:auto!important;inset-inline-start:auto!important;transform:translateX(105%)!important;border-radius:20px 0 0 20px!important}
  html[dir="rtl"] .commerce-filters.open{transform:translateX(0)!important}
  html[dir="ltr"] .commerce-filters{left:0!important;right:auto!important;inset-inline-start:auto!important;transform:translateX(-105%)!important;border-radius:0 20px 20px 0!important}
  html[dir="ltr"] .commerce-filters.open{transform:translateX(0)!important}
}

/* ---------- Mobile product header ---------- */
@media(max-width:980px){
  .commerce-mobile-product-header{direction:inherit!important;padding-inline:11px!important;gap:7px!important}
  .commerce-mobile-product-header__brand{
    min-width:0;display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;
    flex:0 1 auto
  }
  .commerce-mobile-product-header__brand img{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
  .commerce-mobile-product-header__brand>span{min-width:0;display:flex;flex-direction:column;line-height:1.15}
  .commerce-mobile-product-header__brand strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:900;letter-spacing:-.03em;color:var(--text)}
  .commerce-mobile-product-header__brand small{margin-top:3px;color:var(--muted);font:700 .52rem/1.3 "Vazirmatn",sans-serif;white-space:nowrap}
  html[dir="rtl"] .commerce-mobile-product-header__brand>span{text-align:right;align-items:flex-start}
  html[dir="ltr"] .commerce-mobile-product-header__brand>span{text-align:left;align-items:flex-start}
  .commerce-mobile-product-header__actions{gap:0!important;flex:0 0 auto}
  .commerce-mobile-product-header__icon{width:41px!important;height:41px!important;flex-basis:41px!important;border-radius:11px!important}
  .commerce-mobile-product-header__icon[data-mobile-product-share].is-copied{color:var(--success);background:var(--success-soft)}

  /* Mobile PDP uses only the fixed purchase bar; the desktop buy box is redundant. */
  body.product-detail-page .commerce-product-main>.commerce-buy-box{display:none!important}
  body.product-detail-page .commerce-product-main{grid-template-columns:1fr!important}
}

/* ---------- Mobile purchase bar ---------- */
@media(max-width:680px){
  .commerce-mobile-buybar.commerce-mobile-pdp-buybar{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
    gap:12px!important;direction:rtl!important
  }
  html[dir="ltr"] .commerce-mobile-buybar.commerce-mobile-pdp-buybar{direction:ltr!important}
  .commerce-mobile-pdp-buybar>form{
    flex:0 1 52%!important;max-width:210px!important;min-width:0!important;width:auto!important;margin:0!important
  }
  .commerce-mobile-pdp-buybar>form:has(.commerce-mobile-pdp-buybar__stepper:not([hidden])){
    flex:0 0 126px!important;max-width:126px!important
  }
  .commerce-mobile-pdp-buybar__stepper{width:126px!important;min-width:126px!important;max-width:126px!important;justify-content:flex-start!important}
  .commerce-mobile-pdp-buybar__stepper .commerce-cart-stepper__box{
    width:126px!important;min-width:126px!important;max-width:126px!important;height:48px!important;
    grid-template-columns:40px 46px 40px!important
  }
  .commerce-mobile-pdp-buybar__stepper .commerce-cart-stepper__box button{width:40px!important;height:46px!important}
  .commerce-mobile-pdp-buybar__price{
    flex:1 1 auto!important;min-width:0!important;margin-inline-start:auto!important;
    align-items:flex-end!important;text-align:left!important
  }
  html[dir="ltr"] .commerce-mobile-pdp-buybar__price{align-items:flex-end!important;text-align:right!important}
  .commerce-mobile-pdp-buybar__price>strong{width:auto!important;max-width:100%!important}
  .commerce-mobile-pdp-buybar__compare{justify-content:flex-end!important}
}

/* ---------- Bottom-nav panel switcher ---------- */
@media(max-width:980px){
  .mobile-bottom-panel-switcher{position:relative;min-width:0;min-height:54px}
  .mobile-bottom-panel-switcher>summary{
    position:relative;min-width:0;min-height:54px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    list-style:none;border-radius:12px;color:var(--muted);cursor:pointer;font-size:.66rem;font-weight:780;line-height:1.2
  }
  .mobile-bottom-panel-switcher>summary::-webkit-details-marker{display:none}
  .mobile-bottom-panel-switcher>summary>i:first-child{font-size:1.08rem;color:currentColor}
  .mobile-bottom-panel-switcher.is-active>summary,.mobile-bottom-panel-switcher[open]>summary{color:var(--primary);font-weight:900}
  .mobile-bottom-panel-switcher.is-active>summary::before{content:"";position:absolute;top:0;width:24px;height:3px;border-radius:99px;background:var(--primary)}
  .mobile-bottom-panel-switcher__menu{
    position:fixed;z-index:1090;bottom:calc(66px + env(safe-area-inset-bottom));inset-inline-end:10px;width:min(280px,calc(100vw - 20px));
    padding:7px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 98%,transparent);
    box-shadow:0 -14px 42px rgba(25,18,32,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .mobile-bottom-panel-switcher__menu::after{content:"";position:absolute;bottom:-7px;inset-inline-end:42px;width:12px;height:12px;background:var(--surface);border-inline-end:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}
  .mobile-bottom-panel-switcher__menu a{min-height:47px;padding:8px 11px;border-radius:11px;display:flex;align-items:center;gap:11px;color:var(--text);font-size:.76rem;font-weight:850}
  .mobile-bottom-panel-switcher__menu a i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--surface-soft);color:var(--primary)}
  .mobile-bottom-panel-switcher__menu a.is-current{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}
}

/* ---------- Mobile category browser: larger, easier touch targets ---------- */
@media(max-width:980px){
  .mobile-category-browser{grid-template-columns:96px minmax(0,1fr)!important}
  .mobile-category-root{min-height:88px!important;padding:12px 7px!important;font-size:.69rem!important;gap:8px!important}
  .mobile-category-root__icon{width:34px!important;height:34px!important;font-size:.96rem!important}
  .mobile-category-browser__content{padding:5px 12px 24px!important}
  .mobile-category-group>summary{min-height:62px!important;font-size:.82rem!important}
  .mobile-category-branch-link{font-size:.75rem!important;padding-block:7px 13px!important}
  .mobile-category-leaf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .mobile-category-leaf-card{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:15px!important;background:color-mix(in srgb,var(--surface-soft) 82%,var(--surface))!important}
  .mobile-category-leaf-card__main{min-height:112px!important;padding:14px 8px 11px!important;gap:9px!important;font-size:.76rem!important;line-height:1.55!important}
  .mobile-category-leaf-card__icon{width:46px!important;height:46px!important;font-size:1.05rem!important}
  .mobile-category-leaf-card__children{padding:0 9px 10px!important;gap:0!important}
  .mobile-category-leaf-card__children a{min-height:38px;display:flex;align-items:center;justify-content:center;padding:7px 4px!important;font-size:.7rem!important;line-height:1.5!important}
}
@media(max-width:350px){
  .mobile-category-browser{grid-template-columns:88px minmax(0,1fr)!important}
  .mobile-category-leaf-grid{grid-template-columns:1fr!important}
}
@media(max-width:980px){
  .mobile-bottom-panel-switcher__head{min-height:36px;padding:4px 9px 7px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.66rem;font-weight:850;border-bottom:1px solid var(--border);margin-bottom:4px}
  .mobile-bottom-panel-switcher__head i{color:var(--primary)}
}

/* --- migrated from v109-polish.css --- */
/* Jolfa v109 — PDP CTA, dashboard clarity, mobile ticket containment. */

/* Remove the decorative stripe above physical buy boxes. */
.commerce-buy-box::before{content:none!important;display:none!important;background:none!important}

@media(max-width:680px){
  /* Strong single-colour CTA: high contrast against the white PDP surface. */
  .commerce-mobile-pdp-buybar__add{
    background:#4b1f63!important;
    background-image:none!important;
    border:1px solid #4b1f63!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(75,31,99,.25)!important
  }
  .commerce-mobile-pdp-buybar__add::after{content:none!important;display:none!important}
  .commerce-mobile-pdp-buybar__add:active{
    background:#3e1952!important;
    transform:translateY(1px) scale(.985)!important;
    box-shadow:0 4px 12px rgba(75,31,99,.22)!important
  }
}

/* Recent tickets: turn the mobile row into an actual grid. Previous rules only
   changed grid-template-columns while the base component remained flex. */
@media(max-width:620px){
  .dashboard-aside,.dashboard-aside .compact-list{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .dashboard-aside .dashboard-card__head{width:100%!important;min-width:0!important}
  .dashboard-aside .dashboard-card__head>div{min-width:0!important}
  .dashboard-aside .dashboard-card__head>a{flex:0 0 auto;max-width:46%;white-space:normal;text-align:center}
  .dashboard-aside .activity-item{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    column-gap:9px!important;row-gap:4px!important;
    padding:11px 0!important;overflow:hidden!important
  }
  .dashboard-aside .activity-item__icon{grid-column:1!important;grid-row:1 / span 2!important;width:36px!important;height:36px!important;min-width:36px!important}
  .dashboard-aside .activity-item__copy{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:100%!important}
  .dashboard-aside .activity-item__copy strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.6!important}
  .dashboard-aside .activity-item__copy small{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .dashboard-aside .activity-item>.status-pill{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;
    width:max-content!important;max-width:100%!important;min-width:0!important;
    margin:0!important;white-space:normal!important;line-height:1.45!important
  }
}

/* Clarify that KPI and chart compare different metrics. */
.dashboard-kpi__delta[data-period-delta-wrap],.chart-summary__delta[data-period-delta-summary-wrap]{font-variant-numeric:tabular-nums}

/* --- migrated from v110-polish.css --- */
/* Jolfa v110 — supply-mode clarity, robust mobile order cards, simplified addresses. */

/* Brokered/source products do not expose Jolfa-owned variant inventory controls. */
.commerce-product-editor:has(input[name="supply_mode"][value="brokered"]:checked) [data-product-variants-editor]{display:none!important}

/* Address book */
.commerce-address-book{padding:20px!important;overflow:visible!important}
.commerce-address-book__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border);font-size:.86rem}
.commerce-address-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.commerce-address-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease}
.commerce-address-card.is-default{border-color:color-mix(in srgb,var(--primary) 58%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent)}
.commerce-address-card__pin{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--primary)}
.commerce-address-card__body{min-width:0;display:flex;flex-direction:column;gap:5px}.commerce-address-card__title{display:flex;align-items:center;gap:8px}.commerce-address-card__title strong{font-size:.82rem}.commerce-address-card__title span{font-size:.56rem;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);font-weight:900}
.commerce-address-card__body p{margin:0;color:var(--text);font-size:.75rem;line-height:1.9;overflow-wrap:anywhere}.commerce-address-card__body small{color:var(--muted);font-size:.66rem;line-height:1.7}.commerce-address-card__actions{display:flex;align-items:center;gap:4px}.commerce-address-card__actions form{margin:0}.commerce-address-card__actions button{width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.commerce-address-card__actions button:hover{background:var(--surface-soft);color:var(--primary)}.commerce-address-card__actions button.is-danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}
.commerce-address-dialog--simple{width:min(550px,calc(100vw - 24px));max-height:min(700px,calc(100dvh - 28px));border-radius:18px!important;overflow:hidden!important}
.commerce-address-dialog--simple .dialog-head{position:sticky;top:0;z-index:3;background:var(--surface);padding:18px 20px;border-bottom:1px solid var(--border)}
.commerce-address-dialog--simple .dialog-body{padding:20px!important;overflow-y:auto!important;gap:18px!important}.commerce-address-simple-form>label,.commerce-address-simple-form .panel-form-row>label{display:flex;flex-direction:column;gap:8px;font-size:.72rem;color:var(--text);font-weight:800}.commerce-address-simple-form input,.commerce-address-simple-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);padding:12px 13px;font:inherit;outline:none}.commerce-address-simple-form input:focus,.commerce-address-simple-form textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent)}.commerce-address-simple-form textarea{resize:vertical;min-height:90px}.required-star{color:var(--danger);font-weight:950}.commerce-address-dialog--simple .modal-sticky-actions{position:sticky!important;bottom:-20px!important;margin:2px -20px -20px!important;padding:14px 20px!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:3}.commerce-address-dialog--simple .modal-sticky-actions .button{width:100%;min-height:48px}

/* Mobile admin/partner order cards: no min-width leakage, no content outside viewport. */
@media(max-width:900px){
  .admin-orders-panel,.admin-orders-table-wrap,.admin-orders-responsive-table,.admin-orders-responsive-table tbody{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important}
  .admin-orders-responsive-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row){display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;padding:12px 14px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--surface)!important}
  .admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row)>td{display:grid!important;grid-template-columns:minmax(82px,30%) minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:10px!important;align-items:center!important;padding:9px 0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;background:transparent!important;overflow:hidden!important}
  .admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row)>td:last-child{border-bottom:0!important}
  .admin-orders-responsive-table td::before{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .admin-orders-responsive-table td>*{min-width:0!important;max-width:100%!important}
  .admin-order-row__code,.admin-order-row__product,.admin-order-row__customer{min-width:0!important;max-width:100%!important;overflow:hidden!important;align-items:flex-start!important}
  .admin-order-row__code>span,.admin-order-row__customer{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .admin-order-row__code bdi,.admin-order-row__code small,.admin-order-row__customer strong,.admin-order-row__customer small,.admin-order-row__product strong{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-overflow:clip!important}
  .admin-orders-responsive-table .status-pill{max-width:100%!important;white-space:normal!important;line-height:1.45!important}
}
@media(max-width:520px){
  .admin-orders-panel{padding-inline:10px!important}.admin-orders-responsive-table tbody tr:not(.admin-orders-empty-row)>td{grid-template-columns:1fr!important;gap:4px!important}.admin-orders-responsive-table td::before{font-size:.6rem!important;color:var(--muted)!important}.admin-order-row__action{width:100%!important}
  .commerce-address-card{grid-template-columns:30px minmax(0,1fr);padding:13px}.commerce-address-card__actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--border);padding-top:8px}.commerce-address-book{padding:14px!important}.commerce-address-dialog--simple .panel-form-row{grid-template-columns:1fr!important}
}

/* --- migrated from v114-polish.css --- */
/* v114 — cleaner storefront availability + truly wide responsive editor */
.product-unavailable-price{color:#d92d20!important;font-weight:950!important;font-size:.88rem!important;white-space:nowrap}
.market-product-card__availability,.market-product-card__open,.commerce-card-open{display:none!important}
.market-product-card__body>p{display:none!important}
.market-product-card__foot{justify-content:flex-end!important}
.market-product-card__price.is-unavailable,.commerce-card-price.is-unavailable,.market-amazing-card__price.is-unavailable{align-items:flex-end!important;justify-content:flex-end!important}
.market-amazing-card__price.is-unavailable del{display:none!important}
.commerce-related-card footer>a{display:none!important}
.commerce-related-card footer{justify-content:flex-end!important}
.commerce-buy-box__unavailable{min-height:84px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;background:color-mix(in srgb,#d92d20 6%,var(--surface));border:1px solid color-mix(in srgb,#d92d20 20%,var(--border));color:#d92d20}
.commerce-buy-box__unavailable i{font-size:1rem}.commerce-buy-box__unavailable strong{font-size:1rem;font-weight:950}
.commerce-buy-box.is-unavailable .commerce-buy-detail:first-of-type{border-top:0}
.commerce-mobile-pdp-buybar.is-unavailable{display:flex!important;justify-content:center!important;align-items:center!important}
.commerce-mobile-pdp-buybar__unavailable{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;color:#d92d20;font-weight:950;font-size:.9rem}
.commerce-mobile-pdp-buybar__unavailable i{font-size:1rem}

/* Product editor: use the viewport on tablets/laptops/desktops instead of a phone-sized dialog. */
.product-editor-dialog{width:calc(100vw - 18px)!important;max-width:none!important;height:calc(100dvh - 18px)!important;max-height:none!important;margin:auto!important;border-radius:22px!important}
.product-editor-dialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}
.product-editor-dialog .product-editor-frame-shell{height:auto!important;min-height:0!important;overflow:hidden!important}
.product-editor-dialog .product-editor-frame-shell iframe{width:100%!important;height:100%!important;min-width:0!important}
@media (min-width:760px){
  body.embedded-product-editor .panel-shell.panel-shell--single.section-narrow{padding:8px!important}
  body.embedded-product-editor .commerce-product-wizard{gap:10px!important}
  body.embedded-product-editor .product-editor-responsive-layout{display:grid!important;grid-template-columns:minmax(330px,.82fr) minmax(0,1.55fr)!important;gap:12px!important;align-items:start!important;width:100%!important;max-width:none!important;direction:ltr!important}
  body.embedded-product-editor .product-editor-responsive-layout__main{grid-column:2!important;direction:rtl!important;gap:10px!important}
  body.embedded-product-editor .product-editor-responsive-layout__side{grid-column:1!important;direction:rtl!important;gap:10px!important}
  body.embedded-product-editor .commerce-wizard-panel{padding:14px!important;border-radius:17px!important}
  body.embedded-product-editor .commerce-wizard-heading{margin-bottom:10px!important}
  body.embedded-product-editor .commerce-wizard-heading h2{font-size:1rem!important}
  body.embedded-product-editor .panel-form-row{gap:9px!important}
  body.embedded-product-editor .product-content-fields{gap:9px!important}
  body.embedded-product-editor input:not([type=radio]):not([type=checkbox]):not([type=file]),body.embedded-product-editor select{min-height:42px!important}
  body.embedded-product-editor textarea{min-height:76px!important}
  body.embedded-product-editor .product-image-gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
@media (min-width:1180px){
  body.embedded-product-editor .product-editor-responsive-layout{grid-template-columns:minmax(420px,.78fr) minmax(0,1.62fr)!important;gap:14px!important}
  body.embedded-product-editor .product-image-gallery-editor{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:759px){
  .product-editor-dialog{width:100%!important;max-width:none!important;height:94dvh!important;max-height:94dvh!important;margin:auto 0 0!important;border-radius:24px 24px 0 0!important}
}

/* --- migrated from v115-editor-admin.css --- */
/* v115 — compact professional product editor + scalable brand administration */

/* Restore a clear modal silhouette instead of occupying the whole viewport. */
.product-editor-dialog{
  width:min(1500px,95vw)!important;
  height:min(900px,92dvh)!important;
  max-height:92dvh!important;
  margin:auto!important;
  border-radius:24px!important;
  border:1px solid color-mix(in srgb,var(--border) 86%,transparent)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.24),0 8px 24px rgba(15,23,42,.12)!important;
  overflow:hidden!important;
}
.product-editor-dialog::backdrop{background:rgba(15,23,42,.48)!important;backdrop-filter:blur(3px)}
.product-editor-dialog .dialog-head{min-height:66px;padding:12px 18px!important}
.product-editor-dialog__footer{min-height:60px;padding:10px 16px!important}

/* The embedded form should use width, not oversized vertical cards. */
@media (min-width:820px){
  body.embedded-product-editor .panel-shell.panel-shell--single.section-narrow{padding:9px 10px!important}
  body.embedded-product-editor .commerce-product-wizard{gap:10px!important}
  body.embedded-product-editor .product-editor-responsive-layout{
    display:grid!important;
    grid-template-columns:minmax(320px,.72fr) minmax(0,1.42fr)!important;
    gap:12px!important;
    align-items:start!important;
    width:100%!important;
    direction:ltr!important;
  }
  body.embedded-product-editor .product-editor-responsive-layout__main{
    grid-column:2!important;direction:rtl!important;gap:10px!important;min-width:0!important;
  }
  body.embedded-product-editor .product-editor-responsive-layout__side{
    grid-column:1!important;direction:rtl!important;gap:10px!important;min-width:0!important;
    position:sticky!important;top:8px!important;align-self:start!important;
    max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain;padding-inline-end:2px;scrollbar-width:thin;
  }
  body.embedded-product-editor .commerce-wizard-panel{
    padding:12px!important;border-radius:16px!important;margin:0!important;
    box-shadow:none!important;
  }
  body.embedded-product-editor .commerce-wizard-heading{margin-bottom:9px!important}
  body.embedded-product-editor .commerce-wizard-heading h2{font-size:.94rem!important;margin-top:3px!important;line-height:1.45!important}
  body.embedded-product-editor .product-editor-section__eyebrow{font-size:.63rem!important}
  body.embedded-product-editor .panel-form-row,
  body.embedded-product-editor .product-content-fields{gap:8px!important}
  body.embedded-product-editor input:not([type=radio]):not([type=checkbox]):not([type=file]),
  body.embedded-product-editor select{min-height:39px!important}
  body.embedded-product-editor textarea{min-height:70px!important}
  body.embedded-product-editor .product-image-gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.embedded-product-editor .product-image-upload>span{min-height:76px!important;padding:10px!important}
}
@media (min-width:1280px){
  body.embedded-product-editor .product-editor-responsive-layout{grid-template-columns:minmax(390px,.76fr) minmax(0,1.5fr)!important;gap:14px!important}
  body.embedded-product-editor .product-editor-responsive-layout__side{top:10px!important}
  body.embedded-product-editor .product-image-gallery-editor{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Product kind is a compact selector, not a hero card. */
body.embedded-product-editor .product-editor-section--kind{
  padding:10px 12px!important;display:grid!important;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr)!important;
  align-items:center!important;gap:10px!important;border-radius:16px!important;min-height:0!important;
}
body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading{margin:0!important;padding-inline-end:0!important}
body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading h2{font-size:.86rem!important;margin:2px 0 0!important}
body.embedded-product-editor .product-editor-section--kind .product-editor-section__state{width:25px!important;height:25px!important;inset-block-start:8px!important;inset-inline-end:8px!important}
body.embedded-product-editor .product-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.embedded-product-editor .product-kind-grid label>span{
  min-height:56px!important;height:auto!important;padding:8px 10px!important;border-radius:13px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  align-items:center!important;column-gap:9px!important;row-gap:0!important;
}
body.embedded-product-editor .product-kind-grid label>span>i{
  grid-row:1/3;width:34px!important;height:34px!important;border-radius:10px!important;font-size:.88rem!important;
}
body.embedded-product-editor .product-kind-grid strong{font-size:.78rem!important;line-height:1.45!important}
body.embedded-product-editor .product-kind-grid small{font-size:.59rem!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Imported/source specifications become a clean disclosure instead of a long always-open block. */
.product-source-specifications--editor{
  margin-top:10px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;overflow:hidden!important;
}
.product-source-specifications--editor>summary{list-style:none;cursor:pointer;user-select:none}
.product-source-specifications--editor>summary::-webkit-details-marker{display:none}
.product-source-specifications--editor .product-source-specifications__head{
  min-height:48px;padding:8px 11px!important;border:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))!important;
}
.product-source-specifications__head>span:first-child{min-width:0;display:flex;align-items:center;gap:8px}
.product-source-specifications__head strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-source-specifications__meta{display:flex!important;align-items:center!important;gap:8px!important;color:var(--muted);flex:0 0 auto}
.product-source-specifications__meta small{font-size:.64rem;font-weight:850}
.product-source-specifications__meta>i{transition:transform .18s ease;font-size:.7rem}
.product-source-specifications--editor[open] .product-source-specifications__meta>i{transform:rotate(180deg)}
.product-source-specifications__body{border-top:1px solid var(--border);padding:8px!important;max-height:380px;overflow:auto;overscroll-behavior:contain}
.product-source-specifications--editor .product-source-specifications__body>[data-source-spec-list]{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important}
.product-source-specifications--editor .product-source-spec-row{grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr) 32px!important;gap:6px!important}
.product-source-specifications--editor .product-source-spec-row input,
.product-source-specifications--editor .product-source-spec-row textarea{padding:7px 8px!important;font-size:.67rem!important;min-height:34px!important}
.product-source-specifications--editor .product-source-spec-row textarea{height:34px!important;min-height:34px!important;resize:vertical!important}
.product-source-specifications--editor .product-source-spec-remove{width:32px!important;height:32px!important}
.product-source-specifications--editor .product-source-spec-add{margin:8px 0 0!important;min-height:36px!important;width:100%}

/* Brand admin: search/filter/page-size dropdown + pagination for large catalogs. */
.commerce-brand-admin__toolbar{align-items:flex-end!important;gap:14px!important;flex-wrap:wrap!important}
.commerce-brand-admin__toolbar-actions{margin-inline-start:auto;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.commerce-brand-admin__search{height:40px;min-width:220px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted)}
.commerce-brand-admin__search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text);font:inherit;font-size:.72rem}
.commerce-brand-admin__select{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:.58rem;font-weight:850}
.commerce-brand-admin__select select{min-width:112px;height:40px;padding:0 9px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-size:.68rem;outline:0}
.commerce-brand-admin__select:first-of-type select{min-width:160px}
.commerce-brand-admin__grid.is-filtered-empty::after{content:'موردی پیدا نشد';grid-column:1/-1;padding:32px;text-align:center;color:var(--muted);font-weight:850}
html[lang="en"] .commerce-brand-admin__grid.is-filtered-empty::after{content:'No matching brands'}
.commerce-brand-admin__pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px 16px}
.commerce-brand-admin__pager[hidden]{display:none!important}
.commerce-brand-admin__pager>span{min-width:110px;text-align:center;color:var(--muted);font-size:.69rem;font-weight:900}
.commerce-brand-admin-card[hidden]{display:none!important}

@media(max-width:819px){
  .product-editor-dialog{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:20px!important}
  body.embedded-product-editor .product-editor-section--kind{display:block!important;padding:11px!important}
  body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading{margin-bottom:8px!important}
  body.embedded-product-editor .product-kind-grid{grid-template-columns:1fr 1fr!important}
  body.embedded-product-editor .product-kind-grid small{white-space:normal}
  .product-source-specifications--editor .product-source-spec-row{grid-template-columns:1fr 32px!important}
  .product-source-specifications--editor .product-source-spec-row textarea{grid-column:1/-1;height:56px!important}
  .commerce-brand-admin__toolbar-actions{width:100%;justify-content:stretch}
  .commerce-brand-admin__search{flex:1 1 100%;min-width:0}
  .commerce-brand-admin__select{flex:1 1 140px}
  .commerce-brand-admin__select select{width:100%;min-width:0!important}
}
@media(max-width:520px){
  .product-editor-dialog{width:100%!important;height:94dvh!important;max-height:94dvh!important;margin:auto 0 0!important;border-radius:24px 24px 0 0!important}
  body.embedded-product-editor .product-kind-grid{grid-template-columns:1fr!important}
}

/* --- migrated from v116-product-editor.css --- */
/* v116 — product editor layout rebuilt after visual QA at desktop/laptop sizes. */

/* Keep the product editor unmistakably modal: wide enough to work, but with breathing room. */
.product-editor-dialog{
  width:min(1460px,calc(100vw - 72px))!important;
  height:min(860px,calc(100dvh - 72px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  border-radius:22px!important;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  background:var(--surface)!important;
  box-shadow:0 32px 90px rgba(15,23,42,.28),0 10px 28px rgba(15,23,42,.13)!important;
}
.product-editor-dialog .dialog-head{min-height:62px!important;padding:10px 17px!important}
.product-editor-dialog .dialog-head h2{font-size:1rem!important;line-height:1.4!important}
.product-editor-dialog .dialog-head small{font-size:.64rem!important}
.product-editor-dialog__footer{min-height:58px!important;padding:9px 14px!important}
.product-editor-dialog .product-editor-frame-shell{background:var(--surface-soft)!important}

body.embedded-product-editor{background:var(--surface-soft)!important}
body.embedded-product-editor .panel-shell.panel-shell--single.section-narrow{padding:10px 11px 14px!important}
body.embedded-product-editor .commerce-product-wizard{gap:10px!important}

/* Product kind: one compact control strip, not a hero section. */
body.embedded-product-editor .product-editor-section--kind{
  display:grid!important;
  grid-template-columns:minmax(140px,180px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:68px!important;
  padding:9px 11px!important;
  border-radius:15px!important;
}
body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading{margin:0!important;padding:0!important}
body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading h2{font-size:.79rem!important;margin:1px 0 0!important}
body.embedded-product-editor .product-editor-section--kind .product-editor-section__eyebrow{font-size:.58rem!important}
body.embedded-product-editor .product-editor-section--kind .product-editor-section__state{
  width:23px!important;height:23px!important;inset-block-start:7px!important;inset-inline-end:7px!important;font-size:.67rem!important
}
body.embedded-product-editor .product-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body.embedded-product-editor .product-kind-grid label>span{
  min-height:48px!important;padding:6px 9px!important;border-radius:12px!important;
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:8px!important;row-gap:0!important;align-items:center!important
}
body.embedded-product-editor .product-kind-grid label>span>i{grid-row:1/3;width:30px!important;height:30px!important;border-radius:9px!important;font-size:.78rem!important}
body.embedded-product-editor .product-kind-grid strong{font-size:.73rem!important}
body.embedded-product-editor .product-kind-grid small{font-size:.55rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Real desktop editor: right side is the form, left side is a sticky pricing/media rail. */
@media (min-width:900px){
  body.embedded-product-editor .product-editor-responsive-layout{
    display:grid!important;
    grid-template-columns:minmax(350px,.72fr) minmax(0,1.62fr)!important;
    grid-template-areas:"side main"!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    align-items:start!important;
    direction:ltr!important;
  }
  body.embedded-product-editor .product-editor-responsive-layout.is-side-empty{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"main"!important;
  }
  body.embedded-product-editor .product-editor-responsive-layout__main{
    grid-area:main!important;direction:rtl!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important
  }
  body.embedded-product-editor .product-editor-responsive-layout__side{
    grid-area:side!important;direction:rtl!important;display:flex!important;flex-direction:column!important;gap:10px!important;
    position:sticky!important;top:0!important;align-self:start!important;
    max-height:calc(100dvh - 36px)!important;overflow:auto!important;overscroll-behavior:contain!important;
    padding:0 0 2px 2px!important;scrollbar-width:thin!important;min-width:0!important
  }
  body.embedded-product-editor .product-editor-responsive-layout__side[hidden]{display:none!important}

  body.embedded-product-editor .commerce-wizard-panel{
    min-height:0!important;height:auto!important;padding:11px 12px!important;margin:0!important;border-radius:15px!important;box-shadow:none!important
  }
  body.embedded-product-editor .commerce-wizard-heading{margin-bottom:8px!important;padding-inline-end:24px!important}
  body.embedded-product-editor .commerce-wizard-heading h2{font-size:.88rem!important;line-height:1.45!important;margin:2px 0 0!important}
  body.embedded-product-editor .product-editor-section__eyebrow{font-size:.59rem!important}
  body.embedded-product-editor .product-editor-section__state{width:24px!important;height:24px!important;font-size:.65rem!important}
  body.embedded-product-editor .panel-form-row,
  body.embedded-product-editor .product-content-fields{gap:8px!important}
  body.embedded-product-editor input:not([type=radio]):not([type=checkbox]):not([type=file]),
  body.embedded-product-editor select{min-height:37px!important;height:auto!important;padding-block:6px!important}
  body.embedded-product-editor textarea{min-height:62px!important}
  body.embedded-product-editor label,
  body.embedded-product-editor .product-editor-field>span{font-size:.68rem!important}
  body.embedded-product-editor .product-editor-field small{font-size:.56rem!important;line-height:1.55!important}

  /* Keep the category browser useful without letting it dominate the modal. */
  body.embedded-product-editor .product-category-tree--embedded{
    max-height:245px!important;overflow:auto!important;overscroll-behavior:contain!important;padding:6px!important;border-radius:13px!important;scrollbar-width:thin!important
  }
  body.embedded-product-editor .product-category-tree__row{min-height:39px!important;padding-block:4px!important}
  body.embedded-product-editor .product-category-tree__copy strong{font-size:.69rem!important}
  body.embedded-product-editor .product-category-tree__copy small{font-size:.53rem!important}
  body.embedded-product-editor .product-category-tree__icon{width:30px!important;height:30px!important;border-radius:9px!important}
  body.embedded-product-editor .product-category-selection{margin-top:7px!important;padding:8px 10px!important;font-size:.63rem!important;border-radius:11px!important}

  /* Supply/import controls should read as one compact workbench. */
  body.embedded-product-editor .commerce-choice-grid--two-clean{gap:7px!important}
  body.embedded-product-editor .commerce-choice-grid--two-clean label>span{padding:9px 10px!important;min-height:62px!important;border-radius:12px!important}
  body.embedded-product-editor .commerce-choice-grid--two-clean label>span>i{width:34px!important;height:34px!important;border-radius:10px!important;font-size:.82rem!important}
  body.embedded-product-editor .commerce-supply-fields,
  body.embedded-product-editor .commerce-pricing-fields{margin-top:9px!important;padding:10px!important;border-radius:13px!important}
  body.embedded-product-editor .product-source-supported{margin-bottom:8px!important;gap:5px!important}
  body.embedded-product-editor .product-source-supported b{font-size:.54rem!important;padding:4px 7px!important}
  body.embedded-product-editor .product-source-fetch-row{gap:7px!important}
  body.embedded-product-editor .product-source-preview{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important}
  body.embedded-product-editor .product-source-preview>div{padding:7px!important;border-radius:10px!important}
  body.embedded-product-editor .product-source-preview span{font-size:.53rem!important}
  body.embedded-product-editor .product-source-preview strong{font-size:.66rem!important}
  body.embedded-product-editor .product-source-lead-note{margin-top:7px!important;padding:8px 9px!important;border-radius:11px!important}

  /* The left rail must visually read as pricing + media, and stay useful while the main form scrolls. */
  body.embedded-product-editor .product-editor-responsive-layout__side>[data-wizard-panel="5"],
  body.embedded-product-editor .product-editor-responsive-layout__side>[data-wizard-panel="7"]{
    background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))!important;
    box-shadow:0 8px 24px color-mix(in srgb,#0f172a 5%,transparent)!important
  }
  body.embedded-product-editor .product-editor-responsive-layout__side>[data-wizard-panel="5"]{order:1!important}
  body.embedded-product-editor .product-editor-responsive-layout__side>[data-wizard-panel="7"]{order:2!important}
  body.embedded-product-editor .product-fixed-price-grid{grid-template-columns:1fr!important;gap:7px!important}
  body.embedded-product-editor .product-fx-live{padding:8px!important;margin-bottom:8px!important}
  body.embedded-product-editor .product-price-preview{padding:9px!important;border-radius:11px!important}
  body.embedded-product-editor .product-image-upload>span{min-height:62px!important;padding:8px!important;border-radius:12px!important}
  body.embedded-product-editor .product-image-upload>span>i{font-size:1rem!important}
  body.embedded-product-editor .product-image-upload strong{font-size:.69rem!important}
  body.embedded-product-editor .product-image-upload small{font-size:.53rem!important}
  body.embedded-product-editor .product-image-gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}
  body.embedded-product-editor .product-image-editor-item{border-radius:11px!important}
  body.embedded-product-editor .product-image-editor-item__preview{height:104px!important}
  body.embedded-product-editor .product-image-editor-item>div{padding:6px!important;gap:4px!important}
  body.embedded-product-editor .product-image-main-choice span{padding:5px 6px!important;font-size:.54rem!important}
  body.embedded-product-editor .product-image-remove{font-size:.54rem!important}
  body.embedded-product-editor .product-video-links{grid-template-columns:1fr!important;gap:7px!important;margin-top:9px!important;padding-top:9px!important}

  /* Imported specifications remain collapsed until the admin asks for them. */
  body.embedded-product-editor .product-source-specifications--editor{margin-top:8px!important;border-radius:12px!important}
  body.embedded-product-editor .product-source-specifications--editor .product-source-specifications__head{min-height:42px!important;padding:7px 9px!important}
  body.embedded-product-editor .product-source-specifications__body{max-height:260px!important;padding:7px!important}
  body.embedded-product-editor .product-source-specifications--editor .product-source-spec-row{grid-template-columns:minmax(105px,.68fr) minmax(0,1.32fr) 30px!important}

  body.embedded-product-editor .product-editor-section--publish .commerce-choice-grid label>span{min-height:56px!important;padding:9px!important}
}

@media (min-width:1280px){
  body.embedded-product-editor .product-editor-responsive-layout{grid-template-columns:minmax(390px,.74fr) minmax(0,1.66fr)!important;gap:15px!important}
  body.embedded-product-editor .product-image-gallery-editor{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.embedded-product-editor .product-image-editor-item__preview{height:94px!important}
}

/* Tablet: still a real centered modal, but use one flow to avoid squeezed columns. */
@media (min-width:641px) and (max-width:899px){
  .product-editor-dialog{width:calc(100vw - 30px)!important;height:calc(100dvh - 30px)!important;max-height:calc(100dvh - 30px)!important;border-radius:20px!important}
  body.embedded-product-editor .product-editor-section--kind{grid-template-columns:1fr!important}
  body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading{margin-bottom:6px!important}
  body.embedded-product-editor .commerce-wizard-panel{padding:12px!important;min-height:0!important}
  body.embedded-product-editor .product-category-tree--embedded{max-height:280px!important;overflow:auto!important}
}

@media (max-width:640px){
  .product-editor-dialog{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:18px!important}
  body.embedded-product-editor .product-editor-section--kind{display:block!important;padding:10px!important}
  body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading{margin-bottom:7px!important}
  body.embedded-product-editor .product-kind-grid{grid-template-columns:1fr 1fr!important}
  body.embedded-product-editor .product-kind-grid small{display:none!important}
}

/* v118.1 — brokered product pricing can switch between Jolfa smart and manual. */
.product-source-pricing-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.product-source-pricing-mode label{cursor:pointer;position:relative}
.product-source-pricing-mode input{position:absolute;opacity:0;pointer-events:none}
.product-source-pricing-mode label>span{min-height:92px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.product-source-pricing-mode label>span>i{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}
.product-source-pricing-mode label>span>strong{align-self:end;font-size:.82rem}.product-source-pricing-mode label>span>small{align-self:start;color:var(--muted);font-size:.69rem;line-height:1.65}
.product-source-pricing-mode input:checked+span{border-color:color-mix(in srgb,var(--primary) 62%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 9%,transparent)}
.product-source-manual-price{margin:12px 0;padding:12px;border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 3%,var(--surface))}
.product-source-manual-price[hidden]{display:none!important}.product-source-manual-price .product-editor-field{margin:0}
@media(max-width:640px){.product-source-pricing-mode{grid-template-columns:1fr}.product-source-pricing-mode label>span{min-height:78px}}

/* --- migrated from v117-product-editor-readability.css --- */
/* v117 — product editor readability pass: no micro text, larger media cards. */

/* The editor may be dense, but text must stay comfortably legible. */
.product-editor-dialog .dialog-head small,
body.embedded-product-editor small,
body.embedded-product-editor .product-editor-section__eyebrow,
body.embedded-product-editor .product-editor-field small,
body.embedded-product-editor .product-category-tree__copy small,
body.embedded-product-editor .product-category-selection,
body.embedded-product-editor .product-source-supported b,
body.embedded-product-editor .product-source-preview span,
body.embedded-product-editor .product-source-lead-note,
body.embedded-product-editor .product-image-upload small,
body.embedded-product-editor .product-image-main-choice span,
body.embedded-product-editor .product-image-remove,
body.embedded-product-editor .product-image-file-name,
body.embedded-product-editor .product-source-specifications--editor .product-source-spec-row,
body.embedded-product-editor .product-source-specifications--editor .product-source-specifications__head,
body.embedded-product-editor .product-video-links {
  font-size:12px!important;
  line-height:1.55!important;
}

body.embedded-product-editor label,
body.embedded-product-editor .product-editor-field>span,
body.embedded-product-editor .product-kind-grid strong,
body.embedded-product-editor .product-category-tree__copy strong,
body.embedded-product-editor .product-source-preview strong,
body.embedded-product-editor .product-image-upload strong,
body.embedded-product-editor .commerce-choice-grid label>span strong,
body.embedded-product-editor .product-price-preview span,
body.embedded-product-editor .product-price-preview small {
  font-size:13px!important;
  line-height:1.5!important;
}

body.embedded-product-editor input:not([type=radio]):not([type=checkbox]):not([type=file]),
body.embedded-product-editor select,
body.embedded-product-editor textarea {
  font-size:13px!important;
  line-height:1.55!important;
}

body.embedded-product-editor .product-editor-section--kind .commerce-wizard-heading h2,
body.embedded-product-editor .commerce-wizard-heading h2 {
  font-size:15px!important;
  line-height:1.45!important;
}

/* Gallery thumbnails were over-compressed in v116. Two useful columns are better
   than three tiny cards in the sticky rail. */
@media (min-width:900px){
  body.embedded-product-editor .product-image-gallery-editor{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.embedded-product-editor .product-image-editor-item__preview{
    height:148px!important;
    min-height:148px!important;
  }
  body.embedded-product-editor .product-image-editor-item>div,
  body.embedded-product-editor .product-image-editor-item__tools{
    padding:8px!important;
    gap:6px!important;
  }
  body.embedded-product-editor .product-image-editor-item__tools{
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  body.embedded-product-editor .product-image-drag{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }
}

@media (min-width:1280px){
  body.embedded-product-editor .product-image-gallery-editor{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.embedded-product-editor .product-image-editor-item__preview{
    height:162px!important;
    min-height:162px!important;
  }
}

@media (min-width:641px) and (max-width:899px){
  body.embedded-product-editor .product-image-gallery-editor{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.embedded-product-editor .product-image-editor-item__preview{
    height:160px!important;
  }
}

@media (max-width:640px){
  body.embedded-product-editor .product-image-gallery-editor{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.embedded-product-editor .product-image-editor-item__preview{
    height:138px!important;
  }
}

/* Higher-specificity fixes for legacy micro-copy rules. */
body.embedded-product-editor .product-editor-section--kind .product-editor-section__eyebrow,
body.embedded-product-editor .product-kind-grid small,
body.embedded-product-editor .product-category-dropdown__trigger-copy small,
body.embedded-product-editor .product-category-dropdown__hint,
body.embedded-product-editor .product-category-tree__copy small,
body.embedded-product-editor .product-category-selection,
body.embedded-product-editor .product-fx-live span,
body.embedded-product-editor .product-price-preview span,
body.embedded-product-editor .product-price-preview small,
body.embedded-product-editor .product-locale-tabs>button,
body.embedded-product-editor .product-locale-tabs>button small,
body.embedded-product-editor .product-locale-add__button,
body.embedded-product-editor .product-locale-panel__head small,
body.embedded-product-editor .product-image-upload>span>small,
body.embedded-product-editor .product-image-main-choice span,
body.embedded-product-editor .product-image-remove,
body.embedded-product-editor .product-image-file-name,
body.embedded-product-editor .product-editor-field>small,
body.embedded-product-editor .product-source-supported,
body.embedded-product-editor .product-source-supported>b,
body.embedded-product-editor .product-source-status,
body.embedded-product-editor .product-source-preview span,
body.embedded-product-editor .product-source-specifications b,
body.embedded-product-editor .product-source-specifications span,
body.embedded-product-editor .product-locale-tab-remove,
body.embedded-product-editor .product-image-editor-item--imported:before,
body.embedded-product-editor .source-sync-pill,
body.embedded-product-editor .notice-banner--source-danger span,
body.embedded-product-editor .product-source-table-state,
body.embedded-product-editor .product-inline-action,
body.embedded-product-editor .product-source-spec-row input,
body.embedded-product-editor .product-source-spec-row textarea,
body.embedded-product-editor .product-locale-add__composer input,
body.embedded-product-editor .product-source-specifications__head strong,
body.embedded-product-editor .product-source-specifications__meta small,
body.embedded-product-editor .product-source-specifications--editor .product-source-spec-row input,
body.embedded-product-editor .product-source-specifications--editor .product-source-spec-row textarea {
  font-size:12px!important;
  line-height:1.55!important;
}

/* --- migrated from v118-commerce-experience.css --- */
/* Jolfa v118 — commerce navigation, search, market policy UI and mobile purchase UX. */

/* ---------- Global search ---------- */
.site-header__search{position:relative;min-width:0;flex:1 1 340px;max-width:430px;z-index:8}
.jolfa-global-search{position:relative;display:flex;align-items:stretch;gap:8px;width:100%;font-family:"Vazirmatn",Tahoma,Arial,sans-serif}
.jolfa-global-search__field{min-width:0;flex:1;display:flex;align-items:center;gap:9px;height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.jolfa-global-search__field:focus-within{background:rgba(255,255,255,.16);border-color:rgba(196,154,255,.72);box-shadow:0 0 0 3px rgba(144,76,190,.18)}
.jolfa-global-search__field>i{color:#e9dcf5;font-size:15px;flex:0 0 auto}
.jolfa-global-search__field input{min-width:0;width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:600 13px/1.7 "Vazirmatn",Tahoma,Arial,sans-serif!important;box-shadow:none!important;padding:0!important}
.jolfa-global-search__field input::placeholder{color:rgba(255,255,255,.72);opacity:1}
.jolfa-global-search__clear{width:32px;height:32px;min-width:32px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.jolfa-global-search__submit{min-width:92px;height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.45);border-radius:14px;color:#351145;background:linear-gradient(180deg,#fff,#efe5f6);box-shadow:0 8px 20px rgba(11,4,19,.2);font:800 13px "Vazirmatn",sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.jolfa-global-search__submit:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(11,4,19,.27)}
.jolfa-global-search__submit i{transition:transform .18s ease}.jolfa-global-search__submit:hover i{transform:translateX(-3px)}
html[dir=ltr] .jolfa-global-search__submit:hover i{transform:translateX(3px)}
.jolfa-global-search__results{position:absolute;inset-inline:0;top:calc(100% + 10px);max-height:min(520px,70vh);overflow:auto;padding:8px;background:#fff;color:#202331;border:1px solid #e6e2e9;border-radius:18px;box-shadow:0 24px 60px rgba(18,10,27,.25);z-index:1200}
.jolfa-search-results__label{padding:7px 11px 5px;color:#766f7c;font:800 12px "Vazirmatn",sans-serif}
.jolfa-search-suggestion{display:flex;align-items:center;gap:11px;min-height:58px;padding:8px 10px;border-radius:13px;color:#242432;text-decoration:none;transition:background .18s ease,transform .18s ease}
.jolfa-search-suggestion:hover,.jolfa-search-suggestion.is-keyboard-active{background:#f5f0f8;transform:translateX(-2px)}html[dir=ltr] .jolfa-search-suggestion:hover,html[dir=ltr] .jolfa-search-suggestion.is-keyboard-active{transform:translateX(2px)}
.jolfa-search-suggestion__icon,.jolfa-search-suggestion__media{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:12px;background:#f1eaf6;color:#61247c;overflow:hidden}
.jolfa-search-suggestion__media img{width:100%;height:100%;object-fit:contain;background:#fff}
.jolfa-search-suggestion__copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.jolfa-search-suggestion__copy strong{font-size:13px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jolfa-search-suggestion__copy small{font-size:12px;color:#85808a}
.jolfa-search-suggestion__price{flex:0 0 auto;font-size:12px;font-weight:900;color:#25202b}.jolfa-search-suggestion__price.is-unavailable{color:#d7193f}.jolfa-search-suggestion__price .jolfa-price__unit{font-size:12px!important}

/* ---------- Unavailable PDP ---------- */
.commerce-buy-box.is-unavailable{position:relative;isolation:isolate;overflow:hidden;min-height:118px;display:grid!important;place-items:center!important;padding:20px 22px!important;border:1px solid color-mix(in srgb,#d94b74 16%,var(--border))!important;border-radius:24px!important;background:radial-gradient(circle at 12% 22%,rgba(231,83,126,.11) 0,rgba(231,83,126,0) 24%),radial-gradient(circle at 88% 80%,rgba(242,123,157,.13) 0,rgba(242,123,157,0) 28%),linear-gradient(135deg,#fff8fa 0%,#fff2f6 100%),url('../img/ui/unavailable-orbit.svg') center/cover no-repeat!important;box-shadow:0 12px 30px rgba(196,52,96,.08)!important;color:#b4234f!important}
.commerce-buy-box.is-unavailable::before{display:none!important}.commerce-buy-box.is-unavailable>*:not(.commerce-buy-box__unavailable){display:none!important}
.commerce-buy-box__unavailable{position:relative;z-index:1;max-width:330px;width:100%;min-height:64px;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:14px 18px!important;border:1px solid rgba(205,62,102,.14);border-radius:18px;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 24px rgba(179,35,79,.08)!important;backdrop-filter:blur(6px);color:#b4234f!important;text-align:center}
.commerce-buy-box__unavailable i{font-size:18px;color:#cf2f63!important;filter:none}.commerce-buy-box__unavailable strong{font:900 18px/1.6 "Vazirmatn",sans-serif;color:#b4234f!important;letter-spacing:-.01em}
.commerce-mobile-pdp-buybar.is-unavailable{overflow:hidden;isolation:isolate;min-height:70px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 10% 18%,rgba(231,83,126,.11) 0,rgba(231,83,126,0) 24%),radial-gradient(circle at 92% 82%,rgba(242,123,157,.14) 0,rgba(242,123,157,0) 28%),linear-gradient(135deg,#fff8fa 0%,#fff1f5 100%),url('../img/ui/unavailable-orbit.svg') center/cover no-repeat!important;border-top:1px solid color-mix(in srgb,#d94b74 14%,var(--border))!important;box-shadow:0 -10px 26px rgba(179,35,79,.08)!important}
.commerce-mobile-pdp-buybar.is-unavailable>*:not(.commerce-mobile-pdp-buybar__unavailable){display:none!important}.commerce-mobile-pdp-buybar__unavailable{width:max-content;max-width:100%;min-height:44px;display:flex!important;flex-direction:row-reverse!important;direction:ltr!important;align-items:center!important;justify-content:center!important;gap:8px;margin-inline:auto;padding:0 14px;border:1px solid rgba(205,62,102,.15);border-radius:999px;background:rgba(255,255,255,.78)!important;box-shadow:0 8px 18px rgba(179,35,79,.08)!important;color:#b4234f!important;white-space:nowrap}.commerce-mobile-pdp-buybar__unavailable i{font-size:16px;color:#cf2f63!important}.commerce-mobile-pdp-buybar__unavailable strong{font:900 15px/1 "Vazirmatn",sans-serif;color:#b4234f!important;letter-spacing:-.01em}

/* ---------- Product gallery / product mobile header ---------- */
.commerce-gallery-step{display:none!important}.commerce-product-gallery__main{touch-action:pan-y;overscroll-behavior-x:contain}
.commerce-mobile-product-header__row{display:flex;align-items:center;width:100%;min-height:58px;gap:8px}.commerce-mobile-product-header__search{display:none}
.commerce-mobile-product-header__brand .brand-wordmark{font-size:19px!important;line-height:1!important;letter-spacing:.15px}.commerce-mobile-product-header__brand .brand-slogan{display:block!important;margin-top:4px;font-size:12px!important;line-height:1.2;color:#827287!important;min-height:15px}.commerce-mobile-product-header__brand .brand-wordmark::before,.commerce-mobile-product-header__brand .brand-wordmark::after{font-size:.85em}.commerce-mobile-product-header__brand img{filter:drop-shadow(0 5px 10px rgba(66,20,87,.14))}

/* ---------- Drawer direction + motion ---------- */
.mobile-menu-overlay{opacity:0!important;visibility:hidden;display:block!important;transition:opacity .24s ease,visibility .24s ease!important;background:rgba(14,8,20,.46)!important;backdrop-filter:blur(3px)}body.menu-open .mobile-menu-overlay{opacity:1!important;visibility:visible!important}
.mobile-drawer{display:flex!important;flex-direction:column!important;transition:transform .26s cubic-bezier(.22,.75,.25,1),box-shadow .26s ease!important;will-change:transform;visibility:visible!important}
html[dir=rtl] .mobile-drawer{right:0!important;left:auto!important;inset-inline:auto!important;transform:translateX(104%)!important;border-radius:20px 0 0 20px!important}html[dir=rtl] body.menu-open .mobile-drawer{transform:translateX(0)!important}
html[dir=ltr] .mobile-drawer{left:0!important;right:auto!important;inset-inline:auto!important;transform:translateX(-104%)!important;border-radius:0 20px 20px 0!important}html[dir=ltr] body.menu-open .mobile-drawer{transform:translateX(0)!important}
.mobile-drawer__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.mobile-menu-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important}

/* ---------- Shop ---------- */
.jolfa-shop{display:grid;gap:28px;padding-top:24px;padding-bottom:48px}.jolfa-shop-hero{position:relative;overflow:hidden;min-height:300px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:32px;padding:42px 46px;border:1px solid #eadff0;border-radius:28px;background:radial-gradient(circle at 88% 25%,rgba(118,58,148,.16),transparent 32%),linear-gradient(135deg,#fff 0%,#faf7fc 58%,#f2eaf7 100%);box-shadow:0 20px 60px rgba(47,21,61,.09)}
.jolfa-shop-hero__copy{position:relative;z-index:2;max-width:760px}.jolfa-shop-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 12px;border-radius:999px;background:#efe6f4;color:#5f2377;font-size:12px;font-weight:900}.jolfa-shop-hero h1{margin:14px 0 10px;font-size:clamp(30px,3vw,48px);line-height:1.45;color:#24162b}.jolfa-shop-hero p{max-width:670px;margin:0;color:#6d6472;font-size:14px;line-height:2}.jolfa-shop-hero__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.jolfa-shop-hero__chips a{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border:1px solid #ded2e5;border-radius:13px;background:#fff;color:#54206a;font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 7px 20px rgba(48,22,61,.06);transition:transform .2s ease,border-color .2s ease}.jolfa-shop-hero__chips a:hover{transform:translateY(-2px);border-color:#9d68b2}
.jolfa-shop-hero__visual{position:relative;min-height:210px;display:grid;place-items:center}.jolfa-shop-hero__mark{position:relative;z-index:2;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(109,48,139,.15);border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 20px 50px rgba(83,33,109,.14);backdrop-filter:blur(12px)}.jolfa-shop-hero__mark img{width:82px;height:82px;object-fit:contain}.jolfa-shop-hero__mark .brand-wordmark{font-size:24px}.jolfa-shop-orbit{position:absolute;border:1px solid rgba(99,41,127,.18);border-radius:50%;animation:jolfa-shop-orbit 12s linear infinite}.jolfa-shop-orbit--one{width:250px;height:250px}.jolfa-shop-orbit--two{width:310px;height:160px;transform:rotate(-18deg);animation-duration:16s}@keyframes jolfa-shop-orbit{to{rotate:360deg}}
.jolfa-shop-categories,.jolfa-shop-products{display:grid;gap:16px}.jolfa-shop-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.jolfa-shop-section-head>div>span{display:block;color:#7d6d84;font-size:12px;font-weight:800}.jolfa-shop-section-head h2{margin:3px 0 0;font-size:24px;color:#261c2b}.jolfa-shop-section-head>a{min-height:44px;display:flex;align-items:center;gap:7px;color:#692783;font-size:13px;font-weight:850;text-decoration:none}.jolfa-shop-root-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.jolfa-shop-root-card{overflow:hidden;border:1px solid #e7dfe9;border-radius:22px;background:#fff;box-shadow:0 10px 34px rgba(37,21,44,.06)}.jolfa-shop-root-card__head{min-height:78px;display:flex;align-items:center;gap:12px;padding:15px 17px;color:#2b2230;text-decoration:none;background:linear-gradient(180deg,#fff,#fbf9fc);border-bottom:1px solid #eee8f0}.jolfa-shop-root-card__head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#efe6f4;color:#6a2b83;font-size:19px}.jolfa-shop-root-card__head>div{min-width:0;flex:1;display:flex;flex-direction:column}.jolfa-shop-root-card__head strong{font-size:16px}.jolfa-shop-root-card__head small{font-size:12px;color:#8a808e}.jolfa-shop-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.jolfa-shop-branch-grid>a{min-height:62px;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;color:#342a39;text-decoration:none;transition:background .18s ease,transform .18s ease}.jolfa-shop-branch-grid>a:hover{background:#f7f2f9;transform:translateY(-1px)}.jolfa-shop-branch-grid>a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f5f1f7;color:#704088}.jolfa-shop-branch-grid>a>div{min-width:0;display:flex;flex-direction:column}.jolfa-shop-branch-grid strong{font-size:13px}.jolfa-shop-branch-grid small{font-size:12px;color:#8f8792}.jolfa-shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.jolfa-shop-product-card{transition:transform .2s ease,box-shadow .2s ease}.jolfa-shop-product-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(31,19,36,.09)}

/* ---------- Login panel chooser ---------- */
.login-panel-chooser{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid #e4dbe7;border-radius:24px;background:#fff;box-shadow:0 22px 70px rgba(26,14,34,.16);text-align:center}.login-panel-chooser__success{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#e9f7f1;color:#0d7b56;font-size:12px;font-weight:900}.login-panel-chooser h1{margin:14px 0 6px;font-size:22px;color:#24182a}.login-panel-chooser>p{margin:0 0 20px;color:#756c79;font-size:13px}.login-panel-chooser__grid{display:grid;gap:9px}.login-panel-choice{min-height:66px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e4dde7;border-radius:16px;color:#2c2331;text-decoration:none;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.login-panel-choice:hover{transform:translateY(-2px);border-color:#9b6aae;box-shadow:0 10px 24px rgba(71,35,86,.1)}.login-panel-choice>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f0e8f4;color:#6b2b84}.login-panel-choice strong{flex:1;text-align:start;font-size:14px}.login-panel-chooser__logout{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#a73b50;font-size:12px;text-decoration:none}

/* ---------- Admin market settings ---------- */
.sales-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sales-market-card{padding:16px;border:1px solid #e3dce7;border-radius:18px;background:#fff}.sales-market-card>header{display:flex;align-items:center;gap:10px;margin-bottom:13px}.sales-market-card>header>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#efe7f3;color:#64287d}.sales-market-card>header>div{display:flex;flex-direction:column}.sales-market-card>header strong{font-size:14px}.sales-market-card>header small{font-size:12px;color:#88808d}.sales-market-languages{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.sales-market-languages label{position:relative;min-height:52px;cursor:pointer}.sales-market-languages input{position:absolute;opacity:0}.sales-market-languages span{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ded6e1;border-radius:13px;background:#faf9fb}.sales-market-languages input:checked+span{border-color:#71328b;background:#f2e9f6;color:#5f2377;box-shadow:inset 0 0 0 1px #71328b}.sales-market-languages b{font-size:13px}.sales-market-languages small{font-size:12px}.sales-market-countries{border:1px solid #e5dee7;border-radius:14px}.sales-market-countries>summary{min-height:52px;display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;list-style:none}.sales-market-countries>summary>span{flex:1;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:850}.sales-market-countries>summary>b{font-size:12px;color:#6e6174}.sales-market-countries__body{padding:10px;border-top:1px solid #eee8ef}.sales-country-all{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#f7f4f8}.sales-country-all>span{display:flex;flex-direction:column}.sales-country-all strong{font-size:13px}.sales-country-all small{font-size:12px;color:#817786}.sales-country-search{height:44px;display:flex;align-items:center;gap:8px;margin:10px 0;padding:0 11px;border:1px solid #ded7e1;border-radius:12px}.sales-country-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;font-size:13px!important}.sales-country-options{max-height:260px;overflow:auto;display:grid;gap:3px}.sales-country-options>label{min-height:44px;display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:9px;cursor:pointer}.sales-country-options>label:hover{background:#f7f3f9}.sales-country-options img{border-radius:4px}.sales-country-options span{flex:1;font-size:13px}.sales-country-options small{font-size:12px;color:#8d8591}

/* ---------- Address country selector ---------- */
.commerce-address-country{display:block!important}.commerce-address-dialog .search-choice-selector{width:100%}.commerce-address-dialog .search-choice-trigger{min-height:58px!important}.commerce-address-dialog .search-choice-popover{z-index:50}.commerce-address-postal-hint{display:block;margin-top:6px;color:#817986;font-size:12px;line-height:1.8}.commerce-address-card__country{display:flex!important;align-items:center;gap:6px}

/* ---------- Mobile filter sheet ---------- */
.commerce-mobile-filter-actions{display:none}
@media(max-width:1180px) and (min-width:981px){.site-header__search{max-width:310px;flex-basis:260px}.jolfa-global-search__submit{min-width:46px;width:46px;padding:0}.jolfa-global-search__submit span{display:none}.desktop-navigation>a span,.nav-dropdown__button span{font-size:12px}}

@media(max-width:980px){
  :root{--header-height:70px}
  body.store-search-context:not(.product-detail-page){--header-height:124px}
  body.store-search-context:not(.product-detail-page) .site-header{min-height:112px!important}
  body.store-search-context:not(.product-detail-page) .site-header__inner{min-height:112px!important;height:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important;padding-top:8px!important;padding-bottom:8px!important}
  body.store-search-context:not(.product-detail-page) .site-header .site-header__actions{order:1!important;flex:1 1 auto!important;justify-content:flex-start!important}
  body.store-search-context:not(.product-detail-page) .site-header .site-brand{order:2!important;flex:0 0 auto!important;margin-inline-start:auto!important}
  body.store-search-context:not(.product-detail-page) .site-header__search{order:3!important;display:block!important;flex:1 0 100%!important;max-width:none!important;width:100%!important}
  html[dir=rtl] body.store-search-context:not(.product-detail-page) .site-header .site-header__actions{justify-content:flex-start!important}html[dir=ltr] body.store-search-context:not(.product-detail-page) .site-header .site-header__actions{justify-content:flex-start!important}
  .jolfa-global-search{gap:6px}.jolfa-global-search__field{height:44px;border-color:color-mix(in srgb,var(--primary) 18%,var(--border));background:color-mix(in srgb,var(--surface-soft) 88%,var(--surface));box-shadow:0 5px 18px rgba(31,18,39,.07)}.jolfa-global-search__field>i{color:var(--primary)}.jolfa-global-search__field input{color:var(--text)!important;font-size:13px!important}.jolfa-global-search__field input::placeholder{color:var(--muted)}.jolfa-global-search__submit{height:44px;min-width:48px;width:48px;padding:0;border-color:#5c2274;color:#fff;background:#532068;box-shadow:0 7px 18px rgba(82,31,104,.23)}.jolfa-global-search__submit span{display:none}.jolfa-global-search__results{top:calc(100% + 7px);max-height:min(62vh,480px);border-radius:15px}
  .commerce-mobile-product-header{height:116px!important;min-height:116px!important;padding:6px 12px 8px!important;display:flex!important;flex-direction:column!important;gap:6px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important}.commerce-mobile-product-header__row{min-height:50px}.commerce-mobile-product-header__search{display:block;width:100%}.commerce-mobile-product-header__search .jolfa-global-search__results{position:fixed;top:108px;inset-inline:10px}.product-detail-page .site-main{padding-top:116px!important}.commerce-mobile-product-header__brand{min-width:0;gap:7px!important}.commerce-mobile-product-header__brand img{width:38px;height:38px}.commerce-mobile-product-header__actions{gap:4px!important}.commerce-mobile-product-header__icon{width:42px!important;height:42px!important;min-width:42px!important}
  .commerce-product-gallery__main{touch-action:pan-y!important}

  .jolfa-shop{gap:20px;padding-top:14px}.jolfa-shop-hero{min-height:0;grid-template-columns:1fr;padding:24px 18px;border-radius:22px;gap:16px}.jolfa-shop-hero h1{font-size:29px}.jolfa-shop-hero p{font-size:13px}.jolfa-shop-hero__visual{display:none}.jolfa-shop-hero__chips{margin-top:16px}.jolfa-shop-hero__chips a{flex:1 1 130px;justify-content:center}.jolfa-shop-section-head h2{font-size:20px}.jolfa-shop-root-grid{grid-template-columns:1fr}.jolfa-shop-root-card{border-radius:18px}.jolfa-shop-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.jolfa-shop-branch-grid>a{min-height:70px;align-items:flex-start}.jolfa-shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;border:1px solid #ece7ee!important;border-radius:16px!important;overflow:hidden}.jolfa-shop-product-card{border:0!important;border-radius:0!important;box-shadow:none!important}

  .commerce-filter-backdrop{display:none!important}.commerce-filters{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;background:#fff!important;transform:translateY(102%)!important;transition:transform .26s cubic-bezier(.22,.75,.25,1)!important;z-index:2500!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;visibility:visible!important}.commerce-filters.open{transform:translateY(0)!important}.commerce-filters__head{min-height:64px!important;flex:0 0 64px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;border-bottom:1px solid #ece8ed!important;background:#fff!important;position:relative!important;z-index:4!important}.commerce-filters__head>div:first-of-type{min-width:0;flex:1}.commerce-filters__head strong{font-size:16px!important}.commerce-filters__head small{display:none!important}.commerce-filters__head>div:last-child{display:flex!important;align-items:center!important;gap:8px!important}.commerce-filters__head [data-commerce-filter-clear]{font-size:12px!important;color:#df274b!important}.commerce-filters__head [data-commerce-filter-close],.commerce-filter-back{width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:12px!important;background:#f5f3f6!important;color:#35313a!important}.commerce-filter-back[hidden]{display:none!important}
  .commerce-filter-form{position:relative!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0 20px 96px!important;background:#fff!important}.commerce-filter-form>.commerce-search{display:none!important}.commerce-filter-group{margin:0!important;border:0!important;border-bottom:1px solid #efebf0!important;border-radius:0!important;background:#fff!important}.commerce-filter-group>summary{min-height:59px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 0!important;list-style:none!important;cursor:pointer!important}.commerce-filter-group>summary>span{min-width:0;flex:1;font-size:14px!important;font-weight:850!important;color:#4e4663!important}.commerce-filter-group>summary>b{min-width:7px;font-size:12px!important;color:#652782!important}.commerce-filter-group>summary>i{font-size:13px!important;color:#55505c!important;transform:rotate(90deg)!important}.commerce-filter-group__body{padding:8px 0 16px!important}
  .commerce-filters.open:not(.is-mobile-subview) .commerce-filter-group__body{display:none!important}.commerce-filters.open:not(.is-mobile-subview) .commerce-filter-group[open]>.commerce-filter-group__body{display:none!important}
  .commerce-filters.is-mobile-subview .commerce-filter-form>*:not(.commerce-filter-group):not(.commerce-mobile-filter-actions):not(input[type=hidden]){display:none!important}.commerce-filters.is-mobile-subview .commerce-filter-group{display:none!important;border:0!important}.commerce-filters.is-mobile-subview .commerce-filter-group.is-mobile-active{display:block!important}.commerce-filters.is-mobile-subview .commerce-filter-group.is-mobile-active>summary{display:none!important}.commerce-filters.is-mobile-subview .commerce-filter-group.is-mobile-active>.commerce-filter-group__body{display:block!important;padding-top:12px!important}.commerce-filters.is-mobile-subview [data-filter-more]{display:none!important}.commerce-filters.is-mobile-subview .commerce-filter-options--brands{max-height:none!important;overflow:visible!important}
  .commerce-filter-search{position:sticky!important;top:0!important;z-index:2!important;min-height:48px!important;margin:0 0 10px!important;background:#fff!important;border:1px solid #ded9e0!important;border-radius:12px!important}.commerce-filter-search input{font-size:13px!important}.commerce-check{min-height:52px!important;padding:8px 2px!important;border-bottom:1px solid #f0edf1!important;font-size:13px!important}.commerce-check input{width:20px!important;height:20px!important}.commerce-brand-filter__logo{width:42px!important;height:34px!important}.commerce-switch{min-height:58px!important}.commerce-price-range{gap:10px!important}.commerce-price-range label{min-height:72px!important}.commerce-price-range input{font-size:16px!important}
  .commerce-mobile-filter-actions{position:fixed!important;inset-inline:0!important;bottom:0!important;z-index:5!important;min-height:76px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid #e9e5ea!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 24px rgba(24,17,28,.08)!important}.commerce-mobile-filter-apply{min-height:48px!important;flex:1!important;border:0!important;border-radius:12px!important;background:#5b246f!important;color:#fff!important;font:900 14px "Vazirmatn",sans-serif!important;cursor:pointer!important}.commerce-mobile-filter-actions>a{min-height:48px!important;display:flex!important;align-items:center!important;padding:0 8px!important;color:#e02b4f!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important}

  .sales-market-grid{grid-template-columns:1fr}.login-panel-chooser{padding:22px 16px}.commerce-address-dialog .search-choice-popover{position:fixed!important;inset:12px!important;max-height:calc(100dvh - 24px)!important}
}
@media(max-width:480px){.jolfa-shop-branch-grid{grid-template-columns:1fr 1fr}.jolfa-shop-branch-grid>a{padding:8px 6px}.jolfa-shop-branch-grid strong{font-size:12px}.jolfa-shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.jolfa-search-suggestion__price{display:none}.commerce-mobile-product-header__brand .brand-slogan{font-size:12px!important}.commerce-buy-box.is-unavailable{min-height:108px!important;padding:18px!important}.commerce-buy-box__unavailable{max-width:100%;min-height:58px;padding:12px 14px!important}.commerce-buy-box__unavailable strong{font-size:16px!important}.commerce-mobile-pdp-buybar.is-unavailable{min-height:66px!important;padding-inline:12px!important}.commerce-mobile-pdp-buybar__unavailable{padding-inline:12px!important}.commerce-mobile-pdp-buybar__unavailable strong{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.mobile-drawer,.mobile-menu-overlay,.commerce-filters,.jolfa-shop-orbit,.jolfa-global-search__submit,.jolfa-search-suggestion{transition:none!important;animation:none!important}}
@media(max-width:1300px) and (min-width:981px){
  .site-header__inner{gap:12px!important}.store-search-context .site-header__search{max-width:none!important;flex:1 1 auto!important}.store-search-context .jolfa-global-search__submit{min-width:92px;width:auto}.store-search-context .jolfa-global-search__submit span{display:inline}
}
.jolfa-global-search .jolfa-price__unit{font-size:12px!important}
.commerce-mobile-product-header__brand .brand-wordmark{font-family:var(--brand-font)!important;background:linear-gradient(135deg,var(--primary),var(--accent))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-weight:900!important;letter-spacing:.02em!important}


/* ---------- Store-only search header / v118 search UX ---------- */
.store-search-context .site-header__inner{gap:16px!important}
.store-search-context .site-header__search{flex:1 1 560px;max-width:none!important}
.store-search-context .site-brand{margin-inline-end:4px}
.jolfa-global-search__field{height:48px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:color-mix(in srgb,var(--surface-soft) 86%,var(--surface));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 6px 18px rgba(36,19,50,.05);backdrop-filter:none}
.jolfa-global-search__field:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--surface-soft) 96%,var(--surface))}
.jolfa-global-search__field:focus-within{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 68%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent),0 8px 24px rgba(36,19,50,.08)}
.jolfa-global-search__field>i{color:var(--primary)}
.jolfa-global-search__field input{color:var(--text)!important;font-size:14px!important;font-weight:700!important;caret-color:var(--primary)}
.jolfa-global-search__field input::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent);opacity:1}
.jolfa-global-search__clear{color:var(--muted);background:color-mix(in srgb,var(--primary) 8%,var(--surface));transition:background .18s ease,color .18s ease,transform .18s ease}
.jolfa-global-search__clear:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}
.jolfa-global-search__clear:active{transform:scale(.96)}
.jolfa-global-search__submit{height:48px;border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 24%,transparent)}
.jolfa-global-search__submit:hover{box-shadow:0 11px 26px color-mix(in srgb,var(--primary) 30%,transparent)}
.jolfa-global-search__field:focus-visible,.jolfa-global-search__clear:focus-visible,.jolfa-global-search__submit:focus-visible,.jolfa-search-suggestion:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px}
.jolfa-global-search__results{border-color:color-mix(in srgb,var(--primary) 12%,var(--border));background:var(--surface);color:var(--text);box-shadow:0 24px 60px rgba(18,10,27,.18)}
.jolfa-search-results__label{color:var(--muted)}
.jolfa-search-suggestion{color:var(--text)}
.jolfa-search-suggestion:hover,.jolfa-search-suggestion.is-keyboard-active{background:var(--surface-soft)}
.jolfa-search-suggestion__copy small{color:var(--muted)}
.jolfa-search-empty{display:flex;align-items:flex-start;gap:11px;padding:14px 12px;border-radius:13px;background:color-mix(in srgb,var(--surface-soft) 80%,var(--surface));color:var(--text)}
.jolfa-search-empty>i{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.jolfa-search-empty__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.jolfa-search-empty__copy strong{font-size:13px}.jolfa-search-empty__copy small{color:var(--muted);font-size:12px;line-height:1.75}
.jolfa-search-results__footer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:6px;padding:0 12px;border-top:1px solid var(--border);border-radius:0 0 12px 12px;color:var(--primary);font-size:12px;font-weight:900;text-decoration:none}
.jolfa-search-results__footer:hover{background:var(--surface-soft)}
.jolfa-global-search.is-loading .jolfa-global-search__field>i{animation:jolfaSearchPulse .8s ease-in-out infinite alternate}
@keyframes jolfaSearchPulse{from{opacity:.45}to{opacity:1}}
@media(max-width:980px){
  body.store-search-context:not(.product-detail-page) .site-header__search{max-width:none!important}
  .jolfa-global-search__field{background:color-mix(in srgb,var(--surface-soft) 88%,var(--surface));border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}
  .jolfa-global-search__submit{height:44px;min-width:48px;width:48px;padding:0}.jolfa-global-search__submit span{display:none}
}
@media(prefers-reduced-motion:reduce){.jolfa-global-search.is-loading .jolfa-global-search__field>i{animation:none!important}}
.jolfa-search-categories{display:grid;gap:10px;margin-bottom:18px}.jolfa-search-categories__head{display:flex;align-items:end;justify-content:space-between;gap:14px}.jolfa-search-categories__head h2{margin:0;font-size:17px}.jolfa-search-categories__head small{color:var(--muted);font-size:12px}.jolfa-search-category-list{display:flex;flex-wrap:wrap;gap:8px}.jolfa-search-category-list>a{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-size:13px;font-weight:850;transition:background .18s ease,border-color .18s ease,transform .18s ease}.jolfa-search-category-list>a>i:first-child{color:var(--primary)}.jolfa-search-category-list>a>i:last-child{font-size:11px;color:var(--muted)}.jolfa-search-category-list>a:hover{background:var(--surface-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));transform:translateY(-1px)}.jolfa-search-no-results>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
@media(max-width:640px){.jolfa-search-categories__head{display:block}.jolfa-search-categories__head small{display:block;margin-top:3px}.jolfa-search-category-list{display:grid;grid-template-columns:1fr 1fr}.jolfa-search-category-list>a{min-width:0;padding:0 10px}.jolfa-search-category-list>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ---------- v118.1 storefront header/search refinements ---------- */
.store-category-dropdown{position:static;flex:0 0 auto;z-index:9}
.store-category-dropdown>.nav-dropdown__button{min-height:48px;height:48px;padding-inline:14px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:14px;background:var(--surface);box-shadow:0 6px 18px rgba(36,19,50,.05);white-space:nowrap}
.store-category-dropdown>.nav-dropdown__button>i:first-child{color:var(--primary)!important}
.store-category-dropdown>.nav-dropdown__button:hover,.store-category-dropdown.open>.nav-dropdown__button{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:var(--surface-soft)!important;color:var(--primary)!important}
.store-search-context .site-header__search{min-width:0}
.store-search-context .jolfa-global-search{display:block;width:100%}
.store-search-context .jolfa-global-search__field{position:relative;width:100%;height:48px;padding:0!important;display:block;border-radius:15px;background:color-mix(in srgb,#f1f1f3 88%,var(--surface));border-color:color-mix(in srgb,var(--border) 88%,transparent);box-shadow:none}
.store-search-context .jolfa-global-search__field:hover{background:color-mix(in srgb,#eeeeF1 92%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}
.store-search-context .jolfa-global-search__field:focus-within{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.store-search-context .jolfa-global-search__field input{display:block;width:100%;height:100%;padding:0 46px!important;border:0!important;background:transparent!important;color:var(--text)!important;text-align:start;direction:inherit;font-size:13px!important;font-weight:650!important}
.store-search-context .jolfa-global-search__field input::placeholder{color:#9a96a0;opacity:1}
.store-search-context .jolfa-global-search__field input::-webkit-search-decoration,.store-search-context .jolfa-global-search__field input::-webkit-search-cancel-button,.store-search-context .jolfa-global-search__field input::-webkit-search-results-button,.store-search-context .jolfa-global-search__field input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}
.store-search-context .jolfa-global-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;color:#9a96a0!important;font-size:17px;pointer-events:none}
.store-search-context .jolfa-global-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:32px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#9a96a0;z-index:2}
.store-search-context .jolfa-global-search__clear[hidden]{display:none!important}
.store-search-context .jolfa-global-search__clear:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}
.store-search-context .jolfa-global-search__submit{display:none!important}

/* The gallery navigation has one real child (the thumbnail rail). Older 3-column
   grid rules squeezed it into a single edge column on mobile. */
.commerce-product-gallery__navigation{display:block!important;width:100%!important;min-width:0!important;margin-top:10px!important}
.commerce-product-gallery__navigation .commerce-product-thumbs{width:100%!important;min-width:0!important;max-width:100%!important;margin-top:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 7px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.commerce-product-gallery__navigation .commerce-product-thumbs>button{flex:0 0 68px!important;width:68px!important;height:68px!important;min-width:68px!important;scroll-snap-align:start}

@media(max-width:980px){
  .store-category-dropdown{display:none!important}
  body.store-search-context:not(.product-detail-page) .site-header__search{order:3!important;flex:1 0 100%!important;width:100%!important;max-width:none!important}
  .store-search-context .jolfa-global-search__field{height:46px}
  .store-search-context .jolfa-global-search__field input{padding-inline-start:42px!important;padding-inline-end:42px!important;font-size:13px!important}
  .store-search-context .jolfa-global-search__icon{left:14px;font-size:16px}
  .store-search-context .jolfa-global-search__clear{right:6px;width:32px;height:32px}
}
@media(max-width:720px){
  .commerce-product-gallery__navigation{margin-top:8px!important}
  .commerce-product-gallery__navigation .commerce-product-thumbs{gap:7px!important;padding:3px 1px 6px!important}
  .commerce-product-gallery__navigation .commerce-product-thumbs>button{flex-basis:62px!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:11px!important}
}
.store-category-mobile-link{display:none}
@media(max-width:980px){
  .store-category-mobile-link{order:3;flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:14px;background:var(--surface);color:var(--primary);text-decoration:none;box-shadow:0 4px 14px rgba(36,19,50,.04)}
  .store-category-mobile-link span{display:none}
  .store-category-mobile-link i{font-size:17px}
  body.store-search-context:not(.product-detail-page) .site-header__search{order:3!important;flex:1 1 calc(100% - 58px)!important;width:auto!important;max-width:none!important}
}


/* ---------- v118.2 header + search + PDP mobile search final overrides ---------- */
.site-header,
html[data-theme="light"] .site-header,
html[data-theme="dark"] .site-header,
.site-header.is-scrolled,
html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="dark"] .site-header.is-scrolled{
  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;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
.site-header .brand-wordmark{background:linear-gradient(135deg,#fff 12%,#a8eef2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.site-header .brand-slogan,.site-header .desktop-navigation>a,.site-header .nav-dropdown__button{color:#f8f4fb!important}
.site-header .desktop-navigation>a i,.site-header .nav-dropdown__button i{color:rgba(248,244,251,.72)!important}
.site-header .desktop-navigation>a:hover,.site-header .desktop-navigation>a.active,.site-header .nav-dropdown__button:hover,.site-header .nav-dropdown__button.active{background:rgba(255,255,255,.1)!important;color:#fff!important}
.site-header .language-trigger,.site-header .header-cart-button,.site-header .mobile-menu-button,.site-header .desktop-theme-button,.site-header .auth-button{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
.site-header .language-trigger:hover,.site-header .header-cart-button:hover,.site-header .mobile-menu-button:hover,.site-header .desktop-theme-button:hover,.site-header .auth-button:hover{border-color:rgba(168,238,242,.44)!important;background:rgba(255,255,255,.13)!important;color:#fff!important}

/* Search has one visual boundary only: the field. No nested input/button borders or button backgrounds. */
.store-search-context .jolfa-global-search{position:relative!important;display:block!important;width:100%!important;gap:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.store-search-context .jolfa-global-search__field{position:relative!important;width:100%!important;height:48px!important;display:block!important;padding:0!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:15px!important;background:rgba(255,255,255,.09)!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden}
.store-search-context .jolfa-global-search__field:hover{border-color:rgba(168,238,242,.35)!important;background:rgba(255,255,255,.11)!important}
.store-search-context .jolfa-global-search__field:focus-within{border-color:rgba(168,238,242,.7)!important;background:rgba(255,255,255,.13)!important;box-shadow:0 0 0 3px rgba(87,213,225,.1)!important}
.store-search-context .jolfa-global-search__field input,
.store-search-context .jolfa-global-search__field input:hover,
.store-search-context .jolfa-global-search__field input:focus,
.store-search-context .jolfa-global-search__field input:active{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0 44px 0 46px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-align:start!important;direction:inherit!important;font:700 13px/1.7 "Vazirmatn",Tahoma,Arial,sans-serif!important}
.store-search-context .jolfa-global-search__field input::placeholder{color:rgba(248,244,251,.63)!important;opacity:1!important}
.store-search-context .jolfa-global-search__icon{position:absolute!important;left:14px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!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:rgba(248,244,251,.82)!important;font-size:16px!important;pointer-events:none!important}
.store-search-context .jolfa-global-search__clear,
.store-search-context .jolfa-global-search__clear:hover,
.store-search-context .jolfa-global-search__clear:focus,
.store-search-context .jolfa-global-search__clear:active{position:absolute!important;right:7px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;min-width:32px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:rgba(248,244,251,.78)!important;z-index:2!important}
.store-search-context .jolfa-global-search__clear[hidden]{display:none!important}
.store-search-context .jolfa-global-search__clear i{border:0!important;background:transparent!important;box-shadow:none!important}
.store-search-context .jolfa-global-search__submit{display:none!important}

/* Store category control belongs to the same dark header chrome. */
.store-category-dropdown>.nav-dropdown__button,.store-category-mobile-link{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
.store-category-dropdown>.nav-dropdown__button>i:first-child,.store-category-mobile-link i{color:#a8eef2!important}
.store-category-dropdown>.nav-dropdown__button:hover,.store-category-dropdown.open>.nav-dropdown__button,.store-category-mobile-link:hover{border-color:rgba(168,238,242,.4)!important;background:rgba(255,255,255,.13)!important;color:#fff!important}

/* If navigation has only one thumbnail, hiding the lonely rail is cleaner than leaving a tiny edge item. */
.commerce-product-gallery__navigation:has(.commerce-product-thumbs>button:only-child){display:none!important}

/* Product PDP mobile header: compact again, search is an icon that opens a true full-screen search. */
body.product-detail-page.product-search-open{overflow:hidden!important;touch-action:none}
@media(max-width:980px){
  body.product-detail-page .commerce-mobile-product-header{height:58px!important;min-height:58px!important;padding:5px 9px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!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;border-bottom:1px solid rgba(255,255,255,.11)!important;box-shadow:0 8px 24px rgba(22,10,31,.18)!important;backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important}
  body.product-detail-page .commerce-mobile-product-header__row{min-height:48px!important;height:48px!important;gap:6px!important}
  body.product-detail-page .commerce-mobile-product-header__search{display:none!important}
  body.product-detail-page .site-main{padding-top:58px!important}
  body.product-detail-page .commerce-mobile-product-header__brand .brand-wordmark{background:linear-gradient(135deg,#fff 12%,#a8eef2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
  body.product-detail-page .commerce-mobile-product-header__brand .brand-slogan{color:rgba(248,244,251,.65)!important}
  body.product-detail-page .commerce-mobile-product-header__icon{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;border:0!important;background:transparent!important;color:#f8f4fb!important;box-shadow:none!important}
  body.product-detail-page .commerce-mobile-product-header__icon:active{background:rgba(255,255,255,.1)!important}

  .commerce-mobile-search-modal{position:fixed!important;z-index:5000!important;inset:0!important;width:100vw!important;height:100dvh!important;display:flex!important;flex-direction:column!important;background:var(--surface)!important;color:var(--text)!important;overflow:hidden!important}
  .commerce-mobile-search-modal[hidden]{display:none!important}
  .commerce-mobile-search-modal__top{flex:0 0 62px;min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:8px 12px;background:radial-gradient(circle at 12% -35%,rgba(87,213,225,.18),transparent 34%),linear-gradient(135deg,rgba(27,18,36,.99),rgba(53,22,76,.99) 56%,rgba(66,27,77,.99));color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
  .commerce-mobile-search-modal__top>strong{text-align:center;font-size:14px;font-weight:900}
  .commerce-mobile-search-modal__back,.commerce-mobile-search-modal__categories{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:13px;background:rgba(255,255,255,.08);color:#fff;font-size:17px;text-decoration:none}
  .commerce-mobile-search-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 12px 28px;background:var(--surface)}
  .commerce-mobile-search-modal .jolfa-global-search{display:flex!important;flex-direction:column!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .commerce-mobile-search-modal .jolfa-global-search__field{height:52px!important;flex:0 0 52px!important;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))!important;border-radius:15px!important;background:var(--surface-soft)!important;box-shadow:none!important;overflow:hidden!important}
  .commerce-mobile-search-modal .jolfa-global-search__field:focus-within{border-color:color-mix(in srgb,var(--primary) 65%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}
  .commerce-mobile-search-modal .jolfa-global-search__field input{color:var(--text)!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0 44px 0 46px!important;font-size:14px!important}
  .commerce-mobile-search-modal .jolfa-global-search__field input::placeholder{color:var(--muted)!important}
  .commerce-mobile-search-modal .jolfa-global-search__icon{left:14px!important;color:var(--primary)!important}
  .commerce-mobile-search-modal .jolfa-global-search__clear,.commerce-mobile-search-modal .jolfa-global-search__clear:hover,.commerce-mobile-search-modal .jolfa-global-search__clear:focus{right:7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important}
  .commerce-mobile-search-modal .jolfa-global-search__results{position:static!important;inset:auto!important;top:auto!important;width:100%!important;max-height:none!important;margin-top:10px!important;border:0!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:none!important;overflow:visible!important;padding:4px 0!important}
  .commerce-mobile-search-modal__hint{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:18px;border-radius:18px;background:var(--surface-soft);color:var(--text)}
  .commerce-mobile-search-modal__hint>i{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
  .commerce-mobile-search-modal__hint>div{display:flex;flex-direction:column;gap:4px}.commerce-mobile-search-modal__hint strong{font-size:14px}.commerce-mobile-search-modal__hint small{color:var(--muted);font-size:12px;line-height:1.8}

  /* Mobile home: physical layout is logo left, hamburger right, regardless of RTL document flow. */
  body.home-page .site-header__inner{direction:ltr!important;flex-wrap:nowrap!important}
  body.home-page .site-header .site-brand{order:0!important;margin:0!important;direction:ltr!important}
  body.home-page .site-header .brand-copy{direction:rtl!important;text-align:left!important}
  body.home-page .site-header .site-header__actions{order:2!important;margin-left:auto!important;margin-right:0!important;direction:ltr!important;justify-content:flex-end!important}
  body.home-page .site-header .mobile-menu-button{margin:0!important}
}


/* Product detail never carries a persistent search input in its header; search is an explicit action. */
.product-header-search-trigger{height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font:850 13px "Vazirmatn",sans-serif;cursor:pointer;box-shadow:none}
.product-header-search-trigger:hover{border-color:rgba(168,238,242,.4);background:rgba(255,255,255,.13)}
.product-header-search-trigger i{color:#a8eef2}

/* Full-screen product search works at every viewport; mobile and desktop share one interaction model. */
.commerce-mobile-search-modal{position:fixed!important;z-index:5000!important;inset:0!important;width:100vw!important;height:100dvh!important;display:flex!important;flex-direction:column!important;background:var(--surface)!important;color:var(--text)!important;overflow:hidden!important}
.commerce-mobile-search-modal[hidden]{display:none!important}
.commerce-mobile-search-modal__top{flex:0 0 64px;min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:9px max(12px,calc((100vw - 1120px)/2));background:radial-gradient(circle at 12% -35%,rgba(87,213,225,.18),transparent 34%),linear-gradient(135deg,rgba(27,18,36,.99),rgba(53,22,76,.99) 56%,rgba(66,27,77,.99));color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.commerce-mobile-search-modal__top>strong{text-align:center;font-size:14px;font-weight:900}
.commerce-mobile-search-modal__back,.commerce-mobile-search-modal__categories{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:13px;background:rgba(255,255,255,.08);color:#fff;font-size:17px;text-decoration:none;cursor:pointer}
.commerce-mobile-search-modal__body{width:min(980px,100%);margin-inline:auto;flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 14px 34px;background:var(--surface)}
.commerce-mobile-search-modal .jolfa-global-search{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
.commerce-mobile-search-modal .jolfa-global-search__field{position:relative!important;width:100%!important;height:54px!important;flex:0 0 54px!important;display:block!important;padding:0!important;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))!important;border-radius:16px!important;background:var(--surface-soft)!important;box-shadow:none!important;overflow:hidden!important}
.commerce-mobile-search-modal .jolfa-global-search__field:focus-within{border-color:color-mix(in srgb,var(--primary) 65%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}
.commerce-mobile-search-modal .jolfa-global-search__field input,.commerce-mobile-search-modal .jolfa-global-search__field input:focus{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0 44px 0 48px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;text-align:start!important;direction:inherit!important;font:700 14px/1.7 "Vazirmatn",Tahoma,Arial,sans-serif!important}
.commerce-mobile-search-modal .jolfa-global-search__field input::placeholder{color:var(--muted)!important;opacity:1!important}
.commerce-mobile-search-modal .jolfa-global-search__icon{position:absolute!important;left:15px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!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:var(--primary)!important;font-size:17px!important;pointer-events:none!important}
.commerce-mobile-search-modal .jolfa-global-search__clear,.commerce-mobile-search-modal .jolfa-global-search__clear:hover,.commerce-mobile-search-modal .jolfa-global-search__clear:focus,.commerce-mobile-search-modal .jolfa-global-search__clear:active{position:absolute!important;right:7px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!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:var(--muted)!important;z-index:2!important}
.commerce-mobile-search-modal .jolfa-global-search__clear[hidden]{display:none!important}
.commerce-mobile-search-modal .jolfa-global-search__results{position:static!important;inset:auto!important;top:auto!important;width:100%!important;max-height:none!important;margin-top:10px!important;border:0!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:none!important;overflow:visible!important;padding:4px 0!important}
.commerce-mobile-search-modal__hint{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:18px;border-radius:18px;background:var(--surface-soft);color:var(--text)}
.commerce-mobile-search-modal__hint>i{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.commerce-mobile-search-modal__hint>div{display:flex;flex-direction:column;gap:4px}.commerce-mobile-search-modal__hint strong{font-size:14px}.commerce-mobile-search-modal__hint small{color:var(--muted);font-size:12px;line-height:1.8}
@media(max-width:980px){.product-header-search-trigger{display:none!important}.commerce-mobile-search-modal__body{width:100%;padding:14px 12px 28px}.commerce-mobile-search-modal__top{padding:9px 12px}}

/* ---------- Cart recommendations: contextual, coherent, compact ---------- */
.product-free-price{color:var(--success,#16835f)!important;font-weight:950!important;white-space:nowrap}
.jolfa-cart-recommendations__head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.jolfa-cart-recommendations__head>div>small{color:var(--muted);font-size:.66rem;font-weight:800}
.jolfa-cart-recommendations__head>div>h2{margin:0}

/* ---------- Checkout: calm marketplace-style hierarchy ---------- */
.jolfa-checkout-page{padding-top:30px!important;padding-bottom:92px!important}
.jolfa-checkout-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);gap:32px;align-items:end;margin-bottom:22px;padding:26px 28px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--border));border-radius:24px;background:radial-gradient(circle at 9% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-soft) 84%,var(--surface)));box-shadow:0 14px 38px rgba(34,20,43,.055)}
.jolfa-checkout-hero__copy{min-width:0}.jolfa-checkout-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;color:var(--muted);font-size:.72rem;font-weight:850;text-decoration:none}.jolfa-checkout-back:hover{color:var(--primary)}
.jolfa-checkout-eyebrow{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);font-size:.67rem;font-weight:900}
.jolfa-checkout-hero h1{margin:8px 0 5px;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.45}.jolfa-checkout-hero p{max-width:700px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.95}
.jolfa-checkout-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.jolfa-checkout-steps::before{content:"";position:absolute;top:20px;inset-inline:16.5% 16.5%;height:2px;background:var(--border)}
.jolfa-checkout-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:var(--muted)}.jolfa-checkout-steps li>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:.78rem;box-shadow:0 0 0 6px var(--surface)}.jolfa-checkout-steps li>div{display:flex;flex-direction:column;gap:1px}.jolfa-checkout-steps small{font-size:.59rem}.jolfa-checkout-steps strong{font-size:.69rem;color:var(--muted)}.jolfa-checkout-steps li.is-complete>span{border-color:color-mix(in srgb,var(--success,#16835f) 34%,var(--border));background:color-mix(in srgb,var(--success,#16835f) 9%,var(--surface));color:var(--success,#16835f)}.jolfa-checkout-steps li.is-active>span{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 8%,var(--surface))}.jolfa-checkout-steps li.is-active strong{color:var(--text)}
.jolfa-checkout-alert{margin-bottom:16px!important;border-radius:16px!important}.jolfa-checkout-alert>div{line-height:1.9}
.jolfa-checkout-layout{grid-template-columns:minmax(0,1fr) 352px!important;gap:22px!important}.jolfa-checkout-main{gap:14px!important}
.jolfa-checkout-card{padding:0!important;border-radius:20px!important;overflow:hidden;box-shadow:0 7px 24px rgba(29,18,35,.035)}
.jolfa-checkout-card__head{min-height:72px;margin:0!important;padding:15px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 56%,var(--surface))}.jolfa-checkout-card__head>a{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:9px;color:var(--primary);font-size:.69rem;font-weight:900;text-decoration:none}.jolfa-checkout-card__head>a:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.jolfa-checkout-card__title{display:flex!important;align-items:center!important;gap:11px!important}.jolfa-checkout-card__title>div{display:flex;flex-direction:column;gap:1px}.jolfa-checkout-card__title small{color:var(--muted);font-size:.62rem;font-weight:750}.jolfa-checkout-card__title h2{margin:0;font-size:.93rem}.jolfa-checkout-section-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:.75rem;font-weight:950}
.jolfa-checkout-addresses{grid-template-columns:1fr!important;gap:10px!important;padding:16px 18px 18px}.jolfa-checkout-address{position:relative}.jolfa-checkout-address>span{position:relative!important;min-height:126px!important;padding-block:15px!important;padding-inline-start:48px!important;padding-inline-end:15px!important;gap:5px!important;border-radius:14px!important;background:var(--surface)!important}.jolfa-checkout-address__radio{position:absolute;inset-inline-start:16px;top:17px;width:20px;height:20px;border:2px solid color-mix(in srgb,var(--muted) 52%,var(--border));border-radius:50%;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}.jolfa-checkout-address input:checked+span .jolfa-checkout-address__radio{border:6px solid var(--primary)}.jolfa-checkout-address input:checked+span{border-color:color-mix(in srgb,var(--primary) 58%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent)!important;background:color-mix(in srgb,var(--primary) 2.5%,var(--surface))!important}.jolfa-checkout-address__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.jolfa-checkout-address__top strong{font-size:.82rem}.jolfa-checkout-address__top em{padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--success,#16835f) 9%,var(--surface));color:var(--success,#16835f);font-size:.58rem;font-style:normal;font-weight:900}.jolfa-checkout-address>span>b{font-size:.73rem}.jolfa-checkout-address small{display:flex;align-items:flex-start;gap:6px!important}.jolfa-checkout-address small i{width:13px;margin-top:5px;color:var(--muted)}
.jolfa-checkout-empty{margin:16px 18px 18px!important;padding:15px!important;border-radius:14px!important}.jolfa-checkout-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.jolfa-checkout-empty>div{min-width:0;flex:1}.jolfa-checkout-empty strong{display:block;margin-bottom:2px}.jolfa-checkout-empty p{margin:0;color:var(--muted);font-size:.7rem}
.jolfa-checkout-items{gap:0!important;padding:4px 18px 10px}.jolfa-checkout-items article{grid-template-columns:72px minmax(0,1fr) auto!important;gap:13px!important;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important}.jolfa-checkout-items article:last-child{border-bottom:0!important}.jolfa-checkout-item__media{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft);overflow:hidden}.jolfa-checkout-items .jolfa-checkout-item__media img{width:100%!important;height:100%!important;padding:5px;object-fit:contain}.jolfa-checkout-item__copy{min-width:0;display:flex!important;flex-direction:column;gap:3px!important}.jolfa-checkout-item__copy>strong{font-size:.76rem;line-height:1.7}.jolfa-checkout-item__copy>strong a{color:var(--text);text-decoration:none}.jolfa-checkout-item__copy>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.64rem}.jolfa-checkout-item__copy>span i:not(.jolfa-cart-color){width:13px;color:var(--muted)}.jolfa-checkout-item__brand{color:var(--primary)!important;font-size:.58rem!important;font-weight:900}.jolfa-checkout-item__unit{color:var(--muted)!important;font-size:.65rem!important}.jolfa-checkout-items article>b{align-self:center;white-space:nowrap;font-size:.75rem}
.jolfa-checkout-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.jolfa-checkout-assurance>div{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.jolfa-checkout-assurance>div>span{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}.jolfa-checkout-assurance p{display:flex;flex-direction:column;gap:2px;margin:0}.jolfa-checkout-assurance strong{font-size:.66rem}.jolfa-checkout-assurance small{color:var(--muted);font-size:.58rem;line-height:1.65}
.jolfa-checkout-summary{position:sticky!important;top:112px!important}.jolfa-checkout-summary__card{overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:20px;background:var(--surface);box-shadow:0 14px 36px rgba(32,19,40,.07)}.jolfa-checkout-summary__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 56%,var(--surface))}.jolfa-checkout-summary__head>div{display:flex;flex-direction:column;gap:1px}.jolfa-checkout-summary__head small{color:var(--muted);font-size:.62rem;font-weight:800}.jolfa-checkout-summary__head h2{margin:0!important;font-size:.96rem}.jolfa-checkout-summary__head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.jolfa-checkout-summary dl{display:grid;gap:0;margin:0;padding:5px 18px}.jolfa-checkout-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:var(--muted);font-size:.69rem}.jolfa-checkout-summary dd{margin:0;color:var(--text);font-weight:850}.jolfa-checkout-summary dt small{color:var(--muted);font-size:.61rem}.jolfa-checkout-summary dd.is-muted{color:var(--muted);font-size:.64rem;font-weight:700}.jolfa-checkout-total{margin-top:2px!important;padding:16px 0!important;border-top:1px dashed color-mix(in srgb,var(--primary) 20%,var(--border))!important}.jolfa-checkout-total dt{color:var(--text);font-weight:900}.jolfa-checkout-total dd{color:var(--primary);font-size:.9rem;font-weight:950}.jolfa-checkout-submit{width:calc(100% - 36px);min-height:50px;margin:6px 18px 0;display:flex!important;align-items:center;justify-content:space-between!important;gap:10px;padding-inline:16px!important;border-radius:13px!important}.jolfa-checkout-submit>span{display:flex;align-items:center;gap:8px}.jolfa-checkout-submit:disabled{opacity:.48;cursor:not-allowed}.jolfa-checkout-summary__note{display:flex;align-items:flex-start;gap:7px;margin:12px 18px 0;color:var(--muted);font-size:.61rem;line-height:1.75}.jolfa-checkout-summary__note>i{margin-top:4px;color:var(--muted)}.jolfa-checkout-summary__trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface-soft)}.jolfa-checkout-summary__trust span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.57rem;font-weight:800}.jolfa-checkout-summary__trust i{color:var(--success,#16835f)}
@media(max-width:1100px){.jolfa-checkout-hero{grid-template-columns:1fr;gap:20px}.jolfa-checkout-layout{grid-template-columns:minmax(0,1fr) 320px!important}.jolfa-checkout-assurance{grid-template-columns:1fr}.jolfa-checkout-assurance>div{align-items:center}}
@media(max-width:900px){.jolfa-checkout-page{padding-top:18px!important}.jolfa-checkout-layout{grid-template-columns:1fr!important}.jolfa-checkout-summary{position:static!important}.jolfa-checkout-summary__card{border-radius:17px}.jolfa-checkout-hero{padding:20px;border-radius:19px}.jolfa-checkout-steps{max-width:520px;width:100%;justify-self:center}}
@media(max-width:600px){.jolfa-checkout-page{max-width:calc(100% - 20px)!important;padding-bottom:112px!important}.jolfa-checkout-hero{padding:16px 14px}.jolfa-checkout-hero h1{font-size:1.3rem}.jolfa-checkout-hero p{font-size:.7rem}.jolfa-checkout-back{margin-bottom:11px}.jolfa-checkout-steps li>span{width:34px;height:34px;box-shadow:0 0 0 4px var(--surface)}.jolfa-checkout-steps::before{top:17px}.jolfa-checkout-steps small{display:none}.jolfa-checkout-steps strong{font-size:.61rem}.jolfa-checkout-card__head{min-height:64px;padding:12px 13px}.jolfa-checkout-section-number{width:30px;height:30px}.jolfa-checkout-card__head>a{padding:0 5px}.jolfa-checkout-addresses{padding:12px 13px 14px}.jolfa-checkout-address>span{padding-block:13px!important;padding-inline-start:42px!important;padding-inline-end:12px!important}.jolfa-checkout-address__radio{inset-inline-start:13px;top:15px}.jolfa-checkout-items{padding-inline:13px}.jolfa-checkout-items article{grid-template-columns:62px minmax(0,1fr)!important}.jolfa-checkout-item__media{width:62px;height:62px}.jolfa-checkout-items article>b{grid-column:2;justify-self:start}.jolfa-checkout-assurance{gap:7px}.jolfa-checkout-summary__card{box-shadow:none}.jolfa-checkout-submit{min-height:52px}.jolfa-cart-recommendations__head{align-items:flex-start}.jolfa-cart-recommendations__head>a{white-space:nowrap;margin-top:3px}}

/* ---------- Checkout: compact two-column flow + inline address modal ---------- */
.jolfa-checkout-page{padding-top:22px!important;padding-bottom:72px!important}
.jolfa-checkout-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:0 2px 16px;border-bottom:1px solid var(--border)}
.jolfa-checkout-topbar__title{min-width:0}.jolfa-checkout-topbar__title .jolfa-checkout-back{margin:0 0 7px}.jolfa-checkout-topbar h1{margin:0;font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.45}
.jolfa-checkout-progress{display:flex;align-items:center;gap:7px;margin:0;padding:0;list-style:none}.jolfa-checkout-progress li{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.65rem;font-weight:850;white-space:nowrap}.jolfa-checkout-progress li i{font-size:.64rem}.jolfa-checkout-progress li.is-complete{border-color:color-mix(in srgb,var(--success,#16835f) 26%,var(--border));color:var(--success,#16835f)}.jolfa-checkout-progress li.is-active{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary)}
.jolfa-checkout-layout{display:grid!important;direction:ltr;grid-template-columns:minmax(0,1fr) 344px!important;grid-template-areas:"main summary";gap:22px!important;align-items:start!important}.jolfa-checkout-main{grid-area:main;display:flex!important;flex-direction:column;gap:12px!important;min-width:0}.jolfa-checkout-summary{grid-area:summary;align-self:start;position:sticky!important;top:96px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[dir="rtl"] .jolfa-checkout-layout{grid-template-columns:344px minmax(0,1fr)!important;grid-template-areas:"summary main"}html[dir="rtl"] .jolfa-checkout-main,html[dir="rtl"] .jolfa-checkout-summary{direction:rtl}html[dir="ltr"] .jolfa-checkout-main,html[dir="ltr"] .jolfa-checkout-summary{direction:ltr}
.jolfa-checkout-card{padding:0!important;border:1px solid var(--border)!important;border-radius:17px!important;background:var(--surface)!important;box-shadow:none!important;overflow:hidden}.jolfa-checkout-card__head{min-height:62px;margin:0!important;padding:12px 15px!important;border-bottom:1px solid var(--border);background:var(--surface)!important}.jolfa-checkout-card__title{display:flex!important;align-items:center!important;gap:10px!important}.jolfa-checkout-card__title>div{display:flex;flex-direction:column;gap:1px}.jolfa-checkout-card__title h2{margin:0!important;font-size:.88rem!important}.jolfa-checkout-card__title small{color:var(--muted);font-size:.61rem;font-weight:720}.jolfa-checkout-section-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);font-size:.75rem}.jolfa-checkout-card__action{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center;gap:6px;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--primary)!important;font:inherit;font-size:.67rem!important;font-weight:900!important;text-decoration:none!important;cursor:pointer}.jolfa-checkout-card__action:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)!important}
.jolfa-checkout-addresses{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px 15px 15px!important}.jolfa-checkout-addresses[hidden]{display:none!important}.jolfa-checkout-address>span{min-height:0!important;padding-block:12px!important;padding-inline-start:43px!important;padding-inline-end:12px!important;gap:4px!important;border-radius:12px!important}.jolfa-checkout-address__radio{inset-inline-start:13px!important;top:14px!important;width:18px!important;height:18px!important}.jolfa-checkout-address__top strong{font-size:.76rem!important}.jolfa-checkout-address__top em{font-size:.55rem!important}.jolfa-checkout-address>span>b{font-size:.68rem!important}.jolfa-checkout-address small{font-size:.64rem!important;line-height:1.7!important}.jolfa-checkout-empty{margin:12px 15px 15px!important;padding:13px!important;border:1px dashed var(--border)!important;background:var(--surface-soft)!important}.jolfa-checkout-empty[hidden]{display:none!important}.jolfa-checkout-empty .button{white-space:nowrap}
.jolfa-checkout-items{padding:2px 15px 7px!important}.jolfa-checkout-items article{grid-template-columns:62px minmax(0,1fr) auto!important;gap:11px!important;padding:12px 0!important}.jolfa-checkout-item__media{width:62px!important;height:62px!important;border-radius:11px!important}.jolfa-checkout-item__copy>strong{font-size:.72rem!important}.jolfa-checkout-item__copy>span,.jolfa-checkout-item__unit{font-size:.61rem!important}.jolfa-checkout-items article>b{font-size:.7rem!important}
.jolfa-checkout-summary__card{overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border));border-radius:17px;background:var(--surface);box-shadow:0 10px 28px rgba(30,18,38,.055)}.jolfa-checkout-summary__head{padding:14px 15px 12px!important;background:var(--surface)!important}.jolfa-checkout-summary__head h2{font-size:.9rem!important}.jolfa-checkout-summary__head small{font-size:.6rem!important}.jolfa-checkout-summary__head>span{width:34px!important;height:34px!important;border-radius:10px!important}.jolfa-checkout-summary dl{padding:3px 15px!important}.jolfa-checkout-summary dl>div{padding:10px 0!important;font-size:.67rem!important}.jolfa-checkout-total{padding:13px 0!important}.jolfa-checkout-total dd{font-size:.86rem!important}.jolfa-checkout-submit{width:calc(100% - 30px)!important;min-height:48px!important;margin:5px 15px 0!important;border-radius:11px!important;font-size:.72rem!important}.jolfa-checkout-summary__note{margin:11px 15px 14px!important;font-size:.58rem!important;line-height:1.7!important}.jolfa-checkout-summary__note>i{color:var(--success,#16835f)!important}
.jolfa-checkout-address-dialog{width:min(580px,calc(100vw - 24px))!important;max-height:min(760px,calc(100dvh - 24px))!important}.jolfa-checkout-address-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px!important}.jolfa-checkout-address-dialog .dialog-head>div{display:flex;flex-direction:column;gap:1px}.jolfa-checkout-address-dialog .dialog-head small{color:var(--muted);font-size:.59rem;font-weight:800}.jolfa-checkout-address-dialog .dialog-head h2{margin:0;font-size:1rem}.jolfa-checkout-address-dialog .dialog-body{padding:16px 17px!important;gap:14px!important}.jolfa-checkout-address-dialog .search-choice-trigger{min-height:52px!important;border-radius:12px!important}.jolfa-checkout-address-form__error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 34%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger);font-size:.68rem;line-height:1.75}.jolfa-checkout-address-form__error[hidden]{display:none!important}.jolfa-checkout-address-dialog .modal-sticky-actions{padding:12px 17px!important;margin:0 -17px -16px!important;bottom:-16px!important}.jolfa-checkout-address-dialog .modal-sticky-actions .button{min-height:46px!important;display:flex;align-items:center;justify-content:center;gap:8px}.jolfa-checkout-address-dialog .modal-sticky-actions .button.is-loading{cursor:wait;opacity:.72}
@media(max-width:980px){.jolfa-checkout-layout,html[dir="rtl"] .jolfa-checkout-layout{grid-template-columns:minmax(0,1fr) 310px!important}.jolfa-checkout-summary{top:84px!important}}
@media(max-width:820px){.jolfa-checkout-layout,html[dir="rtl"] .jolfa-checkout-layout{grid-template-columns:1fr!important;grid-template-areas:"main" "summary"!important;direction:inherit}.jolfa-checkout-summary{position:static!important}.jolfa-checkout-topbar{align-items:flex-start;flex-direction:column;gap:12px}.jolfa-checkout-progress{width:100%}.jolfa-checkout-progress li{flex:1;justify-content:center}.jolfa-checkout-summary__card{box-shadow:none}}
@media(max-width:560px){.jolfa-checkout-page{max-width:calc(100% - 18px)!important;padding-top:14px!important;padding-bottom:100px!important}.jolfa-checkout-topbar{margin-bottom:13px;padding-bottom:12px}.jolfa-checkout-topbar h1{font-size:1.25rem}.jolfa-checkout-progress{gap:4px}.jolfa-checkout-progress li{min-height:31px;padding:0 7px;font-size:.59rem}.jolfa-checkout-card__head{min-height:58px!important;padding:10px 11px!important}.jolfa-checkout-card__action{padding-inline:5px!important}.jolfa-checkout-addresses{padding:10px 11px 12px!important}.jolfa-checkout-empty{margin:10px 11px 12px!important;align-items:flex-start;flex-wrap:wrap}.jolfa-checkout-empty .button{width:100%}.jolfa-checkout-items{padding-inline:11px!important}.jolfa-checkout-items article{grid-template-columns:56px minmax(0,1fr)!important}.jolfa-checkout-item__media{width:56px!important;height:56px!important}.jolfa-checkout-items article>b{grid-column:2;justify-self:start}.jolfa-checkout-address-dialog .panel-form-row{grid-template-columns:1fr!important}}

/* ---------- Checkout/address polish: compact, readable, action-focused ---------- */
.jolfa-checkout-card__head .jolfa-checkout-card__action[data-checkout-address-new]{
  min-height:36px!important;
  padding:0 11px!important;
  border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 5%,var(--surface))!important;
  color:var(--primary)!important;
  border-radius:10px!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.jolfa-checkout-card__head .jolfa-checkout-card__action[data-checkout-address-new]:hover{
  background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important;
  border-color:color-mix(in srgb,var(--primary) 42%,var(--border))!important;
  transform:translateY(-1px);
}
.jolfa-checkout-empty{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-style:solid!important;
  border-color:color-mix(in srgb,var(--primary) 16%,var(--border))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 4%,var(--surface)),var(--surface))!important;
}
.jolfa-checkout-empty>span{
  flex:0 0 42px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent);
}
.jolfa-checkout-address-new-button{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding-inline:14px!important;
  border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 7%,var(--surface))!important;
  color:var(--primary)!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.jolfa-checkout-address-new-button:hover{
  border-color:color-mix(in srgb,var(--primary) 48%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 11%,var(--surface))!important;
}
.jolfa-checkout-address{
  cursor:pointer;
}
.jolfa-checkout-address>span{
  border:1px solid color-mix(in srgb,var(--text) 10%,var(--border))!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.jolfa-checkout-address:hover>span{
  border-color:color-mix(in srgb,var(--primary) 24%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 2%,var(--surface))!important;
}
.jolfa-checkout-address input:focus-visible+span{
  outline:3px solid color-mix(in srgb,var(--primary) 16%,transparent);
  outline-offset:2px;
}

/* One compact address modal contract is used in account + checkout. */
.commerce-address-dialog--simple,
.jolfa-checkout-address-dialog{
  width:min(540px,calc(100vw - 24px))!important;
  max-height:min(650px,calc(100dvh - 24px))!important;
  border:1px solid color-mix(in srgb,var(--text) 10%,var(--border))!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  box-shadow:0 24px 70px rgba(25,16,33,.22)!important;
  overflow:hidden!important;
}
.commerce-address-dialog--simple .dialog-head,
.jolfa-checkout-address-dialog .dialog-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 14px!important;
  border-bottom:1px solid var(--border)!important;
  background:color-mix(in srgb,var(--surface) 94%,var(--surface-soft))!important;
}
.commerce-address-dialog--simple .dialog-head h2,
.jolfa-checkout-address-dialog .dialog-head h2{
  margin:0!important;
  font-size:.94rem!important;
  line-height:1.45!important;
}
.commerce-address-dialog--simple .dialog-head .icon-button,
.jolfa-checkout-address-dialog .dialog-head .icon-button{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border:1px solid var(--border)!important;
  background:var(--surface)!important;
}
.commerce-address-dialog--simple .dialog-body,
.jolfa-checkout-address-dialog .dialog-body{
  padding:13px 14px 14px!important;
  gap:10px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
.commerce-address-simple-form .panel-form-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.commerce-address-simple-form>label,
.commerce-address-simple-form .panel-form-row>label{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0!important;
  color:var(--text)!important;
  font-size:.68rem!important;
  font-weight:850!important;
  line-height:1.4!important;
}
.commerce-address-simple-form .commerce-field-label,
.commerce-address-simple-form .country-selector-field>span{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:18px!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
.commerce-address-simple-form .required-star{
  display:inline!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:var(--danger)!important;
  font-size:.78rem!important;
  font-weight:950!important;
  line-height:1!important;
  vertical-align:baseline!important;
}
.commerce-address-simple-form input:not([type="hidden"]),
.commerce-address-simple-form textarea,
.commerce-address-simple-form .search-choice-trigger{
  width:100%!important;
  box-sizing:border-box!important;
  border:1.5px solid color-mix(in srgb,var(--text) 18%,var(--border))!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--surface-soft) 54%,var(--surface))!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px 1px rgba(23,16,31,.025)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.commerce-address-simple-form input:not([type="hidden"]){
  min-height:42px!important;
  padding:9px 11px!important;
}
.commerce-address-simple-form textarea{
  min-height:68px!important;
  max-height:120px!important;
  padding:9px 11px!important;
  resize:vertical!important;
  line-height:1.7!important;
}
.commerce-address-simple-form .search-choice-trigger{
  min-height:46px!important;
  padding:6px 9px!important;
}
.commerce-address-simple-form input:not([type="hidden"]):hover,
.commerce-address-simple-form textarea:hover,
.commerce-address-simple-form .search-choice-trigger:hover{
  border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;
  background:var(--surface)!important;
}
.commerce-address-simple-form input:not([type="hidden"]):focus,
.commerce-address-simple-form textarea:focus,
.commerce-address-simple-form .search-choice-trigger:focus-visible{
  outline:none!important;
  border-color:var(--primary)!important;
  background:var(--surface)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)!important;
}
.commerce-address-simple-form input:not([type="hidden"])::placeholder,
.commerce-address-simple-form textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 76%,transparent)!important;
  opacity:1!important;
}
.commerce-address-simple-form .search-choice-trigger__copy small{
  font-size:.52rem!important;
}
.commerce-address-simple-form .search-choice-trigger__copy strong{
  font-size:.69rem!important;
}
.commerce-address-simple-form .commerce-address-postal-hint{
  display:block!important;
  margin-top:0!important;
  color:var(--muted)!important;
  font-size:.56rem!important;
  line-height:1.5!important;
}
.commerce-address-dialog--simple .modal-sticky-actions,
.jolfa-checkout-address-dialog .modal-sticky-actions{
  position:sticky!important;
  bottom:-14px!important;
  z-index:4!important;
  margin:1px -14px -14px!important;
  padding:10px 14px!important;
  border-top:1px solid var(--border)!important;
  background:color-mix(in srgb,var(--surface) 96%,var(--surface-soft))!important;
}
.commerce-address-dialog--simple .modal-sticky-actions .button,
.jolfa-checkout-address-dialog .modal-sticky-actions .button{
  min-height:44px!important;
  width:100%!important;
  border-radius:10px!important;
}
.jolfa-checkout-address-form__error{
  margin:0!important;
  padding:8px 10px!important;
  font-size:.62rem!important;
  line-height:1.6!important;
}
@media(max-width:560px){
  .commerce-address-dialog--simple,.jolfa-checkout-address-dialog{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:15px!important;
  }
  .commerce-address-simple-form .panel-form-row{grid-template-columns:1fr!important;gap:9px!important}
  .commerce-address-dialog--simple .dialog-body,.jolfa-checkout-address-dialog .dialog-body{padding:11px 12px 12px!important;gap:9px!important}
  .commerce-address-dialog--simple .modal-sticky-actions,.jolfa-checkout-address-dialog .modal-sticky-actions{margin:1px -12px -12px!important;padding:9px 12px!important;bottom:-12px!important}
  .jolfa-checkout-empty{align-items:flex-start!important;flex-wrap:wrap!important}
  .jolfa-checkout-address-new-button{width:100%!important}
}

/* ---------- Checkout final flow: node wizard, in-card CTA, shipping selectors ---------- */
.jolfa-checkout-topbar{
  align-items:center!important;
  gap:28px!important;
}
.jolfa-checkout-progress{
  position:relative!important;
  width:min(590px,56vw)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.jolfa-checkout-progress li{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  min-height:74px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--muted)!important;
  font:inherit!important;
  white-space:normal!important;
  text-align:center!important;
}
.jolfa-checkout-progress li::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:23px;
  inset-inline-start:calc(50% + 25px);
  width:calc(100% - 50px);
  height:4px;
  border-radius:999px;
  background:color-mix(in srgb,var(--muted) 18%,var(--border));
}
.jolfa-checkout-progress li:last-child::after{display:none}
.jolfa-checkout-progress li.is-complete::after{
  background:var(--success,#16835f);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--success,#16835f) 12%,transparent);
}
.jolfa-checkout-progress__node{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid color-mix(in srgb,var(--muted) 24%,var(--border))!important;
  border-radius:50%!important;
  background:var(--surface)!important;
  color:var(--muted)!important;
  box-shadow:0 0 0 6px var(--surface)!important;
  transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.jolfa-checkout-progress__node i{font-size:.86rem!important}
.jolfa-checkout-progress__copy{
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:1px!important;
  line-height:1.45!important;
}
.jolfa-checkout-progress__copy strong{color:var(--text);font-size:.7rem;font-weight:950}
.jolfa-checkout-progress__copy small{color:var(--muted);font-size:.56rem;font-weight:750}
.jolfa-checkout-progress li.is-complete .jolfa-checkout-progress__node{
  border-color:var(--success,#16835f)!important;
  background:var(--success,#16835f)!important;
  color:#fff!important;
  box-shadow:0 0 0 6px var(--surface),0 7px 18px color-mix(in srgb,var(--success,#16835f) 20%,transparent)!important;
}
.jolfa-checkout-progress li.is-complete .jolfa-checkout-progress__copy strong,
.jolfa-checkout-progress li.is-complete .jolfa-checkout-progress__copy small{color:var(--success,#16835f)!important}
.jolfa-checkout-progress li.is-active .jolfa-checkout-progress__node{
  border-color:var(--primary)!important;
  background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important;
  color:var(--primary)!important;
  box-shadow:0 0 0 6px var(--surface),0 0 0 9px color-mix(in srgb,var(--primary) 9%,transparent)!important;
  transform:translateY(-1px);
}
.jolfa-checkout-progress li.is-active .jolfa-checkout-progress__copy strong{color:var(--primary)!important}

/* The address header is informational only; add-address actions live with the address content. */
.jolfa-checkout-address-tools{
  display:flex;
  justify-content:flex-start;
  padding:0 15px 15px;
}
.jolfa-checkout-address-tools[hidden]{display:none!important}
.jolfa-checkout-address-add-inline{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:1px dashed color-mix(in srgb,var(--primary) 34%,var(--border));
  border-radius:10px;
  background:color-mix(in srgb,var(--primary) 4%,var(--surface));
  color:var(--primary);
  font:850 .67rem/1.5 "Vazirmatn",sans-serif;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.jolfa-checkout-address-add-inline:hover{
  border-color:color-mix(in srgb,var(--primary) 58%,var(--border));
  background:color-mix(in srgb,var(--primary) 8%,var(--surface));
  transform:translateY(-1px);
}

/* Keep the primary checkout action physically and visually inside the summary card. */
.jolfa-checkout-summary__footer{
  margin-top:3px;
  padding:13px 15px 15px;
  border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--surface-soft) 48%,var(--surface));
}
.jolfa-checkout-summary__footer .jolfa-checkout-submit{
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
}

/* Make the delivery-address modal header unmistakable in both themes. */
.jolfa-checkout-address-dialog .dialog-head.jolfa-address-dialog-head{
  min-height:72px!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:radial-gradient(circle at 12% -35%,rgba(87,213,225,.20),transparent 38%),linear-gradient(135deg,rgba(27,18,36,.99),rgba(53,22,76,.99) 58%,rgba(66,27,77,.99))!important;
  color:#fff!important;
}
.jolfa-address-dialog-head__copy{
  min-width:0;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
}
.jolfa-address-dialog-head__copy>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.jolfa-address-dialog-head__icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.10);
  color:#a8eef2;
  font-size:.9rem;
}
.jolfa-checkout-address-dialog .jolfa-address-dialog-head h2{
  color:#fff!important;
  font-size:.96rem!important;
  font-weight:950!important;
}
.jolfa-checkout-address-dialog .jolfa-address-dialog-head small{
  display:block!important;
  max-width:390px;
  color:rgba(255,255,255,.72)!important;
  font-size:.59rem!important;
  line-height:1.65!important;
  font-weight:700!important;
}
.jolfa-checkout-address-dialog .jolfa-address-dialog-head .jolfa-address-dialog-head__close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.jolfa-checkout-address-dialog .jolfa-address-dialog-head .jolfa-address-dialog-head__close:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.28)!important;
}

/* Province/city selectors use vendored Iran location data; manual input remains for non-IR countries. */
.jolfa-address-location-fields label{position:relative}
.jolfa-address-location-select,
.jolfa-address-location-manual{
  width:100%!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 12px!important;
  border:1.5px solid color-mix(in srgb,var(--text) 20%,var(--border))!important;
  border-radius:11px!important;
  outline:0!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent)!important;
  font:750 .72rem/1.5 "Vazirmatn",Tahoma,Arial,sans-serif!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.jolfa-address-location-select{
  appearance:auto!important;
  cursor:pointer!important;
}
.jolfa-address-location-select:hover,
.jolfa-address-location-manual:hover{
  border-color:color-mix(in srgb,var(--primary) 42%,var(--border))!important;
}
.jolfa-address-location-select:focus,
.jolfa-address-location-manual:focus{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)!important;
  background:color-mix(in srgb,var(--primary) 2%,var(--surface))!important;
}
.jolfa-address-location-select:disabled{
  cursor:not-allowed!important;
  opacity:.58!important;
  background:var(--surface-soft)!important;
}
.jolfa-address-location-select[hidden],
.jolfa-address-location-manual[hidden]{display:none!important}

@media(max-width:900px){
  .jolfa-checkout-topbar{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .jolfa-checkout-progress{width:100%!important;max-width:620px!important;align-self:center!important}
}
@media(max-width:560px){
  .jolfa-checkout-progress li{min-height:66px!important;padding-inline:3px!important}
  .jolfa-checkout-progress li::after{top:20px;inset-inline-start:calc(50% + 22px);width:calc(100% - 44px);height:3px}
  .jolfa-checkout-progress__node{width:42px!important;height:42px!important;flex-basis:42px!important;box-shadow:0 0 0 4px var(--surface)!important}
  .jolfa-checkout-progress li.is-complete .jolfa-checkout-progress__node{box-shadow:0 0 0 4px var(--surface),0 6px 14px color-mix(in srgb,var(--success,#16835f) 17%,transparent)!important}
  .jolfa-checkout-progress li.is-active .jolfa-checkout-progress__node{box-shadow:0 0 0 4px var(--surface),0 0 0 7px color-mix(in srgb,var(--primary) 8%,transparent)!important}
  .jolfa-checkout-progress__copy strong{font-size:.62rem}.jolfa-checkout-progress__copy small{display:none}
  .jolfa-checkout-address-dialog .dialog-head.jolfa-address-dialog-head{min-height:66px!important;padding:10px 11px!important}
  .jolfa-address-dialog-head__icon{width:36px;height:36px;flex-basis:36px}
  .jolfa-checkout-address-dialog .jolfa-address-dialog-head small{font-size:.55rem!important}
  .jolfa-checkout-address-tools{padding-inline:11px;padding-bottom:12px}
  .jolfa-checkout-address-add-inline{width:100%}
}

/* Reuse the same explicit address-modal header in the account address book. */
.commerce-address-dialog--simple .dialog-head.jolfa-address-dialog-head{
  min-height:72px!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:radial-gradient(circle at 12% -35%,rgba(87,213,225,.20),transparent 38%),linear-gradient(135deg,rgba(27,18,36,.99),rgba(53,22,76,.99) 58%,rgba(66,27,77,.99))!important;
  color:#fff!important;
}
.commerce-address-dialog--simple .jolfa-address-dialog-head h2{color:#fff!important;font-size:.96rem!important;font-weight:950!important}
.commerce-address-dialog--simple .jolfa-address-dialog-head small{display:block!important;max-width:390px;color:rgba(255,255,255,.72)!important;font-size:.59rem!important;line-height:1.65!important;font-weight:700!important}
.commerce-address-dialog--simple .jolfa-address-dialog-head .jolfa-address-dialog-head__close{
  width:38px!important;height:38px!important;min-width:38px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:none!important
}
.commerce-address-dialog--simple .jolfa-address-dialog-head .jolfa-address-dialog-head__close:hover{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.28)!important}

/* Cart fulfillment metadata: keep availability visually scannable without adding badges/noise. */
.jolfa-cart-item__meta>.jolfa-cart-stock-meta{color:var(--success);font-weight:850}
.jolfa-cart-item__meta>.jolfa-cart-stock-meta i{color:var(--success)}
.jolfa-cart-item__meta>.jolfa-cart-shipping-meta{color:color-mix(in srgb,var(--text) 72%,var(--muted));font-weight:800}

/* Mobile drawer: reliable inline services submenu + final logout action. */
.mobile-nav-group__trigger{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:0 13px;border:0;border-radius:14px;background:var(--surface-soft);color:var(--text);font:inherit;font-weight:900;text-align:start;cursor:pointer}
.mobile-nav-group__trigger>i:first-child{width:24px;text-align:center;color:var(--primary);font-size:1.15rem}
.mobile-nav-group__trigger span{flex:1}
.mobile-nav-group.is-open .mobile-nav-group__chevron{transform:rotate(180deg)}
.mobile-nav-group__links[hidden]{display:none!important}
.mobile-nav-group.is-open .mobile-nav-group__links{display:grid}
.mobile-logout-form{margin:0;width:100%}
.mobile-logout-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dc2626;border-radius:14px;background:#dc2626;color:#fff;font:inherit;font-weight:950;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,#dc2626 18%,transparent)}
.mobile-logout-button:hover,.mobile-logout-button:focus-visible{background:#b91c1c;border-color:#b91c1c;outline:none}
.mobile-logout-button i{font-size:1.05rem}
