/* DastJor 22 — clarity-first product experience, additive layer. */
:root{
 --dj22-brand:#5b43b5;--dj22-brand-strong:#493596;--dj22-teal:#168f89;--dj22-gold:#e5a832;
 --dj22-bg:#f6f7fb;--dj22-surface:#fff;--dj22-ink:#172033;--dj22-muted:#64748b;--dj22-line:#e5e9f1;
 --dj22-shadow:0 12px 34px rgba(25,32,58,.075);--dj22-shadow-hover:0 18px 42px rgba(40,35,85,.13);
 --dj22-radius:22px;
}
html{scroll-padding-top:88px}
body{background:var(--dj22-bg);color:var(--dj22-ink);font-family:Vazirmatn,"Vazirmatn FD",Tahoma,"Segoe UI",sans-serif;letter-spacing:0}
.topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--dj22-line)!important;box-shadow:0 4px 18px rgba(20,28,50,.035)}
.navwrap{max-width:1320px!important;height:72px!important}
.brandmark{background:linear-gradient(145deg,#7059cf,#493596)!important;box-shadow:0 7px 18px #5b43b533!important}
.brand strong{font-weight:900!important;color:#211a3c}
.brand small{color:#718096!important}
.mainnav{gap:16px!important;font-size:12px!important;color:#46516a!important}
.mainnav a:hover{color:var(--dj22-brand)!important}
.mainnav .navcta{background:var(--dj22-brand)!important;border-radius:13px!important;box-shadow:0 7px 16px #5b43b526}
.page-shell{max-width:1320px;margin-inline:auto;padding-inline:clamp(14px,2.4vw,30px)}
/* Homepage: one promise, one search, three clear actions. */
.dj-home-galaxy{background:linear-gradient(180deg,#f7f6ff 0%,#f6f7fb 48%,#f6f7fb 100%)!important;color:var(--dj22-ink)!important;padding-top:clamp(12px,2vw,24px)!important;padding-bottom:32px!important;overflow:visible!important}
.dj-home-galaxy:before,.dj-home-galaxy:after{display:none!important}
.dj-home-hero-90{background:linear-gradient(115deg,#fff 0%,#f2efff 58%,#eaf8f6 100%)!important;border:1px solid #e7e2f7!important;border-radius:30px!important;box-shadow:0 18px 52px rgba(58,45,110,.09)!important;overflow:hidden}
.dj-home-hero-90 .dj-hero-inner{gap:clamp(18px,3vw,42px)!important;min-height:0!important}
.dj-home-hero-90 .dj-hero-content{padding:clamp(22px,4vw,48px)!important}
.dj-home-hero-90 .dj-hero-content h1{color:#211a3c!important;font-size:clamp(30px,4.1vw,54px)!important;line-height:1.3!important;letter-spacing:-1.2px!important}
.dj-home-hero-90 .dj-hero-content h1 em{color:var(--dj22-brand)!important;font-style:normal!important}
.dj-home-hero-90 .dj-hero-content>p{color:#59647a!important;font-size:clamp(14px,1.2vw,17px)!important;max-width:600px;line-height:2!important}
.dj-home-hero-90 .dj-hero-badge{background:#eee9ff!important;color:#4c399b!important;border:1px solid #dcd3ff!important;border-radius:99px!important;padding:7px 13px!important;font-weight:800}
.dj-home-hero-90 .dj-unified-search{background:#fff!important;border:1px solid #e4e6ef!important;border-radius:18px!important;padding:8px!important;box-shadow:0 12px 28px #35276d12!important;gap:8px!important}
.dj-home-hero-90 .dj-unified-search input{min-height:48px!important;background:#f8f9fc!important;border:1px solid #edf0f5!important;border-radius:12px!important;padding-inline:14px!important;color:#172033!important}
.dj-home-hero-90 .dj-unified-search button{min-height:48px!important;background:var(--dj22-brand)!important;border-radius:12px!important;padding-inline:24px!important;font-weight:800!important}
.dj-home-hero-90 .dj-home-ai-line{color:#536078!important;margin-top:14px!important}
.dj-home-hero-90 .dj-home-ai-line a{color:#4e399b!important;font-weight:900}
.dj-home-hero-90 .dj-home-stats{color:#56627a!important;gap:18px!important}
.dj-home-hero-90 .dj-home-stats b{color:var(--dj22-brand)!important;font-size:20px}
.dj-home-hero-90 .dj-hero-art{border-radius:24px!important;min-height:320px!important;box-shadow:none!important}
.dj-home-audience{background:#fff!important;border:1px solid var(--dj22-line)!important;border-radius:18px!important;padding:12px 16px!important;box-shadow:var(--dj22-shadow)!important}
.dj-home-audience a{background:#f5f3ff!important;color:#493596!important;border-radius:99px!important;padding:9px 15px!important;font-weight:800}
.dj-home-paths{gap:14px!important}
.dj-home-path{border:1px solid var(--dj22-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--dj22-shadow)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.dj-home-path:hover,.dj-discovery-card:hover,.dj-home-store-card:hover,.dj-product-card:hover{transform:translateY(-3px);box-shadow:var(--dj22-shadow-hover)!important}
.dj-home-path b,.dj-discovery-card b{color:#22203b!important}
.dj-home-path small,.dj-discovery-card small{color:#64748b!important;line-height:1.9}
.dj-home-data-section,.dj-home-map-shell,.dj-home-discovery,.dj-home-more,.dj-home-seller-cta{border-radius:24px!important}
.dj-home-section-head h2{color:#211a3c!important;font-size:clamp(19px,2vw,26px)!important}
.dj-home-section-head p{color:#64748b!important}
.dj-home-map-shell,.dj-home-data-section,.dj-home-discovery{background:#fff!important;border:1px solid var(--dj22-line)!important;box-shadow:var(--dj22-shadow)!important;padding:clamp(14px,2vw,24px)!important}
.dj-home-map-heading{color:#303b55!important}
.dj-home-store-card,.dj-product-card,.dj-dam-card,.farm-mini-card,.dj-discovery-card{border:1px solid var(--dj22-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 5px 18px rgba(30,40,70,.045)!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
/* All major verticals: same design grammar, distinct accent identity. */
.mk-shell,.recycle-page,.farm-market-hero,.dj-world-hero,.dj-community-hero,.nearby-hero-v52,.dj-arcade-hero{border-radius:28px!important;overflow:hidden}
.mk-hero{border-radius:28px!important;box-shadow:var(--dj22-shadow)!important}
.mk-manifesto,.mk-section,.recycle-map-section,.farm-market-filters,.farm-list-section,.dj-community-feed,.needs-layout>*,.nearby-scan-panel{border-radius:20px!important;box-shadow:var(--dj22-shadow)!important}
.mk-hero h1,.mk-section h2,.recycle-page h1,.farm-market-hero h1,.dj-world-hero h1,.dj-community-hero h1{letter-spacing:-.6px;line-height:1.45!important}
.mk-btn,.farm-button,.dj-world-primary,.dj-world-secondary,.btn{border-radius:13px!important;font-weight:800!important;min-height:46px}
.mk-btn.mk-primary,.farm-button-primary,.dj-world-primary,.btn.primary{background:var(--dj22-brand)!important;border-color:var(--dj22-brand)!important;color:#fff!important;box-shadow:0 8px 18px #5b43b52a}
.recycle-page-hero{border-radius:26px!important;background:linear-gradient(120deg,#102f36,#17645f 68%,#208e83)!important;box-shadow:0 18px 40px rgba(17,83,79,.16)!important}
.dj-recycle-how article{border:1px solid var(--dj22-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 20px rgba(20,45,50,.05)!important}
.farm-market-hero{background:linear-gradient(115deg,#123e31,#17664b 58%,#e8f5e8)!important;box-shadow:0 18px 42px rgba(18,80,54,.14)!important}
.farm-trust-pills span{background:#ffffff20!important;border:1px solid #ffffff35!important;border-radius:99px!important;padding:7px 12px!important}
.dj-world-hero{background:linear-gradient(120deg,#3d2c1e,#7a4e2b 58%,#e8d2a9)!important}
.dj-dam-hero{background:linear-gradient(120deg,#342b1f,#73542e 62%,#d5c08f)!important}
.dj-community-hero{background:linear-gradient(120deg,#4b2350,#8e3c77 65%,#f0d9e9)!important;box-shadow:0 18px 42px rgba(95,38,87,.15)!important}
.dj-community-stats span{border-radius:12px!important}
.dj-post-card,.community-post,.dj-community-post{border:1px solid var(--dj22-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--dj22-shadow)!important}
/* Inputs and actions: visible states, consistent touch targets. */
input,select,textarea{border-radius:12px!important;min-height:44px}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #8b78e5!important;outline-offset:2px}
button:disabled,[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
/* Reduce the floating-control pile-up seen in the field screenshots. */
.dj-appearance-dock{top:82px!important;left:12px!important}
.dj-appearance-dock .theme-toggle{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(40,30,70,.16)!important}
.dastjor-ai-fab{width:54px!important;height:54px!important;border-radius:18px!important;background:linear-gradient(145deg,#7059cf,#493596)!important;border:2px solid #fff!important;box-shadow:0 9px 24px rgba(58,42,120,.3)!important}
.dastjor-ai-fab .ai-fab-icon svg{width:40px!important;height:40px!important}
.dastjor-ai-panel{border-radius:22px!important;box-shadow:0 24px 70px rgba(15,20,40,.25)!important;overflow:hidden}
/* Dark mode: keep contrast and surfaces deliberate, not washed-out. */
:root[data-theme="dark"]{--dj22-bg:#0d1424;--dj22-surface:#172238;--dj22-ink:#f1f5fb;--dj22-muted:#b4c0d1;--dj22-line:#2c3a52;--dj22-shadow:0 12px 34px rgba(0,0,0,.22);}
:root[data-theme="dark"] body{background:var(--dj22-bg)!important;color:var(--dj22-ink)!important}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .dj-mobile-dock{background:rgba(15,23,42,.96)!important;border-color:#334155!important}
:root[data-theme="dark"] .brand strong,:root[data-theme="dark"] .dj-home-section-head h2,:root[data-theme="dark"] .dj-home-path b,:root[data-theme="dark"] .dj-discovery-card b{color:#f1f5f9!important}
:root[data-theme="dark"] .dj-home-galaxy{background:linear-gradient(180deg,#111a30,#0d1424)!important;color:#f1f5f9!important}
:root[data-theme="dark"] .dj-home-hero-90{background:linear-gradient(115deg,#1a2440,#24204b 58%,#153d3d)!important;border-color:#394565!important}
:root[data-theme="dark"] .dj-home-hero-90 .dj-hero-content h1,:root[data-theme="dark"] .dj-home-hero-90 .dj-hero-content>p,:root[data-theme="dark"] .dj-home-hero-90 .dj-home-stats,:root[data-theme="dark"] .dj-home-hero-90 .dj-home-ai-line{color:#f1f5f9!important}
:root[data-theme="dark"] .dj-home-hero-90 .dj-unified-search,:root[data-theme="dark"] .dj-home-hero-90 .dj-unified-search input{background:#111b2e!important;color:#f1f5f9!important;border-color:#3b4963!important}
:root[data-theme="dark"] .dj-home-audience,:root[data-theme="dark"] .dj-home-map-shell,:root[data-theme="dark"] .dj-home-data-section,:root[data-theme="dark"] .dj-home-discovery,:root[data-theme="dark"] .dj-home-path,:root[data-theme="dark"] .dj-home-store-card,:root[data-theme="dark"] .dj-product-card,:root[data-theme="dark"] .dj-dam-card,:root[data-theme="dark"] .farm-mini-card,:root[data-theme="dark"] .dj-discovery-card,:root[data-theme="dark"] .dj-recycle-how article,:root[data-theme="dark"] .mk-manifesto,:root[data-theme="dark"] .mk-section,:root[data-theme="dark"] .recycle-map-section,:root[data-theme="dark"] .farm-market-filters,:root[data-theme="dark"] .farm-list-section,:root[data-theme="dark"] .dj-post-card,:root[data-theme="dark"] .community-post{background:#172238!important;color:#f1f5f9!important;border-color:#334155!important}
:root[data-theme="dark"] .dj-home-path small,:root[data-theme="dark"] .dj-discovery-card small,:root[data-theme="dark"] .dj-home-section-head p{color:#b4c0d1!important}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#101a2c!important;color:#f1f5f9!important;border-color:#3a4962!important}
/* Mobile: remove competing controls from the map/hero area; keep one dock and one assistant. */
@media(max-width:760px){
 .navwrap{height:62px!important;width:calc(100% - 24px)!important}
 .dj-header-tools{display:none!important}
 .brandmark{width:36px!important;height:36px!important}
 .mobile-menu-toggle{width:42px!important;height:42px!important;border-radius:13px!important}
 .mainnav{top:62px!important;max-height:calc(100dvh - 76px);overflow:auto}
 .dj-appearance-dock{top:70px!important;left:8px!important}
 .dj-appearance-dock .theme-toggle{width:38px!important;height:38px!important;min-width:38px!important}
 .dj-appearance-dock .appearance-more{display:none!important}
 .dj-mobile-dock{left:10px!important;right:10px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;padding:6px!important;border-radius:18px!important;min-height:64px!important;background:rgba(255,255,255,.94)!important;border:1px solid #e5e9f1!important;box-shadow:0 8px 28px rgba(20,25,45,.14)!important}
 .dj-mobile-dock a{min-height:48px!important;gap:2px!important}
 .dastjor-ai-fab{width:48px!important;height:48px!important;left:12px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;border-radius:16px!important}
 .dj-home-galaxy{margin-inline:0!important;padding:12px 0 24px!important}
 .dj-home-hero-90{border-radius:22px!important;margin:0!important}
 .dj-home-hero-90 .dj-hero-inner{display:flex!important;flex-direction:column!important;gap:10px!important}
 .dj-home-hero-90 .dj-hero-content{padding:22px 18px!important}
 .dj-home-hero-90 .dj-hero-content h1{font-size:clamp(28px,8vw,38px)!important}
 .dj-home-hero-90 .dj-hero-content>p{font-size:13px!important}
 .dj-home-hero-90 .dj-home-search{grid-template-columns:1fr!important}
 .dj-home-hero-90 .dj-home-search button{grid-column:auto!important}
 .dj-home-hero-90 .dj-hero-art{width:calc(100% - 28px)!important;min-height:160px!important;max-height:190px!important;margin:0 14px 14px!important;border-radius:18px!important}
 .dj-home-paths{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .dj-home-path{min-height:112px!important;padding:13px!important}
 .dj-home-shortcuts{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:6px}
 .dj-home-shortcuts a{flex:0 0 auto!important;min-width:104px!important;min-height:48px!important}
 .dj-home-stores-grid,.dj-products-grid,.dj-dam-grid,.farm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .dj-home-data-section,.dj-home-map-shell,.dj-home-discovery{padding:14px!important;border-radius:18px!important}
 .mk-hero,.recycle-page-hero,.farm-market-hero,.dj-world-hero,.dj-community-hero{border-radius:20px!important}
 .mk-hero,.farm-market-hero,.dj-world-hero{padding:22px 18px!important}
 .dj-community-hero{padding:22px 18px!important}
 .dastjor-ai-panel{left:10px!important;right:10px!important;bottom:calc(144px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-height:min(68dvh,580px)!important}
 .page-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!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}}
/* Header theme switch is intentionally inline; it is no longer a second floating orb. */
.dj-header-theme{position:static!important;inset:auto!important;flex:0 0 40px;width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;border:1px solid var(--dj22-line)!important;background:#f5f3ff!important;color:#493596!important;box-shadow:none!important;z-index:auto!important}
:root[data-theme="dark"] .dj-header-theme{background:#263451!important;color:#e8e1ff!important;border-color:#40516f!important}
@media(max-width:760px){.dj-header-theme{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;margin-inline-start:auto!important}.mobile-menu-toggle{margin-inline-start:0!important}.navwrap{gap:8px!important}.brand{margin-inline-end:auto!important}}