/* Jolfa v51 — UI/UX Pro Max inspired NFT/Web3 design system
   Direction: Aurora + glassmorphism + dimensional layering + accessible commerce.
   Loaded last so it acts as the single visual authority without changing backend behavior. */

:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-soft:#f1f4f9;
  --surface-tint:#eef0ff;
  --surface-raised:rgba(255,255,255,.82);
  --text:#101729;
  --muted:#667085;
  --border:#e3e8f1;
  --primary:#6d4aff;
  --primary-strong:#4e2bd4;
  --accent:#10b981;
  --accent-strong:#059669;
  --success:#0f9f6e;
  --warning:#c47b11;
  --danger:#d33d4f;
  --focus:#7c5cff;
  --uupm-purple:#7c5cff;
  --uupm-violet:#9d70ff;
  --uupm-cyan:#28c7d9;
  --uupm-green:#20d39b;
  --uupm-ink:#0b1020;
  --uupm-glass:rgba(255,255,255,.72);
  --uupm-glass-border:rgba(109,74,255,.14);
  --shadow:0 28px 80px rgba(37,30,78,.12);
  --shadow-soft:0 14px 38px rgba(37,30,78,.08);
  --shadow-card:0 18px 50px rgba(31,23,71,.10);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:16px;
  --header-height:82px;
  --container:1240px;
}
html[data-theme="dark"]{
  --bg:#070b14;
  --surface:#0e1422;
  --surface-soft:#131b2c;
  --surface-tint:#171d35;
  --surface-raised:rgba(14,20,34,.82);
  --text:#f5f7ff;
  --muted:#9ca8bd;
  --border:#202a3d;
  --primary:#9b86ff;
  --primary-strong:#7c5cff;
  --accent:#24d5a0;
  --accent-strong:#10b981;
  --success:#3dd9a3;
  --warning:#f0b65c;
  --danger:#ff7182;
  --focus:#a996ff;
  --uupm-glass:rgba(14,20,34,.72);
  --uupm-glass-border:rgba(169,150,255,.16);
  --shadow:0 30px 90px rgba(0,0,0,.46);
  --shadow-soft:0 16px 42px rgba(0,0,0,.28);
  --shadow-card:0 22px 62px rgba(0,0,0,.34);
}

html{scroll-padding-top:calc(var(--header-height) + 22px)}
body.uupm-web3{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 8%,rgba(124,92,255,.13),transparent 28rem),
    radial-gradient(circle at 92% 20%,rgba(32,211,155,.10),transparent 26rem),
    linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 93%,var(--surface-tint)));
  color:var(--text);
  font-size:16px;
  line-height:1.7;
}
html[data-theme="dark"] body.uupm-web3{
  background:
    radial-gradient(circle at 7% 7%,rgba(124,92,255,.18),transparent 32rem),
    radial-gradient(circle at 95% 22%,rgba(32,211,155,.10),transparent 28rem),
    linear-gradient(180deg,#070b14,#080d18 48%,#060a12);
}
body.uupm-web3::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.42;
  background-image:linear-gradient(rgba(109,74,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(109,74,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
::selection{background:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--text)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 46%,transparent)!important;outline-offset:3px!important}
.section-narrow{width:min(var(--container),calc(100% - 48px))}
.site-main{min-height:calc(100vh - var(--header-height));}

/* Header — translucent marketplace navigation */
.site-header{
  position:fixed;
  inset:0 0 auto;
  border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
  background:color-mix(in srgb,var(--bg) 78%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:none;
}
.site-header.is-scrolled{background:color-mix(in srgb,var(--surface) 88%,transparent)!important;box-shadow:0 16px 48px rgba(20,16,52,.10)}
.site-header__inner{height:var(--header-height);gap:22px}
.site-brand{gap:11px}
.site-brand img{width:46px;height:46px;filter:drop-shadow(0 12px 24px rgba(109,74,255,.24))}
.brand-wordmark{font-size:1.46rem;color:var(--text);letter-spacing:-.04em}
.brand-wordmark::before,.brand-wordmark::after{color:var(--accent)}
.brand-slogan{color:var(--muted)!important;font-size:.65rem!important}
.desktop-navigation{gap:2px;padding:5px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.desktop-navigation>a,.nav-dropdown__button{
  min-height:42px;
  height:42px;
  padding:0 13px;
  gap:8px;
  border-radius:13px;
  font-size:.81rem;
  color:var(--muted);
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.desktop-navigation>a i:not(.fa-chevron-down),.nav-dropdown__button i:not(.fa-chevron-down),
.desktop-navigation>a .fa-svg-icon:not(.fa-chevron-down),.nav-dropdown__button .fa-svg-icon:not(.fa-chevron-down){
  width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:currentColor!important;font-size:.8rem!important;
}
.desktop-navigation>a:hover,.desktop-navigation>a.active,.nav-dropdown__button:hover,.nav-dropdown__button.active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)));
  color:var(--text);
  transform:translateY(-1px);
}
.desktop-navigation>a.active,.nav-dropdown__button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}
.site-header__actions{gap:9px}
.language-trigger,.theme-button,.mobile-menu-button,.mobile-menu-close{
  min-height:44px;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface) 78%,transparent)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.language-trigger:hover,.theme-button:hover,.mobile-menu-button:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;background:var(--surface)!important}
.language-flag-img{border:0!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important}
.auth-button{
  min-height:44px;
  border:0!important;
  border-radius:14px;
  background:linear-gradient(135deg,var(--primary),var(--uupm-violet))!important;
  color:#fff!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 28%,transparent)!important;
}
html[data-theme="dark"] .auth-button{color:#fff!important}
.nav-dropdown__menu,.language-menu,.panel-menu{
  border:1px solid var(--uupm-glass-border);
  border-radius:20px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(22px) saturate(1.3);
  box-shadow:var(--shadow);
}
.nav-dropdown__menu a,.language-menu a,.panel-menu a{border-radius:13px}

/* Global controls and buttons */
.button,.table-action-button,.icon-button,.input-action-button{
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.button{min-height:46px;border-radius:14px;font-weight:900}
.button-primary{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--primary),var(--uupm-violet))!important;
  color:#fff!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 28%,transparent)!important;
}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 35%,transparent)!important}
.button-soft,.button-ghost{
  border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))!important;
  background:color-mix(in srgb,var(--surface) 82%,transparent)!important;
  color:var(--text)!important;
  backdrop-filter:blur(12px);
}
.button-soft:hover,.button-ghost:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 38%,var(--border))!important;background:var(--surface)!important}
.button-danger{background:linear-gradient(135deg,var(--danger),#ef6273)!important;color:#fff!important}

/* Forms — consistent 48px controls and clear feedback */
input:not([type="checkbox"]):not([type="radio"]),textarea,select,.custom-select__trigger{
  min-height:48px;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
textarea{padding-top:12px!important}
input:not([type="checkbox"]):not([type="radio"]):hover,textarea:hover,select:hover,.custom-select__trigger:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))!important}
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus,.custom-select.is-open .custom-select__trigger{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)!important;
  outline:0!important;
}
.custom-select__menu{border:1px solid var(--uupm-glass-border)!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;backdrop-filter:blur(22px);box-shadow:var(--shadow)!important}
.custom-select__option{min-height:44px;border-radius:11px!important}
.custom-select__option:hover,.custom-select__option.is-selected{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important;color:var(--text)!important}

/* Quick product strip becomes compact marketplace stats/cards */
.hero-shop-peek{margin-top:-4px!important;gap:14px!important}
.hero-shop-peek__item{
  min-height:92px;
  padding:16px 18px!important;
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:20px!important;
  background:var(--uupm-glass)!important;
  backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:var(--shadow-card)!important;
}
.hero-shop-peek__item:hover{transform:translateY(-5px)!important;border-color:color-mix(in srgb,var(--primary) 40%,var(--border))!important}
.hero-shop-peek__icon{width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),color-mix(in srgb,var(--accent) 10%,var(--surface)))!important;color:var(--primary)!important}
.hero-shop-peek__copy small{color:var(--accent-strong)!important}.hero-shop-peek__copy strong{font-size:.92rem!important}
.hero-shop-peek__arrow{display:none!important}

/* Section hierarchy */
.section-block{padding-top:72px!important;padding-bottom:16px}
.section-heading{margin-bottom:26px!important}
.section-heading>span{display:inline-flex!important;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)!important;font-size:.68rem!important;font-weight:950!important;letter-spacing:.03em}
.section-heading h2{max-width:18ch;margin-top:10px!important;font-size:clamp(1.85rem,3vw,3rem)!important;line-height:1.16!important;letter-spacing:-.04em!important;text-wrap:balance}
html[dir="rtl"] .section-heading h2{letter-spacing:-.025em!important}
.cards-row,.article-grid,.service-row{gap:20px!important}

/* Product cards — premium marketplace tiles */
.product-card{
  position:relative;
  overflow:hidden;
  padding:12px 12px 18px!important;
  gap:13px!important;
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-soft) 72%,var(--surface)))!important;
  box-shadow:var(--shadow-card)!important;
}
.product-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .2s ease}
.product-card:hover{transform:translateY(-7px)!important;border-color:color-mix(in srgb,var(--primary) 36%,var(--border))!important;box-shadow:0 28px 74px rgba(36,27,82,.16)!important}
.product-card:hover::before{opacity:1}
.product-media{min-height:220px!important;border:0!important;border-radius:18px!important;background:var(--surface-soft)!important}
.product-media img{min-height:220px!important;aspect-ratio:16/10;object-fit:cover!important;transition:transform .35s ease}
.product-card:hover .product-media img{transform:scale(1.035)}
.product-card__top{gap:12px!important}.product-type{font-size:.94rem!important;color:var(--text)!important}.product-type i{color:var(--primary)}
.status-badge{border-radius:999px!important;font-size:.62rem!important;font-weight:950!important}
.product-card>p{min-height:3.2em;color:var(--muted)!important;font-size:.79rem!important;line-height:1.8!important}
.tag-row span{border:1px solid var(--border)!important;border-radius:999px!important;background:var(--surface-soft)!important;color:var(--muted)!important;font-size:.62rem!important}
.product-card__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}
.product-card--available{opacity:1!important;filter:none!important;transform:none!important}
.product-card--coming_soon{opacity:.62!important;filter:saturate(.55)!important;box-shadow:none!important}
.product-card--coming_soon:hover{opacity:.78!important;transform:translateY(-3px)!important}

/* Services become a numbered bento row */
.soft-section{position:relative;padding:58px!important;border:1px solid var(--uupm-glass-border)!important;border-radius:32px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),color-mix(in srgb,var(--accent) 5%,var(--surface)))!important;box-shadow:var(--shadow-card)!important}
.service-card{position:relative;overflow:hidden;min-height:260px;padding:26px!important;border:1px solid var(--uupm-glass-border)!important;border-radius:24px!important;background:color-mix(in srgb,var(--surface) 90%,transparent)!important;box-shadow:none!important}
.service-card>i,.service-card>.fa-svg-icon{width:54px!important;height:54px!important;padding:0!important;border-radius:17px!important;background:linear-gradient(135deg,var(--primary),var(--uupm-violet))!important;color:#fff!important;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 26%,transparent)}
.service-card h3{margin-top:22px!important;font-size:1.25rem!important}.service-card p{color:var(--muted)!important;font-size:.83rem!important}.service-card a{margin-top:auto;color:var(--primary)!important;font-weight:950!important}
.partner-strip{overflow:hidden;padding:36px 40px!important;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border))!important;border-radius:28px!important;background:linear-gradient(115deg,#10172b,#23184a 58%,#123d39)!important;color:#fff!important;box-shadow:0 26px 72px rgba(20,16,54,.22)!important}
.partner-strip::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset:-160px auto auto -70px;background:rgba(124,92,255,.32);filter:blur(12px)}
.partner-strip h2,.partner-strip p{color:#fff!important}.partner-strip p{color:#cbd4e6!important}

/* Editorial cards */
.article-card--editorial{
  overflow:hidden;
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:24px!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow-card)!important;
}
.article-card--editorial:hover{transform:translateY(-7px)!important;border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;box-shadow:0 28px 72px rgba(36,27,82,.15)!important}
.article-card__media{aspect-ratio:16/9!important;border-radius:18px!important;overflow:hidden}.article-card__media img{transition:transform .72s cubic-bezier(.22,1,.36,1)}.article-card:hover .article-card__media img{transform:scale(1.035)}
.article-card__category{border:1px solid rgba(255,255,255,.20)!important;background:rgba(8,12,24,.72)!important;color:#fff!important;backdrop-filter:blur(12px)}
.article-card__body{padding:24px 24px 26px!important}.article-card__meta{color:var(--muted)!important;font-size:.65rem!important}.article-card__title{font-size:1rem!important;line-height:1.6!important}.article-card__summary{color:var(--muted)!important;font-size:.76rem!important;line-height:1.8!important}

/* Public inner pages */
.inner-hero,.articles-index-hero,.article-page__hero,.information-hero,.checkout-page,.partner-program-hero{
  border-radius:30px!important;
}
.content-panel,.contact-card,.checkout-main,.checkout-summary,.purchase-box,.product-showcase-card,.product-information-panel,.article-summary-box,.article-toc,.article-author-box,.article-share-box{
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:24px!important;
  background:var(--uupm-glass)!important;
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-card)!important;
}
.product-showcase-card,.purchase-box{box-shadow:var(--shadow)!important}
.breadcrumb{color:var(--muted)!important}.breadcrumb a:hover{color:var(--primary)!important}

/* Authentication */
body.auth-layout{background:radial-gradient(circle at 12% 14%,rgba(124,92,255,.18),transparent 30rem),radial-gradient(circle at 88% 82%,rgba(32,211,155,.13),transparent 30rem),var(--bg)!important}
.auth-center-shell{width:min(470px,100%)!important}
.auth-form-centered{
  padding:32px!important;
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:28px!important;
  background:var(--uupm-glass)!important;
  backdrop-filter:blur(22px) saturate(1.2);
  box-shadow:var(--shadow)!important;
}
.auth-form-head h1{font-size:1.85rem!important;letter-spacing:-.04em}.auth-form-head p{color:var(--muted)!important}
.fixed-choice-selector{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important}
.fixed-choice-button{flex:1 1 0!important;min-width:0!important;min-height:48px!important;border-radius:14px!important}
.fixed-choice-button.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--primary) 48%,var(--border))!important;color:var(--primary)!important}
.choice-radio{border-radius:7px!important}.fixed-choice-button.active .choice-radio{background:var(--primary)!important;position:relative}.fixed-choice-button.active .choice-radio::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:1000}
html[dir="rtl"] .fixed-choice-button{flex-direction:row!important}.choice-option-content{flex:1}

/* Panel shell — dark marketplace dashboard language without sacrificing light theme */
.panel-frame{width:min(1500px,calc(100% - 32px))!important;max-width:1500px!important;gap:18px!important;padding-top:20px!important}
.panel-sidebar-global{
  width:248px!important;
  flex:0 0 248px!important;
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:24px!important;
  background:var(--uupm-glass)!important;
  backdrop-filter:blur(20px);
  box-shadow:var(--shadow-card)!important;
}
.panel-sidebar-global__head{padding:19px!important;border-bottom:1px solid var(--border)!important}
.panel-sidebar-global__head>span{background:linear-gradient(135deg,var(--primary),var(--uupm-violet))!important;color:#fff!important;border-radius:15px!important;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 24%,transparent)}
.panel-sidebar-global__nav{padding:10px!important;gap:4px!important}
.panel-sidebar-global__nav a{min-height:45px!important;border-radius:13px!important;color:var(--muted)!important}
.panel-sidebar-global__nav a:hover{background:var(--surface-soft)!important;color:var(--text)!important;transform:translateX(calc(var(--panel-nav-shift,1) * 2px))}
html[dir="rtl"] .panel-sidebar-global__nav a:hover{--panel-nav-shift:-1}
.panel-sidebar-global__nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)))!important;color:var(--primary)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}
.panel-site-main{padding:0!important;min-width:0}
.panel-main,.panel-shell{gap:18px!important}
.panel-header{
  padding:26px 28px!important;
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),color-mix(in srgb,var(--accent) 5%,var(--surface)))!important;
  box-shadow:var(--shadow-card)!important;
}
.panel-header__eyebrow{color:var(--primary)!important}.panel-header h1{font-size:clamp(1.6rem,2.3vw,2.35rem)!important;letter-spacing:-.04em}.panel-header p{color:var(--muted)!important}
.dashboard-card,.panel-surface,.panel-table-card,.settings-control-card,.exchange-monitor-panel,.admin-order-card,.download-product-card,.ticket-inbox,.wallet-balance,.payout-request-card,.payout-status-card{
  border:1px solid var(--uupm-glass-border)!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  box-shadow:var(--shadow-card)!important;
}
.dashboard-kpi{min-height:132px!important;padding:20px!important;border:1px solid var(--uupm-glass-border)!important;border-radius:20px!important;background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--surface-soft) 72%,var(--surface)))!important;box-shadow:var(--shadow-card)!important}
.dashboard-kpi:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))!important}
.dashboard-kpi__icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--primary),var(--uupm-violet))!important;color:#fff!important;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 24%,transparent)}
.dashboard-card__head{padding-bottom:14px;border-bottom:1px solid var(--border)}
.panel-table thead{background:var(--surface-soft)}
.panel-table th{color:var(--muted)!important;font-size:.72rem!important;text-transform:none}.panel-table td{font-size:.8rem!important}
.panel-table tbody tr{transition:background .18s ease}.panel-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.status-pill{border-radius:999px!important}
.icon-button,.table-action-button{min-height:40px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important}
.icon-button:hover,.table-action-button:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border))!important;background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important;color:var(--primary)!important;transform:translateY(-2px)}
.dialog-backdrop{border:1px solid var(--uupm-glass-border)!important;border-radius:26px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;box-shadow:0 34px 100px rgba(0,0,0,.30)!important;backdrop-filter:blur(22px)}
.dialog-overlay{background:rgba(5,8,16,.58)!important;backdrop-filter:blur(4px)}

/* Footer, simplified and high contrast */
.site-footer.jolfa-footer{
  margin-top:86px!important;
  color:var(--text)!important;
  background:
    radial-gradient(circle at 10% 10%,rgba(124,92,255,.18),transparent 26rem),
    radial-gradient(circle at 90% 20%,rgba(32,211,155,.11),transparent 22rem),
    linear-gradient(145deg,#f0f2f9,#e8ecf5)!important;
  border-top:1px solid var(--border)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .site-footer.jolfa-footer{background:radial-gradient(circle at 10% 10%,rgba(124,92,255,.18),transparent 28rem),radial-gradient(circle at 90% 18%,rgba(32,211,155,.10),transparent 24rem),linear-gradient(145deg,#0b1020,#080c16)!important;color:#f5f7ff!important}
.jolfa-footer::before{height:2px!important;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent)!important}
.jolfa-footer__content{gap:44px!important}.jolfa-footer__brand,.jolfa-footer__contact,.jolfa-footer__link-group{color:inherit!important}
.jolfa-footer__brand-link strong,.jolfa-footer__link-group h2,.jolfa-footer__contact>h2,.jolfa-footer__contact-list strong,.jolfa-footer__contact-list bdi{color:var(--text)!important}
.jolfa-footer__brand p,.jolfa-footer__link-group a,.jolfa-footer__contact-list small,.jolfa-footer__bottom{color:var(--muted)!important}
html[data-theme="dark"] .jolfa-footer__brand-link strong,html[data-theme="dark"] .jolfa-footer__link-group h2,html[data-theme="dark"] .jolfa-footer__contact>h2,html[data-theme="dark"] .jolfa-footer__contact-list strong,html[data-theme="dark"] .jolfa-footer__contact-list bdi{color:#f5f7ff!important}
html[data-theme="dark"] .jolfa-footer__brand p,html[data-theme="dark"] .jolfa-footer__link-group a,html[data-theme="dark"] .jolfa-footer__contact-list small,html[data-theme="dark"] .jolfa-footer__bottom{color:#9ca8bd!important}
.jolfa-footer__support-link,.jolfa-footer__trust{border-color:var(--border)!important;background:color-mix(in srgb,var(--surface) 76%,transparent)!important;color:var(--text)!important}

/* Responsive */
@media(max-width:1120px){
  .desktop-navigation>a,.nav-dropdown__button{padding-inline:10px;font-size:.75rem}.desktop-navigation{gap:0}.brand-copy{min-width:auto}
  .panel-frame{width:calc(100% - 24px)!important}.panel-sidebar-global{width:220px!important;flex-basis:220px!important}
}
@media(max-width:980px){
  .soft-section{padding:38px!important}.panel-sidebar-global{display:none!important}.panel-frame{display:block!important}.panel-site-main{width:100%!important}
}
@media(max-width:780px){
  :root{--header-height:70px}
  .section-narrow{width:calc(100% - 28px)}
  .hero-shop-peek{width:calc(100% - 28px)!important}.hero-shop-peek__item{min-height:86px!important}
  .section-block{padding-top:54px!important}.soft-section{padding:24px!important;border-radius:24px!important}.partner-strip{padding:28px 24px!important;border-radius:24px!important}
  .product-media,.product-media img{min-height:190px!important}
  .fixed-choice-selector{flex-direction:row!important}.fixed-choice-button{padding:9px!important}
  .panel-frame{width:calc(100% - 18px)!important;padding-top:12px!important}.panel-header{padding:21px!important;border-radius:20px!important}.dashboard-card,.panel-surface,.panel-table-card{border-radius:18px!important}
  .dialog-backdrop{width:min(100%,calc(100vw - 12px))!important;border-radius:24px 24px 0 0!important}
}
@media(max-width:520px){
  .section-narrow{width:calc(100% - 20px)}
  .site-header__inner{gap:7px}.site-brand{min-width:0}.site-brand img{width:38px;height:38px}.brand-copy{min-width:0}.brand-wordmark{font-size:1.17rem}.brand-slogan{display:inline-flex!important}
  .hero-shop-peek__item{flex-basis:90vw!important}.section-heading h2{font-size:1.75rem!important}.soft-section{padding:18px!important}.service-card{min-height:230px!important;padding:22px!important}.partner-strip{padding:24px 20px!important}
  .auth-form-centered{padding:24px 18px!important;border-radius:23px!important}.fixed-choice-selector{gap:7px!important}.fixed-choice-button{font-size:.76rem!important}.choice-option-content{gap:6px!important}
  .panel-header h1{font-size:1.45rem!important}.dashboard-kpi{min-height:116px!important}.panel-header,.dashboard-card,.panel-surface,.panel-table-card{box-shadow:0 12px 34px rgba(31,23,71,.08)!important}
  .jolfa-footer__container{padding-inline:6px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v52: keep desktop header/navigation dark and readable in light mode. */
html[data-theme="light"] .site-header{
  background:
    radial-gradient(circle at 14% 0%,rgba(124,92,255,.26),transparent 34%),
    linear-gradient(135deg,#111827 0%,#17152f 52%,#24143a 100%)!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
  box-shadow:0 12px 34px rgba(15,10,28,.22)!important;
}
html[data-theme="light"] .site-header.is-scrolled{
  background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(36,20,58,.96))!important;
  box-shadow:0 16px 44px rgba(15,10,28,.30)!important;
}
html[data-theme="light"] .site-header .desktop-navigation{
  background:rgba(5,9,20,.48)!important;
  border-color:rgba(255,255,255,.13)!important;
}
html[data-theme="light"] .site-header .desktop-navigation>a,
html[data-theme="light"] .site-header .nav-dropdown__button{
  color:#e8edf8!important;
}
html[data-theme="light"] .site-header .desktop-navigation>a i,
html[data-theme="light"] .site-header .nav-dropdown__button i{
  color:#aeb9ce!important;
}
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:rgba(255,255,255,.11)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
html[data-theme="light"] .site-header .desktop-navigation>a:hover i,
html[data-theme="light"] .site-header .desktop-navigation>a.active i,
html[data-theme="light"] .site-header .nav-dropdown__button:hover i,
html[data-theme="light"] .site-header .nav-dropdown__button.active i{
  color:#fff!important;
}
html[data-theme="light"] .site-header .brand-wordmark{
  background:linear-gradient(135deg,#fff,#ddd6fe 58%,#67e8f9)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
html[data-theme="light"] .site-header .brand-slogan{color:#c9d2e3!important}
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,.08)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#f8fafc!important;
}
html[data-theme="light"] .site-header .auth-button{
  background:linear-gradient(135deg,#f8fafc,#e9d5ff)!important;
  color:#21152f!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] .site-header .auth-button i,
html[data-theme="light"] .site-header .auth-button span{color:#21152f!important}