/* ---- preserved cascade: static/style.css ---- */
:root{--ink:#172821;--ink-soft:#54645d;--muted:#85918b;--paper:#f7f8f2;--white:#fff;--green:#1f7551;--green-dark:#102a21;--green-2:#dff2e6;--orange:#e77f43;--orange-light:#fff0e4;--line:#e5e9e1;--shadow:0 16px 45px rgba(22,52,38,.08);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(226,232,224,.9);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.navwrap{width:min(1200px,calc(100% - 42px));height:82px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:145px}.brandmark{width:43px;height:43px;border-radius:15px;background:linear-gradient(140deg,#27835b,#10402d);color:white;display:grid;place-items:center;font-weight:900;font-size:16px;box-shadow:0 8px 18px #216b4933}.brand strong{display:block;font-size:19px;line-height:1.25;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.mainnav{display:flex;align-items:center;gap:27px;margin-right:auto;color:#53645a;font-size:13px;font-weight:600}.mainnav a{transition:color .2s}.mainnav a:hover,.text-link:hover{color:var(--orange)}.mainnav .navcta{padding:10px 17px;background:var(--green-dark);color:#fff!important;border-radius:12px}.logoutform{margin:0}.logoutbtn{background:transparent;border:1px solid var(--line);padding:8px 12px;border-radius:10px;color:var(--ink-soft)}.page-shell{width:min(1200px,calc(100% - 42px));margin:auto;min-height:55vh}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding:58px 0 42px;min-height:500px}.hero-copy{padding:14px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--green);display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #e77f431e}.hero h1{font-size:clamp(35px,4.5vw,57px);line-height:1.42;letter-spacing:-1.7px;margin:14px 0 15px;font-weight:900}.hero h1 em,.auth-aside h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:15px;line-height:2.2;color:var(--ink-soft);max-width:570px;margin:0 0 24px}.hero-actions,.dashboard-actions,.form-actions,.nearby-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;border:1px solid transparent;border-radius:13px;padding:11px 18px;font-size:12px;font-weight:800;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:white;box-shadow:0 9px 18px #1f755124}.btn.primary:hover{background:#195e41;box-shadow:0 12px 25px #1f755133}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.ghost{background:#eff3ed;color:#42584b;border-color:#e4eae1}.btn.light{background:#fff;color:var(--green-dark)}.btn.small{min-height:34px;padding:7px 11px;border-radius:10px;font-size:11px}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.full-btn{width:100%;min-height:49px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#718177;font-size:11px}.hero-trust b{color:var(--green);margin-left:5px}.hero-art{min-height:380px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:330px;height:330px;border-radius:50%;background:#eaf3df;right:50%;top:47%;transform:translate(50%,-50%)}.market-illustration{position:relative;z-index:2;width:min(370px,88%);margin-top:15px;filter:drop-shadow(0 20px 23px rgba(29,65,39,.11));transform:rotate(-1deg)}.awning{height:60px;display:flex;background:#f1a068;border-radius:15px 15px 0 0;overflow:hidden;border-bottom:6px solid #e58b52}.awning span{width:16.666%;border-left:4px solid rgba(255,255,255,.72)}.awning span:nth-child(even){background:#fff7e8;border-radius:0 0 18px 18px}.storefront{border:10px solid #e8d4b1;border-top:0;background:#f9f0dd;border-radius:0 0 10px 10px}.store-sign{background:#fffdf6;text-align:center;padding:12px;font-weight:900;color:#205c41;font-size:16px;letter-spacing:-.3px}.store-window{display:flex;gap:10px;justify-content:center;align-items:flex-end;padding:20px 20px 0;background:#c6dfd5;height:118px}.crate{width:29%;height:76px;display:grid;place-items:center;font-size:38px;border-radius:9px 9px 2px 2px;border:5px solid #fff5df;box-shadow:0 7px 10px #243d2a22}.crate.green{background:#91bd83}.crate.orange{background:#ffb364}.crate.red{background:#e88a75}.store-base{height:28px;background:#d0b794;border-top:8px solid #e7d2af}.float-note{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:16px;padding:12px 15px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-width:178px}.float-note>span{grid-row:span 2;background:var(--green-2);width:35px;height:35px;border-radius:12px;display:grid;place-items:center;font-size:17px}.float-note b{font-size:11px}.float-note small{font-size:10px;color:var(--muted)}.note-one{top:35px;left:-3px}.note-two{bottom:31px;right:-2px}.stats-row{background:white;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr) 1.8fr;align-items:center;padding:21px 26px;box-shadow:0 10px 30px #172f2010}.stats-row>div{display:flex;flex-direction:column;align-items:flex-start;padding-right:23px;border-right:1px solid var(--line)}.stats-row>div:first-child{border:0;padding-right:0}.stats-row strong{font-size:25px;line-height:1.3;font-weight:900;color:var(--green-dark)}.stats-row span{font-size:11px;color:var(--muted)}.stats-row .stat-note{flex-direction:row;gap:8px;align-items:center;line-height:1.8;border-right:1px solid var(--line);padding-right:20px}.live-dot,.dot-red{display:inline-block;width:8px;height:8px;flex:0 0 8px;background:#39996a;border-radius:50%;box-shadow:0 0 0 4px #39996a1a}.dot-red{background:#cd6258;box-shadow:0 0 0 4px #cd62581a}.section-block{padding:66px 0 10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:23px}.section-heading h2,.panel-heading h2{font-size:25px;line-height:1.5;margin:5px 0 0;letter-spacing:-.6px}.section-heading>p{max-width:330px;color:var(--muted);font-size:12px;margin:0 0 5px}.text-link{color:var(--green);font-weight:800;font-size:12px;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{background:white;border:1px solid var(--line);border-radius:19px;padding:22px;min-height:198px;transition:transform .2s,box-shadow .2s}.feature-card:hover,.product-card:hover,.seller-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;margin-bottom:17px}.mint{background:#dff3e5}.peach{background:#ffeadc}.lilac{background:#eae5ff}.yellow{background:#fff0c9}.feature-card h3{font-size:14px;margin:0 0 8px}.feature-card p{font-size:11px;color:var(--muted);line-height:2;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{background:#edf2e9;border-radius:18px;padding:23px;display:flex;gap:17px;align-items:flex-start}.step>span{font-size:20px;font-weight:900;color:var(--orange);line-height:1.5}.step h3{font-size:14px;margin:0 0 5px}.step p{font-size:11px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-width:0}.product-image{height:175px;background:#eef3ea;position:relative;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.04)}.image-placeholder{width:80px;height:80px;border-radius:25px;display:grid;place-items:center;background:#deeddf;color:var(--green);font-weight:900;font-size:24px}.category-pill{position:absolute;bottom:10px;right:10px;padding:4px 9px;background:#ffffffed;border-radius:100px;color:var(--green);font-size:9px;font-weight:800}.product-body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:13px;line-height:1.7;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-caption{font-size:10px;color:var(--muted);margin:0 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.product-bottom strong{font-size:15px;color:var(--green-dark)}.product-bottom strong small{font-size:9px;font-weight:500}.stock-label{font-size:9px;color:#668073;background:#edf6ee;padding:4px 7px;border-radius:7px;white-space:nowrap}.verified-text{color:var(--green)!important}.seller-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seller-card{display:flex;gap:13px;align-items:center;background:white;border:1px solid var(--line);border-radius:18px;padding:17px;transition:.2s}.seller-avatar{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(140deg,#e3f4e6,#b7dfc2);color:#1c6945;font-size:20px;font-weight:900}.seller-avatar.big{width:78px;height:78px;flex-basis:78px;border-radius:24px;font-size:33px}.seller-info{min-width:0;flex:1}.seller-info h3{margin:0 0 2px;font-size:13px}.seller-info p{font-size:10px;color:var(--muted);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-info small{font-size:10px;color:#8a968e}.verified-mark{display:inline-grid;place-items:center;background:#2f9467;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;margin-right:5px;vertical-align:middle}.arrow-round{width:32px;height:32px;border-radius:50%;flex:0 0 32px;display:grid;place-items:center;background:#eff5ed;color:var(--green);font-size:15px}.empty-state{background:#fff;border:1px dashed #cad9c9;border-radius:22px;padding:42px 22px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state.compact{padding:27px}.empty-icon{font-size:31px;width:64px;height:64px;background:#f0f5e9;border-radius:23px;display:grid;place-items:center;margin-bottom:12px}.empty-state h3{margin:0 0 5px;font-size:18px}.empty-state p{max-width:580px;color:var(--muted);font-size:12px;margin:0 0 18px}.empty-inline{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:17px;padding:18px}.empty-inline>span{font-size:24px}.empty-inline>div{flex:1}.empty-inline b{font-size:12px}.empty-inline p{color:var(--muted);font-size:10px;margin:2px 0 0}.empty-inline>a{font-size:11px;color:var(--green);font-weight:800;white-space:nowrap}.final-cta{margin:68px 0 18px;background:linear-gradient(120deg,#133e2c,#0d281e);border-radius:24px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;overflow:hidden;position:relative}.final-cta:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff18;border-radius:50%;left:22%;top:-110px;box-shadow:0 0 0 30px #ffffff09,0 0 0 60px #ffffff06}.final-cta .eyebrow{color:#cce7d4}.final-cta h2{font-size:22px;margin:5px 0}.final-cta p{color:#c4d7cb;font-size:12px;margin:0}.footer{background:#fff;border-top:1px solid var(--line);margin-top:70px}.footer-inner{width:min(1200px,calc(100% - 42px));margin:auto;padding:33px 0;display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:35px;align-items:start}.footer-inner p{font-size:11px;color:var(--muted);margin:4px 0}.footer-inner>div>b{font-size:12px}.footer-links{display:grid;gap:7px;font-size:11px;color:var(--green);font-weight:700}.copyright{text-align:center;padding:15px;border-top:1px solid var(--line);color:#9aa39c;font-size:10px}.notice{margin:20px 0 0;border-radius:12px;padding:11px 14px;font-size:12px}.notice.success{color:#216b47;background:#e4f5e7;border:1px solid #c7e6cf}.notice.error{color:#a73f36;background:#fff0ec;border:1px solid #f2d2cb}.page-intro{padding:46px 0 25px}.page-intro h1{font-size:34px;letter-spacing:-.8px;margin:5px 0}.page-intro p{font-size:13px;color:var(--muted);margin:0;max-width:720px}.page-intro.short{padding:40px 0 20px}.search-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;margin-bottom:18px}.search-form{display:grid;grid-template-columns:2fr 1.1fr 1.1fr auto;gap:12px;align-items:end}.search-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:var(--ink-soft)}.search-form input,.search-form select{min-height:43px;border:1px solid var(--line);border-radius:11px;background:#fcfcf9;padding:9px 11px;outline:none}.listing-meta{display:flex;justify-content:space-between;align-items:center;margin:24px 0 13px;color:var(--muted);font-size:11px}.listing-meta b{color:var(--ink);font-size:14px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;padding-top:25px}.detail-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:45px;padding:24px 0 44px}.detail-image{background:#eaf0e8;border-radius:23px;min-height:440px;display:grid;place-items:center;overflow:hidden}.detail-image img{width:100%;height:100%;max-height:520px;object-fit:cover}.detail-placeholder{font-size:45px;font-weight:900;color:var(--green);background:#dbeadb;width:155px;height:155px;border-radius:40px;display:grid;place-items:center}.detail-content{padding:12px 0}.detail-content h1{font-size:34px;margin:6px 0 20px;line-height:1.5}.detail-seller{display:flex;gap:11px;align-items:center;padding:12px;background:white;border:1px solid var(--line);border-radius:14px;max-width:440px}.detail-seller>div{display:grid}.detail-seller small{font-size:10px;color:var(--muted)}.detail-description{color:var(--ink-soft);font-size:13px;line-height:2.2;margin:21px 0}.detail-price{font-size:32px;color:var(--green-dark);font-weight:900}.detail-price small{font-size:12px}.availability{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.cart-add-form{display:flex;gap:10px;align-items:end;margin-top:22px}.cart-add-form label{font-size:10px;display:grid;gap:5px;color:var(--muted)}.cart-add-form input{width:83px;height:45px;border:1px solid var(--line);border-radius:11px;padding:9px}.payment-note,.cod-box{display:flex;gap:10px;align-items:flex-start;background:#fff4e7;border:1px solid #f7e2c9;border-radius:14px;padding:13px;margin-top:23px;max-width:470px}.payment-note>span,.cod-box>span{font-size:21px}.payment-note b,.cod-box b{font-size:11px}.payment-note p,.cod-box small{display:block;color:#987e61;font-size:10px;margin:2px 0 0;line-height:1.8}.store-banner{margin-top:35px;background:#e8f2e6;border-radius:24px;padding:27px;display:flex;align-items:center;gap:19px}.store-headline{flex:1}.store-headline h1{font-size:27px;margin:3px 0}.store-headline p{margin:2px 0;color:var(--ink-soft);font-size:12px}.store-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:8px}.auth-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:40px 0}.auth-aside{background:linear-gradient(145deg,#e4f1e2,#d6e8d7);border-radius:26px;padding:42px 36px;position:relative;overflow:hidden;min-height:650px}.auth-aside:after{content:'';position:absolute;width:330px;height:330px;left:-100px;bottom:-100px;border-radius:50%;background:#b4d7b727;border:1px solid #8ebf9b50;box-shadow:0 0 0 25px #8ebf9b12,0 0 0 50px #8ebf9b0b}.auth-aside h1{font-size:39px;line-height:1.6;margin:15px 0}.auth-aside>p{color:#65766a;max-width:400px;font-size:13px}.auth-checks{display:grid;gap:12px;margin-top:30px;color:#356149;font-size:12px;font-weight:700}.auth-quote{position:absolute;bottom:39px;right:36px;font-size:12px;color:#77917c;z-index:1}.auth-card{background:white;border:1px solid var(--line);border-radius:24px;padding:31px;box-shadow:0 15px 40px #193d2510}.card-top h2,.auth-card h2{font-size:25px;margin:5px 0}.card-top p,.muted{font-size:11px;color:var(--muted)}.form-stack{display:grid;gap:14px}.form-stack label,.field-row label{display:grid;gap:6px;font-size:11px;color:var(--ink-soft);font-weight:700}.form-stack label>span,.field-row label>span{color:var(--orange)}.form-stack input,.form-stack textarea,.form-stack select,.field-row input,.field-row select,.field-row textarea{width:100%;min-height:43px;border:1px solid #e3e8e0;border-radius:10px;padding:10px 12px;background:#fdfdfa;color:var(--ink);outline:none;font-size:12px;transition:border .18s,box-shadow .18s}.form-stack textarea,.field-row textarea{resize:vertical;min-height:72px}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus,.field-row input:focus,.field-row select:focus{border-color:#7bb48d;box-shadow:0 0 0 3px #dff0e3}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seller-fields{display:grid;gap:14px;padding-top:3px}.seller-fields[hidden]{display:none}.field-divider{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:3px}.field-divider span{font-size:12px;font-weight:900;color:var(--green-dark)}.field-divider small{font-size:10px;color:var(--muted)}.gps-helper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}.gps-helper span{font-size:10px;color:var(--muted)}.form-note{font-size:10px;color:var(--muted);margin:0;line-height:2}.auth-bottom{text-align:center;font-size:11px;color:var(--muted);margin-bottom:0}.auth-bottom a{color:var(--green);font-weight:900}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:58px 0;align-items:center}.login-art{background:#123b2a;min-height:400px;border-radius:25px;padding:43px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff22;border-radius:50%;left:-70px;top:-70px;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05}.login-art:after{left:auto;right:-110px;top:auto;bottom:-130px}.login-circle{background:#e7f5e6;color:var(--green);width:72px;height:72px;border-radius:24px;display:grid;place-items:center;font-size:26px;font-weight:900;z-index:1}.login-art h1{font-size:33px;margin:20px 0 4px;z-index:1}.login-art p{color:#d5e9d9;font-size:13px;z-index:1}.login-card{max-width:500px;width:100%;margin:auto}.login-card>.muted{margin-bottom:23px}.form-card{background:white;border:1px solid var(--line);border-radius:21px;padding:25px}.wide-form{max-width:800px;margin:0 auto 60px}.small-text{font-size:10px}.field-help{font-size:9px;font-weight:400;color:var(--muted)}.current-image{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.current-image img{width:70px;height:60px;object-fit:cover;border-radius:10px}.form-actions{margin-top:5px}.dashboard-welcome{padding:38px 0 23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-welcome h1{font-size:27px;margin:4px 0}.dashboard-welcome p{font-size:12px;color:var(--muted);margin:0}.dashboard-actions{justify-content:flex-end}.seller-status-strip{display:flex;align-items:center;gap:14px;background:#e4f2e5;border:1px solid #d0e6d2;padding:16px;border-radius:15px}.status-icon{width:39px;height:39px;border-radius:13px;background:white;color:var(--green);display:grid;place-items:center;font-size:19px;flex:0 0 39px}.seller-status-strip>div{flex:1}.seller-status-strip b{font-size:12px}.seller-status-strip p{font-size:10px;color:#69806f;margin:2px 0 0}.seller-status-strip>a{color:var(--green);font-size:11px;font-weight:800;white-space:nowrap}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0 32px}.dash-stat{background:white;border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;flex-direction:column;gap:2px}.dash-stat>span{color:var(--muted);font-size:10px}.dash-stat>b{font-size:29px;line-height:1.5;color:var(--green-dark)}.dash-stat small{font-size:10px;color:#91a097}.dash-stat .status-word{font-size:22px;color:var(--green)}.panel-section{background:white;border:1px solid var(--line);border-radius:21px;padding:24px;margin:23px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-heading h2{font-size:21px}.table-wrap{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%;min-width:730px;text-align:right}th{font-size:10px;font-weight:700;color:var(--muted);background:#f8faf5}td,th{padding:13px 12px;border-bottom:1px solid #edf0ea}td{font-size:11px;color:var(--ink-soft)}tr:last-child td{border-bottom:0}.table-product{display:flex;align-items:center;gap:10px;min-width:180px}.table-product>img,.table-product>span{width:40px;height:40px;border-radius:12px;object-fit:cover;background:#e8f2e4;display:grid;place-items:center}.table-product>div{display:grid}.table-product b{font-size:11px;color:var(--ink)}.table-product small,td small{display:block;font-size:9px;color:var(--muted)}.table-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.table-actions a,.table-actions button{font-size:10px;font-weight:800;color:var(--green);background:none;border:0;padding:0;white-space:nowrap}.table-actions form{margin:0}.pill{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}.pill.active{background:#e5f5e8;color:#30784d}.pill.inactive{background:#f6e6e3;color:#a24c41}.pill.pending{background:#fff0d9;color:#946322}.stack-pills{display:flex;gap:5px;flex-wrap:wrap}.order-list{display:grid;gap:10px}.order-card{display:grid;grid-template-columns:1.5fr .75fr auto;gap:15px;align-items:center;background:#fcfdf9;border:1px solid #edf0ea;border-radius:15px;padding:14px}.order-main{display:flex;gap:11px;align-items:center;min-width:0}.order-number{width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:#e5f1e4;display:grid;place-items:center;color:var(--green);font-size:12px;font-weight:900}.order-number.large{width:52px;height:52px;font-size:16px}.order-main b{font-size:11px}.order-main p{font-size:10px;color:var(--ink-soft);margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-main small{font-size:9px;color:var(--muted)}.order-total{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.order-total>b{font-size:12px}.order-status{font-size:9px;padding:4px 8px;border-radius:7px;white-space:nowrap;background:#f1f3ef;color:#67746b}.status-pending{background:#fff1d8;color:#916322}.status-accepted,.status-preparing{background:#e6f1ff;color:#356ba3}.status-ready{background:#e9e3ff;color:#6e53a4}.status-completed{background:#e1f3e5;color:#24764a}.status-cancelled{background:#f8e6e3;color:#a64e44}.cart-layout{display:grid;grid-template-columns:1.35fr .65fr;align-items:start;gap:22px;padding-bottom:50px}.cart-items{display:grid;gap:11px}.cart-row{display:flex;gap:13px;align-items:center;background:white;border:1px solid var(--line);border-radius:17px;padding:13px}.cart-thumb{width:85px;height:85px;flex:0 0 85px;border-radius:13px;background:#eef3e8;overflow:hidden;display:grid;place-items:center;font-size:24px;font-weight:900;color:var(--green)}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-item-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.cart-item-info b{font-size:12px}.cart-item-info small,.cart-item-info span{font-size:10px;color:var(--muted)}.cart-item-info strong{font-size:12px;color:var(--green)}.cart-line-total{text-align:left;display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.cart-line-total b{font-size:11px}.remove-link{background:transparent;border:0;color:#bd5b50;font-size:10px}.checkout-card{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;position:sticky;top:100px}.checkout-card h2{font-size:21px;margin:4px 0 17px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0ea;font-size:11px;color:var(--muted)}.summary-row b{color:var(--ink)}.summary-row strong{font-size:16px;color:var(--green-dark)}.cod-box{margin:18px 0}.checkout-card .text-link{display:block;text-align:center;margin-top:12px}.block-center{text-align:center}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:40px}.order-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.order-detail-header h2{font-size:21px;margin:3px 0}.order-note{background:#f7f6ef;border-radius:12px;padding:12px;margin:14px 0;font-size:11px}.order-note p{margin:4px 0;color:var(--muted)}.order-status-form{padding:15px 0;border-top:1px solid var(--line);margin:16px 0}.order-item-line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf0ea}.order-item-line>div{display:grid}.order-item-line b{font-size:12px}.order-item-line small{font-size:10px;color:var(--muted)}.order-item-line>strong{font-size:11px;white-space:nowrap}.admin-note{padding:18px 22px;background:#fff5e9;border:1px solid #f3e0c8;border-radius:16px;margin:23px 0 44px}.admin-note b{font-size:12px}.admin-note p{font-size:11px;color:#8d7a63;margin:5px 0}.nearby-actions{margin-top:16px}.nearby-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.leaflet-map{height:510px;background:#e8eee5;border-radius:20px;overflow:hidden;border:1px solid var(--line);position:relative;z-index:1}.nearby-list{background:white;border:1px solid var(--line);border-radius:20px;padding:15px;display:grid;gap:9px}.nearby-list-head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 8px}.nearby-list-head h2{font-size:17px;margin:0}.nearby-list-head span{font-size:10px;color:var(--muted)}.nearby-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #edf0e9;border-radius:14px}.distance-label{display:block;color:var(--orange)!important;font-weight:800;margin-top:3px}.map-empty-note{position:absolute;top:12px;right:12px;left:12px;background:white;color:var(--muted);padding:10px;border-radius:10px;font-size:11px;z-index:500}.footer-brand{min-width:0}.login-card .form-stack{margin-top:20px}
@media (max-width:1000px){.hero{gap:24px}.product-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.search-form{grid-template-columns:1.5fr 1fr 1fr}.search-form button{grid-column:1/-1}.nearby-layout{grid-template-columns:1fr}.leaflet-map{height:390px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-actions{justify-content:flex-start}.order-card{grid-template-columns:1fr .6fr auto}.footer-inner{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px}}
@media (max-width:700px){.navwrap,.page-shell,.footer-inner{width:min(100% - 28px,1200px)}.navwrap{height:70px;gap:10px}.brand{min-width:auto}.brandmark{width:39px;height:39px;border-radius:13px}.brand strong{font-size:17px}.mainnav{gap:12px;font-size:10px}.mainnav a:nth-child(1){display:none}.mainnav .navcta{padding:8px 10px}.logoutbtn{font-size:10px;padding:7px 8px}.hero{grid-template-columns:1fr;padding:37px 0 25px;gap:4px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:35px;line-height:1.5}.hero-copy>p{font-size:13px}.hero-trust{gap:11px;font-size:10px}.hero-art{min-height:285px}.sun{width:260px;height:260px}.market-illustration{width:280px}.awning{height:45px}.store-sign{font-size:12px;padding:9px}.store-window{height:90px;padding:13px}.crate{height:62px;font-size:29px}.store-base{height:21px}.float-note{padding:8px 10px;min-width:145px}.float-note>span{width:28px;height:28px;font-size:14px}.float-note b{font-size:10px}.float-note small{font-size:8px}.note-one{top:12px;left:0}.note-two{bottom:6px;right:0}.stats-row{grid-template-columns:repeat(3,1fr);padding:15px 12px;gap:0}.stats-row>div{padding-right:10px}.stats-row strong{font-size:20px}.stats-row span{font-size:9px}.stats-row .stat-note{grid-column:1/-1;border-right:0;border-top:1px solid var(--line);padding:10px 0 0;margin-top:10px}.section-block{padding-top:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.section-heading h2,.panel-heading h2{font-size:21px}.feature-grid{gap:9px}.feature-card{padding:15px;min-height:190px}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}.steps-grid{grid-template-columns:1fr;gap:9px}.step{padding:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:136px}.product-body{padding:11px}.product-body h3{font-size:12px}.product-bottom{align-items:flex-start;flex-direction:column;gap:5px}.product-bottom strong{font-size:13px}.seller-grid{grid-template-columns:1fr}.seller-card{padding:13px}.empty-inline{align-items:flex-start;flex-wrap:wrap}.empty-inline>a{width:100%}.final-cta{margin:48px 0 0;padding:25px 20px;align-items:flex-start;flex-direction:column}.final-cta h2{font-size:20px}.footer-inner{grid-template-columns:1fr;gap:16px;padding:25px 0}.footer-links{grid-column:auto}.page-intro{padding:32px 0 20px}.page-intro h1{font-size:27px}.search-form{grid-template-columns:1fr 1fr;gap:9px}.search-form .search-main{grid-column:1/-1}.search-form button{grid-column:1/-1;width:100%}.listing-meta{align-items:flex-start;flex-direction:column;gap:2px}.detail-layout{grid-template-columns:1fr;gap:18px;padding-top:15px}.detail-image{min-height:280px;max-height:370px}.detail-content h1{font-size:27px}.detail-content{padding:0}.store-banner{margin-top:20px;align-items:flex-start;flex-wrap:wrap;padding:19px;gap:12px}.seller-avatar.big{width:57px;height:57px;flex-basis:57px;border-radius:18px;font-size:25px}.store-headline{min-width:calc(100% - 85px)}.store-headline h1{font-size:22px}.store-banner>.btn{width:100%}.store-meta{display:grid;gap:5px}.auth-layout{grid-template-columns:1fr;padding:20px 0;gap:14px}.auth-aside{padding:23px;min-height:260px}.auth-aside h1{font-size:30px;margin:7px 0}.auth-aside>p{font-size:11px}.auth-checks{margin-top:15px;gap:5px;font-size:10px}.auth-quote{display:none}.auth-card{padding:22px 17px}.card-top h2,.auth-card h2{font-size:22px}.field-row{grid-template-columns:1fr;gap:12px}.login-layout{grid-template-columns:1fr;padding:24px 0;gap:14px}.login-art{min-height:220px;padding:23px}.login-art h1{font-size:27px;margin:10px 0 0}.login-art p{font-size:11px;margin-bottom:0}.login-circle{width:53px;height:53px;border-radius:17px;font-size:20px}.dashboard-welcome{padding:26px 0 17px;gap:13px}.dashboard-welcome h1{font-size:22px}.dashboard-actions{gap:7px}.dashboard-actions .btn{font-size:10px;padding:9px 11px;min-height:38px}.seller-status-strip{align-items:flex-start;flex-wrap:wrap}.seller-status-strip>a{margin-right:53px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px}.dash-stat{padding:14px}.dash-stat>b{font-size:24px}.panel-section{padding:15px;margin:16px 0}.panel-heading{align-items:flex-start}.order-card{grid-template-columns:1fr auto;gap:9px;padding:11px}.order-card>.btn{grid-column:1/-1;width:100%}.order-total{align-items:flex-end}.order-total>b{font-size:11px}.order-main p{max-width:210px}.cart-layout{grid-template-columns:1fr;gap:13px}.checkout-card{position:static}.cart-row{gap:9px;padding:9px}.cart-thumb{width:65px;height:65px;flex-basis:65px}.cart-item-info b{font-size:11px}.cart-line-total b{font-size:9px}.order-detail-grid{grid-template-columns:1fr}.nearby-layout{grid-template-columns:1fr}.leaflet-map{height:300px}.nearby-card{padding:9px}.nearby-list{padding:10px}.admin-note{margin-bottom:24px}.breadcrumbs{padding-top:17px}}
@media (max-width:390px){.mainnav{gap:8px}.mainnav a{font-size:9px}.mainnav .navcta{padding:7px 8px}.logoutbtn{font-size:9px;padding:6px}.hero h1{font-size:31px}.product-image{height:116px}.product-body{padding:9px}.stock-label{white-space:normal}.seller-avatar{width:40px;height:40px;flex-basis:40px}.order-number{width:35px;height:35px;flex-basis:35px}.cart-row{align-items:flex-start}.cart-line-total{padding-top:4px}}

/* DastJor v2: interactive virtual storefront, affiliate program, and identity review */
.virtual-store-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:34px 0 17px}.virtual-store-intro h2{font-size:clamp(20px,3vw,29px);margin:5px 0 8px}.virtual-store-intro p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:2}.scene-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}.scene-controls button{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font-weight:800;cursor:pointer}.virtual-store-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:18px;align-items:start}.virtual-stage-shell{border:1px solid #dbe1d6;border-radius:26px;background:linear-gradient(160deg,#f6f4e9,#e7eee5 62%,#dce7df);padding:14px;overflow:hidden;box-shadow:0 18px 55px #18362714}.stage-badges{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#53675b;font-size:10px;font-weight:800}.stage-badges span{border:1px solid #cfdbd0;background:#ffffffbb;border-radius:999px;padding:6px 10px}.virtual-stage{--scene-scale:1;position:relative;min-height:500px;perspective:1100px;isolation:isolate;overflow:hidden;border-radius:19px;background:radial-gradient(ellipse at 50% 90%,#ecce97 0,#e9dbbb 27%,transparent 54%),linear-gradient(#c6e0d4 0 36%,#f4e8cf 36% 100%)}.stage-ground{position:absolute;left:-15%;right:-15%;height:42%;bottom:-15%;background:repeating-linear-gradient(90deg,#d6b984 0 48px,#e6d2a5 48px 50px);transform:rotateX(67deg) scale(1.2);transform-origin:top;opacity:.8;z-index:-1}.stage-back-wall{position:absolute;top:9%;left:13%;width:74%;height:76%;border-radius:12px 12px 4px 4px;background:linear-gradient(90deg,#f3d1a0 0 4%,#fff8e9 4% 96%,#eac493 96%);box-shadow:18px 20px 0 #9d735047,0 25px 46px #4f64402e;transform:translateZ(0) rotateY(-4deg) scale(var(--scene-scale));transform-style:preserve-3d;transition:transform .22s ease;border:5px solid #fff4dd}.stage-sign{position:absolute;top:4%;left:17%;right:17%;height:11%;display:grid;place-items:center;background:linear-gradient(120deg,#193e33,#2d5a45);border:4px solid #e7c37b;border-radius:9px;color:#ffe8a7;font-weight:950;font-size:clamp(13px,2vw,22px);box-shadow:0 6px 0 #8b6036}.stage-awning{position:absolute;top:16%;left:-2%;right:-2%;height:10%;background:repeating-linear-gradient(90deg,#d75c48 0 35px,#fff1d8 35px 70px);border:4px solid #fff8eb;box-shadow:0 7px 0 #8c5e3d50;clip-path:polygon(0 0,100% 0,100% 80%,96% 100%,92% 80%,88% 100%,84% 80%,80% 100%,76% 80%,72% 100%,68% 80%,64% 100%,60% 80%,56% 100%,52% 80%,48% 100%,44% 80%,40% 100%,36% 80%,32% 100%,28% 80%,24% 100%,20% 80%,16% 100%,12% 80%,8% 100%,4% 80%,0 100%)}.stage-shelf{position:absolute;left:3%;right:3%;height:7%;background:linear-gradient(#b67c4d,#79492d 48%,#57341f);border:2px solid #d3a16d;border-radius:4px;box-shadow:0 12px 0 #573b2b38,0 17px 12px #4c37222e;transform:rotateX(-7deg)}.shelf-top{top:39%}.shelf-bottom{top:70%}.stage-products{position:absolute;top:26%;left:4%;right:4%;height:52%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;align-items:end;justify-items:center;gap:12px 7px}.stage-product{position:relative;align-self:end;width:100%;max-width:125px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;transform:translateZ(16px);transition:transform .18s ease,filter .18s ease}.stage-product:hover,.stage-product:focus-visible{transform:translateY(-9px) translateZ(30px);filter:drop-shadow(0 9px 6px #5a4a3244);outline:0}.stage-product-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:118px;width:100%;padding:7px 6px 9px;gap:4px;background:linear-gradient(145deg,#fffdf6,#f5e7cc);border:1px solid #d6b886;border-radius:12px 12px 8px 8px;box-shadow:0 5px 0 #aa7949,0 12px 16px #5c3c2026}.stage-product-card img{width:100%;height:66px;object-fit:contain;mix-blend-mode:multiply;border-radius:7px}.stage-product-symbol{display:grid;place-items:center;width:100%;height:66px;background:linear-gradient(135deg,#e0ecd9,#c9d9c2);border-radius:7px;font-size:24px;font-weight:950;color:#315642}.stage-product-card b{display:block;width:100%;font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#243a2e}.stage-product-card small{font-size:9px;color:#8b5730;font-weight:900;white-space:nowrap}.stage-floor-label{position:absolute;bottom:1%;left:8%;right:8%;text-align:center;color:#8c6944;font-size:10px;font-weight:900;letter-spacing:.08em}.stage-side-wall{position:absolute;top:13%;right:4%;width:9%;height:68%;background:linear-gradient(90deg,#d8a979,#ac7549);transform:skewY(-14deg);z-index:-1;border-radius:0 9px 5px 0;opacity:.68}.stage-hint{margin:12px 3px 1px;color:var(--muted);font-size:10px;line-height:1.9}.virtual-store-side{display:grid;gap:13px}.store-side-card{padding:19px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #243f2c0a}.store-side-card h3{margin:5px 0 9px;font-size:17px}.store-side-card>p{font-size:11px;line-height:2;color:var(--muted)}.selected-product-empty{margin-top:17px;display:grid;gap:8px;justify-items:start;background:#f6f7f1;border:1px dashed #d7dfd2;border-radius:15px;padding:15px}.selected-product-empty>span{font-size:25px}.selected-product-empty b{font-size:12px}.selected-product-empty p,.selected-product-empty small{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.store-catalog-heading{margin-top:42px}.virtual-catalog .catalog-product{padding:0;text-align:right;width:100%;border:1px solid var(--line);cursor:pointer;overflow:hidden}.virtual-catalog .catalog-product .product-image{display:flex;position:relative;align-items:center;justify-content:center;width:100%;overflow:hidden}.virtual-catalog .catalog-product .product-body{display:grid;gap:9px;padding:12px}.virtual-catalog .catalog-product .product-body>b{font-size:12px;color:var(--ink)}.virtual-catalog .catalog-product .product-bottom{display:flex;justify-content:space-between;gap:5px;align-items:center}.product-modal[hidden]{display:none}.product-modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:22px}.product-modal-backdrop{position:absolute;inset:0;background:#0b1c15c9;backdrop-filter:blur(5px)}.product-modal-card{position:relative;z-index:1;width:min(800px,100%);display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;background:#fffdf8;border-radius:24px;padding:25px;box-shadow:0 30px 90px #0006;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:9px;left:10px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:#edf1e9;color:#274634;cursor:pointer}.modal-product-image{align-self:center;display:grid;place-items:center;min-height:260px;background:#f1eee1;border-radius:17px;overflow:hidden;font-size:40px;font-weight:900;color:var(--green)}.modal-product-image img{width:100%;height:100%;max-height:380px;object-fit:contain;mix-blend-mode:multiply}.modal-product-content{padding:15px 0;align-self:center}.modal-product-content h2{font-size:26px;line-height:1.5;margin:7px 0}.modal-product-content p{font-size:12px;line-height:2;color:var(--muted)}.modal-product-content .detail-price{display:block;margin:12px 0}.modal-open{overflow:hidden}.product-share-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.copy-status{font-size:10px;color:#26764b}.referral-notice{padding:10px 13px;border-radius:12px;color:#2d6246;background:#e8f5e9;font-size:11px}.affiliate-hero{display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center;padding:25px;border-radius:23px;background:linear-gradient(120deg,#163c31,#255b45);color:#fff;margin:20px 0}.affiliate-hero h2{font-size:25px;margin:6px 0 10px}.affiliate-hero p{font-size:12px;line-height:2;color:#d7e8dc;max-width:850px}.affiliate-code{display:grid;justify-items:center;gap:8px;border:1px solid #ffffff38;border-radius:17px;padding:18px;background:#ffffff12}.affiliate-code small,.affiliate-code span{font-size:10px;color:#d4e6d9}.affiliate-code b{font-size:22px;color:#ffe7a3;letter-spacing:.06em}.affiliate-stats .dash-stat>b{font-size:23px}.affiliate-product-list{display:grid;gap:12px}.affiliate-product{display:grid;grid-template-columns:100px minmax(0,1fr) 180px;gap:16px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.affiliate-product-image{width:100px;height:100px;display:grid;place-items:center;background:#f1f2e8;border-radius:13px;overflow:hidden;font-weight:900;color:var(--green)}.affiliate-product-image img{width:100%;height:100%;object-fit:cover}.affiliate-product-main{min-width:0}.affiliate-product-main h3{margin:5px 0;font-size:14px}.affiliate-product-main>b{font-size:12px;color:var(--green)}.affiliate-url{display:flex;gap:6px;margin-top:10px}.affiliate-url input{min-width:0;flex:1;font-size:10px;direction:ltr;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fafbf7;padding:8px}.affiliate-product-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.affiliate-product-stats span{display:grid;gap:5px;text-align:center;background:#f7f8f4;padding:8px 4px;border-radius:10px}.affiliate-product-stats b{font-size:13px;color:var(--green)}.affiliate-product-stats small{font-size:9px;color:var(--muted);line-height:1.5}.identity-form-card{max-width:720px;margin:22px auto 28px;background:#fff;border:1px solid var(--line);border-radius:23px;padding:25px}.identity-form-card h2{margin:5px 0}.consent-row{display:flex!important;align-items:flex-start!important;gap:9px!important;flex-direction:row!important;font-weight:500!important;line-height:1.9}.consent-row input{margin-top:6px;flex:0 0 auto}.identity-status-card{display:flex;gap:15px;align-items:flex-start;padding:18px;border:1px solid var(--line);background:white;border-radius:17px;margin:16px 0}.identity-status-card p,.identity-status-card small{font-size:11px;line-height:1.8;color:var(--muted)}.identity-status-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:#edf4e9;font-size:23px;font-weight:900;color:#27704a}.identity-status-card.status-rejected .identity-status-icon{color:#a8463b;background:#faeae6}.identity-review-action{display:flex;gap:5px;margin:4px 0}.identity-review-action input{width:140px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:7px;font-size:10px}.identity-review-action .btn{white-space:nowrap}.nearby-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.leaflet-map{height:min(72vh,690px);min-height:500px;border-radius:24px;box-shadow:0 15px 45px #153d2817}.dastjor-map-marker{background:transparent;border:0}.dastjor-map-marker span{display:grid;place-items:center;width:40px;height:40px;border-radius:15px 15px 15px 4px;transform:rotate(-45deg);border:2px solid #fff;background:linear-gradient(145deg,#f5bc55,#ee8050);box-shadow:0 5px 15px #442b2b4d;color:#fff;font-size:20px}.dastjor-map-marker span i{font-style:normal;transform:rotate(45deg)}.leaflet-popup-content-wrapper{border-radius:13px!important}.leaflet-popup-content{font-family:inherit!important;font-size:12px;line-height:1.8}.nearby-card:focus-within,.nearby-card:hover{border-color:#c2d4bd;background:#fbfcf7}.virtual-store-intro .eyebrow,.affiliate-hero .eyebrow{color:#cf9250}
@media(max-width:1000px){.virtual-store-layout{grid-template-columns:1fr}.virtual-store-side{grid-template-columns:1fr 1fr}.stage-products{gap:8px 5px}.stage-product-card{min-height:105px}.stage-product-card img,.stage-product-symbol{height:56px}.nearby-layout{grid-template-columns:1fr}.leaflet-map{height:60vh;min-height:440px}.affiliate-product{grid-template-columns:82px minmax(0,1fr)}.affiliate-product-image{width:82px;height:82px}.affiliate-product-stats{grid-column:1/-1}.affiliate-product-stats span{display:flex;justify-content:space-between;align-items:center;text-align:right}.affiliate-product-stats small{font-size:10px}}
@media(max-width:700px){.virtual-store-intro{align-items:flex-start;flex-direction:column}.virtual-store-layout{gap:12px}.virtual-stage-shell{padding:9px;border-radius:18px}.virtual-stage{min-height:390px}.stage-back-wall{left:7%;width:86%;height:79%;top:7%}.stage-sign{font-size:13px}.stage-awning{top:15%;height:8%}.stage-products{top:26%;height:52%;left:3%;right:3%;gap:7px 4px}.stage-product-card{min-height:92px;padding:5px 3px 6px}.stage-product-card img,.stage-product-symbol{height:43px}.stage-product-card b{font-size:8px}.stage-product-card small{font-size:7px}.stage-shelf{height:5%}.shelf-top{top:40%}.shelf-bottom{top:70%}.stage-floor-label{font-size:8px}.virtual-store-side{grid-template-columns:1fr}.product-modal{padding:12px}.product-modal-card{grid-template-columns:1fr;gap:10px;padding:17px;max-height:94vh;border-radius:19px}.modal-product-image{min-height:170px;max-height:230px}.modal-product-image img{max-height:220px}.modal-product-content{padding:4px}.modal-product-content h2{font-size:21px}.affiliate-hero{grid-template-columns:1fr;padding:18px;gap:12px}.affiliate-hero h2{font-size:20px}.affiliate-code{justify-items:start}.affiliate-product{grid-template-columns:65px minmax(0,1fr);gap:10px;padding:11px}.affiliate-product-image{width:65px;height:65px}.affiliate-product-main h3{font-size:12px}.affiliate-url{flex-wrap:wrap}.affiliate-url input{flex-basis:100%}.affiliate-url .btn{flex:1}.affiliate-product-stats{gap:5px}.affiliate-product-stats span{padding:7px 5px;gap:3px;align-items:flex-start;flex-direction:column}.affiliate-product-stats b{font-size:11px}.affiliate-product-stats small{font-size:8px}.identity-form-card{padding:18px}.identity-review-action{flex-wrap:wrap}.identity-review-action input{width:100%;flex-basis:100%}.leaflet-map{height:65vh;min-height:360px}.scene-controls{flex-wrap:wrap}.scene-controls button{height:35px}.virtual-catalog .catalog-product .product-bottom{align-items:flex-start;flex-direction:column}.nearby-layout{grid-template-columns:1fr}}
.payout-request-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 22px;border:1px solid #cbdcc9;border-radius:18px;background:linear-gradient(115deg,#f0f8eb,#fffdf5);margin:15px 0 24px}.payout-request-card h2{font-size:18px;margin:4px 0}.payout-request-card p{font-size:11px;color:var(--muted);line-height:2}.payout-request-card p b{color:var(--green)}@media(max-width:700px){.payout-request-card{align-items:flex-start;flex-direction:column;padding:16px}.payout-request-card .btn{width:100%}}
.affiliate-search{display:flex;gap:8px;max-width:700px;margin:15px 0}.affiliate-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fcfdf9}.affiliate-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px 0}.affiliate-pagination>span{font-size:11px;color:var(--muted)}@media(max-width:700px){.affiliate-search{flex-wrap:wrap}.affiliate-search input{flex-basis:100%}}

/* DASTJOR V3 — premium editorial marketplace system */
:root{--ink:#152039;--ink-soft:#5f6b80;--muted:#8791a3;--paper:#f7f8fc;--white:#fff;--green:#176b57;--green-dark:#101d31;--green-2:#e4f5ed;--orange:#f0785d;--orange-light:#fff0ec;--line:#e6eaf2;--shadow:0 18px 54px rgba(22,34,62,.075);--radius:22px}
body{background:#f7f8fc;color:#152039;font-size:14px;letter-spacing:-.12px}::selection{background:#c8f1df;color:#132139}.topbar{background:rgba(250,251,255,.9);border-bottom:1px solid #e7ebf3}.navwrap{width:min(1320px,calc(100% - 48px));height:76px;gap:28px}.brandmark{background:linear-gradient(145deg,#13213a,#226e61);border-radius:14px;box-shadow:0 8px 20px #152a4630}.brand strong{font-size:20px}.brand small{font-size:10px}.mainnav{gap:22px;color:#57647a;font-size:12px}.mainnav .navcta{background:#15213a;border-radius:11px;padding:10px 15px;color:#fff!important}.page-shell{width:min(1320px,calc(100% - 48px));min-height:62vh}.footer{background:#101d31;color:#f6f7fc;margin-top:75px}.footer-inner{width:min(1320px,calc(100% - 48px));padding:38px 0}.footer p,.footer .brand small{color:#aab4c8}.footer-links a{color:#dce4f3}.copyright{border-color:#ffffff1c;color:#aab4c8}
.v3-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:42px;align-items:center;min-height:575px;padding:46px 0 36px}.v3-hero-copy{padding:14px 0}.v3-kicker,.v3-overline{font-size:11px;font-weight:800;letter-spacing:.2px;color:#247763}.v3-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9eee6;background:#eff9f4;border-radius:999px;padding:8px 13px}.v3-kicker-dot{width:7px;height:7px;border-radius:50%;background:#22a47b;box-shadow:0 0 0 4px #22a47b20}.v3-hero h1{font-size:clamp(39px,4.3vw,62px);line-height:1.42;letter-spacing:-2.1px;margin:20px 0 15px;font-weight:900;color:#14203a}.v3-hero h1 em{font-style:normal;color:#287e68}.v3-hero-copy>p{font-size:15px;line-height:2.2;color:#647087;max-width:570px;margin:0 0 23px}.v3-hero-search{display:flex;align-items:center;gap:9px;padding:7px 8px 7px 7px;background:#fff;border:1px solid #e6eaf2;box-shadow:0 12px 38px #15213a0b;border-radius:16px;max-width:590px}.v3-search-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0f6f4;color:#267b67;font-size:28px}.v3-hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px 2px;color:#1a2740;font-size:12px}.v3-hero-search button{border:0;background:#15213a;color:#fff;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:800;white-space:nowrap}.v3-hero-search button span{margin-right:7px}.v3-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.v3-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s}.v3-button:hover{transform:translateY(-2px)}.v3-button-dark{background:#15213a;color:#fff;box-shadow:0 8px 18px #15213a1b}.v3-button-light{background:#fff;color:#15213a;border:1px solid #e2e8f0}.v3-button-outline{background:transparent;border:1px solid #ccd6e3;color:#15213a}.v3-trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#6c778a;font-size:10px}.v3-trust-row span:first-child{color:#23735e}.v3-hero-visual{position:relative;min-height:500px;display:grid;place-items:center;isolation:isolate}.v3-hero-visual:before{content:"";position:absolute;inset:35px 12px 25px 25px;border-radius:42px;background:linear-gradient(145deg,#e3f5ec,#eef2fc 55%,#fff0e8);transform:rotate(2deg);z-index:-2}.v3-orbit{position:absolute;border:1px solid #8bc8b344;border-radius:50%;z-index:-1}.v3-orbit-one{width:390px;height:390px;right:4%;top:9%}.v3-orbit-two{width:490px;height:490px;right:-5%;top:-1%;border-color:#aab9e633}.v3-market-window{width:min(410px,78%);background:#fff;border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 32px 85px #17274420;overflow:hidden;transform:rotate(-2deg)}.v3-window-top{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;border-bottom:1px solid #edf0f5;color:#7b8799;font-size:8px;letter-spacing:1px;font-weight:900}.v3-window-live{display:flex;align-items:center;gap:6px;letter-spacing:0;color:#2b7b64}.v3-window-live i,.v3-metric-note i{width:6px;height:6px;border-radius:50%;background:#31b588;display:inline-block}.v3-window-title{font-size:24px;font-weight:800;line-height:1.65;padding:19px 21px 12px;letter-spacing:-.7px}.v3-window-title b{color:#257b66}.v3-window-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:4px 17px 15px}.v3-market-tile{position:relative;min-height:112px;padding:12px;border-radius:15px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.v3-market-tile:after{content:"";position:absolute;width:74px;height:74px;border:1px solid #17213a17;border-radius:50%;top:-22px;left:-15px}.v3-market-tile span{position:absolute;top:8px;right:12px;font-size:28px;font-weight:800;opacity:.7}.v3-market-tile b{font-size:11px}.v3-market-tile small{font-size:8px;opacity:.7}.tile-coral{background:#ffe7df;color:#793f35}.tile-lime{background:#e9f4d6;color:#4d652b}.tile-blue{background:#e5eaff;color:#374e91;grid-column:1/-1;min-height:85px}.v3-window-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding:13px 18px;color:#6f7b8f;font-size:9px}.v3-avatar-stack{display:flex;direction:ltr}.v3-avatar-stack i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid white;margin-left:-6px;background:#d8eee6;color:#266c58;font-style:normal;font-weight:900}.v3-avatar-stack i:nth-child(2){background:#ffe1d7;color:#9d5546}.v3-avatar-stack i:nth-child(3){background:#e8eaff;color:#4c58a0}.v3-float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border:1px solid #fff;border-radius:15px;box-shadow:0 16px 40px #15213a16;z-index:2}.v3-float-earn{top:16%;left:-1%;transform:rotate(2deg)}.v3-float-near{bottom:13%;right:-2%;transform:rotate(1deg)}.v3-float-icon,.v3-map-pin{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#e2f6eb;color:#1e8566;font-size:23px;font-weight:900}.v3-map-pin{background:#fff0e9;color:#db7556}.v3-float-card b,.v3-float-card small{display:block}.v3-float-card b{font-size:10px}.v3-float-card small{font-size:8px;color:#8490a1}.v3-metrics{display:grid;grid-template-columns:repeat(3,minmax(110px,.7fr)) minmax(210px,1.5fr);align-items:center;border:1px solid #e8ecf3;background:#fff;border-radius:18px;padding:20px 24px;box-shadow:0 10px 30px #1a2a4505}.v3-metric{display:grid;gap:2px;border-left:1px solid #edf0f5;padding:0 19px}.v3-metric:first-child{padding-right:0}.v3-metric strong{font-size:25px;color:#192741;line-height:1.35}.v3-metric span,.v3-metric-note{font-size:10px;color:#818da0}.v3-metric-note{display:flex;align-items:center;gap:9px;line-height:1.8;padding-right:18px}.v3-section{padding:68px 0 0}.v3-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.v3-section-head h2{font-size:clamp(23px,2.4vw,32px);line-height:1.6;margin:6px 0;color:#17233d;letter-spacing:-.8px}.v3-section-head p{margin:0;color:#7a8698;font-size:11px}.v3-text-link{font-size:11px;font-weight:800;color:#267762;white-space:nowrap}.v3-text-link span{margin-right:7px}.v3-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.v3-category-card{position:relative;display:flex;align-items:center;gap:11px;padding:17px 14px;background:#fff;border:1px solid #e8ecf3;border-radius:15px;min-height:78px;transition:transform .2s,border-color .2s,box-shadow .2s}.v3-category-card:hover{transform:translateY(-3px);border-color:#c7dfd7;box-shadow:0 12px 30px #1427440b}.v3-category-mark{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:13px;background:#e5f5ed;color:#267d64;font-size:22px}.v3-category-card b{font-size:11px;line-height:1.6}.v3-category-arrow{margin-right:auto;color:#9ba5b3;font-size:15px}.cat-1 .v3-category-mark{background:#fff0e7;color:#d87956}.cat-2 .v3-category-mark{background:#e8ecff;color:#5866ad}.cat-3 .v3-category-mark{background:#f6e7f4;color:#a45e9a}.cat-4 .v3-category-mark{background:#f8f0d8;color:#a17d2f}.cat-5 .v3-category-mark{background:#e3f1f7;color:#4e859b}.v3-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v3-product-card{display:block;min-width:0;overflow:hidden;border:1px solid #e7ebf2;border-radius:17px;background:#fff;transition:transform .22s,box-shadow .22s,border-color .22s}.v3-product-card:hover{transform:translateY(-4px);box-shadow:0 17px 40px #17274312;border-color:#d3e4dd}.v3-product-image{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f0f4f8,#f7f9fc)}.v3-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.v3-product-card:hover .v3-product-image img{transform:scale(1.04)}.v3-product-placeholder{font-size:33px;font-weight:900;color:#9aa8b7}.v3-product-tag{position:absolute;top:12px;right:12px;background:#ffffffeb;backdrop-filter:blur(8px);border:1px solid #ffffffb8;border-radius:8px;padding:5px 8px;color:#4e6076;font-size:9px}.v3-product-go{position:absolute;left:11px;bottom:11px;display:grid;place-items:center;width:31px;height:31px;background:#fff;border-radius:10px;color:#247760;opacity:0;transform:translateY(4px);transition:.2s}.v3-product-card:hover .v3-product-go{opacity:1;transform:translateY(0)}.v3-product-info{padding:15px}.v3-product-shop{display:block;font-size:9px;color:#8792a3;margin-bottom:5px}.v3-product-info h3{font-size:13px;margin:0 0 17px;line-height:1.8;color:#182640}.v3-product-price{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:11px;border-top:1px solid #f0f2f6}.v3-product-price>b{font-size:13px;color:#1b6d58}.v3-product-price b small{font-size:9px;font-weight:500;color:#748197}.v3-product-price>span{font-size:9px;color:#7d899a}.v3-empty-market{display:flex;align-items:center;gap:18px;padding:25px;background:#fff;border:1px dashed #d7e0e9;border-radius:19px}.v3-empty-symbol{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:18px;background:#e9f6ef;color:#287c65;font-size:28px}.v3-empty-market>div:nth-child(2){flex:1}.v3-empty-market h3{font-size:14px;margin:0 0 4px}.v3-empty-market p{font-size:11px;line-height:1.9;color:#7d899a;margin:0}.v3-smart-band{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:21px;margin-top:70px;padding:30px 34px;background:linear-gradient(112deg,#14213b,#1b3b50 65%,#215b54);border-radius:24px;color:#fff;overflow:hidden;position:relative}.v3-smart-band:after{content:"";position:absolute;left:20%;top:-130px;width:300px;height:300px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05;pointer-events:none}.v3-smart-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:#ffffff16;border:1px solid #ffffff22;color:#a8e5d2;font-size:30px}.v3-smart-band .v3-overline{color:#a3e1cc}.v3-smart-band h2{font-size:22px;margin:5px 0;line-height:1.7}.v3-smart-band p{font-size:11px;color:#c6d3e2;line-height:2;margin:0;max-width:700px}.v3-smart-band .v3-button{position:relative;z-index:1;white-space:nowrap}.v3-seller-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v3-seller-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;background:#fff;border:1px solid #e7ebf2;border-radius:16px;transition:.2s}.v3-seller-card:hover{border-color:#c9dfd7;transform:translateY(-2px)}.v3-seller-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e2f5eb,#e4eaff);color:#246e5b;font-size:19px;font-weight:900}.v3-seller-data{display:grid;gap:3px;min-width:0;flex:1}.v3-seller-data>b,.v3-seller-data b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-seller-data small{font-size:9px;color:#8390a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-verified{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-style:normal;font-size:9px;background:#dff5e9;color:#21785e}.v3-seller-arrow{color:#9ba5b3;font-size:17px}.v3-join-band{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:68px;padding:30px 0;border-top:1px solid #e2e7ef}.v3-join-band h2{font-size:24px;margin:4px 0;letter-spacing:-.6px}.v3-join-band p{font-size:11px;color:#7c8799;margin:0}.v3-join-actions{display:flex;gap:8px;flex-wrap:wrap}.v3-assistant-hero{display:flex;align-items:center;gap:24px;padding:40px 0 32px}.v3-assistant-orb{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:28px;background:linear-gradient(145deg,#14213b,#287e68);box-shadow:0 18px 40px #172b4625;color:#c3f0df;font-size:42px}.v3-assistant-hero h1{font-size:34px;line-height:1.5;margin:3px 0}.v3-assistant-hero p{margin:0;color:#718097;font-size:12px}.v3-assistant-honesty{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:#2b7a64;font-size:10px}.v3-assistant-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;align-items:stretch}.v3-assistant-form,.v3-assistant-side{background:#fff;border:1px solid #e5eaf2;border-radius:21px;padding:25px}.v3-form-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.v3-form-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e3f5eb;color:#24775f;font-size:12px;font-weight:900}.v3-form-title h2,.v3-assistant-side h2{font-size:18px;margin:0}.v3-form-title p{font-size:10px;color:#8792a4;margin:3px 0}.v3-assistant-form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#4e5c72;margin-bottom:15px}.v3-assistant-form input,.v3-assistant-form select{width:100%;min-width:0;padding:12px;border:1px solid #e0e6ef;border-radius:11px;background:#fafbfe;outline:0;font-size:12px;color:#17243d}.v3-assistant-form input:focus,.v3-assistant-form select:focus{border-color:#79bca6;box-shadow:0 0 0 3px #2a9a7720}.v3-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v3-assistant-submit{width:100%;border:0;margin-top:2px}.v3-form-note{display:block;margin-top:11px;color:#8792a4;font-size:9px;line-height:1.9}.v3-assistant-side{position:relative;overflow:hidden;background:linear-gradient(145deg,#f0f8f4,#fff 72%)}.v3-side-orbit{position:absolute;top:-20px;left:15px;font-size:100px;color:#d7eee4;opacity:.65}.v3-assistant-side .v3-overline{display:block;margin-bottom:6px}.v3-assistant-side h2{font-size:22px;line-height:1.6;margin-bottom:20px;max-width:300px}.v3-assistant-step{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #e2eee8}.v3-assistant-step>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:#247a62;font-size:10px}.v3-assistant-step strong,.v3-assistant-step small{display:block}.v3-assistant-step strong{font-size:11px}.v3-assistant-step small{font-size:9px;color:#8390a0}.v3-assistant-count{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.v3-assistant-count>div{display:grid;gap:2px;padding:12px;background:#fff;border:1px solid #e4eee9;border-radius:12px}.v3-assistant-count b{font-size:20px;color:#24785f}.v3-assistant-count small{font-size:9px;color:#7c899a}.v3-assistant-results{padding-top:50px}.v3-result-count{font-size:11px;color:#738198}.v3-assistant-message{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:18px;border-radius:13px;background:#eaf6f0;color:#326c58}.v3-assistant-message>span{font-size:20px}.v3-assistant-message p{font-size:11px;line-height:2;margin:0}.v3-assistant-results .v3-product-grid{margin-bottom:20px}
@media(max-width:1050px){.v3-hero{gap:18px;min-height:500px}.v3-hero h1{font-size:45px}.v3-hero-visual{min-height:430px}.v3-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v3-seller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-metrics{grid-template-columns:repeat(3,1fr)}.v3-metric-note{grid-column:1/-1;padding:14px 0 0;margin-top:14px;border-top:1px solid #edf0f5}.v3-metric:nth-child(3){border-left:0}}
@media(max-width:700px){.navwrap{width:calc(100% - 28px);height:auto;min-height:68px;flex-wrap:wrap;gap:8px;padding:10px 0}.brand{min-width:120px}.brandmark{width:37px;height:37px}.brand strong{font-size:17px}.mainnav{order:3;width:100%;overflow-x:auto;gap:17px;padding:5px 0 7px;margin:0;white-space:nowrap;font-size:11px}.logoutform{margin-right:auto}.page-shell{width:calc(100% - 28px)}.v3-hero{grid-template-columns:1fr;gap:5px;padding:28px 0 22px;min-height:0}.v3-hero-copy{padding:0}.v3-hero h1{font-size:39px;letter-spacing:-1.4px;margin:15px 0 10px}.v3-hero-copy>p{font-size:12px;line-height:2.1}.v3-hero-search{gap:5px}.v3-search-icon{width:34px;height:36px}.v3-hero-search input{font-size:10px}.v3-hero-search button{font-size:10px;padding:10px}.v3-trust-row{gap:11px;font-size:9px;margin-top:15px}.v3-hero-visual{min-height:370px;margin:5px -4px 0}.v3-market-window{width:min(340px,77%)}.v3-window-top{padding:12px}.v3-window-title{font-size:20px;padding:14px 16px 8px}.v3-window-tiles{padding:4px 12px 12px;gap:7px}.v3-market-tile{min-height:92px;padding:9px}.v3-market-tile b{font-size:10px}.v3-market-tile small{font-size:7px}.v3-market-tile span{font-size:23px}.v3-window-footer{padding:10px 13px}.v3-orbit-one{width:300px;height:300px;right:7%;top:10%}.v3-orbit-two{width:365px;height:365px;right:-4%;top:0}.v3-float-card{padding:9px 10px;gap:7px}.v3-float-card b{font-size:9px}.v3-float-card small{font-size:7px}.v3-float-icon,.v3-map-pin{width:30px;height:30px;font-size:18px}.v3-float-earn{top:8%;left:0}.v3-float-near{bottom:5%;right:0}.v3-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 9px;border-radius:14px}.v3-metric{padding:0 8px}.v3-metric strong{font-size:19px}.v3-metric span{font-size:8px}.v3-metric-note{font-size:8px;line-height:1.7}.v3-section{padding-top:45px}.v3-section-head{align-items:flex-start;margin-bottom:16px}.v3-section-head h2{font-size:22px;line-height:1.6}.v3-section-head p{font-size:9px}.v3-text-link{font-size:9px;padding-top:10px}.v3-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v3-category-card{padding:11px 9px;min-height:65px;gap:8px}.v3-category-mark{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:18px}.v3-category-card b{font-size:9px}.v3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v3-product-image{height:155px}.v3-product-info{padding:10px}.v3-product-shop{font-size:8px}.v3-product-info h3{font-size:11px;margin-bottom:12px}.v3-product-price{align-items:flex-start;flex-direction:column;gap:5px}.v3-product-price>b{font-size:11px}.v3-product-price>span{font-size:8px}.v3-product-tag{top:7px;right:7px;font-size:8px}.v3-product-go{opacity:1;transform:none;width:26px;height:26px}.v3-empty-market{align-items:flex-start;flex-wrap:wrap;padding:17px;gap:12px}.v3-empty-market h3{font-size:12px}.v3-empty-market p{font-size:10px}.v3-empty-market .v3-button{width:100%}.v3-smart-band{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:20px 16px;margin-top:45px;border-radius:18px}.v3-smart-symbol{width:42px;height:42px;border-radius:13px;font-size:23px}.v3-smart-band h2{font-size:16px}.v3-smart-band p{font-size:9px}.v3-smart-band .v3-button{grid-column:1/-1;width:100%}.v3-seller-grid{grid-template-columns:1fr;gap:8px}.v3-seller-card{padding:12px}.v3-join-band{align-items:flex-start;flex-direction:column;margin-top:45px;padding-top:25px}.v3-join-band h2{font-size:20px}.v3-join-band p{font-size:10px}.v3-join-actions{width:100%}.v3-join-actions .v3-button{flex:1}.v3-assistant-hero{gap:13px;padding:28px 0 22px}.v3-assistant-orb{width:57px;height:57px;flex-basis:57px;border-radius:18px;font-size:29px}.v3-assistant-hero h1{font-size:23px}.v3-assistant-hero p{font-size:10px;line-height:1.9}.v3-assistant-honesty{gap:8px;font-size:8px}.v3-assistant-layout{grid-template-columns:1fr;gap:12px}.v3-assistant-form,.v3-assistant-side{padding:17px;border-radius:17px}.v3-form-row{grid-template-columns:1fr;gap:0}.v3-assistant-form label{font-size:10px}.v3-assistant-form input,.v3-assistant-form select{padding:11px;font-size:11px}.v3-assistant-side h2{font-size:18px}.v3-assistant-results{padding-top:35px}.v3-assistant-message{padding:11px}.v3-assistant-message p{font-size:10px}.footer{margin-top:48px}.footer-inner{width:calc(100% - 28px);grid-template-columns:1fr;gap:22px;padding:28px 0}.copyright{font-size:9px}.page-intro h1{font-size:29px}}
@media(min-width:701px) and (max-width:900px){.v3-hero{grid-template-columns:1fr 1fr}.v3-hero h1{font-size:37px}.v3-hero-visual{min-height:390px}.v3-market-window{width:84%}.v3-float-card{padding:9px}.v3-float-card b{font-size:8px}.v3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* Dastjor cinematic entry and recycling ecosystem */
#dastjor-splash{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#183a69 0,#0a1530 42%,#050914 100%);color:#fff;transition:opacity .8s ease,visibility .8s ease}#dastjor-splash.done{opacity:0;visibility:hidden;pointer-events:none}.splash-stars{position:absolute;inset:-20%;background-image:radial-gradient(2px 2px at 20% 30%,#fff9,transparent),radial-gradient(1px 1px at 60% 70%,#fff9,transparent),radial-gradient(2px 2px at 75% 20%,#7de8ff,transparent),radial-gradient(1px 1px at 30% 80%,#fff,transparent);background-size:180px 160px,230px 190px,290px 230px,140px 210px;animation:star-drift 18s linear infinite}.splash-orb{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#a5eaff,#3c78c5 34%,#142a60 68%,#071022 100%);box-shadow:0 0 45px #45a7ff75,inset -16px -15px 25px #020817;animation:orb-arrive 2.4s cubic-bezier(.2,.7,.2,1) both;z-index:1}.splash-orb span{font-weight:900;font-size:28px;text-shadow:0 2px 12px #001}.splash-brand{font-size:36px;font-weight:900;letter-spacing:-1px;margin-top:17px;z-index:1}.splash-sub{color:#a9c6eb;font-size:13px;z-index:1}.splash-cube{position:relative;width:35px;height:35px;margin-top:34px;transform-style:preserve-3d;animation:cube-spin 3.5s linear infinite;z-index:1}.splash-cube i{position:absolute;inset:0;border:1px solid #87e7ff;background:#60d8ff12;box-shadow:0 0 9px #52d8ff55}.splash-cube i:nth-child(1){transform:translateZ(17px)}.splash-cube i:nth-child(2){transform:rotateY(90deg) translateZ(17px)}.splash-cube i:nth-child(3){transform:rotateY(180deg) translateZ(17px)}.splash-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(17px)}.splash-cube i:nth-child(5){transform:rotateX(90deg) translateZ(17px)}.splash-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(17px)}.splash-cube b{position:absolute;inset:10px;background:#c3f7ff;border-radius:2px;box-shadow:0 0 20px #60d8ff}.splash-progress{width:132px;height:2px;background:#ffffff20;margin-top:27px;overflow:hidden;z-index:1}.splash-progress span{display:block;height:100%;background:#7de8ff;animation:splash-progress 3.2s ease forwards}@keyframes star-drift{to{transform:translate(-60px,40px)}}@keyframes orb-arrive{0%{transform:scale(.08);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}@keyframes cube-spin{to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes splash-progress{from{width:0}to{width:100%}}
.recycle-feature{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:clamp(24px,5vw,70px);align-items:center;margin:45px 0;padding:clamp(24px,5vw,60px);border:1px solid #b9d6d9;border-radius:30px;background:linear-gradient(130deg,#e9f8f3,#f5f8ff 60%,#f8f1ff);overflow:hidden}.recycle-copy h2{font-size:clamp(27px,3.3vw,42px);line-height:1.35;margin:12px 0}.recycle-copy p{color:#536579;line-height:2}.recycle-copy small{display:block;margin-top:15px;color:#607183;line-height:1.8}.recycle-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}.recycle-art{position:relative;min-height:250px;display:grid;place-items:center}.recycle-planet{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 28% 25%,#d7ffe6,#58c99b 36%,#247c75 70%,#103c53);box-shadow:inset -18px -17px 27px #063d5060,0 18px 40px #307c7c35;color:#fff;font-size:54px;z-index:1}.recycle-ring{position:absolute;width:245px;height:100px;border:1px solid #62b7a6;border-radius:50%;transform:rotate(-24deg)}.ring-b{transform:rotate(48deg);width:220px;height:130px;border-color:#9e9cdd}.recycle-chip{position:absolute;padding:7px 12px;border-radius:12px;background:#fff;box-shadow:0 7px 20px #17465c17;font-weight:800;font-size:13px}.chip-one{top:15%;right:5%}.chip-two{bottom:17%;left:0}.chip-three{bottom:7%;right:15%}.recycle-page,.knowledge-page{max-width:1000px;margin:20px auto 60px}.recycle-page-hero{padding:clamp(25px,5vw,55px);border-radius:30px;background:radial-gradient(circle at 78% 35%,#284f8c,#111d3e 47%,#080f20);color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden}.recycle-page-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.4}.recycle-page-hero h1 em{color:#92f3cf;font-style:normal}.recycle-page-hero p{color:#cad7ed;line-height:1.9;max-width:520px}.recycle-mini-stats{display:flex;gap:24px;flex-wrap:wrap;color:#c9d9f2}.recycle-mini-stats b{color:#92f3cf}.recycle-planet.big{width:170px;height:170px;flex-shrink:0;position:relative;font-size:52px}.recycle-planet.big i,.recycle-planet.big b{position:absolute;inset:-20px;border:1px solid #a1c8ff77;border-radius:50%;transform:rotateX(68deg)}.recycle-planet.big b{inset:-34px;transform:rotateY(65deg);border-color:#a1f5dc77}.recycle-form{margin-top:25px;padding:clamp(20px,4vw,38px);border:1px solid #e0e6ed;border-radius:24px;background:#fff;box-shadow:0 15px 45px #14253a0b}.form-title{display:flex;gap:13px;align-items:center;margin-bottom:24px}.form-title>span{width:36px;height:36px;border-radius:12px;background:#e3f8ed;color:#177c59;display:grid;place-items:center;font-weight:900}.form-title h2{margin:0}.form-title p{margin:3px 0;color:#728093}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recycle-form label,.knowledge-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:750;color:#334155}.recycle-form input,.recycle-form select,.recycle-form textarea,.knowledge-form input,.knowledge-form textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:12px;padding:13px;background:#fbfdff;color:#1e293b;font:inherit;outline-color:#6dc9ad}.full-label{margin-top:16px}.geo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:17px 0;color:#64748b;font-size:13px}.recycle-submit{border:0;cursor:pointer;margin-top:5px}.recycle-privacy{font-size:12px;color:#718096;line-height:1.8}.recycle-result{max-width:800px;margin:40px auto;text-align:center}.result-check{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#d9f8e8;color:#15835d;font-size:30px}.recycle-result h1{font-size:36px}.result-note{padding:14px;border-radius:14px;background:#eef6ff;color:#36526e;margin:20px 0}.match-list{display:grid;gap:12px;text-align:right;margin:20px 0}.match-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e0e8ef;border-radius:16px;background:white}.match-icon{width:45px;height:45px;display:grid;place-items:center;background:#e2f8ed;border-radius:13px;font-size:24px}.match-card>div:nth-child(2){flex:1}.match-card small{display:block;color:#68778b;margin-top:4px}.match-card>a{padding:9px 14px;border-radius:10px;background:#143b33;color:white;text-decoration:none}.knowledge-page>h1{font-size:clamp(30px,4vw,44px)}.knowledge-page>p{color:#64748b;line-height:1.9}.knowledge-list{display:grid;gap:13px;margin:22px 0}.knowledge-list article{border:1px solid #e0e7ef;border-radius:16px;padding:20px;background:white}.knowledge-list h2,.knowledge-list h3{margin:0 0 9px}.knowledge-list p{white-space:pre-wrap;line-height:1.9;color:#435267}.knowledge-list small{color:#75849a}.knowledge-form{display:grid;gap:16px;padding:22px;border-radius:20px;background:#f4f8fb;margin:22px 0}.knowledge-form button{justify-self:start;border:0;cursor:pointer}.knowledge-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.knowledge-item-head form{margin:0}@media(max-width:700px){.recycle-feature{grid-template-columns:1fr}.recycle-art{min-height:210px;order:0}.recycle-copy{order:1}.recycle-page-hero{align-items:flex-start}.recycle-planet.big{width:90px;height:90px;font-size:32px;margin:20px 0}.form-grid{grid-template-columns:1fr}.recycle-page-hero h1{font-size:31px}.recycle-page-hero{gap:5px}.recycle-mini-stats{font-size:12px}.match-card{align-items:flex-start}.match-card>a{font-size:12px}}

/* DASTJOR MAP-FIRST BRAND REFRESH */
:root{--dj-ink:#172f3b;--dj-teal:#176c65;--dj-coral:#ee8866;--dj-paper:#f7f8f5;--dj-line:#e3e9e4}
body{background:var(--dj-paper);color:var(--dj-ink)}.topbar{background:rgba(250,251,248,.95);border-bottom-color:#e1e8e2}.navwrap{width:min(1280px,calc(100% - 44px));height:74px}.brandmark{width:46px;height:46px;border-radius:15px;background:transparent;box-shadow:none;overflow:hidden}.brandmark img{display:block;width:100%;height:100%}.brand strong{color:#172f3b}.mainnav{gap:20px;color:#526a6b}.mainnav .navcta{background:#176c65;border-radius:999px}.mainnav a:hover,.mainnav .navcta:hover{color:#ee8866!important}.page-shell{width:min(1280px,calc(100% - 44px))}
.dj-home-hero{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:30px;align-items:center;padding:30px 0 25px}.dj-hero-copy{padding:12px 0}.dj-eyebrow,.dj-label{color:#176c65;font-size:11px;font-weight:850}.dj-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #d6e9e1;background:#edf7f1;padding:8px 13px;border-radius:99px}.dj-eyebrow i,.dj-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42a67d;box-shadow:0 0 0 4px #42a67d20}.dj-home-hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.42;letter-spacing:-1.6px;margin:18px 0 12px;font-weight:950;color:#172f3b}.dj-home-hero h1 em{font-style:normal;color:#176c65}.dj-hero-copy>p{font-size:13px;line-height:2.1;color:#637777;max-width:470px;margin:0 0 20px}.dj-search{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e1e8e3;padding:7px;border-radius:15px;max-width:540px;box-shadow:0 12px 35px #203b3310}.dj-search>span{display:grid;place-items:center;width:37px;height:38px;background:#edf7f1;color:#176c65;border-radius:11px;font-size:25px}.dj-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:8px;font-size:12px}.dj-search button,.dj-primary,.dj-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:11px;font-weight:850;border:1px solid transparent;white-space:nowrap}.dj-search button,.dj-primary{background:#176c65;color:white}.dj-secondary{background:white;color:#254b4c;border-color:#dfe7e1}.dj-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.dj-proof{display:flex;gap:17px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#748481}.dj-proof span:first-child{color:#176c65}.dj-map-card{min-width:0;padding:14px;background:#fff;border:1px solid #e1e8e2;border-radius:24px;box-shadow:0 18px 55px #213e3210}.dj-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 5px 12px}.dj-map-kicker{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#ee8866}.dj-map-heading h2{margin:2px 0 0;font-size:18px}.dj-map-heading>a{font-size:10px;color:#176c65;font-weight:850}.dj-home-map{height:370px;border-radius:17px;overflow:hidden;background:#edf1e9;z-index:1}.dj-map-footer{display:flex;align-items:center;gap:9px;padding:11px 3px 1px;font-size:9px;color:#758481}.dj-map-footer span:nth-child(2){flex:1}.dj-map-footer button{border:1px solid #dce8df;background:#f4faf6;color:#176c65;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800}.dj-pin-wrap{background:transparent;border:0}.dj-pin{width:31px;height:31px;display:grid;place-items:center;background:#176c65;border:3px solid white;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);box-shadow:0 4px 12px #123b3450;color:#fff;font-weight:900}.dj-pin::after{content:"د";transform:rotate(45deg)}.leaflet-container{font-family:Tahoma,Arial,sans-serif}.dj-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.5fr;align-items:center;background:white;border:1px solid #e3e9e4;border-radius:16px;padding:15px 20px}.dj-quick-stats>div{display:grid;padding:0 15px;border-left:1px solid #edf0ec}.dj-quick-stats>div:first-child{padding-right:0}.dj-quick-stats b{font-size:23px;line-height:1.3;color:#176c65}.dj-quick-stats span,.dj-quick-stats p{font-size:10px;color:#82908b;margin:0}.dj-quick-stats p{padding-right:18px}.dj-section{padding:44px 0 0}.dj-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.dj-section-head h2{font-size:24px;line-height:1.5;margin:4px 0;color:#172f3b;letter-spacing:-.5px}.dj-section-head p{font-size:10px;color:#82908b;margin:0}.dj-section-head>a{font-size:10px;font-weight:850;color:#176c65;white-space:nowrap}.dj-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dj-categories>a{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;background:#fff;border:1px solid #e3e9e4;border-radius:14px;transition:transform .2s,border-color .2s}.dj-categories>a:hover{transform:translateY(-2px);border-color:#b6d8cb}.dj-categories>a>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;background:#eaf6ef;color:#176c65;border-radius:11px;font-size:20px}.dj-categories>a>b{font-size:10px;line-height:1.5}.dj-categories>a>i{margin-right:auto;font-style:normal;color:#9aa9a2}.dj-categories .dj-recycle-category>span{background:#fff0e7;color:#c96845}.dj-empty{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px dashed #cbded3;border-radius:17px}.dj-empty>span{font-size:27px;color:#176c65}.dj-empty h3{font-size:13px;margin:0}.dj-empty p{font-size:10px;color:#7b8c86;margin:3px 0 0}.dj-empty .dj-primary{margin-right:auto}.dj-recycling-band,.dj-assistant-band{display:flex;align-items:center;gap:18px;margin-top:48px;padding:25px;background:#173742;color:white;border-radius:21px}.dj-recycling-icon,.dj-assistant-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:17px;background:#27595b;color:#b7edce;font-size:28px}.dj-recycling-band>div:nth-child(2),.dj-assistant-band>div:nth-child(2){flex:1}.dj-recycling-band .dj-label,.dj-assistant-band .dj-label{color:#a8e3c6}.dj-recycling-band h2,.dj-assistant-band h2{font-size:19px;margin:3px 0}.dj-recycling-band p,.dj-assistant-band p{font-size:10px;color:#c5d7d2;margin:0;line-height:2}.dj-recycling-band .dj-primary{background:#f1aa79;color:#173742}.dj-assistant-band{background:#edf6f0;color:#173742;border:1px solid #dcece1}.dj-assistant-mark{background:#d8eee1;color:#176c65}.dj-assistant-band p{color:#667c74}.dj-assistant-band .dj-secondary{flex-shrink:0}.footer{border-top-color:#e1e8e2}.splash-orb{background:radial-gradient(circle at 30% 25%,#ffe2ad,#ee8866 35%,#176c65 70%,#102d3b 100%);box-shadow:0 0 45px #ee886655,inset -16px -15px 25px #10212a}.splash-orb img{width:76%;height:76%;filter:drop-shadow(0 3px 4px #10212a30)}.splash-cube i{border-color:#b7edce;background:#8ce5be12;box-shadow:0 0 9px #8ce5be55}.splash-cube b{background:#ffe2ad;box-shadow:0 0 20px #ee8866}.splash-progress span{background:#b7edce}
@media(max-width:900px){.dj-home-hero{grid-template-columns:1fr;gap:17px}.dj-hero-copy{padding:8px 0}.dj-home-map{height:340px}.dj-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.dj-quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dj-quick-stats p{grid-column:1/-1;padding:10px 0 0;margin-top:10px;border-top:1px solid #edf0ec}.dj-quick-stats>div:nth-child(3){border-left:0}}
@media(max-width:600px){.navwrap,.page-shell{width:calc(100% - 26px)}.navwrap{min-height:66px}.mainnav{gap:15px}.dj-home-hero{padding:19px 0 17px;gap:13px}.dj-home-hero h1{font-size:36px;line-height:1.45;margin:13px 0 8px}.dj-hero-copy>p{font-size:11px;margin-bottom:13px}.dj-search{gap:4px;padding:5px}.dj-search>span{width:31px;height:33px}.dj-search input{font-size:10px;padding:5px}.dj-search button{padding:10px;font-size:9px}.dj-hero-actions .dj-primary,.dj-hero-actions .dj-secondary{flex:1;padding:11px 8px;font-size:9px}.dj-proof{font-size:9px;gap:10px;margin-top:12px}.dj-map-card{padding:9px;border-radius:17px}.dj-map-heading h2{font-size:15px}.dj-home-map{height:300px;border-radius:12px}.dj-map-footer{font-size:8px;gap:6px}.dj-map-footer button{padding:7px;font-size:8px}.dj-quick-stats{padding:12px 7px;border-radius:13px}.dj-quick-stats>div{padding:0 8px}.dj-quick-stats b{font-size:19px}.dj-quick-stats span,.dj-quick-stats p{font-size:8px}.dj-section{padding-top:34px}.dj-section-head h2{font-size:20px}.dj-section-head p{font-size:9px}.dj-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dj-categories>a{padding:10px 8px;gap:7px}.dj-categories>a>span{width:30px;height:30px;flex-basis:30px;font-size:17px}.dj-categories>a>b{font-size:9px}.dj-empty{flex-wrap:wrap;padding:14px;gap:10px}.dj-empty>div{flex:1;min-width:180px}.dj-empty .dj-primary{width:100%;margin:0}.dj-recycling-band,.dj-assistant-band{align-items:flex-start;flex-wrap:wrap;margin-top:32px;padding:17px;gap:11px}.dj-recycling-icon,.dj-assistant-mark{width:42px;height:42px;flex-basis:42px;font-size:22px}.dj-recycling-band>div:nth-child(2),.dj-assistant-band>div:nth-child(2){min-width:calc(100% - 55px)}.dj-recycling-band h2,.dj-assistant-band h2{font-size:15px}.dj-recycling-band p,.dj-assistant-band p{font-size:9px}.dj-recycling-band .dj-primary,.dj-assistant-band .dj-secondary{width:100%}.v3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v3-product-image{height:155px}.v3-seller-grid{grid-template-columns:1fr}}

/* Dastjor 2026-10-26: map-first marketplace home */
.dj-map-first-hero{padding:28px 0 0}
.dj-map-first-heading{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2px 0 20px}
.dj-map-first-brandline{display:inline-flex;align-items:center;gap:9px;color:#176c65;background:#edf7f1;border:1px solid #d6e9e1;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:850}
.dj-map-first-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.35;letter-spacing:-1.5px;margin:10px 0 3px;color:#172f3b;font-weight:950}
.dj-map-first-heading h1 em{font-style:normal;color:#176c65}
.dj-map-first-heading p{font-size:12px;line-height:1.9;color:#657a75;margin:0}
.dj-map-stage{position:relative;isolation:isolate;min-height:490px;border-radius:26px;overflow:hidden;border:1px solid #d8e4dc;background:#eaf0e9;box-shadow:0 22px 60px #193b2e13}
.dj-map-stage .dj-home-map{position:absolute;inset:0;width:100%;height:100%;min-height:490px;border-radius:0;z-index:0}
.dj-map-search-panel{position:absolute;z-index:500;top:20px;right:20px;width:min(390px,calc(100% - 40px));padding:18px;background:#fff;border:1px solid #e0e9e2;border-radius:20px;box-shadow:0 15px 45px #1c39302b}
.dj-map-panel-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.dj-panel-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#eaf6ef;color:#176c65;border-radius:14px;font-size:25px}
.dj-map-panel-title>div{display:grid;gap:3px}.dj-map-panel-title b{font-size:15px;color:#172f3b}.dj-map-panel-title small{font-size:10px;color:#758781}
.dj-map-search-panel .dj-search{max-width:none;box-shadow:none;background:#f8fbf8;border-color:#dce8df;border-radius:13px}.dj-map-search-panel .dj-search button{padding:11px 13px}
.dj-map-panel-actions{display:flex;align-items:center;gap:9px;margin-top:10px}
.dj-locate-action,.dj-map-open-action{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:36px;padding:7px 9px;border:1px solid #dce8df;border-radius:10px;background:#fff;color:#176c65;font-size:10px;font-weight:850;white-space:nowrap}
.dj-map-open-action{background:#176c65;color:#fff;border-color:#176c65}
.dj-map-panel-status{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #edf1ed;margin-top:13px;padding-top:11px;font-size:9px;line-height:1.8;color:#7a8c84}
.dj-map-panel-status .dj-live-dot{flex:0 0 8px;margin-top:4px}
.dj-map-stage-tag{position:absolute;z-index:400;bottom:18px;left:18px;display:grid;gap:4px;padding:11px 14px;border-radius:13px;background:#fffef1ed;border:1px solid #ffffffb0;box-shadow:0 7px 25px #1d3b2c18}
.dj-map-stage-tag span{font-size:9px;letter-spacing:1.8px;font-weight:950;color:#176c65}.dj-map-stage-tag b{font-size:12px;color:#193641}
.dj-map-trust-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:15px 2px 0;color:#71827b;font-size:10px}
.dj-map-trust-row>span{display:inline-flex;align-items:center;gap:6px}.dj-map-trust-row>span::first-letter{color:#176c65}
.dj-map-trust-row>a{margin-right:auto;color:#176c65;font-weight:900}.dj-map-trust-row>a b{font-size:15px}
.dj-quick-stats{margin-top:28px}
.dj-section{padding-top:40px}
.v3-product-card,.v3-seller-card{transition:transform .2s,box-shadow .2s,border-color .2s}.v3-product-card:hover,.v3-seller-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #193b2e12;border-color:#bddbcb}
@media(max-width:760px){.dj-map-first-hero{padding-top:18px}.dj-map-first-heading{padding-bottom:14px}.dj-map-first-heading h1{font-size:34px;letter-spacing:-.8px}.dj-map-first-heading p{font-size:10px;max-width:330px}.dj-map-stage{min-height:530px;border-radius:19px}.dj-map-stage .dj-home-map{min-height:530px}.dj-map-search-panel{top:12px;right:12px;width:calc(100% - 24px);padding:13px;border-radius:16px}.dj-map-panel-title{margin-bottom:10px}.dj-panel-icon{width:37px;height:37px;flex-basis:37px}.dj-map-panel-title b{font-size:13px}.dj-map-panel-title small{font-size:9px}.dj-map-search-panel .dj-search button{font-size:9px;padding:10px}.dj-map-search-panel .dj-search input{font-size:10px}.dj-map-stage-tag{bottom:12px;left:12px;padding:9px 11px}.dj-map-trust-row{gap:9px 14px;padding-top:12px;font-size:9px}.dj-map-trust-row>a{width:100%;margin:2px 0 0;padding:11px 12px;text-align:center;background:#edf7f1;border-radius:11px}.dj-quick-stats{margin-top:22px}}

/* Map reliability: the OpenStreetMap iframe is visible immediately and remains as a fallback if Leaflet CDN is unavailable. */
.dj-map-fallback{position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;display:block;background:#e8efe8;z-index:0}
#homeMap,#vendorMap{position:relative;isolation:isolate}
.dj-map-stage{height:min(68vh,650px);min-height:490px}
.dj-map-stage .dj-home-map{height:100%;min-height:490px}
.dj-map-stage .leaflet-pane,.dj-map-stage .leaflet-top,.dj-map-stage .leaflet-bottom{z-index:10}
.dj-map-search-panel{z-index:500}
@media(max-width:760px){.dj-map-stage{height:560px;min-height:530px}.dj-map-stage .dj-home-map{min-height:530px}}
/* Keep the homepage map pinned to the full map stage; ID selectors otherwise override class positioning. */
#homeMap{position:absolute!important;inset:0!important;width:100%;height:100%;min-height:490px}
#vendorMap{position:relative;width:100%;height:min(72vh,690px);min-height:500px;overflow:hidden;border-radius:24px}
#vendorMap .dj-map-fallback{border-radius:24px}
@media(max-width:1000px){#vendorMap{height:60vh;min-height:440px}}
@media(max-width:700px){#vendorMap{height:65vh;min-height:360px}}

/* ============================================================
   DASTJOR 3D STOREFRONT STYLES (V20)
   ============================================================ */
.store3d-canvas-wrap {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 480px;
  max-height: 720px;
  border-radius: 18px;
  overflow: hidden;
  background: #0f1723;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  margin: 1.5rem 0;
}
.store3d-canvas-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.store3d-error {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f8d7da;
  background: rgba(20, 20, 30, 0.9);
  padding: 2rem;
  text-align: center;
  font-size: 1rem;
}
.store3d-panel {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 300px;
  max-width: calc(100% - 2rem);
  background: rgba(20, 28, 40, 0.96);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 1.2rem;
  color: #ecf0f1;
  transform: translateX(-120%);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 10;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}
.store3d-panel.open {
  transform: translateX(0);
}
.store3d-panel-close {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  background: transparent;
  border: none;
  color: #ecf0f1;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
}
.store3d-panel-image {
  width: 100%;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
  background: #1c2a3a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
}
.store3d-panel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store3d-panel-image span {
  font-size: 3rem;
  color: #7f8c8d;
}
.store3d-panel-cat {
  font-size: 0.75rem;
  color: #f2a23a;
  letter-spacing: 1px;
}
.store3d-panel h3 {
  margin: 0.3rem 0;
  font-size: 1.1rem;
}
.store3d-panel-desc {
  font-size: 0.85rem;
  color: #bdc3c7;
  margin: 0.4rem 0;
  max-height: 80px;
  overflow: auto;
}
.store3d-panel-price {
  display: block;
  font-size: 1.2rem;
  color: #f2a23a;
  margin: 0.6rem 0;
}
.store3d-panel-stock {
  font-size: 0.8rem;
  color: #95a5a6;
  margin: 0.3rem 0 0.8rem;
}
.store3d-panel-buy {
  display: block;
  text-align: center;
  background: #f2a23a;
  color: #1c2a3a;
  padding: 0.7rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
}
.store3d-panel-buy:hover {
  background: #e08a1e;
}
.store3d-toggle {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background: rgba(20, 28, 40, 0.9);
  color: #ecf0f1;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0.55rem 1rem;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  z-index: 10;
}
.store3d-toggle:hover {
  background: rgba(242, 162, 58, 0.2);
}
.store3d-loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ecf0f1;
  background: #0f1723;
  font-size: 1rem;
  z-index: 5;
}
.store3d-loading::after {
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #f2a23a;
  border-top-color: transparent;
  border-radius: 50%;
  margin-right: 0.6rem;
  animation: store3d-spin 0.8s linear infinite;
}
@keyframes store3d-spin {
  to { transform: rotate(360deg); }
}
@media (max-width: 768px) {
  .store3d-canvas-wrap { height: 55vh; min-height: 360px; }
  .store3d-panel { width: 260px; }
}

/* ============================================================
   DASTJOR 3D STOREFRONT v2.0
   ============================================================ */
.store3d-canvas-wrap {
  position: relative;
  width: 100%;
  height: 72vh;
  min-height: 480px;
  max-height: 760px;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 30%, #2a1f14 0%, #0f0a05 100%);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(242, 162, 58, 0.15);
  margin: 1.5rem 0;
}
.store3d-canvas-wrap canvas { display: block; width: 100%; height: 100%; }
.store3d-loading {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: #f2a23a; background: #0f0a05; font-size: 1rem; z-index: 5;
  gap: 0.8rem;
}
.store3d-loading::before {
  content: ''; width: 22px; height: 22px;
  border: 2px solid #f2a23a; border-top-color: transparent;
  border-radius: 50%; animation: store3d-spin 0.8s linear infinite;
}
@keyframes store3d-spin { to { transform: rotate(360deg); } }
.store3d-error {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: #f8d7da; background: rgba(20, 12, 8, 0.95);
  padding: 2rem; text-align: center; font-size: 1rem; z-index: 6;
}
.store3d-panel {
  position: absolute; top: 1rem; left: 1rem;
  width: 320px; max-width: calc(100% - 2rem);
  background: rgba(20, 14, 8, 0.96);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(242, 162, 58, 0.3);
  border-radius: 18px; padding: 1.2rem; color: #f0f4f8;
  transform: translateX(-120%);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 10;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
}
.store3d-panel.open { transform: translateX(0); }
.store3d-panel-close {
  position: absolute; top: 0.6rem; left: 0.6rem;
  background: transparent; border: none; color: #f0f4f8;
  font-size: 1.6rem; cursor: pointer; line-height: 1;
}
.store3d-panel-image {
  width: 100%; height: 170px; border-radius: 12px;
  overflow: hidden; background: #1a1208;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 0.8rem;
}
.store3d-panel-image img { width: 100%; height: 100%; object-fit: cover; }
.store3d-panel-image span { font-size: 3rem; color: #7f8c8d; }
.store3d-panel-cat { font-size: 0.7rem; color: #f2a23a; letter-spacing: 1.5px; }
.store3d-panel h3 { margin: 0.3rem 0; font-size: 1.15rem; color: #fff; }
.store3d-panel-desc { font-size: 0.85rem; color: #bdc3c7; margin: 0.5rem 0; max-height: 70px; overflow: auto; }
.store3d-panel-price { display: block; font-size: 1.3rem; color: #f2a23a; margin: 0.7rem 0 0.4rem; }
.store3d-panel-stock { font-size: 0.8rem; color: #95a5a6; margin: 0.3rem 0 0.9rem; }
.store3d-panel-buy {
  display: block; text-align: center;
  background: linear-gradient(135deg, #f2a23a, #ffb84d);
  color: #1c2a3a; padding: 0.8rem; border-radius: 10px;
  text-decoration: none; font-weight: bold;
  box-shadow: 0 8px 20px rgba(242, 162, 58, 0.35);
  transition: transform 0.2s ease;
}
.store3d-panel-buy:hover { transform: translateY(-2px); }
@media (max-width: 768px) {
  .store3d-canvas-wrap { height: 55vh; min-height: 380px; }
  .store3d-panel { width: 270px; }
}

/* ============================================================
   DASTJOR RECYCLING MAP STYLES
   ============================================================ */
.recycle-map-section {
  background: var(--bg-card);
  border-radius: 24px;
  padding: 1.5rem;
  margin: 2rem 0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.map-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.map-toolbar-title h2 {
  margin: 0.3rem 0;
  font-size: 1.5rem;
}
.map-status {
  font-size: 0.9rem;
  color: var(--accent);
  margin: 0.3rem 0 0;
}
.map-toolbar-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.material-filter {
  padding: 0.55rem 0.8rem;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-family: inherit;
  font-size: 0.9rem;
}
.recycle-map-wrap {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  height: 520px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.recycle-map {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.map-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10, 14, 26, 0.7), rgba(10, 14, 26, 0.5));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 18px;
  pointer-events: none;
}
.map-overlay-content {
  background: white;
  border-radius: 18px;
  padding: 2rem;
  text-align: center;
  pointer-events: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-width: 320px;
}
.map-overlay-content b {
  display: block;
  margin: 0.7rem 0 0.3rem;
  font-size: 1.1rem;
  color: #1a202c;
}
.map-overlay-content small {
  display: block;
  color: #718096;
  margin-bottom: 1rem;
  font-size: 0.85rem;
}
.overlay-icon { font-size: 2.5rem; display: block; }
.map-legend {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.map-legend span {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.map-legend i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.dot-user { background: #f2a23a; }
.dot-recycle { background: #48bb78; }
.dot-radius { background: rgba(242, 162, 58, 0.3); border: 2px dashed #f2a23a; }

/* Leaflet markers */
.user-location-marker .pulse-dot {
  display: block;
  width: 24px;
  height: 24px;
  background: #f2a23a;
  border: 3px solid white;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(242, 162, 58, 0.3);
  animation: pulse-ring 1.5s ease-out infinite;
}
@keyframes pulse-ring {
  0% { box-shadow: 0 0 0 4px rgba(242, 162, 58, 0.4); }
  100% { box-shadow: 0 0 0 20px rgba(242, 162, 58, 0); }
}
.recycle-marker {
  position: relative;
}
.recycle-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #48bb78, #38a169);
  color: white;
  border: 3px solid white;
  border-radius: 50%;
  font-size: 1.1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.recycle-label {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  color: #1a202c;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.7rem;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.recycle-popup {
  min-width: 180px;
  font-family: inherit;
}
.recycle-popup b { color: #1a202c; }
.recycle-popup a {
  color: #d97706;
  text-decoration: none;
  font-weight: bold;
}

/* Recycling page (existing + new) */
.recycle-page { max-width: 1200px; margin: 0 auto; }
.recycle-page-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 2rem;
  align-items: center;
  padding: 2rem 0;
}
.recycle-hero-content h1 {
  font-size: 2.5rem;
  line-height: 1.3;
  margin: 0.5rem 0 1rem;
}
.recycle-hero-content em {
  color: var(--accent);
  font-style: normal;
}
.recycle-mini-stats {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.recycle-mini-stats b {
  font-size: 1.4rem;
  color: var(--accent);
  display: block;
}
.recycle-visual {
  position: relative;
  text-align: center;
}
.recycle-visual img {
  max-width: 280px;
  filter: drop-shadow(0 20px 40px rgba(72, 187, 120, 0.3));
}
.recycle-chip {
  position: absolute;
  background: white;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  font-size: 0.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-weight: bold;
}
.chip-one { top: 10%; right: 0; color: #d97706; }
.chip-two { top: 50%; left: 0; color: #3182ce; }
.chip-three { bottom: 10%; right: 10%; color: #38a169; }

/* Form */
.recycle-form {
  background: var(--bg-card);
  border-radius: 24px;
  padding: 2rem;
  margin: 2rem 0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.recycle-form .form-title {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.recycle-form .form-title > span {
  width: 36px;
  height: 36px;
  background: var(--accent);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-shrink: 0;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.form-grid label,
.full-label {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.form-grid input,
.form-grid select,
.full-label textarea {
  padding: 0.7rem 0.9rem;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-family: inherit;
  font-size: 0.95rem;
}
.full-label { margin-bottom: 1rem; }
.geo-row {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  margin: 1rem 0;
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.recycle-privacy {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-top: 0.8rem;
  text-align: center;
}

@media (max-width: 768px) {
  .recycle-page-hero { grid-template-columns: 1fr; }
  .recycle-hero-content h1 { font-size: 1.8rem; }
  .recycle-map-wrap { height: 400px; }
  .map-toolbar { flex-direction: column; }
  .recycle-visual img { max-width: 180px; }
}

/* ============================================================
   DASTJOR HOME + FLOATING AI + MAP/STORE CARDS
   ============================================================ */
.dj-hero { background: linear-gradient(135deg, #0a0e1a 0%, #1a2338 100%); border-radius: 28px; padding: 3rem 2rem; margin: 1.5rem 0; color: #fff; overflow: hidden; position: relative; }
.dj-hero-inner { display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; align-items: center; }
.dj-hero-badge { display: inline-block; background: rgba(242,162,58,0.15); color: #f2a23a; padding: 0.4rem 1rem; border-radius: 999px; font-size: 0.85rem; margin-bottom: 1rem; }
.dj-hero h1 { font-size: 2.5rem; line-height: 1.3; margin: 0.5rem 0 1rem; }
.dj-hero h1 em { color: #f2a23a; font-style: normal; }
.dj-hero p { color: rgba(255,255,255,0.7); margin-bottom: 1.5rem; }
.dj-hero-actions { display: flex; gap: 0.7rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.dj-btn-primary, .dj-btn-secondary { padding: 0.8rem 1.5rem; border-radius: 12px; text-decoration: none; font-weight: bold; display: inline-block; transition: transform 0.2s; }
.dj-btn-primary { background: linear-gradient(135deg, #f2a23a, #ffb84d); color: #0a0e1a; }
.dj-btn-primary:hover { transform: translateY(-2px); }
.dj-btn-secondary { background: rgba(255,255,255,0.1); color: #fff; border: 1px solid rgba(255,255,255,0.2); }
.dj-hero-stats { display: flex; gap: 2rem; }
.dj-hero-stats div b { font-size: 1.6rem; color: #f2a23a; display: block; }
.dj-hero-stats div span { font-size: 0.8rem; color: rgba(255,255,255,0.6); }
.dj-hero-art { position: relative; height: 240px; }
.dj-hero-orb { position: absolute; inset: 0; background: radial-gradient(circle, rgba(242,162,58,0.3) 0%, transparent 70%); border-radius: 50%; animation: orbPulse 3s ease-in-out infinite; }
@keyframes orbPulse { 0%,100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 0.8; } }
.dj-hero-card { position: absolute; width: 80px; height: 80px; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; border: 1px solid rgba(255,255,255,0.15); animation: floatCard 4s ease-in-out infinite; }
.dj-hero-card-1 { top: 10%; left: 10%; }
.dj-hero-card-2 { top: 40%; right: 10%; animation-delay: 1s; }
.dj-hero-card-3 { bottom: 10%; left: 30%; animation-delay: 2s; }
@keyframes floatCard { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(5deg); } }
.dj-section { margin: 2.5rem 0; }
.dj-section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.dj-label { font-size: 0.75rem; color: #f2a23a; letter-spacing: 2px; text-transform: uppercase; }
.dj-section-head h2 { font-size: 1.7rem; margin: 0.3rem 0 0; }
.dj-link { color: #f2a23a; text-decoration: none; font-weight: bold; }
.dj-categories-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 1rem; }
.dj-cat-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 1.2rem; text-align: center; text-decoration: none; color: var(--text-primary); transition: transform 0.2s; }
.dj-cat-card:hover { transform: translateY(-3px); border-color: #f2a23a; }
.dj-cat-icon { font-size: 2rem; display: block; margin-bottom: 0.5rem; color: #f2a23a; }
.dj-view-toggle { display: flex; background: var(--bg-secondary); border-radius: 10px; padding: 4px; gap: 4px; }
.dj-view-btn { padding: 0.5rem 1rem; border: none; background: transparent; color: var(--text-secondary); border-radius: 8px; cursor: pointer; font-family: inherit; font-size: 0.9rem; }
.dj-view-btn.active { background: #f2a23a; color: #0a0e1a; }
.dj-stores-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.2rem; }
.dj-store-card { background: var(--bg-card); border-radius: 18px; overflow: hidden; text-decoration: none; color: var(--text-primary); border: 1px solid var(--border); transition: transform 0.2s; }
.dj-store-card:hover { transform: translateY(-4px); }
.dj-store-cover { height: 120px; background: linear-gradient(135deg, #2a1f14, #1a2338); display: flex; align-items: center; justify-content: center; }
.dj-store-avatar { width: 60px; height: 60px; background: #f2a23a; color: #0a0e1a; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: bold; }
.dj-store-body { padding: 1rem; }
.dj-store-body b { display: block; font-size: 1.1rem; margin-bottom: 0.3rem; }
.dj-verified { color: #48bb78; font-style: normal; }
.dj-store-body small { display: block; color: var(--text-muted); font-size: 0.8rem; margin-bottom: 0.4rem; }
.dj-store-meta { font-size: 0.75rem; color: #f2a23a; }
.dj-stores-map { position: relative; }
.dj-home-map-full { height: 500px; border-radius: 20px; overflow: hidden; }
.dj-back-to-cards { position: absolute; top: 1rem; right: 1rem; background: white; border: none; padding: 0.6rem 1.2rem; border-radius: 10px; cursor: pointer; font-family: inherit; z-index: 500; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.dj-products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.2rem; }
.dj-product-card { background: var(--bg-card); border-radius: 18px; overflow: hidden; text-decoration: none; color: var(--text-primary); border: 1px solid var(--border); transition: transform 0.2s; }
.dj-product-card:hover { transform: translateY(-4px); }
.dj-product-image { position: relative; height: 180px; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.dj-product-image img { width: 100%; height: 100%; object-fit: cover; }
.dj-product-placeholder { font-size: 3rem; color: var(--text-muted); }
.dj-product-cat { position: absolute; top: 0.6rem; right: 0.6rem; background: rgba(242,162,58,0.95); color: #0a0e1a; padding: 0.2rem 0.6rem; border-radius: 6px; font-size: 0.7rem; font-weight: bold; }
.dj-product-body { padding: 1rem; }
.dj-product-body b { display: block; margin-bottom: 0.3rem; }
.dj-product-body small { color: var(--text-muted); font-size: 0.8rem; }
.dj-product-body strong { display: block; color: #f2a23a; font-size: 1.1rem; margin-top: 0.5rem; }
.dj-dual-banner { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin: 2.5rem 0; }
.dj-banner { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 1.5rem; text-decoration: none; color: var(--text-primary); display: flex; align-items: center; gap: 1rem; transition: transform 0.2s; }
.dj-banner:hover { transform: translateY(-3px); }
.dj-banner-ai { border-color: rgba(242,162,58,0.3); }
.dj-banner-recycle { border-color: rgba(72,187,120,0.3); }
.dj-banner-icon { width: 56px; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; flex-shrink: 0; }
.dj-banner-ai .dj-banner-icon { background: rgba(242,162,58,0.15); color: #f2a23a; }
.dj-banner-recycle .dj-banner-icon { background: rgba(72,187,120,0.15); color: #48bb78; }
.dj-banner h3 { font-size: 1.1rem; margin: 0.2rem 0; }
.dj-banner p { font-size: 0.85rem; color: var(--text-muted); margin: 0; }
.dj-banner-arrow { margin-right: auto; font-size: 1.5rem; color: #f2a23a; }
.dastjor-ai-fab { position: fixed; bottom: 2rem; left: 2rem; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #f2a23a, #ffb84d); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(242,162,58,0.4); z-index: 9998; transition: transform 0.2s; }
.dastjor-ai-fab:hover { transform: scale(1.1); }
.ai-fab-icon { font-size: 1.8rem; color: #0a0e1a; font-weight: bold; }
.ai-fab-pulse { position: absolute; inset: 0; border-radius: 50%; border: 2px solid #f2a23a; animation: fabPulse 2s ease-out infinite; }
@keyframes fabPulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } }
.dastjor-ai-panel { position: fixed; bottom: 2rem; left: 2rem; width: 380px; max-width: calc(100vw - 2rem); height: 560px; max-height: calc(100vh - 4rem); background: var(--bg-card); border: 1px solid var(--border); border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,0.5); display: flex; flex-direction: column; z-index: 9999; overflow: hidden; }
.ai-panel-header { padding: 1rem 1.2rem; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }
.ai-panel-title { display: flex; gap: 0.7rem; align-items: center; }
.ai-panel-orb { width: 38px; height: 38px; background: linear-gradient(135deg, #f2a23a, #ffb84d); color: #0a0e1a; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: bold; }
.ai-panel-title b { display: block; font-size: 0.95rem; }
.ai-panel-title small { color: var(--text-muted); font-size: 0.75rem; }
.ai-panel-close { background: transparent; border: none; font-size: 1.8rem; color: var(--text-muted); cursor: pointer; line-height: 1; }
.ai-panel-messages { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 0.8rem; }
.ai-msg { display: flex; gap: 0.5rem; align-items: flex-start; }
.ai-msg-user { flex-direction: row-reverse; }
.ai-msg-avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #f2a23a, #ffb84d); color: #0a0e1a; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; font-size: 0.9rem; }
.ai-msg-bubble { background: var(--bg-secondary); padding: 0.7rem 1rem; border-radius: 14px; font-size: 0.88rem; line-height: 1.5; max-width: 80%; }
.ai-msg-user .ai-msg-bubble { background: #f2a23a; color: #0a0e1a; }
.ai-msg-bubble p { margin: 0; }
.ai-products-list { margin-top: 0.7rem; display: flex; flex-direction: column; gap: 0.5rem; }
.ai-product-item { display: flex; gap: 0.5rem; align-items: center; padding: 0.5rem; background: var(--bg-primary); border-radius: 10px; text-decoration: none; color: var(--text-primary); }
.ai-product-item img { width: 40px; height: 40px; object-fit: cover; border-radius: 8px; }
.ai-product-item b { display: block; font-size: 0.85rem; }
.ai-product-item small { color: var(--text-muted); font-size: 0.75rem; }
.ai-panel-form { display: flex; gap: 0.5rem; padding: 0.8rem; border-top: 1px solid var(--border); }
.ai-panel-form input { flex: 1; padding: 0.7rem 1rem; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-secondary); color: var(--text-primary); font-family: inherit; }
.ai-panel-form button { width: 44px; height: 44px; border-radius: 12px; background: #f2a23a; color: #0a0e1a; border: none; cursor: pointer; font-size: 1.2rem; font-weight: bold; }
.ai-loading { display: flex; gap: 4px; align-items: center; }
.ai-dot { width: 6px; height: 6px; border-radius: 50%; background: #f2a23a; animation: aiBounce 1.4s infinite; }
.ai-dot:nth-child(2) { animation-delay: 0.2s; }
.ai-dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes aiBounce { 0%,60%,100% { transform: translateY(0); } 30% { transform: translateY(-6px); } }
@media (max-width: 768px) {
  .dj-hero-inner { grid-template-columns: 1fr; }
  .dj-hero h1 { font-size: 1.8rem; }
  .dj-hero-art { display: none; }
  .dj-hero-stats { gap: 1.2rem; }
  .dj-hero-stats div b { font-size: 1.3rem; }
  .dj-dual-banner { grid-template-columns: 1fr; }
  .dj-categories-grid { grid-template-columns: repeat(2, 1fr); }
  .dj-stores-grid { grid-template-columns: repeat(2, 1fr); }
  .dj-products-grid { grid-template-columns: repeat(2, 1fr); }
  .dastjor-ai-fab { width: 56px; height: 56px; bottom: 1rem; left: 1rem; }
  .dastjor-ai-panel { bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; height: 80vh; border-radius: 22px 22px 0 0; }
  .dj-home-map-full { height: 350px; }
}


/* DastJor release polish: no blocked/duplicated splash, one mobile nav and shared map skin. */
.dastjor-ai-panel[hidden], [hidden].dastjor-ai-panel { display: none !important; }
.mobile-menu-toggle { display:none; width:42px; height:42px; flex:0 0 42px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); color:var(--text-primary); align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.mobile-menu-toggle span { width:18px; height:2px; border-radius:2px; background:currentColor; display:block; }
.dj-home-map-full, .dj-shared-map, .leaflet-map, .recycle-map { background:#eef2eb; border:1px solid var(--border); border-radius:18px; overflow:hidden; }
.dj-shared-map { width:100%; height:360px; min-height:280px; position:relative; }
.dj-home-map-full { width:100%; height:420px; }
.dj-map-status { margin:10px 0 0; color:var(--text-muted); font-size:12px; }
.map-overlay { display:none !important; }
.nearby-layout .leaflet-map.dj-shared-map { height:360px; min-height:280px; border-radius:18px; }
.recycle-map-wrap { height:420px; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.recycle-map { height:100%; }
.dj-map-empty-note { position:absolute; right:12px; left:12px; bottom:12px; z-index:500; padding:8px 12px; border:1px solid #d9e7de; border-radius:10px; background:rgba(255,255,255,.95); color:#315b48; font-size:12px; }
.dj-empty-market { display:flex; align-items:center; gap:16px; padding:20px; border:1px dashed var(--border); border-radius:18px; background:var(--bg-card); color:var(--text-primary); }
.dj-empty-market-icon { width:48px; height:48px; display:grid; place-items:center; flex:0 0 48px; border-radius:14px; background:var(--accent-soft); font-size:24px; }
.dj-empty-market h3 { margin:0 0 3px; font-size:16px; }
.dj-empty-market p { margin:0; color:var(--text-secondary); font-size:13px; }
.dj-empty-market .dj-btn-primary { margin-right:auto; }
.market-map-tool { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px; margin:20px 0; border:1px solid var(--border); border-radius:18px; background:var(--bg-card); }
.market-map-tool h2 { font-size:18px; margin:3px 0; color:var(--text-primary); }
.market-map-tool p { font-size:12px; margin:0; color:var(--text-secondary); }
.market-map-panel { margin:-6px 0 22px; }
.market-map-panel[hidden] { display:none !important; }
@media (max-width:760px) {
  .navwrap { width:calc(100% - 24px); height:auto; min-height:66px; gap:10px; flex-wrap:wrap; }
  .mobile-menu-toggle { display:flex; margin-right:auto; }
  .mainnav { display:none; width:100%; margin:0; padding:8px 0 14px; flex-direction:column; align-items:stretch; gap:0; }
  .mainnav.is-open { display:flex; }
  .mainnav a { display:block; padding:11px 12px; border-bottom:1px solid var(--border); }
  .mainnav .navcta { margin-top:8px; text-align:center; }
  .logoutform { margin-right:auto; }
  .page-shell { width:calc(100% - 24px); }
  .dj-hero { padding:24px 18px; border-radius:20px; margin:12px 0; }
  .dj-hero-inner { grid-template-columns:minmax(0,1fr); }
  .dj-hero h1 { font-size:clamp(25px,7vw,34px); }
  .dj-hero p { font-size:13px; }
  .dj-hero-art { display:none; }
  .dj-hero-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .dj-hero-stats div { min-width:0; }
  .dj-section-head { align-items:flex-start; }
  .dj-stores-grid, .dj-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .dj-store-cover { height:92px; }
  .dj-store-body { padding:10px; overflow-wrap:anywhere; }
  .dj-store-body b { font-size:13px; }
  .dj-store-body small { font-size:11px; }
  .dj-product-image { height:135px; }
  .dj-dual-banner { grid-template-columns:minmax(0,1fr); }
  .dastjor-ai-fab { bottom:calc(14px + env(safe-area-inset-bottom)); left:14px; width:54px; height:54px; }
  .dastjor-ai-panel { inset:auto 0 0 0; width:100%; max-width:100%; height:min(76dvh,620px); max-height:calc(100dvh - 12px); border-radius:20px 20px 0 0; padding-bottom:env(safe-area-inset-bottom); }
  .dj-home-map-full, .dj-shared-map { height:310px; min-height:270px; }
  .dj-empty-market { align-items:flex-start; flex-wrap:wrap; }
  .dj-empty-market>div:nth-child(2) { flex:1; min-width:180px; }
  .dj-empty-market .dj-btn-primary { width:100%; text-align:center; margin:0; }
  .market-map-tool { align-items:flex-start; flex-direction:column; }
  .market-map-tool .btn { width:100%; }
}
@media (max-width:380px) {
  .dj-stores-grid, .dj-products-grid { grid-template-columns:minmax(0,1fr); }
  .dj-store-cover { height:110px; }
  .dj-hero-actions a { width:100%; text-align:center; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}


/* DastJor isolated-preview UX fixes v4.1.1 */
/* Honour the HTML hidden attribute even when a component has display:flex/grid. */
[hidden] { display: none !important; }
.dastjor-ai-fab { bottom: 22px; left: 22px; width: 58px; height: 58px; }
.dastjor-ai-panel { bottom: 92px; left: 22px; right: auto; width: min(390px, calc(100vw - 32px)); height: min(560px, calc(100dvh - 120px)); max-height: calc(100dvh - 120px); }
.dastjor-ai-panel[hidden], #aiPanel[hidden] { display: none !important; }
.dastjor-ai-panel:not([hidden]) { display: flex; }
.dastjor-ai-panel .ai-panel-close { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; }
.dastjor-ai-panel .ai-panel-close:hover { background: var(--bg-hover); color: var(--text-primary); }
.dastjor-ai-panel .ai-panel-messages { overscroll-behavior: contain; }
.dastjor-ai-panel .ai-msg-bubble { overflow-wrap: anywhere; }
.dastjor-ai-fab:focus-visible, .dastjor-ai-panel button:focus-visible, .dastjor-ai-panel input:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media (max-width: 760px) {
  .dastjor-ai-fab { bottom: calc(14px + env(safe-area-inset-bottom)); left: 14px; width: 54px; height: 54px; }
  .dastjor-ai-panel, .dastjor-ai-panel:not([hidden]) { inset: auto 0 0 0; width: 100%; max-width: 100%; height: min(76dvh, 620px); max-height: calc(100dvh - 12px); border-radius: 20px 20px 0 0; padding-bottom: env(safe-area-inset-bottom); }
}


/* 5.0.0 bright local shop treatment: warm daylight, lit shelves and readable product panel. */
.store3d-canvas-wrap{background:radial-gradient(circle at 50% 15%,#fff7e4 0%,#e8f2ec 58%,#dce8e4 100%);border:1px solid #d8e4d9;box-shadow:0 20px 55px rgba(36,69,53,.14),inset 0 0 0 1px rgba(255,255,255,.75)}
.store3d-loading{background:linear-gradient(135deg,#fff9e9,#e9f4ed);color:#285c48}
.store3d-loading::before{border-color:#e4a84c;border-top-color:transparent}
.store3d-panel{background:rgba(255,253,246,.97);border:1px solid #e5c98d;color:#21382d;box-shadow:0 18px 45px rgba(55,65,43,.18)}
.store3d-panel h3{color:#203b30}.store3d-panel-desc{color:#607467}.store3d-panel-stock{color:#63786a}.store3d-panel-image{background:linear-gradient(145deg,#f7f2e6,#e5efe5);border:1px solid #e7ddc8}
.store3d-panel-close{color:#315b48}
@media(max-width:700px){.dj-ecosystem-grid{grid-template-columns:1fr}}

/* DastJor 6.0 seller shelf studio */
.store-layout-editor{margin:28px auto;padding:clamp(18px,3vw,30px);border:1px solid #d8c8f4;border-radius:22px;background:#fff;color:#24143d;box-shadow:0 18px 45px rgba(53,24,92,.09)}
.store-layout-editor h2,.store-layout-editor p,.store-layout-editor label,.store-layout-editor output{color:#24143d}
.layout-light-control{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-weight:800;margin:16px 0}.layout-light-control input{flex:1;min-width:180px;accent-color:#6d28d9}.layout-light-control output{font-weight:900;background:#f2eaff;padding:8px 12px;border-radius:10px}
.store-layout-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 22px}.store-layout-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5ddf1;border-radius:14px;background:#faf8ff;color:#24143d;cursor:grab;min-width:0}.store-layout-item img,.store-layout-noimage{width:52px;height:52px;object-fit:cover;border-radius:10px;background:#eee5fb;display:grid;place-items:center;color:#4c1d95;font-weight:900}.store-layout-item b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#24143d}.store-layout-item small{color:#315f48;font-weight:800}.store-layout-grip{font-size:22px;color:#7653a8}.store3d-experience-bar button{color:#24143d;background:#fff;border:1px solid #cdbce9;font-weight:800}.store3d-experience-bar button.is-active{background:#5b21b6;color:#fff;border-color:#5b21b6}@media(max-width:700px){.store-layout-list{grid-template-columns:1fr}}
.store-layout-move{border:1px solid #d8c8f4;border-radius:8px;background:#fff;color:#4c1d95;font-weight:900;min-width:30px;min-height:30px;cursor:pointer}

.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:100%;width:100%;color:#4c1d95;font-weight:800}.image-placeholder img{width:58px;height:58px;object-fit:contain}.image-placeholder small{font-size:11px;color:#594875}.detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;color:#4c1d95;font-weight:800}.detail-placeholder img{width:92px;height:92px;object-fit:contain}

.existing-product-gallery{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.existing-product-gallery-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.existing-product-photo{display:flex;flex-direction:column;gap:6px;max-width:130px;font-size:12px;color:var(--text-primary)}.existing-product-photo img{width:110px;height:110px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.existing-product-photo span{display:flex;align-items:center;gap:5px}

/* DastJor 9.6 — professional storefront design studio */
.dj-store-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.dj-store-editor-grid>label{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #e4e0d6;border-radius:13px;background:#fffefa;color:#263a31;font-size:12px;font-weight:850}
.dj-store-editor-grid select,.dj-store-editor-grid input:not([type=color]):not([type=range]){width:100%;min-height:42px;border:1px solid #d8ddd5;border-radius:9px;padding:8px 10px;background:#fff;color:#263a31;font:inherit}
.dj-store-editor-grid .layout-light-control span,.dj-color-row{display:flex;align-items:center;gap:10px}.dj-store-editor-grid input[type=range]{width:100%;accent-color:#4e7758}.dj-color-row input[type=color]{width:48px;height:38px;border:0;background:transparent;padding:0}.dj-color-row output{font-size:11px;direction:ltr}
.dj-store-editor-note{display:grid;grid-template-columns:190px 1fr;gap:8px 14px;padding:14px;border:1px solid #dfe7dc;border-radius:14px;background:#f6f8f2;color:#526354;font-size:12px;line-height:1.9;margin:12px 0 20px}.dj-store-editor-note b{color:#2d583b}
.store-layout-editor h3{margin:20px 0 4px;color:#263a31}@media(max-width:680px){.dj-store-editor-grid{grid-template-columns:1fr}.dj-store-editor-note{grid-template-columns:1fr;gap:2px}.dj-store-editor-note b:not(:first-child){margin-top:9px}}


/* ---- preserved cascade: static/theme.css ---- */
/* DastJor 5.5.0 — shared visual system
   Default is the clean light storefront. The dark toggle remains available. */
:root, :root[data-theme="light"], body[data-theme="light"] {
  --ink: #152039;
  --ink-soft: #5f6b80;
  --muted: #8791a3;
  --paper: #f7f8fc;
  --white: #ffffff;
  --green: #176b57;
  --green-dark: #101d31;
  --green-2: #e4f5ed;
  --orange: #f0785d;
  --orange-light: #fff0ec;
  --line: #e6eaf2;
  --bg-primary: var(--paper);
  --bg-secondary: #eef2f7;
  --bg-card: var(--white);
  --bg-hover: #e9eef5;
  --text-primary: var(--ink);
  --text-secondary: var(--ink-soft);
  --text-muted: var(--muted);
  --border: var(--line);
  --accent: var(--green);
  --accent-hover: #125643;
  --accent-soft: var(--green-2);
  --success: #21865b;
  --danger: #bd4545;
  --shadow: 0 16px 45px rgba(22, 34, 62, .09);
  color-scheme: light;
}
:root[data-theme="dark"], body[data-theme="dark"] {
  --ink: #edf3f8;
  --ink-soft: #c0cbd7;
  --muted: #9caabd;
  --paper: #0f1725;
  --white: #172235;
  --green: #80d7b1;
  --green-dark: #163b34;
  --green-2: #1c3a35;
  --orange: #ffad83;
  --orange-light: #3a292a;
  --line: #2b394d;
  --bg-primary: var(--paper);
  --bg-secondary: #182438;
  --bg-card: var(--white);
  --bg-hover: #223249;
  --text-primary: var(--ink);
  --text-secondary: var(--ink-soft);
  --text-muted: var(--muted);
  --border: var(--line);
  --accent: var(--green);
  --accent-hover: #a1e6c8;
  --accent-soft: var(--green-2);
  --success: #80d7b1;
  --danger: #ff8585;
  --shadow: 0 18px 54px rgba(0, 0, 0, .28);
  color-scheme: dark;
}

/* Browser semantics and accessible interaction */
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 70%, white); outline-offset: 3px; }
html { scroll-padding-top: 92px; }
body { background: var(--paper); color: var(--ink); }
.topbar { background: color-mix(in srgb, var(--white) 94%, transparent); border-color: var(--line); }
.brand strong, .footer-wordmark strong { color: var(--ink); }
.brand small, .footer-wordmark small { color: var(--muted); }
.footer-wordmark { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; padding: 4px 0; }
.footer-wordmark strong { font-size: 23px; line-height: 1.3; letter-spacing: -.6px; }
.footer-wordmark small { font-size: 11px; }
.footer { background: var(--white); color: var(--ink); border-color: var(--line); }
.footer p { color: var(--muted); }
.copyright { border-color: var(--line); color: var(--muted); }
.theme-toggle { position: fixed; right: 18px; bottom: 18px; z-index: 900; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--border); color: var(--text-primary); background: var(--bg-card); box-shadow: var(--shadow); }
.mobile-menu-toggle { color: var(--text-primary); background: var(--bg-card); border-color: var(--border); }

/* Cinematic welcome is intentionally separate from the site shell. */
.splash-brand-lockup { display: grid; justify-items: center; gap: 10px; }
.logo-wrap { width: 78px !important; height: 78px !important; margin-bottom: 0 !important; }
.brand-name { font-size: clamp(2.4rem, 7vw, 3.35rem) !important; letter-spacing: 0 !important; margin: 2px 0 0 !important; }
.tagline { letter-spacing: 0 !important; }
.loader-wrap { margin-top: 1.25rem; }

/* Homepage */
.dj-hero { background-image: linear-gradient(270deg, rgba(8,13,39,.97) 0%, rgba(15,25,63,.90) 42%, rgba(15,25,63,.25) 100%), url("/static/images/dastjor-market-hero-88.webp?v=10.13.0"); background-position: center; background-size: cover; background-repeat: no-repeat; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 22px 55px rgba(16,29,49,.18); }
.dj-hero h1 { font-size: clamp(2rem, 4.1vw, 3.2rem); letter-spacing: -.8px; }
.dj-hero p { max-width: 620px; line-height: 2.05; }
.dj-btn-primary { background: linear-gradient(135deg, #ffb26e, #f0785d); color: #182235; box-shadow: 0 8px 20px rgba(240,120,93,.2); }
.dj-btn-primary:hover { filter: brightness(1.04); }
.dj-btn-secondary { border-color: rgba(255,255,255,.24); }
.dj-section { margin: clamp(1.8rem, 4vw, 3rem) 0; }
.dj-section-head { align-items: center; }
.dj-section-head h2 { color: var(--ink); letter-spacing: -.4px; }
.dj-section-subtitle { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.dj-label { letter-spacing: .4px; font-weight: 800; }
.dj-categories-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dj-cat-card { background: var(--white); color: var(--ink); border-color: var(--line); box-shadow: 0 6px 20px rgba(21,32,57,.035); }
.dj-cat-card:hover { box-shadow: var(--shadow); }
.dj-nearby-showcase { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr); gap: 18px; align-items: start; }
.dj-nearby-stores { min-width: 0; }
.dj-nearby-stores .dj-stores-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dj-store-card { background: var(--white); color: var(--ink); border-color: var(--line); box-shadow: 0 6px 20px rgba(21,32,57,.035); min-width: 0; }
.dj-store-cover { height: 100px; position: relative; background: radial-gradient(circle at 25% 15%, #f8d8c2, transparent 45%), linear-gradient(135deg, #e5f3ec, #dae7f2); }
.dj-store-avatar { background: var(--green-dark); color: #fff; border: 3px solid rgba(255,255,255,.85); box-shadow: 0 5px 18px rgba(16,29,49,.16); }
.dj-store-open { position: absolute; top: 9px; left: 9px; background: rgba(255,255,255,.94); color: #176b57; border-radius: 100px; padding: 3px 8px; font-size: 9px; font-weight: 800; }
.dj-store-body { padding: 13px; }
.dj-store-body b { line-height: 1.7; overflow-wrap: anywhere; }
.dj-store-body small { color: var(--muted); }
.dj-store-meta { display: block; line-height: 1.8; color: var(--green); }
.dj-store-action { display: inline-flex; margin-top: 9px; font-size: 11px; font-weight: 800; color: var(--green); }
.dj-more-stores { display: inline-flex; margin-top: 13px; padding: 8px 0; color: var(--green); font-size: 12px; font-weight: 800; }
.dj-map-card { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: 0 8px 28px rgba(21,32,57,.055); position: relative; }
.dj-map-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.dj-map-card-head h3 { margin: 3px 0 0; font-size: 17px; color: var(--ink); }
.dj-map-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #36a875; box-shadow: 0 0 0 5px rgba(54,168,117,.12); }
.dj-home-map-full, .dj-shared-map { width: 100%; height: 286px; min-height: 250px; border-radius: 14px; background: #edf2f0; position: relative; overflow: hidden; }
.dj-map-card.is-expanded { grid-column: 1 / -1; }
.dj-map-card.is-expanded .dj-home-map-full { height: min(56vh, 500px); }
.dj-map-status { min-height: 22px; margin: 8px 0; font-size: 11px; color: var(--muted); }
.dj-map-expand { width: 100%; min-height: 40px; background: var(--bg-secondary); border: 1px solid var(--line); border-radius: 11px; color: var(--green); font-weight: 800; font-size: 11px; }
.dj-map-expand:hover { background: var(--green-2); }
.dj-map-loading-note, .dj-map-fallback { position: absolute; z-index: 500; inset: auto 10px 10px 10px; padding: 9px 12px; border-radius: 10px; background: rgba(255,255,255,.95); border: 1px solid var(--line); color: var(--ink-soft); font-size: 11px; text-align: center; box-shadow: 0 4px 15px rgba(21,32,57,.08); }
.dj-map-tile-warning { position: absolute; z-index: 700; inset: auto 10px 10px 10px; padding: 9px 12px; border-radius: 10px; background: rgba(255,248,239,.97); border: 1px solid #f2d1b7; color: #734c2f; font-size: 11px; text-align: center; box-shadow: 0 4px 15px rgba(21,32,57,.08); }
.dj-empty-market { border-color: var(--line); background: var(--white); color: var(--ink); }
.dj-empty-market p { color: var(--muted); }
.dj-products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dj-product-card { background: var(--white); color: var(--ink); border-color: var(--line); box-shadow: 0 6px 20px rgba(21,32,57,.035); min-width: 0; }
.dj-product-image { background: var(--bg-secondary); }
.dj-product-body small { color: var(--muted); }
.dj-dual-banner { align-items: stretch; }
.dj-banner { background: var(--white); color: var(--ink); border-color: var(--line); box-shadow: 0 6px 20px rgba(21,32,57,.035); }
.dj-banner p { color: var(--muted); }

/* Floating assistant: hidden until deliberately opened, anchored away from the header. */
.dastjor-ai-fab { position: fixed; bottom: 20px; left: 20px; right: auto; top: auto; width: 58px; height: 58px; z-index: 1200; border: 0; box-shadow: 0 10px 28px rgba(240,120,93,.34); }
.dastjor-ai-panel { position: fixed; top: auto; bottom: 90px; left: 20px; right: auto; width: min(390px, calc(100vw - 34px)); height: min(570px, calc(100dvh - 120px)); max-height: calc(100dvh - 120px); z-index: 1201; background: var(--white); border: 1px solid var(--line); color: var(--ink); border-radius: 20px; box-shadow: 0 25px 70px rgba(15,31,52,.24); }
.dastjor-ai-panel[hidden], #aiPanel[hidden] { display: none !important; }
.dastjor-ai-panel:not([hidden]) { display: flex; }
.ai-panel-header { background: var(--white); border-color: var(--line); }
.ai-panel-title b { color: var(--ink); }
.ai-panel-title small { color: var(--muted); }
.ai-panel-close { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--ink-soft); }
.ai-panel-close:hover { background: var(--bg-secondary); color: var(--ink); }
.ai-panel-messages { background: var(--white); overscroll-behavior: contain; }
.ai-msg-bubble { background: var(--bg-secondary); color: var(--ink); overflow-wrap: anywhere; }
.ai-msg-user .ai-msg-bubble { background: var(--green); color: #fff; }
.ai-product-item { background: var(--bg-secondary); color: var(--ink); }
.ai-product-item small { color: var(--muted); }
.ai-panel-form { background: var(--white); border-color: var(--line); }
.ai-panel-form input { background: var(--bg-secondary); color: var(--ink); border-color: var(--line); min-width: 0; }
.ai-panel-form button { background: var(--green); color: #fff; flex: 0 0 44px; }
.ai-panel-form button:disabled { opacity: .55; cursor: wait; }
.dastjor-ai-fab:focus-visible, .dastjor-ai-panel button:focus-visible, .dastjor-ai-panel input:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }

@media (max-width: 980px) {
  .dj-nearby-showcase { grid-template-columns: 1fr; }
  .dj-map-card { order: 2; }
  .dj-nearby-stores .dj-stores-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dj-products-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .dj-hero { padding: 24px 18px; }
  .dj-hero-inner { grid-template-columns: 1fr; }
  .dj-hero h1 { font-size: clamp(25px, 7vw, 34px); }
  .dj-hero-art { display: none; }
  .dj-hero-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  .dj-hero-stats div b { font-size: 1.25rem; }
  .dj-categories-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .dj-cat-card { padding: 14px 8px; }
  .dj-nearby-stores .dj-stores-grid, .dj-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .dj-store-cover { height: 86px; }
  .dj-store-body { padding: 10px; }
  .dj-store-body b { font-size: 12px; }
  .dj-map-card { padding: 10px; }
  .dj-home-map-full, .dj-shared-map { height: 270px; min-height: 245px; }
  .dj-map-card.is-expanded .dj-home-map-full { height: 360px; }
  .dj-dual-banner { grid-template-columns: 1fr; }
  .dastjor-ai-fab { left: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); width: 54px; height: 54px; }
  .dastjor-ai-panel, .dastjor-ai-panel:not([hidden]) { inset: auto 0 0 0; top: auto; width: 100%; max-width: 100%; height: min(76dvh,620px); max-height: calc(100dvh - 10px); border-radius: 20px 20px 0 0; padding-bottom: env(safe-area-inset-bottom); }
  .theme-toggle { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); width: 40px; height: 40px; }
  .footer-wordmark strong { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* 4.4 — kids, AI settings and cinematic map controls */
.kids-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(115deg,#182650,#43308a 62%,#ec8c75);color:#fff;overflow:hidden}.kids-hero img{width:100%;max-height:330px;object-fit:cover;border-radius:18px;box-shadow:0 18px 42px #090e252e}.kids-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.5;margin:8px 0}.kids-hero p{line-height:2;color:#f1edf9}.kids-badge{display:inline-flex;border-radius:99px;padding:7px 12px;background:#ffffff20;color:#ffe3a3;font-size:12px;font-weight:900}.kids-panel,.settings-panel{margin:24px 0;padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--white);color:var(--ink)}.kids-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kids-target{font-size:24px;font-weight:900}.kids-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.kids-item{min-height:76px;border:1px solid var(--line);border-radius:16px;background:var(--bg-secondary);font-size:28px;cursor:pointer}.kids-item span{display:block;font-size:10px;font-weight:800;margin-top:4px}.kids-item:focus-visible,.kids-item:hover{outline:3px solid #c7b8ff;transform:translateY(-1px)}.kids-hud{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.kids-vg{font-size:19px;color:#8052d6;font-weight:950}.kids-notice{font-size:12px;color:var(--muted);line-height:1.9}.settings-form{display:grid;gap:16px;max-width:780px}.settings-form label{display:grid;gap:7px;font-weight:800;font-size:13px}.settings-form input[type=text],.settings-form input[type=password],.settings-form input[type=url]{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg-secondary);color:var(--ink);direction:ltr;text-align:left}.settings-form textarea{width:100%}.settings-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.settings-help{font-size:12px;line-height:1.9;color:var(--muted)}.map-mode-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.map-mode-toggle button{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--white);color:var(--ink);font-weight:800;cursor:pointer}.map-mode-toggle button[aria-pressed="true"]{background:#1b7667;color:white;border-color:#1b7667}.nearby-map-3d,.recycle-map-3d{width:100%;height:430px;min-height:320px;border-radius:16px;overflow:hidden;background:#edf2f0;position:relative}.nearby-map-3d[hidden],.recycle-map-3d[hidden]{display:none!important}.map3d-note{padding:9px 12px;font-size:11px;color:var(--muted);line-height:1.8}.map3d-rotate{display:inline-flex;gap:6px;align-items:center}.maplibregl-popup-content{font-family:Tahoma,Arial,sans-serif;direction:rtl;text-align:right;border-radius:12px}.maplibregl-ctrl-attrib{direction:ltr}
@media(max-width:700px){.kids-hero{grid-template-columns:1fr;padding:16px}.kids-hero img{max-height:235px}.kids-game-grid{grid-template-columns:1fr}.kids-items{grid-template-columns:repeat(3,minmax(0,1fr))}.nearby-map-3d,.recycle-map-3d{height:350px;min-height:300px}.kids-panel,.settings-panel{padding:15px}}

.dj-flash-section{padding:20px;border-radius:22px;background:linear-gradient(135deg,#fff8ee,#fff1e6);border:1px solid #f6ddc9}.dj-flash-card{position:relative;border-color:#f5d7c2!important}.dj-sale-badge{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:99px;background:#de5b46;color:#fff;font-size:10px;font-weight:950;box-shadow:0 4px 12px #de5b4630}.dj-flash-card .dj-product-body strong{color:#b43f31}.dj-flash-card .dj-product-body s,.detail-price s{font-size:11px;color:#9d8178}.flash-countdown{color:#b14632!important;font-weight:900}.flash-ended{opacity:.62}.dj-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dj-top-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);min-width:0;box-shadow:0 6px 20px #15203908}.dj-top-card>div{display:grid;gap:4px;min-width:0;flex:1}.dj-top-card b{font-size:13px;overflow-wrap:anywhere}.dj-top-card small{font-size:10px;color:var(--muted)}.dj-top-rank{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:9px;background:#fff0d5;color:#926123;font-weight:950}.dj-top-arrow{margin-right:auto;color:var(--green)}.dj-top-card:hover{border-color:#b7d7c7;transform:translateY(-1px)}.sale-inline{display:inline-block;margin-inline-start:8px;color:#b44532!important;font-size:10px!important}.detail-price>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px}.detail-price .sale-inline{padding:4px 8px;border-radius:8px;background:#fff1e7}.recycle-fallback-link{display:block;padding:8px;color:var(--green)}
@media(max-width:700px){.dj-top-grid{grid-template-columns:1fr}.dj-flash-section{padding:12px}.dj-flash-section .dj-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-flash-card .dj-product-body strong{font-size:12px}}


/* 5.0.0 — per-product affiliate offer and transparent ecosystem */
.dj-ecosystem{margin-block:30px}.dj-ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dj-ecosystem-card{position:relative;padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--white);color:var(--ink);box-shadow:0 10px 32px rgba(18,31,50,.045);min-width:0}.dj-ecosystem-number{position:absolute;top:14px;left:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#e9f5ef;color:#1b7667;font-weight:950}.dj-ecosystem-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--bg-secondary);font-size:25px;margin-bottom:14px}.dj-ecosystem-card h3{margin:0 0 7px;font-size:19px}.dj-ecosystem-card p{font-size:13px;line-height:2;color:var(--muted);min-height:78px}.dj-ecosystem-card>a{display:inline-flex;margin-top:5px;color:#16725e;font-size:13px;font-weight:900}.dj-commission-example{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;margin-top:16px;padding:18px 20px;border-radius:18px;background:linear-gradient(110deg,#eff8f3,#fff7e8);border:1px solid #d7eadd;color:#163f35}.dj-commission-example>div{display:grid;gap:4px}.dj-commission-example small,.dj-commission-example span,.dj-commission-example p{font-size:12px;color:#55766d}.dj-commission-example strong{font-size:clamp(18px,2.8vw,27px);white-space:normal;text-align:left}.dj-commission-example p{grid-column:1/-1;margin:0;padding-top:8px;border-top:1px solid #d9e9df}.affiliate-offer-card{display:grid;gap:16px;border:1px solid #cfe4d8;background:linear-gradient(145deg,#f6fbf7,#fffaf0);border-radius:20px;padding:20px;color:#173d34}.affiliate-offer-head{display:flex;gap:13px;align-items:flex-start}.affiliate-offer-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#dff2e7;color:#15725b;font-size:24px;font-weight:950}.affiliate-offer-head h2{font-size:18px;line-height:1.7;margin:2px 0 4px}.affiliate-offer-head p,.affiliate-settlement-note{font-size:12px;line-height:1.95;color:#587269;margin:0}.affiliate-switch-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px!important;padding:13px;border:1px solid #d6e7dc;border-radius:13px;background:#fff}.affiliate-switch-row input{width:20px;height:20px;flex:0 0 auto;margin-top:3px;accent-color:#1b7667}.affiliate-switch-row span{display:grid;gap:4px}.affiliate-switch-row b{font-size:13px}.affiliate-switch-row small{font-size:11px;color:#61796f;line-height:1.8}.affiliate-commission-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.affiliate-commission-fields[hidden]{display:none!important}.affiliate-commission-fields label{display:grid;gap:7px}.affiliate-commission-fields select{padding:12px;border:1px solid #cbded2;border-radius:12px;background:#fff;color:#173d34;font:inherit}.affiliate-earn-preview{display:grid;gap:5px;padding:14px;border-radius:14px;background:#173f35;color:#fff}.affiliate-earn-preview small,.affiliate-earn-preview span{font-size:11px;color:#d5ece0}.affiliate-earn-preview b{font-size:24px;color:#fff}.affiliate-settlement-note{padding-top:12px;border-top:1px solid #d7e8dc}.detail-affiliate-offer{display:flex;gap:12px;margin:14px 0;padding:16px;border:1px solid #cfe4d8;border-radius:16px;background:#f4faf6;color:#163f35}.detail-affiliate-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#ddf1e5;font-size:20px}.detail-affiliate-offer b{font-size:14px}.detail-affiliate-offer p{line-height:1.9;margin:5px 0;font-size:12px}.detail-affiliate-offer small{font-size:10px;line-height:1.8;color:#59766b}.product-commission-summary{display:flex;gap:8px;flex-wrap:wrap;margin:7px 0}.product-commission-summary span{padding:5px 8px;border-radius:8px;background:#e9f5ed;color:#1e6652;font-size:11px}.commission-badge{position:absolute;bottom:9px;left:9px;padding:5px 8px;border-radius:99px;background:#18775f;color:#fff;font-size:10px;font-weight:950;box-shadow:0 4px 12px #164e3b25}.market-commission-note{display:block;color:#16725e!important;font-weight:850;font-size:11px!important;line-height:1.8;margin-top:6px}.affiliate-example{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0;padding:18px 20px;border-radius:18px;border:1px solid #d7eadd;background:linear-gradient(110deg,#eff8f3,#fff7e8);color:#163f35}.affiliate-example>div{display:grid;gap:5px}.affiliate-example h2{font-size:17px;margin:0}.affiliate-example p{font-size:12px;line-height:1.8;color:#55766c;margin:0}.affiliate-example>strong{font-size:clamp(20px,3vw,30px);white-space:nowrap}
@media(max-width:980px){.dj-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dj-ecosystem-grid{grid-template-columns:1fr}.dj-ecosystem-card p{min-height:auto}.dj-commission-example{grid-template-columns:1fr}.dj-commission-example strong{text-align:right}.affiliate-commission-fields{grid-template-columns:1fr}.affiliate-offer-card{padding:14px}.affiliate-example{align-items:flex-start;flex-direction:column}.affiliate-example>strong{white-space:normal}.detail-affiliate-offer{padding:12px}}

/* DastJor 4.5 admin finance and operations */
.dj-admin-analytics .muted{max-width:760px;line-height:1.9}
.dj-admin-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:16px}
.finance-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.finance-quick-stats>div{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff)}
.finance-quick-stats small{font-size:10px;color:var(--muted)}
.finance-quick-stats b{font-size:17px;color:var(--ink)}
.knowledge-entry{padding:18px;margin:12px 0;border:1px solid var(--line);border-radius:18px;background:var(--panel,#fff)}
.recycler-fields{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#f2f8ed}
.recycler-fields[hidden]{display:none!important}
@media(max-width:760px){.dj-admin-two-col{grid-template-columns:1fr}.finance-quick-stats{grid-template-columns:1fr}.dj-admin-analytics .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 5.0.0 marketplace hero: use the bundled local street-market photograph (no external image CDN dependency). */
.market-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:20px;min-height:300px;margin:20px 0 12px;padding:clamp(22px,4vw,42px);overflow:hidden;border:1px solid #d6e5d9;border-radius:26px;background-image:linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.62) 42%,rgba(255,255,255,.96) 82%),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0');background-position:center;background-size:cover;box-shadow:0 18px 48px rgba(30,62,46,.12)}
.market-hero-copy{position:relative;z-index:1;max-width:650px;margin-right:auto;color:#173a31}
.market-hero-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(235,247,239,.94);border:1px solid #d3e8d8;color:#176c5c;font-size:11px;font-weight:950;letter-spacing:.3px}
.market-hero h1{margin:12px 0 8px;font-size:clamp(27px,4vw,43px);line-height:1.55;color:#163a31;font-weight:950}
.market-hero p{max-width:590px;margin:0;color:#4e6a5d;font-size:14px;line-height:2.05}
.market-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.market-hero-proof{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap}
.market-hero-proof span{padding:8px 11px;border:1px solid rgba(212,230,216,.9);border-radius:999px;background:rgba(255,255,255,.9);color:#315c4c;font-size:11px;font-weight:800;box-shadow:0 4px 14px rgba(32,65,46,.06)}
.market-page-intro{margin:14px 0 12px}.market-page-intro h2{margin:4px 0;font-size:22px}
@media(max-width:700px){.market-hero{min-height:340px;padding:20px;background-image:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 58%,rgba(255,255,255,.20) 100%),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0');background-position:center}.market-hero-copy{margin:0}.market-hero h1{font-size:27px;line-height:1.55}.market-hero p{font-size:12px}.market-hero-actions{display:grid;grid-template-columns:1fr}.market-hero-actions .btn{width:100%;text-align:center}.market-hero-proof{gap:6px}.market-hero-proof span{font-size:10px;padding:7px 9px}}

/* Homepage hero keeps readable copy while showing the real bundled market image. */
.dj-hero{background-image:linear-gradient(90deg,rgba(12,35,34,.10) 0%,rgba(255,255,255,.84) 44%,rgba(255,255,255,.97) 78%),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0');background-size:cover;background-position:center;color:#173a31;border:1px solid #dce9df;box-shadow:0 18px 48px rgba(30,62,46,.12)}
.dj-hero h1{color:#173a31}.dj-hero p{color:#526c60}.dj-hero h1 em{color:#16725e}.dj-hero-badge{background:#edf7f0;color:#176c5c;border:1px solid #d5e8d9}.dj-btn-secondary{background:rgba(255,255,255,.94);color:#245243;border-color:#d7e5da}.dj-hero-stats div span{color:#597367}.dj-hero-stats div b{color:#16725e}
@media(max-width:768px){.dj-hero{background-image:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 65%,rgba(255,255,255,.42)),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0')}}


/* Dedicated Recycler Desk: a distinct workspace rather than the seller storefront dashboard. */
.recycler-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:22px 0;padding:clamp(22px,4vw,38px);border:1px solid #cfe3d5;border-radius:24px;background:linear-gradient(110deg,#f1faf2,#e8f5ef 52%,#fff7e6);color:#173f34;box-shadow:0 14px 38px rgba(25,83,58,.08)}
.recycler-dashboard-hero h1{margin:8px 0;font-size:clamp(26px,4vw,40px)}.recycler-dashboard-hero p{max-width:650px;color:#5c7669;line-height:2;margin:0}.recycler-dashboard-mark{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:24px;background:linear-gradient(145deg,#d9f5e3,#bde5cf);color:#167354;font-size:48px;box-shadow:inset 0 0 0 1px #fff9}
.recycler-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.recycler-dashboard-card{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--white);color:var(--ink);box-shadow:0 8px 24px rgba(18,31,50,.04)}.recycler-dashboard-card small{color:var(--muted);font-size:11px}.recycler-dashboard-card b{font-size:23px;color:#176d54}.recycler-dashboard-card span{font-size:11px;color:var(--muted)}.recycler-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.warning-note{border-color:#edd9a8;background:#fffaf0}.warning-note b{color:#805516}.warning-note p{line-height:1.9;color:#755f35}
@media(max-width:700px){.recycler-dashboard-hero{align-items:flex-start}.recycler-dashboard-mark{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:31px}.recycler-dashboard-grid{grid-template-columns:1fr}.recycler-dashboard-actions{display:grid}.recycler-dashboard-actions .btn{width:100%;text-align:center}}

/* 4.6 product polish: map-first home, accessible left-side navigation drawer, photo gallery */
@media (min-width:761px) {
  .navwrap { position:relative; }
  .mobile-menu-toggle { display:flex; order:5; margin-left:0; margin-right:0; }
  .mainnav { display:flex; position:fixed; z-index:1500; top:0; bottom:0; left:0; right:auto; width:min(360px,88vw); height:100dvh; overflow-y:auto; padding:82px 18px 24px; flex-direction:column; align-items:stretch; gap:0; background:var(--white); border-right:1px solid var(--line); box-shadow:20px 0 60px rgba(16,29,49,.16); transform:translateX(-110%); transition:transform .28s ease; direction:rtl; }
  .mainnav.is-open { display:flex; transform:translateX(0); }
  .mainnav a { display:block; padding:13px 14px; border-bottom:1px solid var(--line); border-radius:10px; color:var(--ink); }
  .mainnav a:hover { background:var(--bg-secondary); }
  .mainnav .navcta { margin-top:12px; text-align:center; }
}
.dj-nearby-section { margin-top:clamp(1.2rem,2.5vw,2rem); }
.dj-nearby-section .dj-map-card { position:sticky; top:16px; }
.dj-map-card-head h3 { font-size:clamp(16px,2vw,20px); }
.dj-map-live-dot { animation:djPulse 2s infinite; }
@keyframes djPulse { 0%,100%{box-shadow:0 0 0 4px rgba(54,168,117,.10)} 50%{box-shadow:0 0 0 9px rgba(54,168,117,.02)} }
.product-upload-preview { margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--bg-secondary); }
.product-upload-preview>span { display:block; margin-bottom:9px; font-size:12px; font-weight:800; color:var(--ink); }
#productImagePreviewGrid,.detail-gallery-thumbs { display:flex; flex-wrap:wrap; gap:9px; }
#productImagePreviewGrid img { width:92px; height:92px; object-fit:cover; border-radius:12px; border:1px solid var(--line); background:#fff; }
.detail-gallery { min-width:0; }
.detail-gallery .detail-image { overflow:hidden; border-radius:20px; }
.detail-gallery-thumbs { margin-top:10px; }
.detail-thumb { width:68px; height:68px; padding:3px; border:1px solid var(--line); border-radius:12px; background:var(--white); cursor:pointer; }
.detail-thumb.active { border:2px solid var(--green); }
.detail-thumb img { width:100%; height:100%; object-fit:cover; border-radius:8px; }
@media(max-width:760px){.dj-nearby-section .dj-map-card{position:relative;top:auto}.detail-thumb{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.mainnav,.dj-map-live-dot{transition:none;animation:none}}

.location-picker-card{display:grid;gap:8px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg-secondary)}.location-picker-card>b{font-size:13px;color:var(--ink)}.location-picker-card>small{font-size:11px;color:var(--muted);line-height:1.8}.location-picker-map{width:100%;height:280px;border:1px solid var(--line);border-radius:13px;background:#edf2f0;overflow:hidden}.location-picker-card .small-text{font-size:10px}@media(max-width:760px){.location-picker-map{height:240px}}


/* DastJor 4.7 experience pass: vivid neighborhood marketplace, map-first at every breakpoint. */
:root {
  --dj-teal: #087f72;
  --dj-coral: #f0785d;
  --dj-sun: #f5b83d;
  --dj-violet: #8063cf;
  --dj-sky: #4b9dd8;
  --dj-mint: #dff7ed;
}
.dj-hero {
  background-image: radial-gradient(circle at 8% 12%, rgba(245,184,61,.22), transparent 30%),
    linear-gradient(112deg, rgba(223,247,237,.97) 0%, rgba(255,248,232,.94) 52%, rgba(255,239,233,.88) 100%),
    url('/static/images/dastjor-market-hero-88.webp?v=10.13.0');
  border: 1px solid #d9eee4;
  box-shadow: 0 18px 48px rgba(8,127,114,.10);
}
.dj-hero h1 { color: #153e38; }
.dj-hero h1 em { color: var(--dj-coral); }
.dj-hero p { color: #526d67; }
.dj-hero-badge { background: #fff6df; color: #865b0b; border-color: #f4dfaa; }
.dj-hero-stats div { background: rgba(255,255,255,.76); border: 1px solid rgba(255,255,255,.95); border-radius: 13px; padding: 8px 11px; }
.dj-hero-stats div b { color: var(--dj-teal); }
.dj-btn-primary { background: linear-gradient(125deg, #ffcb62, #ff8e69); color: #26352f; box-shadow: 0 9px 22px rgba(240,120,93,.22); }
.dj-btn-secondary { color: #176b57; border-color: #cde4d8; background: rgba(255,255,255,.88); }
.dj-nearby-showcase { grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); }
.dj-nearby-showcase .dj-map-card { order: -1; border-color: #cfe8df; box-shadow: 0 12px 32px rgba(8,127,114,.09); }
.dj-map-card-head .dj-label { color: var(--dj-teal); }
.dj-map-expand { color: #fff; border-color: transparent; background: linear-gradient(110deg,var(--dj-teal),#2fae91); }
.dj-map-expand:hover { color: #fff; filter: brightness(1.05); }
.dj-cat-card { position: relative; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.dj-cat-card:nth-child(4n+1) .dj-cat-icon { color: var(--dj-teal); background: #e2f7ef; }
.dj-cat-card:nth-child(4n+2) .dj-cat-icon { color: #bd663b; background: #fff0e5; }
.dj-cat-card:nth-child(4n+3) .dj-cat-icon { color: var(--dj-violet); background: #f0eaff; }
.dj-cat-card:nth-child(4n) .dj-cat-icon { color: #287cb3; background: #e8f5ff; }
.dj-cat-card:hover, .dj-store-card:hover, .dj-product-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(21,32,57,.10); }
.dj-store-card, .dj-product-card { transition: transform .18s ease, box-shadow .18s ease; }
.dj-store-open { background: #e6f8ee; color: #087f58; }
.dj-top-rank { background: linear-gradient(140deg,#fff1c9,#ffe0a1); color: #80580b; }
.dj-flash-section { border-color: #f4dfaa; background: linear-gradient(125deg,#fffaf0,#fff2e8); }
.dj-banner-ai { background: linear-gradient(120deg,#f1ebff,#fff); border-color: #e2d8fb; }
.dj-banner-recycle { background: linear-gradient(120deg,#e4f8ee,#fff); border-color: #d0ecdc; }
@media (max-width: 980px) {
  .dj-nearby-showcase { grid-template-columns: minmax(0,1fr); }
  .dj-nearby-showcase .dj-map-card { order: -1; }
  .dj-nearby-showcase .dj-nearby-stores { order: 1; }
}
@media (max-width: 760px) {
  .dj-nearby-showcase .dj-map-card { position: relative; top: auto; }
  .dj-home-map-full, .dj-shared-map { height: min(48vh,360px); min-height: 270px; }
  .dj-hero-stats div { padding: 7px 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .dj-cat-card, .dj-store-card, .dj-product-card { transition: none; }
}

/* DastJor 5.0 — lightweight launch features: needs, ads and five storefront looks. */
.dj-growth-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.dj-growth-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(22,45,67,.055)}
.dj-growth-card h2{font-size:clamp(17px,2vw,22px);margin:4px 0 6px;color:#183e36}.dj-growth-card p{margin:0;color:#64756f;font-size:12px;line-height:2}.dj-growth-card .dj-btn-primary,.dj-growth-card .dj-btn-secondary{grid-column:2;justify-self:start;text-decoration:none;padding:10px 16px;border-radius:12px;font-weight:800}.dj-growth-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e6f7ed;font-size:25px}.dj-ad-card{background:linear-gradient(135deg,#fff8e9,#fff 75%);border-color:#f0dfbd}.dj-ad-card .dj-growth-icon{background:#ffeed7}
.needs-hero,.ads-hero{min-height:250px;margin:18px 0 22px;background:linear-gradient(115deg,#e5f8f0,#fff5df 55%,#fbe9ef);border:1px solid #d9ebdf;color:#173d35}.needs-hero h1,.ads-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.6;color:#173d35}.needs-hero p,.ads-hero p{max-width:760px;color:#5c7169;line-height:2}.needs-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:18px;align-items:start;margin:20px 0}.needs-create-card{padding:22px;border:1px solid #dfe9df;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(22,45,67,.05)}.needs-create-card h2,.ads-benefits h2{font-size:21px;margin:6px 0 16px;color:#1d4036}.needs-list{min-width:0}.needs-filter{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) auto;gap:8px;margin:14px 0}.needs-filter input,.needs-filter select,.ad-review-form input,.ad-review-form select{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--ink);font:inherit}.needs-cards{display:grid;gap:10px}.need-card{display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.need-card h3{margin:0;color:#193c34;font-size:17px}.need-card p{margin:0;color:#687970;font-size:12px;line-height:1.9}.need-card-top,.need-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.need-category{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e6f6ee;color:#17715d;font-size:10px;font-weight:800}.need-card-top small,.need-meta span{color:var(--muted);font-size:11px}.need-meta{padding-top:8px;border-top:1px solid #edf0eb}.need-meta b{font-size:12px;color:#214a3d}.need-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.need-detail-layout>.panel-section{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.need-offers{grid-column:1/-1}.need-offer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.need-offer small,.need-offer p{display:block;color:var(--muted);font-size:11px;margin:5px 0}.need-offer strong{color:#14765d;white-space:nowrap}
.ads-page-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:18px;align-items:start;margin:20px 0}.ads-benefits{padding:22px;border:1px solid #e8e2d5;border-radius:20px;background:linear-gradient(150deg,#fff8e8,#fff)}.ad-tier{display:flex;gap:12px;align-items:flex-start;margin:14px 0;padding:14px;border:1px solid #eee6d6;border-radius:15px;background:#fff}.ad-tier>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0d9;font-size:22px}.ad-tier b{color:#26483c}.ad-tier p{margin:5px 0;color:#68786f;font-size:12px;line-height:1.8}.ad-request-list{display:grid;gap:12px}.ad-request{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.ad-request-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ad-request-head h3{margin:7px 0 3px}.ad-request-head small,.ad-request-info{color:var(--muted);font-size:11px}.ad-request-info{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 0;border-block:1px solid #eef0ec}.ad-review-form{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(140px,1fr) auto;gap:8px;margin-top:10px}.ad-request>p{font-size:12px;line-height:1.8;color:#617168}
.store-theme{padding:0 0 12px;border-radius:24px;overflow:hidden}.store-theme .store-banner{border-radius:22px}.store-theme .virtual-store-intro{padding:16px 20px;border-radius:16px;margin:16px 0}.store-theme .store3d-canvas-wrap{border-radius:22px}.store-theme-minimal{background:#f7f9fa;padding:12px}.store-theme-minimal .store-banner{background:#fff;border:1px solid #e5e9ed;box-shadow:none}.store-theme-minimal .virtual-store-intro{background:#fff;border:1px solid #e7eaee}.store-theme-classic{background:#fff8ed;padding:12px}.store-theme-classic .store-banner{background:linear-gradient(120deg,#fff0d6,#fffaf0);border:1px solid #ecd6b1}.store-theme-classic .virtual-store-intro{background:#fff1d9}.store-theme-modern{background:#eaf8f8;padding:12px}.store-theme-modern .store-banner{background:linear-gradient(120deg,#dff5f1,#edf8ff);border:1px solid #c9e7e5}.store-theme-modern .virtual-store-intro{background:#dff5f1}.store-theme-playful{background:#fff0f5;padding:12px}.store-theme-playful .store-banner{background:linear-gradient(120deg,#ffe3ed,#f1eaff);border:1px solid #f0ccdf}.store-theme-playful .virtual-store-intro{background:#f7eaff}.store-theme-bazaar{background:#fff9e9;padding:12px}.store-theme-bazaar .store-banner{background:linear-gradient(120deg,#fff2d2,#e7f8ef);border:1px solid #e6e0c8}
@media(max-width:850px){.needs-layout,.ads-page-grid{grid-template-columns:1fr}.needs-create-card{order:1}.needs-list{order:2}.need-detail-layout{grid-template-columns:1fr}.need-offers{grid-column:auto}}
@media(max-width:700px){.dj-growth-hub{grid-template-columns:1fr}.dj-growth-card{padding:15px}.needs-filter{grid-template-columns:1fr}.need-offer{grid-template-columns:1fr auto}.need-offer form{grid-column:1/-1}.ad-review-form{grid-template-columns:1fr}.ad-request-head{align-items:flex-start}.store-theme{padding:6px;border-radius:17px}}

/* DastJor 5.0 seller launch checklist */
.seller-onboarding{background:linear-gradient(120deg,#f5fbff,#fff9ef 55%,#f7f3ff);border:1px solid #e1eaf4;border-radius:22px;padding:clamp(16px,3vw,26px);margin:22px 0}
.seller-onboarding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.onboarding-step{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid #e2eaf2;border-radius:15px;background:#fff}
.onboarding-step>span{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#fff1d9;color:#a75b0b;font-weight:900}
.onboarding-step.done>span{background:#dff8ea;color:#147a4a}
.onboarding-step>div{min-width:0;flex:1}.onboarding-step b,.onboarding-step small{display:block}.onboarding-step small{font-size:12px;color:#728096;margin-top:3px;line-height:1.6}.onboarding-step a{font-size:12px;font-weight:800;color:#1767a8;text-decoration:none;white-space:nowrap}
@media(max-width:760px){.seller-onboarding-grid{grid-template-columns:1fr}.onboarding-step{padding:12px}}


/* ============================================================
   DASTJOR 5.1 — MILKY LILAC / VIOLET MARKET BRAND SYSTEM
   ============================================================ */
:root, :root[data-theme="light"], body[data-theme="light"] {
  --ink:#28164c; --ink-soft:#67577f; --muted:#8b7b9e; --paper:#fbf8ff; --white:#fff;
  --green:#7138c8; --green-dark:#4c1d95; --green-2:#eee7ff; --orange:#f08b67; --orange-light:#fff0e9;
  --line:#e8def7; --bg-primary:#fbf8ff; --bg-secondary:#f3edff; --bg-card:#fff; --bg-hover:#efe7ff;
  --text-primary:#28164c; --text-secondary:#67577f; --text-muted:#8b7b9e; --border:#e8def7;
  --accent:#7c3aed; --accent-hover:#5b21b6; --accent-soft:#eee7ff; --success:#15966d; --danger:#cf426e;
  --shadow:0 18px 48px rgba(82,43,140,.11); color-scheme:light;
}
:root[data-theme="dark"], body[data-theme="dark"] {
  --ink:#f5edff; --ink-soft:#d6c8ef; --muted:#a899c2; --paper:#171126; --white:#211832;
  --green:#c4a5fd; --green-dark:#3b2265; --green-2:#302047; --orange:#ffad83; --orange-light:#3b263c;
  --line:#3e3055; --bg-primary:#171126; --bg-secondary:#251b36; --bg-card:#211832; --bg-hover:#302047;
  --text-primary:#f5edff; --text-secondary:#d6c8ef; --text-muted:#a899c2; --border:#3e3055;
  --accent:#b794f6; --accent-hover:#d6bcff; --accent-soft:#302047; --success:#5de0b2; --danger:#ff8db2;
  --shadow:0 20px 55px rgba(0,0,0,.28); color-scheme:dark;
}
body{background:radial-gradient(ellipse at 8% 0%,rgba(233,213,255,.42),transparent 35%),var(--paper);color:var(--ink)}
.topbar{background:rgba(255,252,255,.92);border-color:#e8def7;box-shadow:0 7px 28px rgba(91,33,182,.06)}
.brandmark{background:linear-gradient(145deg,#ede9fe,#fce7f3);border-radius:14px;box-shadow:0 6px 18px #7c3aed20}
.brandmark img{filter:drop-shadow(0 3px 4px #7c3aed28)}
.brand strong,.footer-wordmark strong{color:#4c1d95}
.mainnav a:hover,.footer-links a:hover{color:#7c3aed}
.navcta,.btn.primary,.dj-map-expand{background:linear-gradient(115deg,#7c3aed,#c026d3 66%,#ec4899)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px #7c3aed27}
.btn.secondary{border-color:#d9c8f5;color:#6435a7;background:#faf7ff}
.btn.ghost{color:#7546bb}
.page-shell{--accent:#7c3aed}
.dj-hero{background-image:linear-gradient(270deg,rgba(43,16,82,.95) 0%,rgba(85,37,143,.84) 43%,rgba(192,38,211,.22) 100%),url("/static/images/dastjor-market-hero-88.webp?v=10.13.0");border:1px solid #bda5ee;box-shadow:0 25px 65px rgba(89,42,158,.24)}
.dj-hero h1 em{color:#f9a8d4}.dj-hero-badge{background:#fce7f3;color:#8a1c65;border-color:#f9a8d4}
.dj-btn-primary{background:linear-gradient(120deg,#f9a8d4,#fbbf24);color:#43145e;box-shadow:0 9px 22px #ec489933}
.dj-btn-secondary{color:#fff;border-color:#ffffff88;background:#ffffff17}
.dj-hero-stats div{background:#ffffff20;border-color:#ffffff35;backdrop-filter:blur(10px)}.dj-hero-stats div b{color:#fef3c7}
.dj-nearby-showcase .dj-map-card{border-color:#d6c2f8;box-shadow:0 14px 36px #7c3aed15}
.dj-map-live-dot{background:#10b981;box-shadow:0 0 0 5px #10b98122}
.dj-store-avatar{background:linear-gradient(135deg,#7c3aed,#db2777)}
.dj-store-open{color:#6d28d9;background:#f3e8ff}.dj-store-meta,.dj-store-action,.dj-more-stores,.dj-link{color:#7138c8}
.dj-cat-card{border-color:#e5d8f7;background:linear-gradient(150deg,#fff,#faf6ff);box-shadow:0 8px 22px #6d28d90c}
.dj-cat-card:nth-child(4n+1) .dj-cat-icon{color:#7c3aed;background:#efe7ff}.dj-cat-card:nth-child(4n+2) .dj-cat-icon{color:#db2777;background:#fce7f3}.dj-cat-card:nth-child(4n+3) .dj-cat-icon{color:#d97706;background:#fef3c7}.dj-cat-card:nth-child(4n) .dj-cat-icon{color:#0891b2;background:#cffafe}
.dj-product-card,.dj-store-card{border-color:#e8def7;box-shadow:0 8px 24px #5b21b60d}.dj-product-card:hover,.dj-store-card:hover{box-shadow:0 18px 38px #7c3aed1f;border-color:#c4b5fd}
.dj-product-image{background:#f1eaff}.dj-banner-ai{background:linear-gradient(125deg,#f3e8ff,#fff)}.dj-banner-recycle{background:linear-gradient(125deg,#fce7f3,#fff)}
.dj-growth-card{border-color:#e3d5f7;background:linear-gradient(145deg,#fff,#faf6ff);box-shadow:0 12px 32px #7c3aed10}.dj-growth-icon{background:#efe7ff;color:#7c3aed}.dj-ad-card{background:linear-gradient(135deg,#fff1f7,#fff7e8)}
.dj-ecosystem-card{border-color:#e5d8f7;box-shadow:0 12px 30px #5b21b60b}.dj-ecosystem-number{background:#f3e8ff;color:#7c3aed}.dj-commission-example{background:linear-gradient(110deg,#f2eaff,#fff1f7);border-color:#e1d1f7;color:#3b176e}.dj-commission-example small,.dj-commission-example span,.dj-commission-example p{color:#755e91}

/* Farm market — vivid orchard palette and generous real-photo cards. */
.farm-market-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:20px;overflow:hidden;margin:22px 0;padding:clamp(22px,4vw,44px);min-height:350px;border:1px solid #bca2f4;border-radius:30px;background:radial-gradient(circle at 78% 22%,#f9a8d4 0,transparent 30%),linear-gradient(120deg,#4c1d95,#7c3aed 50%,#c026d3);color:#fff;box-shadow:0 26px 65px #6d28d932}
.farm-market-copy{position:relative;z-index:2}.farm-kicker{display:inline-flex;align-items:center;gap:7px;color:#9b63df;font-size:11px;letter-spacing:.5px;font-weight:950}.farm-market-hero .farm-kicker{color:#fce7f3}.farm-market-hero h1{font-size:clamp(32px,4.5vw,52px);line-height:1.45;margin:10px 0;color:#fff;font-weight:1000}.farm-market-hero h1 em{color:#fde68a;font-style:normal}.farm-market-hero p{max-width:680px;color:#f3e8ff;font-size:14px;line-height:2.1}.farm-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.farm-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:13px;padding:12px 17px;font:inherit;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s}.farm-button:hover{transform:translateY(-2px);box-shadow:0 9px 23px #4c1d952c}.farm-button-primary{background:linear-gradient(120deg,#7c3aed,#c026d3);color:#fff}.farm-button-light{background:linear-gradient(120deg,#fde68a,#f9a8d4);color:#4c1d5f}.farm-button-secondary{background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe}.farm-text-link{color:#fce7f3;font-size:12px;font-weight:850}.farm-trust-pills{display:flex;flex-wrap:wrap;gap:8px}.farm-trust-pills span{padding:7px 10px;border:1px solid #ffffff35;border-radius:99px;background:#ffffff15;color:#fff;font-size:10px;font-weight:800}.farm-hero-art{position:relative;min-height:250px;display:grid;place-items:center}.farm-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#fef3c7 0,#f9a8d4 34%,#f0abfc44 68%,transparent 72%);filter:blur(6px);animation:farmGlow 4s ease-in-out infinite}.farm-fruit{position:absolute;display:grid;place-items:center;width:94px;height:94px;border-radius:28px;background:#ffffffdb;box-shadow:0 18px 35px #32105c45;font-size:52px;animation:farmFloat 4s ease-in-out infinite}.fruit-one{top:16px;right:15%;transform:rotate(-11deg)}.fruit-two{bottom:23px;right:21%;animation-delay:.8s;transform:rotate(8deg)}.fruit-three{top:76px;left:12%;animation-delay:1.4s;transform:rotate(12deg)}.farm-harvest-card{position:absolute;bottom:4px;left:2%;display:grid;gap:4px;padding:14px 18px;border-radius:17px;background:#fff;color:#4c1d95;box-shadow:0 14px 35px #32105c30;transform:rotate(-4deg)}.farm-harvest-card small{color:#a21caf;font-size:10px}.farm-harvest-card b{font-size:17px}.farm-harvest-card span{color:#7c3aed;font-size:11px}
@keyframes farmGlow{50%{transform:scale(1.08);opacity:.85}}@keyframes farmFloat{50%{translate:0 -10px;rotate:3deg}}
.farm-market-filters,.farm-list-section,.farm-how,.farm-detail-shell,.farm-form-shell,.farm-deal-page,.farm-affiliate-panel,.farm-seller-cta{margin:22px 0;padding:clamp(16px,3vw,25px);border:1px solid #e8def7;border-radius:24px;background:linear-gradient(145deg,#fff,#fcf9ff);box-shadow:0 12px 34px #6d28d90d}
.farm-filter-form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;align-items:end}.farm-filter-form label,.farm-form-card label,.farm-deal-form label{display:grid;gap:7px;color:#4c3568;font-size:12px;font-weight:850}.farm-filter-form input,.farm-filter-form select,.farm-form-card input,.farm-form-card select,.farm-form-card textarea,.farm-deal-form input,.farm-deal-form textarea,.farm-dispute-form textarea{width:100%;min-width:0;padding:12px;border:1px solid #dfd1f2;border-radius:12px;background:#fff;color:#2e145b;font:inherit;font-size:13px}.farm-filter-form input:focus,.farm-filter-form select:focus,.farm-form-card input:focus,.farm-form-card select:focus,.farm-form-card textarea:focus{outline:3px solid #c4b5fd77;border-color:#8b5cf6}.farm-clear-filter{color:#7c3aed;font-size:12px;font-weight:900}.farm-section-head,.farm-affiliate-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.farm-section-head h2,.farm-how h2,.farm-affiliate-head h2{font-size:clamp(21px,3vw,29px);color:#3b176e;margin:5px 0}.farm-section-head p,.farm-affiliate-head p{font-size:12px;color:#806d98;line-height:1.9;margin:0}.farm-result-count{padding:8px 12px;border-radius:999px;background:#f3e8ff;color:#7c3aed;font-size:11px;font-weight:900;white-space:nowrap}.farm-list-grid,.farm-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.farm-list-card,.farm-mini-card{overflow:hidden;border:1px solid #e7dcf6;border-radius:19px;background:#fff;color:#321b54;text-decoration:none;box-shadow:0 9px 24px #6d28d90e;transition:transform .18s,box-shadow .18s}.farm-list-card:hover,.farm-mini-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #7c3aed20}.farm-list-photo{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f3e8ff,#fce7f3);display:grid;place-items:center}.farm-list-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.farm-list-card:hover .farm-list-photo img{transform:scale(1.04)}.farm-list-photo>span:not(.farm-photo-chip){font-size:55px}.farm-photo-chip{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:99px;background:#fffef1e8;color:#6b21a8;font-size:10px;font-weight:950;box-shadow:0 4px 12px #4c1d9524}.farm-list-body{padding:15px}.farm-crop-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.farm-crop-row>span{padding:5px 9px;background:#f3e8ff;color:#7c3aed;border-radius:99px;font-size:10px;font-weight:900}.farm-crop-row>b{color:#0f9b6b;font-size:10px}.farm-list-body h3{margin:9px 0 5px;color:#3b176e;font-size:17px}.farm-list-body p{margin:0;color:#86769a;font-size:11px}.farm-price-line{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding-top:13px;margin-top:13px;border-top:1px solid #f0e9f8}.farm-price-line strong{color:#6d28d9;font-size:17px}.farm-price-line strong small{font-size:10px;color:#8b78a1}.farm-price-line>span{color:#8b78a1;font-size:10px}.farm-affiliate-chip{margin-top:9px;padding:8px 10px;border-radius:10px;background:#fff7e6;color:#a45d08;font-size:10px;font-weight:900}.farm-card-foot{display:flex;justify-content:space-between;margin-top:13px;color:#7942bd;font-size:11px;font-weight:900}.farm-empty,.farm-home-empty{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px;border:1px dashed #cbb5ed;border-radius:18px;background:linear-gradient(120deg,#faf5ff,#fff6fb)}.farm-empty-icon{font-size:34px}.farm-empty h3{margin:0;color:#4c1d95}.farm-empty p{margin:4px 0;color:#806d98;font-size:12px;line-height:1.9}.farm-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}.farm-how-grid article{padding:17px;border:1px solid #e8def7;border-radius:17px;background:linear-gradient(145deg,#fff,#f9f5ff)}.farm-how-grid article>b,.farm-how-grid article>span{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:#7c3aed;color:#fff;font-weight:950}.farm-how-grid h3{color:#4c1d95;margin:10px 0 5px;font-size:15px}.farm-how-grid p{margin:0;color:#857397;font-size:11px;line-height:1.9}
.farm-detail-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:18px;align-items:start}.farm-detail-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:18px}.farm-detail-main-photo{height:390px;overflow:hidden;position:relative;border-radius:20px;background:#f3e8ff;display:grid;place-items:center}.farm-detail-main-photo img{width:100%;height:100%;object-fit:cover}.farm-thumbnails{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.farm-thumbnail{width:68px;height:68px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:#f3e8ff;cursor:pointer}.farm-thumbnail.active{border-color:#8b5cf6}.farm-thumbnail img{width:100%;height:100%;object-fit:cover}.farm-detail-info h1{color:#3b176e;font-size:clamp(24px,3vw,34px);line-height:1.55;margin:9px 0}.farm-detail-info>p{color:#78678f;font-size:13px;line-height:2}.farm-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.farm-detail-facts>div{padding:12px;border:1px solid #e9dff6;border-radius:13px;background:#fcfaff}.farm-detail-facts small,.farm-detail-facts b{display:block}.farm-detail-facts small{color:#9b8aaa;font-size:10px}.farm-detail-facts b{color:#5b3489;font-size:12px;margin-top:4px}.farm-detail-price{padding:17px;border-radius:17px;background:linear-gradient(120deg,#f3e8ff,#fff0f6);border:1px solid #e6d4fb}.farm-detail-price small{display:block;color:#785b9a;font-size:11px}.farm-detail-price strong{display:block;color:#6d28d9;font-size:27px;margin:5px 0}.farm-detail-price strong span{font-size:11px}.farm-detail-price p{color:#8a779d;font-size:11px;margin:0}.farm-detail-referral,.farm-affiliate-income{display:grid;gap:4px;margin-top:12px;padding:14px;border-radius:15px;background:linear-gradient(110deg,#fff7dc,#fff0f6);border:1px solid #f5dfa7;color:#794a0c}.farm-detail-referral strong,.farm-affiliate-income b{font-size:22px;color:#9a5a07}.farm-detail-referral small,.farm-affiliate-income small{font-size:10px;color:#956d31}.farm-detail-aside{display:grid;gap:12px}.farm-farmer-card,.farm-location-card-view,.farm-deal-form,.farm-review-alert{padding:16px;border:1px solid #e8def7;border-radius:17px;background:#fff}.farm-farmer-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.farm-farmer-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:linear-gradient(130deg,#7c3aed,#db2777);color:#fff;font-size:22px;font-weight:900}.farm-farmer-card>div{display:grid;gap:4px}.farm-farmer-card small,.farm-farmer-card span{font-size:10px;color:#8b7b9e}.farm-farmer-card b{color:#4c1d95}.farm-farmer-card em{color:#0f9b6b;font-size:10px;font-style:normal}.farm-farmer-card>a{grid-column:1/-1;color:#7c3aed;font-weight:900;font-size:11px}.farm-location-card-view b{color:#4c1d95}.farm-location-card-view p{color:#857397;font-size:11px;line-height:1.8}.farm-location-card-view a{color:#7c3aed;font-size:11px;font-weight:900}.farm-deal-form{display:grid;gap:11px;background:linear-gradient(145deg,#faf5ff,#fff);border-color:#dac8f3}.farm-deal-form h2{margin:0;color:#4c1d95;font-size:19px}.farm-deal-form p,.farm-deal-form>small{margin:0;color:#7e6c93;font-size:11px;line-height:1.9}.farm-review-alert{background:#fff8e7;border-color:#f8dfa4;color:#87510a}.farm-review-alert p{font-size:11px;line-height:1.8}
.farm-form-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.farm-form-intro{position:sticky;top:100px;padding:15px}.farm-form-intro h1{font-size:clamp(28px,3.5vw,42px);line-height:1.5;color:#4c1d95;margin:9px 0}.farm-form-intro h1 em{font-style:normal;color:#c026d3}.farm-form-intro p,.farm-form-points span{font-size:12px;line-height:2;color:#806d98}.farm-form-points{display:grid;gap:7px;margin:16px 0}.farm-form-points span{padding:9px 11px;border-radius:11px;background:#f5efff;color:#6b3ba2}.farm-approval-note{padding:16px;border-radius:16px;background:#fff7e6;border:1px solid #f2dda9;color:#80530f}.farm-approval-note p{font-size:11px;line-height:1.9;margin:5px 0 0;color:#8b6c35}.farm-form-card{padding:clamp(17px,3vw,26px);border:1px solid #e5d8f7;border-radius:22px;background:#fff;box-shadow:0 15px 42px #6d28d910}.farm-form-card-head{margin-bottom:17px}.farm-form-card-head>span{color:#9b62d2;font-size:11px;font-weight:950}.farm-form-card-head h2{margin:5px 0;color:#3b176e;font-size:23px}.farm-form-card-head p{font-size:12px;color:#87769a}.farm-product-form{display:grid;gap:13px}.farm-form-card .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.farm-upload-zone{padding:19px;border:2px dashed #c4a9ed;border-radius:16px;background:linear-gradient(120deg,#faf5ff,#fff6fb);text-align:center;cursor:pointer}.farm-upload-zone>span{display:block;font-size:32px}.farm-upload-zone b,.farm-upload-zone small{display:block}.farm-upload-zone small{color:#8b7b9e;font-size:10px;line-height:1.8}.farm-location-card{padding:13px;border:1px solid #e5d8f7;border-radius:15px;background:#fbf8ff}.farm-location-card .location-picker-map{height:260px;border-radius:12px;margin:10px 0}.farm-commission-box{display:grid;gap:10px;padding:15px;border:1px solid #f1daa2;border-radius:16px;background:linear-gradient(120deg,#fff9e9,#fff2fa)}.farm-commission-box p{font-size:11px;color:#886b3d;line-height:1.8;margin:0}.farm-commission-box input[type=number]{max-width:140px}.farm-submit{width:100%;min-height:50px;font-size:14px}
.farm-deal-page{max-width:940px;margin-inline:auto}.farm-deal-head{text-align:center;padding:12px}.farm-deal-head h1{color:#4c1d95;font-size:clamp(25px,4vw,36px)}.farm-deal-head p{color:#837097;font-size:12px;line-height:1.9}.farm-deal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.farm-deal-summary>div{padding:14px;border:1px solid #e8def7;border-radius:14px;background:#faf7ff}.farm-deal-summary small,.farm-deal-summary b,.farm-deal-summary strong{display:block}.farm-deal-summary small{color:#9582aa;font-size:10px}.farm-deal-summary b,.farm-deal-summary strong{color:#4c1d95;font-size:14px;margin-top:5px}.farm-deal-status{padding:14px;border-radius:14px;background:#f3e8ff;color:#6b21a8;text-align:center;font-weight:950}.farm-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.farm-confirm-grid article{display:grid;gap:9px;padding:17px;border:1px solid #e7dcf6;border-radius:16px;background:#fff}.farm-confirm-grid article>span,.farm-confirm-grid article>small{color:#8a7a9c;font-size:11px}.farm-confirm-grid article>b{color:#4c1d95}.farm-deal-commission,.farm-deal-guard{display:grid;gap:7px;padding:15px;margin:12px 0;border-radius:15px;background:#fff7e8;border:1px solid #f2dfa9;color:#754c13}.farm-deal-commission b{font-size:18px}.farm-deal-commission small,.farm-deal-guard p{font-size:11px;line-height:1.9;color:#8d6e3a;margin:0}.farm-dispute-form{display:grid;gap:8px;padding:15px;border:1px solid #f3cbd8;border-radius:14px;background:#fff7fa}.farm-deal-guard{background:#f3eaff;border-color:#e1d2f6;color:#55218c}.farm-deal-guard p{color:#785c96}
.farm-home-band{margin:28px 0;padding:clamp(17px,3vw,25px);border:1px solid #e5d8f7;border-radius:23px;background:linear-gradient(135deg,#f5edff,#fff3f8 60%,#fff8e8);box-shadow:0 12px 33px #7c3aed0e}.farm-home-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.farm-home-head h2{margin:5px 0;color:#4c1d95;font-size:clamp(20px,3vw,27px)}.farm-home-head p{color:#826f98;font-size:12px;line-height:1.8}.farm-home-cta{color:#7c3aed;font-size:12px;font-weight:950;white-space:nowrap}.farm-mini-image{height:155px;position:relative;background:#f3e8ff;display:grid;place-items:center}.farm-mini-image img{width:100%;height:100%;object-fit:cover}.farm-mini-image>span{font-size:40px}.farm-mini-image em{position:absolute;top:9px;right:9px;padding:5px 9px;border-radius:99px;background:#fff;color:#7c3aed;font-style:normal;font-size:9px;font-weight:900}.farm-mini-body{display:grid;gap:5px;padding:12px}.farm-mini-body b{color:#4c1d95;font-size:13px}.farm-mini-body small{color:#8b7b9e;font-size:10px}.farm-mini-body strong{color:#7c3aed;font-size:13px}.farm-seller-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(110deg,#f3e8ff,#fff0f6)}.farm-seller-cta h2{margin:4px 0;color:#4c1d95}.farm-seller-cta p{margin:0;color:#806d98;font-size:12px;line-height:1.9}
.farm-affiliate-panel{background:linear-gradient(140deg,#faf5ff,#fff7fc)}.farm-affiliate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.farm-affiliate-card{overflow:hidden;border:1px solid #e6d9f6;border-radius:18px;background:#fff}.farm-affiliate-card-image{height:155px;position:relative;background:#f3e8ff}.farm-affiliate-card-image img{width:100%;height:100%;object-fit:cover}.farm-affiliate-card-image>b{position:absolute;top:10px;right:10px;padding:5px 9px;background:#fff;border-radius:99px;color:#7c3aed;font-size:10px}.farm-affiliate-card-body{padding:14px}.farm-affiliate-card-body>small{color:#9382a5;font-size:10px}.farm-affiliate-card-body h3{color:#4c1d95;font-size:16px;margin:5px 0}.farm-affiliate-card-body>strong{color:#7c3aed;font-size:14px}.farm-affiliate-income{grid-template-columns:1fr auto;align-items:center}.farm-affiliate-income span{font-size:11px}.farm-affiliate-income small{grid-column:2;grid-row:1}.farm-affiliate-income b{grid-column:1/-1}.farm-affiliate-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;color:#8c7b9f;font-size:10px}.farm-affiliate-stats span{padding:6px 8px;border-radius:8px;background:#f6f1fc}
.farm-admin-panel,.farm-review-alert{border-color:#e6d9f6}.farmer-fields{padding:14px;border:1px solid #e6d8f8;border-radius:16px;background:#faf6ff}.farmer-fields[hidden]{display:none!important}.farmer-fields .field-divider{margin-top:0}
.store3d-canvas-wrap{background:linear-gradient(135deg,#f3e8ff,#fff0f6);border:1px solid #d9c5f7;box-shadow:0 22px 55px #5b21b62b;border-radius:24px}.store3d-loading{background:linear-gradient(120deg,#f5edff,#fff5fb);color:#5b21b6}.store3d-panel{background:rgba(35,19,60,.95);border-color:#c4b5fd;box-shadow:0 20px 50px #2e145b55}.store3d-panel-buy{background:linear-gradient(110deg,#8b5cf6,#ec4899);color:#fff}
@media(max-width:1000px){.farm-detail-shell{grid-template-columns:1fr}.farm-detail-main{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.farm-market-hero{grid-template-columns:1fr;padding:20px;min-height:0;border-radius:22px}.farm-hero-art{min-height:180px}.farm-fruit{width:70px;height:70px;font-size:39px}.farm-list-grid,.farm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.farm-list-photo{height:155px}.farm-list-body{padding:11px}.farm-list-body h3{font-size:14px}.farm-filter-form{grid-template-columns:1fr 1fr}.farm-filter-form .farm-button{grid-column:1/-1}.farm-detail-main{grid-template-columns:1fr}.farm-detail-main-photo{height:300px}.farm-form-shell{grid-template-columns:1fr}.farm-form-intro{position:static;padding:3px}.farm-form-card .field-row{grid-template-columns:1fr}.farm-how-grid{grid-template-columns:1fr}.farm-deal-summary{grid-template-columns:1fr 1fr}.farm-home-head,.farm-affiliate-head{align-items:flex-start;flex-direction:column}.farm-affiliate-grid{grid-template-columns:1fr}.farm-seller-cta{align-items:flex-start;flex-direction:column}.farm-home-head h2{font-size:20px}.farm-home-cta{white-space:normal}}
@media(max-width:430px){.farm-list-grid,.farm-home-grid{grid-template-columns:1fr}.farm-list-photo{height:205px}.farm-detail-facts{grid-template-columns:1fr 1fr}.farm-confirm-grid{grid-template-columns:1fr}.farm-deal-summary{grid-template-columns:1fr 1fr}.farm-market-hero h1{font-size:32px}}

.farm-risk-flags{display:block;padding:6px 8px;margin-top:5px;border-radius:8px;background:#fff1f2;color:#be123c;font-size:10px;font-weight:900;overflow-wrap:anywhere}.farm-deal-summary,.farm-confirm-grid{min-width:0}

/* 5.1 farmer education panels */
.farm-how>div:first-child>p{max-width:850px;color:#806d98;font-size:12px;line-height:2}.farm-how-grid article:nth-child(4)>b{background:linear-gradient(135deg,#c026d3,#7c3aed)}.farm-how-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.farm-how-bottom>div{padding:16px 18px;border:1px solid #e7dcf6;border-radius:17px;background:linear-gradient(135deg,#faf5ff,#fff8fb)}.farm-how-bottom>div:first-child{background:linear-gradient(130deg,#fff7e6,#fff)}.farm-how-bottom b{display:block;color:#4c1d95;font-size:13px;margin-bottom:5px}.farm-how-bottom p,.farm-how-note{margin:0;color:#806d98;font-size:11px;line-height:2}.farm-how-note{margin-top:13px;padding:10px 13px;border-right:3px solid #c4b5fd;background:#faf7ff;border-radius:8px}@media(max-width:760px){.farm-how-bottom{grid-template-columns:1fr}}

/* 5.1 full-bleed market photography: retain readable text while revealing the real scene. */
.dj-hero{background-image:linear-gradient(270deg,rgba(43,16,82,.80) 0%,rgba(85,37,143,.48) 43%,rgba(192,38,211,.10) 100%),url("/static/images/dastjor-market-hero-88.webp?v=10.13.0");background-position:center;background-size:cover}
.farm-market-hero{background-image:linear-gradient(270deg,rgba(43,16,82,.88) 0%,rgba(85,37,143,.66) 48%,rgba(76,29,149,.20) 100%),url("/static/images/dastjor-market-hero-88.webp?v=10.13.0");background-position:center;background-size:cover}

/* 5.2 Arcade: an original three-game cabinet, designed for desktop and touch. */
.arcade-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;min-height:310px;overflow:hidden;border-radius:30px;padding:clamp(22px,4vw,42px);color:#fff;background:radial-gradient(circle at 15% 15%,#a855f7 0,transparent 34%),linear-gradient(120deg,#21103f 0%,#4c1d95 52%,#8b2fc4 100%);box-shadow:0 24px 58px #4c1d9533}
.arcade-hero:before,.arcade-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);border:1px solid #ffffff30}.arcade-hero:before{width:420px;height:420px;left:-100px;top:-190px}.arcade-hero:after{width:300px;height:300px;left:65px;bottom:-220px}
.arcade-hero-copy{max-width:720px;align-self:center}.arcade-kicker{display:inline-block;color:#a78bfa;font-size:10px;font-weight:950;letter-spacing:1.2px}.arcade-hero .arcade-kicker{color:#f5d0fe}.arcade-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.45;margin:10px 0;color:#fff}.arcade-hero h1 span{display:inline-block;filter:drop-shadow(0 8px 14px #12052366);animation:arcade-bob 2.6s ease-in-out infinite}.arcade-hero p{font-size:13px;line-height:2.1;color:#eee5ff;max-width:650px}.arcade-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.arcade-hero-pills span{border:1px solid #ffffff35;background:#ffffff13;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800;color:#fff}
.arcade-hero-scene{position:relative;min-height:230px;display:grid;place-items:center}.arcade-orbit{position:absolute;border:1px solid #f5d0fe55;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:250px;height:145px}.orbit-two{width:320px;height:190px;transform:rotate(35deg)}.arcade-float{position:absolute;display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#fff,#f3e8ff);box-shadow:0 16px 30px #16072b55;font-size:34px;animation:arcade-bob 3s ease-in-out infinite}.arcade-float-a{left:8%;top:20%;transform:rotate(-13deg)}.arcade-float-b{right:9%;top:17%;animation-delay:.5s;transform:rotate(13deg)}.arcade-float-c{right:17%;bottom:7%;animation-delay:1s;transform:rotate(-8deg)}.arcade-hero-platform{position:relative;z-index:1;display:grid;place-items:center;min-width:175px;padding:21px 26px;border:1px solid #ffffff60;border-radius:24px;background:linear-gradient(145deg,#ffffff2b,#ffffff0c);box-shadow:0 20px 38px #1b0b3466;backdrop-filter:blur(9px)}.arcade-hero-platform b{font-size:30px;color:#fff}.arcade-hero-platform small{color:#f5d0fe;font-weight:800;font-size:10px}
@keyframes arcade-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.arcade-game-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.arcade-game-card{display:grid;grid-template-columns:38% 62%;min-width:0;overflow:hidden;text-align:right;padding:0;border:1px solid #e9ddf8;border-radius:22px;background:#fff;box-shadow:0 12px 30px #4c1d950b;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:#32174f}.arcade-game-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #4c1d9522}.arcade-game-card.is-selected{border:2px solid #8b5cf6;box-shadow:0 18px 38px #7c3aed20}.arcade-card-art{position:relative;display:grid;place-items:center;min-height:164px;overflow:hidden}.arcade-card-art:before,.arcade-card-art:after{content:"";position:absolute;border:1px solid #ffffff66;border-radius:50%}.arcade-card-art:before{width:145px;height:145px}.arcade-card-art:after{width:95px;height:95px}.arcade-card-art i{position:relative;z-index:2;font-size:61px;font-style:normal;filter:drop-shadow(0 10px 12px #210b3a55);animation:arcade-bob 2.8s ease-in-out infinite}.arcade-card-art b{position:absolute;z-index:3;font-size:30px;right:12px;top:12px}.arcade-card-art em{position:absolute;left:12px;bottom:12px;color:#fff;font-size:25px}.snake-art{background:radial-gradient(circle at 70% 30%,#c5f4dd,#41a982 62%,#176c58)}.flyer-art{background:radial-gradient(circle at 30% 15%,#fff1c5,#f7a8d6 40%,#7c3aed)}.puzzle-art{background:radial-gradient(circle at 70% 28%,#ffe7a3,#f0abfc 43%,#6d28d9)}.arcade-card-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:13px 14px}.arcade-card-body small{font-size:9px;letter-spacing:1px;color:#9b81b9;font-weight:950}.arcade-card-body strong{font-size:17px;color:#4c1d95}.arcade-card-body>span{font-size:10px;line-height:1.8;color:#80718f}.arcade-play-hint{margin-top:5px;color:#7c3aed;font-size:11px}
.arcade-machine{padding:18px;border-radius:26px;border:1px solid #dfd0f5;background:linear-gradient(145deg,#fff,#faf6ff);box-shadow:0 20px 50px #4c1d9510}.arcade-machine-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}.arcade-machine-head h2{margin:4px 0;color:#4c1d95;font-size:25px}.arcade-machine-head p{margin:0;color:#8b7a9b;font-size:11px;line-height:1.9}.arcade-hud{display:grid;grid-template-columns:repeat(4,minmax(65px,1fr));gap:7px}.arcade-hud>div{min-width:68px;padding:9px 12px;border:1px solid #eee4fa;border-radius:14px;background:#fff;text-align:center}.arcade-hud small{display:block;color:#a18bb4;font-size:9px}.arcade-hud b{display:block;color:#6d28d9;font-size:17px;font-variant-numeric:tabular-nums}
.arcade-board-wrap{position:relative;overflow:hidden;border:7px solid #38205a;border-radius:22px;background:#21113d;box-shadow:inset 0 0 0 1px #ffffff22,0 18px 34px #2410392c}.arcade-board-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:9/5;touch-action:manipulation}.arcade-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;color:#fff;background:linear-gradient(135deg,#24123bdd,#4c1d95c9);backdrop-filter:blur(5px)}.arcade-overlay[hidden]{display:none}.arcade-overlay-icon{font-size:60px;filter:drop-shadow(0 8px 16px #0005)}.arcade-overlay h3{font-size:clamp(19px,3vw,29px);margin:8px 0;color:#fff}.arcade-overlay p{max-width:520px;color:#f0e7ff;font-size:12px;line-height:1.9}.arcade-start-btn{margin-top:8px;border:0;border-radius:14px;padding:12px 24px;background:linear-gradient(110deg,#fbbf24,#f472b6);color:#361050;font-weight:950;box-shadow:0 12px 26px #13072255;cursor:pointer}.arcade-start-btn:disabled{opacity:.6;cursor:wait}.arcade-controls-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.arcade-direction-pad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,38px);gap:5px;direction:ltr}.arcade-direction-pad[hidden],.arcade-action-btn[hidden],.arcade-puzzle-options[hidden]{display:none!important}.arcade-direction-pad button{border:1px solid #ddcafa;border-radius:11px;background:#f3e8ff;color:#6d28d9;font-size:20px;font-weight:950;touch-action:manipulation}.arcade-direction-pad button:first-child{grid-column:2;grid-row:1}.arcade-direction-pad button:nth-child(2){grid-column:1;grid-row:2}.arcade-direction-pad button:nth-child(3){grid-column:2;grid-row:2}.arcade-direction-pad button:nth-child(4){grid-column:3;grid-row:2}.arcade-action-btn{border:0;border-radius:13px;padding:13px 20px;background:linear-gradient(110deg,#7c3aed,#c026d3);color:#fff;font-weight:900;touch-action:manipulation}.arcade-puzzle-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.arcade-puzzle-options span{font-size:11px;color:#79658d}.arcade-puzzle-options button,.arcade-secondary-btn{border:1px solid #e3d5f4;border-radius:10px;padding:9px 12px;background:#fff;color:#6d28d9;font-size:11px;font-weight:850;cursor:pointer}.arcade-puzzle-options button.is-active{background:#6d28d9;border-color:#6d28d9;color:#fff}.arcade-run-actions{display:flex;gap:7px;flex-wrap:wrap}.arcade-live-message{margin:12px 0 0;padding:10px 13px;border-radius:12px;background:#f4edff;color:#5b21b6;font-size:11px;font-weight:800;line-height:1.8}.arcade-disclaimer{margin:8px 0 0;color:#9586a4;font-size:10px;line-height:1.9}
.arcade-leaderboards{margin:28px 0}.arcade-section-title h2{margin:5px 0;color:#4c1d95;font-size:26px}.arcade-section-title p{margin:0;color:#8a7a9a;font-size:11px}.arcade-leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.arcade-leader-card{padding:16px;border:1px solid #e8ddf6;border-radius:19px;background:#fff;box-shadow:0 10px 28px #4c1d9508}.arcade-leader-card header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #f0eafa}.arcade-leader-card header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f3e8ff;font-size:23px}.arcade-leader-card header b,.arcade-leader-card header small{display:block}.arcade-leader-card header b{color:#4c1d95;font-size:14px}.arcade-leader-card header small{color:#ad9bbe;font-size:9px;letter-spacing:1px}.arcade-leader-card ol{margin:10px 0 0;padding:0 22px 0 0}.arcade-leader-card li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px dashed #eee7f7;color:#756484;font-size:11px}.arcade-leader-card li b{color:#6d28d9}.arcade-no-record{padding:18px 4px;color:#9b8baa;font-size:11px;line-height:1.9}

/* 5.2 Nearby radar: local 3D scene and explicit scan-radius controls. */
.nearby-hero-v52{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;padding:clamp(20px,4vw,36px);border-radius:28px;background:linear-gradient(115deg,#2a1550,#5b21b6 58%,#a855f7);color:#fff;overflow:hidden}.nearby-hero-v52 h1{margin:7px 0;font-size:clamp(27px,4vw,42px);color:#fff}.nearby-hero-v52 h1 span{display:inline-block}.nearby-hero-v52 p{max-width:720px;color:#eee5ff;font-size:12px;line-height:2}.nearby-city-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:15px}.nearby-city-form label,.nearby-scan-actions label{display:grid;gap:5px;color:inherit;font-size:10px;font-weight:800}.nearby-city-form select,.nearby-scan-actions select{min-width:145px;border:1px solid #ffffff44;border-radius:10px;padding:10px 12px;background:#ffffffed;color:#4c1d95;font:inherit}.nearby-radar-art{position:relative;display:grid;place-items:center;min-height:205px}.radar-ring{position:absolute;border:1px solid #f5d0fe55;border-radius:50%;animation:radar-pulse 3.4s ease-out infinite}.ring-a{width:100px;height:100px}.ring-b{width:160px;height:160px;animation-delay:.6s}.ring-c{width:220px;height:220px;animation-delay:1.2s}.nearby-radar-art>b{z-index:1;display:grid;place-items:center;width:72px;height:72px;border-radius:23px;background:linear-gradient(145deg,#fff,#f3e8ff);color:#6d28d9;font-size:36px;box-shadow:0 16px 38px #16072b66}.nearby-radar-art>i{position:absolute;right:18%;top:18%;color:#fef08a;font-size:28px}.nearby-radar-art>small{position:absolute;bottom:7px;color:#e9d5ff;font-size:9px;letter-spacing:2px;font-weight:900}@keyframes radar-pulse{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.45);opacity:0}}
.nearby-scan-panel{display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;margin:17px 0;padding:15px 18px;border:1px solid #e5d8f5;border-radius:18px;background:linear-gradient(110deg,#fff,#faf5ff)}.nearby-scan-copy b,.nearby-scan-copy small{display:block}.nearby-scan-copy b{color:#4c1d95;font-size:14px}.nearby-scan-copy small{margin-top:4px;color:#8e7c9e;font-size:10px;line-height:1.8}.nearby-scan-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.nearby-scan-actions select{border-color:#e4d8f4;background:#fff}.nearby-scan-btn,.nearby-reset-btn{border:0;border-radius:11px;padding:11px 14px;background:linear-gradient(110deg,#6d28d9,#a855f7);color:#fff;font-weight:900;font-size:11px;cursor:pointer}.nearby-reset-btn{border:1px solid #e6d9f6;background:#fff;color:#6d28d9}.nearby-scan-panel>p{grid-column:1/-1;margin:0;color:#866f9d;font-size:10px;line-height:1.8}.nearby-scan-btn:disabled{opacity:.55;cursor:wait}
.nearby-view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 9px}.nearby-view-toolbar>b,.nearby-view-toolbar small{display:block}.nearby-view-toolbar>div:first-child b{color:#4c1d95;font-size:15px}.nearby-view-toolbar>div:first-child small{color:#9585a5;font-size:10px}.nearby-view-toolbar .map-mode-toggle{margin:0}.nearby-view-toolbar .map-mode-toggle button[aria-pressed=true]{background:#6d28d9;border-color:#6d28d9}.nearby-map-stage{position:relative;overflow:hidden;border:1px solid #ded0f2;border-radius:22px;background:#e9e2f2;box-shadow:0 20px 50px #4c1d9514}.nearby-map-stage .leaflet-map{width:100%;height:520px;min-height:360px;border-radius:0}.nearby-map-3d-v52{width:100%;height:520px;min-height:360px;position:relative;background:linear-gradient(135deg,#ede9fe,#dbeafe)}.nearby-map-3d-v52[hidden]{display:none!important}.nearby-map-3d-v52 canvas{display:block;width:100%;height:100%;touch-action:none}.nearby-3d-empty{display:grid;place-items:center;height:100%;padding:20px;color:#6d28d9;text-align:center}.nearby-3d-info{position:absolute;right:14px;bottom:14px;max-width:min(580px,calc(100% - 28px));padding:10px 13px;border:1px solid #ffffffa6;border-radius:12px;background:#fffE;color:#6b5685;box-shadow:0 6px 20px #2510441b;font-size:10px;line-height:1.8}.nearby-3d-info[hidden]{display:none}.nearby-3d-info b{color:#4c1d95}.nearby-3d-info a{color:#7c3aed;font-weight:900;text-decoration:none;margin-right:8px}.nearby-results-panel{margin:22px 0}.nearby-results-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.nearby-results-head h2{margin:4px 0;color:#4c1d95}.nearby-results-head>span{padding:7px 10px;border-radius:99px;background:#f3e8ff;color:#6d28d9;font-size:10px;font-weight:900}.nearby-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.nearby-v52-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #e9e0f4;border-radius:16px;background:#fff}.nearby-v52-card[hidden]{display:none}.nearby-v52-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ede9fe,#fce7f3);color:#6d28d9;font-size:18px;font-weight:950}.nearby-v52-avatar{overflow:hidden}.nearby-v52-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.nearby-v52-card h3{margin:0;color:#4c1d95;font-size:13px}.nearby-v52-card h3 a{color:inherit;text-decoration:none}.nearby-v52-card p{margin:4px 0;color:#8d7d9c;font-size:10px}.nearby-v52-card small{color:#a18eaf;font-size:9px}.nearby-distance{color:#0f766e;font-style:normal;font-weight:900}.nearby-v52-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f3e8ff;color:#6d28d9;text-decoration:none}.nearby-no-stores{grid-column:1/-1;padding:30px;border:1px dashed #d9c8ee;border-radius:18px;text-align:center;color:#826f96;background:#fbf8ff}.nearby-no-stores>span{font-size:34px}.nearby-no-stores b{display:block;color:#4c1d95}.nearby-no-stores p{font-size:11px}.nearby-no-stores a{color:#7c3aed;font-weight:900}
.store3d-experience-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0;padding:10px 12px;border:1px solid #e8dcf6;border-radius:14px;background:linear-gradient(100deg,#fff,#faf5ff)}.store3d-experience-bar>span{margin-left:auto;color:#6f5a86;font-size:11px;font-weight:900}.store3d-experience-bar button{border:1px solid #e3d5f4;border-radius:9px;padding:8px 11px;background:#fff;color:#6d28d9;font-size:10px;font-weight:900;cursor:pointer}.store3d-experience-bar button.is-active{border-color:#6d28d9;background:#6d28d9;color:#fff}.store3d-help{margin:8px 2px 18px;color:#88779a;font-size:10px;line-height:1.9}
@media(max-width:900px){.arcade-game-select{grid-template-columns:1fr}.arcade-game-card{grid-template-columns:150px 1fr;min-height:140px}.arcade-card-art{min-height:140px}.arcade-leader-grid{grid-template-columns:1fr}.nearby-hero-v52{grid-template-columns:1fr .55fr}.nearby-radar-art{min-height:165px}}
@media(max-width:650px){.arcade-hero{grid-template-columns:1fr;padding:21px;min-height:0}.arcade-hero-scene{min-height:165px}.orbit-two{width:230px;height:140px}.arcade-float{width:48px;height:48px;border-radius:16px;font-size:25px}.arcade-hero-platform{padding:12px 19px}.arcade-hero-platform b{font-size:24px}.arcade-game-card{grid-template-columns:112px 1fr;min-height:125px;border-radius:17px}.arcade-card-art{min-height:125px}.arcade-card-art i{font-size:47px}.arcade-card-body{padding:10px}.arcade-card-body strong{font-size:15px}.arcade-machine{padding:11px;border-radius:19px}.arcade-machine-head{align-items:flex-start}.arcade-hud{grid-template-columns:repeat(2,minmax(66px,1fr));width:100%}.arcade-board-wrap{border-width:4px;border-radius:15px}.arcade-board-wrap canvas{aspect-ratio:9/6}.arcade-controls-row{align-items:flex-start}.arcade-run-actions{margin-right:auto}.arcade-secondary-btn{padding:8px 9px}.arcade-direction-pad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,34px)}.nearby-hero-v52{grid-template-columns:1fr;padding:19px;border-radius:20px}.nearby-radar-art{min-height:130px}.ring-c{width:145px;height:145px}.ring-b{width:110px;height:110px}.ring-a{width:75px;height:75px}.nearby-radar-art>b{width:54px;height:54px;font-size:28px}.nearby-scan-panel{grid-template-columns:1fr;padding:13px}.nearby-scan-actions{align-items:end}.nearby-scan-actions label{flex:1}.nearby-scan-actions select{width:100%;min-width:0}.nearby-view-toolbar{align-items:flex-start;flex-direction:column}.nearby-view-toolbar .map-mode-toggle{width:100%}.nearby-view-toolbar .map-mode-toggle button{flex:1;padding:9px 7px;font-size:10px}.nearby-map-stage .leaflet-map,.nearby-map-3d-v52{height:390px;min-height:320px}.nearby-results-grid{grid-template-columns:1fr}.store3d-experience-bar>span{width:100%}.store3d-experience-bar button{flex:1}.store3d-help{font-size:9px}}


/* DastJor 5.5.0 — reliable maps and 3D rendering */
.dj-hero{background:linear-gradient(105deg,#102f35 0%,#155c58 58%,#26796b 100%);color:#fff;border-radius:28px;overflow:hidden;box-shadow:0 22px 55px #123f3825}
.dj-hero-inner{max-width:1320px;margin:auto;padding:clamp(24px,4vw,52px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:28px;align-items:center}
.dj-hero-content{max-width:680px}.dj-hero-badge{display:inline-flex;padding:8px 13px;border:1px solid #ffffff45;border-radius:99px;background:#ffffff16;color:#e8fff5;font-size:12px;font-weight:900}
.dj-hero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.55;letter-spacing:-1.1px;margin:16px 0;color:#fff;font-weight:950}.dj-hero h1 em{font-style:normal;color:#d6f4a8}.dj-hero-content>p{font-size:14px;line-height:2.15;color:#e1f1eb;max-width:640px;margin:0 0 20px}
.dj-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.dj-hero-stats>div{min-width:100px;padding:10px 13px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff12}.dj-hero-stats b{display:block;font-size:20px;color:#fff}.dj-hero-stats span{font-size:10px;color:#d4e9e0}
.dj-hero-art.dj-hero-photo{display:block;position:relative;min-height:350px;border-radius:22px;overflow:hidden;background:linear-gradient(90deg,#102b36aa 0%,transparent 78%),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover;box-shadow:0 18px 50px #071e1b55;isolation:isolate}
.dj-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b2928d9 0%,transparent 58%);z-index:-0}
.dj-hero-photo-caption{position:absolute;right:22px;bottom:22px;left:22px;display:grid;gap:6px;color:#fff;z-index:1;text-shadow:0 2px 14px #0008}.dj-hero-photo-caption span{font-size:11px;color:#d9f99d;font-weight:900}.dj-hero-photo-caption strong{font-size:clamp(18px,2vw,26px)}.dj-hero-photo-caption small{font-size:11px;color:#e5f4ed}
.dj-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.dj-hero .dj-btn-primary{background:#d7f39a;color:#183c31}.dj-hero .dj-btn-secondary{border-color:#ffffff75;color:#fff;background:#ffffff12}
.dj-empty-market-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#e4f5e9,#b8e0cc);display:grid;place-items:center}.dj-empty-market-icon span{width:26px;height:21px;border:2px solid #28715e;border-top:0;position:relative;border-radius:3px 3px 6px 6px}.dj-empty-market-icon span:before{content:"";position:absolute;left:-5px;right:-5px;top:-9px;height:9px;border:2px solid #28715e;border-radius:4px 4px 0 0}
.farm-market-hero{background:linear-gradient(110deg,#143f35 0%,#216b50 55%,#4e8c60 100%);border-color:#b7d7bd;box-shadow:0 22px 55px #164b3825}.farm-market-hero .farm-kicker{color:#d9f99d}.farm-market-hero h1 em{color:#d9f99d}.farm-market-hero p{color:#e6f3e8}.farm-button-light{background:#e2f2c2;color:#214b37}.farm-text-link{color:#f0fce2}
.farm-hero-art{min-height:280px}.farm-harvest-visual{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#d9edc8,#8fbd8d 58%,#477b62);box-shadow:inset 0 0 0 1px #ffffff60}.farm-harvest-orbit{position:absolute;width:245px;height:245px;border:1px solid #ffffff8a;border-radius:50%;animation:farmOrbit 22s linear infinite}.farm-harvest-orbit:before,.farm-harvest-orbit:after{content:"";position:absolute;border-radius:50%;background:#f2f9dc;box-shadow:0 10px 30px #315b3b35}.farm-harvest-orbit:before{width:15px;height:15px;top:20px;left:40px}.farm-harvest-orbit:after{width:10px;height:10px;right:12px;bottom:55px}.farm-harvest-line{position:absolute;width:180px;height:180px;border:1px solid #ffffff75;border-radius:50%;animation:farmOrbit 16s linear infinite reverse}.farm-harvest-card{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(82%,300px);padding:20px;border:1px solid #ffffffb0;border-radius:18px;background:#f9fff0ed;color:#214b37;box-shadow:0 18px 45px #244f3830;text-align:center}.farm-harvest-card small{color:#557b51}.farm-harvest-card b{font-size:19px;color:#1c4d37}.farm-harvest-card span{color:#557b51;line-height:1.8}.farm-empty-mark{display:inline-block;width:38px;height:38px;border-radius:50%;border:2px solid #75a978;position:relative;background:radial-gradient(circle at 50% 70%,#b9d9a6 0 35%,transparent 36%)}.farm-empty-mark:before{content:"";position:absolute;width:15px;height:8px;background:#5f9968;border-radius:100% 0 100% 0;top:-5px;left:17px;transform:rotate(-28deg)}
.needs-hero{background:linear-gradient(110deg,#173b48,#236b72 65%,#4a8c83);border-radius:24px;box-shadow:0 18px 45px #16485a22}.needs-hero .market-hero-kicker{color:#d6f4a8}.needs-hero h1{color:#fff}.needs-hero p{color:#e3f1ef;max-width:720px}.needs-hero .btn.primary{background:#d7f39a;color:#173b35;border:0}.needs-create-card,.need-card{border-radius:18px;box-shadow:0 12px 34px #1a39420b}.needs-create-card h2{color:#174d4b}.needs-empty-mark{width:34px;height:34px;border:2px solid #438b7c;border-radius:50%;position:relative;background:linear-gradient(135deg,transparent 45%,#438b7c 46% 53%,transparent 54%)}.needs-empty-mark:after{content:"";position:absolute;width:12px;height:2px;background:#438b7c;right:-9px;bottom:-5px;transform:rotate(45deg);border-radius:2px}
@keyframes farmOrbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.dj-hero-inner{grid-template-columns:1fr;padding:22px;gap:18px}.dj-hero-photo{min-height:220px;order:2}.dj-hero h1{font-size:34px}.farm-harvest-visual{min-height:205px}.farm-market-hero{background:linear-gradient(145deg,#143f35,#216b50)} }
@media(prefers-reduced-motion:reduce){.farm-harvest-orbit,.farm-harvest-line{animation:none}}


/* DastJor 5.5.0 — map resilience, editorial image treatment and rendering fallback states */
.dj-map-local-fallback-note{position:absolute;z-index:650;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px 12px;border:1px solid #cbd9c7;border-radius:10px;background:rgba(255,255,255,.95);color:#365b48;font-size:10px;font-weight:800;box-shadow:0 5px 18px rgba(23,53,37,.12);pointer-events:none}
.farm-photo-placeholder{display:grid;place-items:center;position:relative;width:100%;height:100%;min-height:145px;overflow:hidden;background:linear-gradient(125deg,#dce8df,#eef2e9 42%,#d5e2d7);isolation:isolate}
.farm-photo-placeholder:before{content:"";position:absolute;inset:-40%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 48%,transparent 61%);transform:translateX(-35%);animation:farmPlaceholderShimmer 5.5s ease-in-out infinite}
.farm-photo-placeholder:after{content:"تصویر واقعی محصول هنوز ثبت نشده";position:relative;padding:8px 13px;border:1px solid #ffffffd0;border-radius:99px;background:#ffffffc9;color:#4c6a58;font-size:10px;font-weight:800;box-shadow:0 5px 16px #34533d12}
@keyframes farmPlaceholderShimmer{0%,35%{transform:translateX(-35%)}75%,100%{transform:translateX(35%)}}

.nearby-map-stage .dj-map-tile-warning{position:absolute;z-index:650;top:12px;right:12px;max-width:calc(100% - 24px);padding:8px 12px;border-radius:10px;background:#fff;color:#6b4b20;font-size:10px;box-shadow:0 4px 15px #102b2217}
.nearby-3d-empty{min-height:360px;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#edf4ed,#e9e4f4);color:#4e6b58;text-align:center;font-weight:800}
.store3d-error{background:rgba(247,250,246,.96)!important;color:#365b48!important;border:1px solid #cbded0;font-size:13px!important;line-height:2!important}
.store3d-canvas-wrap{background:radial-gradient(circle at 50% 12%,#fff9e9,#e6f0e8 62%,#d8e4df)!important;box-shadow:0 18px 45px rgba(29,61,44,.12)!important}
@media(max-width:700px){.dj-hero-art.dj-hero-photo{display:block;min-height:220px;order:2}.dj-map-local-fallback-note{font-size:9px;right:8px;bottom:8px}.farm-photo-placeholder{min-height:205px}}
@media(prefers-reduced-motion:reduce){.farm-photo-placeholder:before{animation:none}}

/* Simple vector-like store pin, no emoji sticker glyph. */
.dj-store-pin-core{display:block;width:23px;height:23px;position:relative;border:3px solid #fff;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#176c65;box-shadow:0 4px 12px #102b2260}
.dj-store-pin-core:after{content:"";position:absolute;width:6px;height:6px;left:5px;top:5px;border-radius:50%;background:#f1f8e9}


/* Dastjoor Arcade polish 5.5.1: clear touch targets, accessible focus, premium game cards. */
.arcade-game-card{position:relative;isolation:isolate;min-height:172px}.arcade-game-card:focus-visible,.arcade-direction-pad button:focus-visible,.arcade-action-btn:focus-visible,.arcade-start-btn:focus-visible,.arcade-secondary-btn:focus-visible,.arcade-puzzle-options button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.arcade-game-card.is-selected:after{content:"انتخاب شده";position:absolute;top:10px;left:10px;z-index:4;padding:5px 9px;border-radius:99px;background:#fff;color:#5b21b6;font-size:9px;font-weight:950;box-shadow:0 5px 15px #210b3a22}.arcade-card-art{background-size:cover}.snake-art{background-image:radial-gradient(circle at 50% 50%,#ffffff40 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,#c5f4dd,#41a982 62%,#176c58)}.flyer-art{background-image:radial-gradient(circle at 50% 50%,#ffffff45 0 2px,transparent 3px),radial-gradient(circle at 30% 15%,#fff1c5,#f7a8d6 40%,#7c3aed)}.puzzle-art{background-image:radial-gradient(circle at 50% 50%,#ffffff45 0 2px,transparent 3px),radial-gradient(circle at 70% 28%,#ffe7a3,#f0abfc 43%,#6d28d9)}.arcade-machine{border-color:#d9c7f1;box-shadow:0 22px 60px #4c1d9517}.arcade-board-wrap{background:#160d29;box-shadow:inset 0 0 0 1px #ffffff28,0 22px 42px #24103938}.arcade-board-wrap canvas{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.arcade-direction-pad button{min-width:40px;min-height:40px;box-shadow:0 3px 0 #d8c5f0;cursor:pointer}.arcade-direction-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 #d8c5f0}.arcade-live-message{border:1px solid #e6d8f8}.arcade-disclaimer{max-width:1000px}.arcade-leader-card{transition:transform .2s ease,box-shadow .2s ease}.arcade-leader-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #4c1d9512}
@media(max-width:900px){.arcade-game-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arcade-game-card{grid-template-columns:1fr;grid-template-rows:110px 1fr;min-height:0}.arcade-card-art{min-height:110px}.arcade-card-art i{font-size:48px}.arcade-card-body{padding:12px}.arcade-card-body strong{font-size:14px}.arcade-card-body>span{font-size:10px}}
@media(max-width:560px){.arcade-game-select{grid-template-columns:1fr}.arcade-game-card{grid-template-columns:112px 1fr;grid-template-rows:1fr;min-height:122px}.arcade-card-art{min-height:122px}.arcade-card-body{padding:10px 12px}.arcade-card-body strong{font-size:14px}.arcade-game-card.is-selected:after{top:6px;left:6px;font-size:8px;padding:4px 7px}.arcade-board-wrap canvas{aspect-ratio:9/6}.arcade-direction-pad button{min-width:38px;min-height:38px}}
@media(prefers-reduced-motion:reduce){.arcade-hero h1 span,.arcade-float,.arcade-card-art i{animation:none!important}.arcade-game-card,.arcade-leader-card{transition:none!important}}

/* Dastjoor 6.1 arcade full-screen, player privacy and verified storefront reviews */
.arcade-profile-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center;margin:18px 0;padding:20px;border:1px solid #e5d5f8;border-radius:22px;background:linear-gradient(135deg,#fff,#f8f1ff);box-shadow:0 12px 34px #4c1d950b}.arcade-profile-panel h2{margin:5px 0;color:#4c1d95}.arcade-profile-panel p,.arcade-login-note,.arcade-touch-hint{color:#796b88;font-size:11px;line-height:1.9}.arcade-profile-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.arcade-profile-form label{display:grid;gap:5px;flex:1;min-width:150px;color:#6b557f;font-size:11px;font-weight:800}.arcade-profile-form input,.arcade-profile-form select{width:100%;min-height:42px;border:1px solid #dfd0f1;border-radius:11px;padding:9px;background:#fff;color:#38204f}.arcade-login-note{padding:12px 16px;background:#f8f3ff;border-radius:12px}.arcade-touch-hint{margin:8px 0}.arcade-overall-card{margin:16px 0;background:linear-gradient(140deg,#fff,#f8f2ff)}.arcade-my-rank{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px;border-radius:12px;background:#f1e8ff;color:#5b21b6;font-size:12px}.arcade-machine:fullscreen{width:100vw;height:100vh;overflow:auto;padding:clamp(12px,3vw,32px);border:0;border-radius:0;background:#fbf8ff}.arcade-machine:fullscreen .arcade-board-wrap{max-height:calc(100vh - 230px)}.arcade-machine:fullscreen .arcade-board-wrap canvas{max-height:calc(100vh - 260px);width:auto;max-width:100%;margin:auto;aspect-ratio:9/5}.arcade-machine:fullscreen .arcade-machine-head{position:sticky;top:0;z-index:4;background:#fbf8ff;padding:8px 0}.store-reviews{margin:34px 0 12px;padding:22px;border:1px solid #e4d9ec;border-radius:22px;background:#fff;box-shadow:0 12px 34px #25123c0a}.store-review-summary{display:grid;justify-items:center;padding:10px 18px;border-radius:14px;background:#fff7df;color:#77520a}.store-review-summary strong{font-size:25px}.store-review-summary small{font-size:10px}.store-review-form{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:end;margin:16px 0;padding:16px;border-radius:16px;background:#faf7ff}.store-review-form label{display:grid;gap:6px;color:#655176;font-size:11px;font-weight:800}.store-review-form select,.store-review-form textarea{width:100%;border:1px solid #dfd3eb;border-radius:10px;padding:10px;background:#fff;color:#352145}.store-review-form textarea{min-height:44px;resize:vertical}.store-review-form small{grid-column:1/-1;color:#9586a4;font-size:10px}.store-review-list{display:grid;gap:10px}.store-review-item{padding:14px;border:1px solid #eee7f4;border-radius:14px}.store-review-item header{display:flex;justify-content:space-between;gap:12px;color:#4b286c}.store-review-item header span{color:#e4a51a;letter-spacing:2px}.store-review-item p{margin:8px 0;color:#665a72;line-height:1.9;font-size:12px}.store-review-item small{color:#a396b1;font-size:10px}
@media(max-width:700px){.arcade-profile-panel{grid-template-columns:1fr}.arcade-profile-form{display:grid;grid-template-columns:1fr}.store-review-form{grid-template-columns:1fr}.store-review-form small{grid-column:auto}.store-reviews{padding:14px}}

.arcade-avatar-mini{display:inline-grid;place-items:center;width:23px;height:23px;margin-left:5px;border-radius:8px;background:#f2eaff;font-style:normal;font-size:14px;vertical-align:middle}


/* DastJor 7.0 — unified ecosystem gateway */
.dj-explore-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 28px;padding:17px 20px;border:1px solid #dac7f5;border-radius:18px;background:linear-gradient(110deg,#f6edff,#fff5f8 60%,#fff8e9);color:#3d176e;box-shadow:0 12px 30px #6d28d90d}.dj-explore-entry-copy{display:grid;gap:4px}.dj-explore-entry-copy strong{font-size:17px}.dj-explore-entry-copy small{color:#806b96;font-size:12px}.dj-explore-entry-link{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:12px 15px;border-radius:12px;background:linear-gradient(120deg,#6d28d9,#a21caf);color:#fff;text-decoration:none;font-size:12px;font-weight:950}.dj-explore-entry-link span{font-size:18px}.ecosystem-hero-v7{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:center;margin:20px 0 14px;padding:clamp(20px,4vw,38px);min-height:350px;border-radius:27px;border:1px solid #d9c7f4;background:linear-gradient(115deg,#211044 0%,#51208e 55%,#7e268b 100%);color:#fff;box-shadow:0 22px 55px #3b14632a;overflow:hidden}.ecosystem-hero-copy{position:relative;z-index:1}.ecosystem-kicker{display:inline-flex;color:#f0c8ff;font-weight:950;font-size:10px;letter-spacing:.8px}.ecosystem-hero-copy h1{font-size:clamp(30px,4.4vw,48px);line-height:1.55;margin:12px 0;color:#fff}.ecosystem-hero-copy h1 em{font-style:normal;color:#f9db8a}.ecosystem-hero-copy p{max-width:660px;color:#eee1ff;line-height:2.1;font-size:13px}.ecosystem-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0}.ecosystem-primary,.ecosystem-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:950}.ecosystem-primary{background:#f8dc8b;color:#35134e}.ecosystem-secondary{border:1px solid #ffffff66;color:#fff;background:#ffffff12}.ecosystem-proof-row{display:flex;gap:7px;flex-wrap:wrap}.ecosystem-proof-row span{padding:6px 9px;border-radius:99px;background:#ffffff16;color:#f3e8ff;font-size:10px}.ecosystem-hero-image{position:relative;min-height:260px;border-radius:20px;background:linear-gradient(90deg,#24104344,#24104310),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover;box-shadow:0 15px 45px #16082e66;overflow:hidden}.ecosystem-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#20103bd9,transparent 60%)}.ecosystem-hero-image span,.ecosystem-hero-image small{position:absolute;right:18px;z-index:1;color:#fff;text-shadow:0 2px 12px #0008}.ecosystem-hero-image span{bottom:42px;font-size:20px;font-weight:950}.ecosystem-hero-image small{bottom:20px;font-size:11px;color:#f6e9c6}.ecosystem-live-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 34px}.ecosystem-live-strip>div{display:grid;gap:4px;padding:15px;border-radius:15px;border:1px solid var(--line);background:var(--white);text-align:center}.ecosystem-live-strip b{color:#7c3aed;font-size:clamp(20px,3vw,28px);font-weight:1000}.ecosystem-live-strip span{color:var(--muted);font-size:11px}.ecosystem-section-head{text-align:center;margin:22px auto 18px;max-width:720px}.ecosystem-section-head h2{margin:7px 0;color:var(--ink);font-size:clamp(22px,3vw,30px)}.ecosystem-section-head p{font-size:12px;color:var(--muted);line-height:1.9}.ecosystem-grid-v7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ecosystem-card-v7{min-width:0;overflow:hidden;border-radius:19px;border:1px solid var(--line);background:var(--white);box-shadow:0 12px 30px #2612480b;transition:transform .18s,box-shadow .18s}.ecosystem-card-v7:hover{transform:translateY(-3px);box-shadow:0 17px 38px #26124818}.ecosystem-card-art{height:145px;position:relative;display:grid;place-items:center;overflow:hidden}.ecosystem-market-art{background:url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover}.ecosystem-farm-art{background:radial-gradient(circle at 35% 28%,#fef3c7 0 9%,transparent 10%),linear-gradient(130deg,#14532d,#65a30d 56%,#d9f99d)}.ecosystem-farm-art span,.ecosystem-farm-art i,.ecosystem-farm-art b{position:absolute;display:grid;place-items:center;width:75px;height:75px;border:1px solid #ffffff66;border-radius:22px;background:#ffffffdd;box-shadow:0 10px 25px #183e1d44;font-size:42px;font-style:normal}.ecosystem-farm-art span{right:19%;top:18px;transform:rotate(-9deg)}.ecosystem-farm-art i{left:19%;top:41px;transform:rotate(8deg)}.ecosystem-farm-art b{right:43%;bottom:-23px;transform:rotate(-6deg)}.ecosystem-nearby-art{background:radial-gradient(circle at center,#a5f3fc 0 4%,transparent 5%),linear-gradient(140deg,#123a67,#2563a9 55%,#7dd3fc)}.ecosystem-map-pin{font-size:72px;color:#fee08a;text-shadow:0 5px 20px #082f49}.ecosystem-nearby-art i,.ecosystem-nearby-art b{position:absolute;padding:7px 10px;border-radius:10px;background:#ffffffdf;color:#163c65;font-style:normal;font-size:11px;font-weight:900}.ecosystem-nearby-art i{bottom:15px;right:13px}.ecosystem-nearby-art b{top:14px;left:13px}.ecosystem-needs-art{background:linear-gradient(135deg,#0f5360,#159a8c 55%,#b0e4c9);color:#fff}.ecosystem-needs-art span{font-size:90px;font-weight:900;line-height:1}.ecosystem-needs-art i{position:absolute;bottom:15px;right:15px;font-style:normal;font-weight:900;font-size:12px}.ecosystem-recycle-art{background:linear-gradient(135deg,#14532d,#16a34a 60%,#bbf7d0);color:#fff}.ecosystem-recycle-art span{font-size:82px;text-shadow:0 8px 22px #0c382b66}.ecosystem-recycle-art i{position:absolute;bottom:14px;right:14px;padding:6px 10px;border-radius:99px;background:#ffffffdf;color:#14532d;font-size:11px;font-style:normal;font-weight:900}.ecosystem-kids-art{background:url('/static/images/dastjor-kids-bazaar.webp') center 43%/cover}.ecosystem-ai-art{background:radial-gradient(circle at 50% 45%,#9333ea,#312e81 62%,#101735);color:#fff}.ecosystem-ai-art span{display:grid;place-items:center;width:90px;height:90px;border-radius:30px;background:#ffffff1c;border:1px solid #ffffff66;color:#f5d0fe;font-size:62px;box-shadow:0 0 45px #c084fc88}.ecosystem-ai-art b,.ecosystem-affiliate-art b{position:absolute;bottom:13px;right:14px;color:#fff;font-size:11px;letter-spacing:1px}.ecosystem-affiliate-art{background:linear-gradient(130deg,#6d28d9,#9333ea 60%,#f0abfc);color:#fff}.ecosystem-affiliate-art span{font-size:88px;font-weight:950;text-shadow:0 8px 20px #3b076466}.ecosystem-card-body{padding:15px;display:grid;gap:8px}.ecosystem-tag{color:#8b5cf6;font-size:10px;font-weight:950}.ecosystem-card-body h3{margin:0;color:var(--ink);font-size:15px;line-height:1.7}.ecosystem-card-body p{margin:0;color:var(--muted);font-size:11px;line-height:2;min-height:66px}.ecosystem-card-meta{display:flex;gap:7px;flex-wrap:wrap}.ecosystem-card-meta span{padding:5px 7px;border-radius:8px;background:var(--bg-secondary);color:var(--muted);font-size:9px;font-weight:800}.ecosystem-card-body>a{display:inline-flex;align-items:center;justify-content:flex-start;padding-top:8px;border-top:1px solid var(--line);color:#7c3aed;text-decoration:none;font-size:12px;font-weight:950}.ecosystem-bottom-note{margin:22px 0 35px;padding:17px 19px;border:1px solid #d9c7f4;border-radius:16px;background:linear-gradient(110deg,#f7f0ff,#fff9f0);color:#46206d}.ecosystem-bottom-note b{font-size:14px}.ecosystem-bottom-note p{margin:5px 0 0;color:#78658d;font-size:11px;line-height:1.9}
@media(max-width:1000px){.ecosystem-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dj-explore-entry{align-items:flex-start;flex-direction:column}.dj-explore-entry-link{width:100%}.ecosystem-hero-v7{grid-template-columns:1fr;padding:19px;min-height:0}.ecosystem-hero-image{min-height:190px;order:-1}.ecosystem-hero-copy h1{font-size:34px}.ecosystem-live-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}.ecosystem-grid-v7{grid-template-columns:1fr}.ecosystem-card-art{height:170px}.ecosystem-card-body p{min-height:0}}

/* DastJor 7.1 — natural, accessible marketplace presentation */
:root{--ink:#26332d;--paper:#f6f5ef;--bg:#f6f5ef;--white:#fffefa;--line:#e5e2d8;--muted:#747b72;--green:#55765c;--green-dark:#355640;--orange:#c77942;--bg-secondary:#f0efe8}
html,body{background:var(--paper);color:var(--ink)}
.topbar{background:rgba(255,254,250,.96);border-bottom:1px solid #e5e2d8;box-shadow:0 4px 18px rgba(38,51,45,.045)}
.brand strong{color:#355640}.brand small{color:#81867d}.mainnav a{color:#46554b}.mainnav a:hover,.mainnav a:focus-visible{color:#355640;background:#edf1e9}.navcta{background:#456d50!important;color:#fff!important}
.ecosystem-hero-v7{background:linear-gradient(115deg,#263e31 0%,#3c5c46 58%,#65785b 100%);border:1px solid #526a55;box-shadow:0 18px 42px rgba(38,62,49,.13)}
.ecosystem-kicker{color:#e8d9b6}.ecosystem-hero-copy h1 em{color:#e8d9b6}.ecosystem-hero-copy p{color:#edf0e8}.ecosystem-primary{background:#e8d9b6;color:#263e31}.ecosystem-secondary{border-color:#ffffff75;background:#ffffff0c}.ecosystem-proof-row span{background:#ffffff14;color:#f1f2e9}
.ecosystem-live-strip>div{border-color:#e5e2d8;background:#fffefa;box-shadow:0 5px 18px rgba(38,51,45,.035)}.ecosystem-live-strip b{color:#456d50}
.ecosystem-card-v7{border:1px solid #e5e2d8;border-radius:16px;background:#fffefa;box-shadow:0 5px 20px rgba(38,51,45,.045)}.ecosystem-card-v7:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(38,51,45,.09)}
.ecosystem-card-art{height:132px;background-color:#e9e8df;background-image:linear-gradient(135deg,rgba(65,91,68,.08),rgba(203,151,100,.12))!important}
.ecosystem-market-art{background-image:url('/static/images/dastjor-market-hero-88.webp?v=10.13.0')!important;background-position:center 48%;background-size:cover!important}
.ecosystem-kids-art{background-image:url('/static/images/dastjor-kids-bazaar.webp?v=10.13.0')!important;background-position:center 45%;background-size:cover!important}
.ecosystem-farm-art{background-image:linear-gradient(120deg,#dfe8d8,#b7c8a6 55%,#e9e3ce)!important}
.ecosystem-nearby-art{background-image:linear-gradient(120deg,#dce6e0,#c5d2c7 55%,#e8e4d9)!important}
.ecosystem-needs-art{background-image:linear-gradient(120deg,#e5e9e1,#d2ddd1 55%,#eee8db)!important;color:#46624d}
.ecosystem-recycle-art{background-image:linear-gradient(120deg,#dce7db,#b9cfb6 55%,#e9ecdf)!important;color:#456d50}
.ecosystem-ai-art{background-image:linear-gradient(120deg,#e5e7df,#d6ddd3 55%,#eee8dc)!important;color:#4d6251}
.ecosystem-affiliate-art{background-image:linear-gradient(120deg,#e8e0d4,#d9d4c4 55%,#eee7d9)!important;color:#5c624d}
.ecosystem-farm-art span,.ecosystem-farm-art i,.ecosystem-farm-art b,.ecosystem-nearby-art i,.ecosystem-nearby-art b,.ecosystem-ai-art span{display:none!important}
.ecosystem-needs-art span,.ecosystem-needs-art i,.ecosystem-recycle-art span,.ecosystem-recycle-art i,.ecosystem-affiliate-art span,.ecosystem-ai-art b{display:none!important}
.ecosystem-card-body{padding:16px;gap:8px}.ecosystem-tag{color:#648069}.ecosystem-card-body h3{color:#29382f;font-weight:850}.ecosystem-card-body p{color:#747b72}.ecosystem-card-meta span{background:#f1f1e9;color:#667165;border:1px solid #e7e6dc}.ecosystem-card-body>a{color:#466b50;border-color:#ecebe3}
.ecosystem-bottom-note{background:#f0f1e9;border-color:#dce2d7;color:#3d5542}.ecosystem-bottom-note p{color:#657364}
.arcade-ecosystem-shortcuts{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:18px;align-items:center;margin:18px 0 24px;padding:20px;border:1px solid #e2e2d8;border-radius:18px;background:#fffefa;box-shadow:0 6px 20px rgba(38,51,45,.04)}
.arcade-ecosystem-shortcuts h2{margin:5px 0;color:#304336;font-size:20px}.arcade-ecosystem-shortcuts p{margin:0;color:#737b72;font-size:12px;line-height:2}.arcade-ecosystem-shortcuts nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arcade-ecosystem-shortcuts nav a{display:grid;gap:4px;padding:12px;border-radius:12px;border:1px solid #e8e7de;background:#f8f8f3;text-decoration:none;color:#415947;transition:background .15s,border-color .15s}.arcade-ecosystem-shortcuts nav a:hover{background:#edf2eb;border-color:#cbd8c9}.arcade-ecosystem-shortcuts nav b{font-size:12px}.arcade-ecosystem-shortcuts nav small{font-size:10px;color:#788176;line-height:1.6}
.store-banner-new{background:#f5f4ed!important;border:1px solid #e4e2d7!important;box-shadow:0 10px 28px rgba(38,51,45,.045)!important;color:#26332d!important}.store-banner-new h1,.store-banner-new .store-headline h1{color:#28382e!important}.store-banner-new p,.store-banner-new .store-meta{color:#69736a!important}.store-banner-new .eyebrow{color:#648069!important}.store-theme{background:transparent!important}
.storefront-intro-natural{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:20px 22px;border:1px solid #e4e2d8;border-radius:16px;background:#fffefa}.storefront-intro-natural h2{margin:4px 0;color:#2d4033;font-size:20px}.storefront-intro-natural p{max-width:760px;margin:0;color:#757c72;font-size:12px;line-height:2}.storefront-category-label{flex:0 0 auto;padding:8px 13px;border-radius:99px;background:#edf1e9;color:#48644e;font-size:11px;font-weight:800}
.storefront-view-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0;padding:12px 14px;border:1px solid #e4e2d8;border-radius:14px;background:#fffefa}.storefront-view-options>span{margin-left:auto;color:#536355;font-size:12px;font-weight:850}.storefront-view-options button{border:1px solid #d9ddd4;border-radius:10px;padding:9px 12px;background:#f6f6f0;color:#59685b;font:inherit;font-size:11px;cursor:pointer}.storefront-view-options button.is-active{background:#456d50;border-color:#456d50;color:white}.storefront-view-options small{width:100%;color:#82877e;font-size:10px}.store3d-optional{margin:14px 0;padding:12px;border:1px dashed #cfd6ca;border-radius:16px;background:#f5f5ef}.store3d-optional[hidden]{display:none!important}.store3d-canvas-wrap{min-height:300px;border-radius:12px;overflow:hidden;background:#e7e7df}.store3d-help{color:#777e74!important}
.product-card{background:#fffefa!important;border:1px solid #e6e4db!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(38,51,45,.04)!important}.product-card:hover{box-shadow:0 12px 28px rgba(38,51,45,.09)!important}.product-card .product-body b{color:#2e3c32}.product-card .product-bottom strong{color:#456d50}.product-card .category-pill{background:#edf1e9!important;color:#4b674f!important}
.nearby-hero-v52{background:linear-gradient(120deg,#f1f2e9,#e4e9df)!important;border:1px solid #dce2d7!important;color:#2e4033!important}.nearby-hero-v52 h1{color:#2d4033!important}.nearby-hero-v52 p{color:#69766a!important}.nearby-radar-art{background:linear-gradient(145deg,#dce6d9,#c8d6c8)!important;box-shadow:none!important}.radar-ring{border-color:#8ca88c!important}.nearby-scan-panel,.nearby-view-toolbar,.nearby-results-panel{background:#fffefa!important;border-color:#e4e3d9!important;box-shadow:0 5px 20px rgba(38,51,45,.04)!important}.nearby-scan-btn{background:#456d50!important}.map-mode-toggle button[aria-pressed=true]{background:#456d50!important;color:#fff!important}.nearby-map-stage{border:1px solid #dfe2d9!important;border-radius:16px!important;overflow:hidden;background:#ecefe8}.nearby-3d-info{background:#f1f2e9!important;color:#606c60!important}.nearby-v52-card{background:#fffefa!important;border-color:#e8e6dd!important}.nearby-v52-avatar{background:#e7eee4!important;color:#456d50!important}
@media(max-width:760px){.arcade-ecosystem-shortcuts{grid-template-columns:1fr;padding:15px}.arcade-ecosystem-shortcuts nav{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-intro-natural{align-items:flex-start;flex-direction:column;padding:16px}.storefront-view-options>span{width:100%;margin:0}.storefront-view-options small{line-height:1.8}.store3d-canvas-wrap{min-height:220px}}
/* Category-aware accents only; product photography always remains seller supplied. */
.store-theme[data-store-category*="میوه"],.store-theme[data-store-category*="باغ"]{--store-category-accent:#66835d}
.store-theme[data-store-category*="زیور"],.store-theme[data-store-category*="اکسسوری"],.store-theme[data-store-category*="پوشاک"]{--store-category-accent:#a97855}
.store-theme[data-store-category*="الکترونیک"],.store-theme[data-store-category*="موبایل"],.store-theme[data-store-category*="کامپیوتر"]{--store-category-accent:#647d8b}
.storefront-category-label{border-right:3px solid var(--store-category-accent,#66835d)}
/* Arcade surfaces follow the same calm brand palette; game canvas itself remains high-contrast. */
.arcade-hero{background:linear-gradient(118deg,#304a38 0%,#50674d 58%,#8b775b 100%)!important;box-shadow:0 18px 42px rgba(38,62,49,.14)!important;border:1px solid #60725a}.arcade-hero .arcade-kicker{color:#e8d9b6!important}.arcade-hero h1{color:#fff!important}.arcade-hero p{color:#eef0e8!important}.arcade-hero-pills span{border-color:#ffffff45;background:#ffffff12;color:#f8f7ef}.arcade-orbit{border-color:#f2ead255}.arcade-float{background:#f7f5ed!important;box-shadow:0 12px 24px rgba(28,41,31,.22)!important}.arcade-hero-platform{border-color:#ffffff55;background:#ffffff16;box-shadow:0 15px 30px rgba(28,41,31,.2)}.arcade-hero-platform small{color:#e8d9b6!important}
.arcade-game-card{border-color:#e5e3d9!important;background:#fffefa!important;color:#314236!important;box-shadow:0 6px 18px rgba(38,51,45,.045)!important}.arcade-game-card.is-selected{border:2px solid #68856a!important;box-shadow:0 10px 24px rgba(69,109,80,.12)!important}.arcade-game-card.is-selected:after{color:#3f6348!important;background:#f2f5ed!important}.arcade-card-body small{color:#7a8a76!important}.arcade-card-body strong{color:#314b38!important}.arcade-card-body>span{color:#747d72!important}.arcade-play-hint{color:#486e50!important}.snake-art{background:linear-gradient(140deg,#e0eadc,#b7c9b1 58%,#8fa78c)!important}.flyer-art{background:linear-gradient(140deg,#eee9d9,#d6dfdc 58%,#aebfb8)!important}.puzzle-art{background:linear-gradient(140deg,#e8e3d5,#d8d8c8 58%,#b8c3b0)!important}.arcade-card-art:before,.arcade-card-art:after{border-color:#ffffff7a}.arcade-card-art i{filter:drop-shadow(0 4px 6px rgba(25,37,28,.2))}.arcade-live-message{border-color:#dfe5da!important;background:#f6f7f1!important;color:#4e644f!important}


/* DastJor 8.0 — clear, warm, accessible visual layer */
:root{--dj8-ink:#182b27;--dj8-muted:#53645d;--dj8-paper:#f7f8f3;--dj8-green:#18594b;--dj8-lime:#d9edaa;--dj8-line:#dce5dc}
body{color:var(--dj8-ink)}
.dj-hero{background:linear-gradient(110deg,#153e36 0%,#1b6555 58%,#337b65 100%);box-shadow:0 18px 46px #153e361c}
.dj-hero h1,.dj-hero h1 em{color:#fff}.dj-hero h1 em{color:#e3f3bd}.dj-hero-content>p{color:#f0f7f2}.dj-hero-badge{color:#f4ffe9;background:#ffffff18;border-color:#ffffff55}
.dj-hero .dj-btn-primary{background:#e0f0b5;color:#173b32}.dj-hero .dj-btn-secondary{background:#ffffff16;border-color:#ffffff90;color:#fff}
.dj-explore-entry{border-color:#d6e3d8;background:#fff;color:#183b32;box-shadow:0 9px 25px #183b320b}.dj-explore-entry-copy strong{color:#183b32}.dj-explore-entry-copy small{color:#53645d}.dj-explore-entry-link{background:#18594b;color:#fff}
.dj-section-head h2,.farm-home-head h2{color:#182b27}.dj-section-subtitle,.dj-section-head p{color:#53645d}.dj-store-card,.dj-ecosystem-card,.dj-product-card{border-color:#dce5dc;box-shadow:0 8px 24px #183b320a}.dj-store-body b,.dj-product-body b,.dj-ecosystem-card h3{color:#182b27}.dj-store-body small,.dj-product-body small,.dj-ecosystem-card p{color:#53645d}.dj-store-action,.dj-ecosystem-card a,.dj-link{color:#18594b}
.dj-ecosystem-grid{gap:14px}.dj-ecosystem-card{background:#fff;border-radius:18px}.dj-ecosystem-card:nth-child(n){background:#fff}.dj-ecosystem-number{background:#eaf2e8;color:#18594b}.dj-commission-example{background:#f4f7ed;border-color:#dce8ca;color:#263c30}.dj-commission-example strong{color:#18594b}.dj-commission-example p{color:#53645d}
.dj-missions{margin:24px 0 34px;padding:clamp(18px,3vw,28px);border:1px solid #dce5dc;border-radius:22px;background:linear-gradient(145deg,#fbfcf8,#f0f5ed)}.dj-missions-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}.dj-missions-head h2{margin:6px 0;color:#182b27;font-size:clamp(21px,3vw,29px)}.dj-missions-head p{margin:0;color:#53645d;font-size:12px;line-height:1.9}.dj-missions-all{color:#18594b;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.dj-missions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dj-mission-card{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;padding:15px;border:1px solid #dce5dc;border-radius:15px;background:#fff;min-width:0}.dj-mission-no{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9f1e7;color:#18594b;font-size:12px;font-weight:950}.dj-mission-card b{color:#182b27;font-size:13px}.dj-mission-card p{margin:5px 0 0;color:#53645d;font-size:11px;line-height:1.85}.dj-mission-card>a{grid-column:2;color:#18594b;font-size:11px;font-weight:950;text-decoration:none;padding-top:8px;border-top:1px solid #edf1eb}.dj-mission-card>a:hover,.dj-missions-all:hover{text-decoration:underline}
@media(max-width:850px){.dj-missions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dj-missions-head{align-items:flex-start;flex-direction:column}.dj-missions-grid{grid-template-columns:1fr}.dj-mission-card{padding:13px}.dj-hero-inner{padding:20px}.dj-hero h1{font-size:clamp(29px,8vw,36px)}}
:focus-visible{outline:3px solid #d28a37!important;outline-offset:3px}


/* ---- preserved cascade: static/v81.css ---- */

.dj-unified-search{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(90px,130px) auto auto;gap:8px;align-items:center;background:var(--card,#fff);border:1px solid var(--line,#dfe7e2);border-radius:18px;padding:10px;max-width:760px;margin:20px 0 12px;box-shadow:0 10px 35px rgba(20,55,45,.08)}
.dj-unified-search>span{font-size:24px;color:#1c6b58}.dj-unified-search input{min-width:0;width:100%;border:1px solid var(--line,#dfe7e2);border-radius:11px;padding:12px;background:var(--surface,#fff);color:var(--text,#18332d)}.dj-unified-search button{border:0;border-radius:11px;padding:12px 16px;background:#17644f;color:#fff;font-weight:800;cursor:pointer}.dj-unified-search .dj-voice-search{background:#edf5f0;color:#1b5e4a;font-size:18px;padding:10px}.dj-unified-search small{grid-column:1/-1;color:#9b5b29;min-height:1em}.dj-search-page{max-width:900px}.dj-page-hero{margin:22px 0;padding:clamp(22px,4vw,42px);border-radius:24px;background:linear-gradient(135deg,#edf6f0,#f6f3e9);border:1px solid #dce9df;color:#173e33}.dj-page-hero h1{font-size:clamp(1.7rem,4vw,2.6rem);margin:10px 0}.dj-page-hero p{max-width:850px;line-height:2;color:#536b61}.dj-label{font-size:.75rem;font-weight:900;letter-spacing:.04em;color:#24745d}.dj-pulse-city-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:18px}.dj-pulse-city-form label{display:grid;gap:6px}.dj-pulse-city-form input{padding:11px 14px;border:1px solid #cbdad0;border-radius:10px;min-width:200px}.dj-pulse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.dj-pulse-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line,#dfe7e2);border-radius:16px;background:var(--card,#fff);color:var(--text,#18332d);text-decoration:none;min-width:0}.dj-pulse-card span,.dj-pulse-card small{color:var(--muted,#60746c);line-height:1.8}.dj-pulse-card strong{font-size:1.65rem;color:#17644f}.dj-result-heading{margin:28px 0 12px;color:var(--text,#18332d)}.dj-community-note{margin:20px 0;padding:18px 20px;border-right:4px solid #d49b46;background:#fff9ed;border-radius:12px;color:#57452c;line-height:1.9}.dj-community-note p{margin:6px 0 0}.dj-mission-progress{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.dj-mission-progress strong{font-size:1.6rem;color:#17644f}.dj-mission-progress>div{height:9px;flex-basis:100%;background:#dce8df;border-radius:20px;overflow:hidden}.dj-mission-progress i{display:block;height:100%;background:#218061;border-radius:20px}.dj-mission-list,.dj-notice-list{display:grid;gap:10px;margin:20px 0}.dj-mission-row,.dj-notice-row,.dj-admin-review{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line,#dfe7e2);border-radius:14px;background:var(--card,#fff);color:var(--text,#18332d)}.dj-mission-row p,.dj-notice-row p{margin:5px 0;color:var(--muted,#60746c);line-height:1.8}.dj-mission-check{font-size:1.5rem;color:#8a9b91}.dj-mission-row.is-done .dj-mission-check{color:#197653}.dj-notice-row{display:block;text-decoration:none}.dj-notice-row.unread{border-right:4px solid #278264;background:#f2f8f4}.dj-notice-row small{color:var(--muted,#60746c)}.dj-store-share-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:18px;border:1px solid var(--line,#dfe7e2);border-radius:18px;background:var(--card,#fff)}.dj-store-share-card h2{margin:7px 0}.dj-store-share-card p{color:var(--muted,#60746c);line-height:1.8}.dj-store-share-card img{width:148px;height:148px;object-fit:contain;border:1px solid #e4e9e5;border-radius:12px;padding:8px}.dj-store-share-card .btn{margin:4px}.dj-admin-review{align-items:flex-start;margin:12px 0}.dj-admin-review>div:first-child{flex:1;min-width:0}.dj-admin-review span,.dj-admin-review small{display:block;color:var(--muted,#60746c);margin-top:5px}.dj-admin-review p{line-height:1.8;overflow-wrap:anywhere}.dj-admin-review form{display:grid;gap:7px;min-width:190px;margin-top:8px}.dj-admin-review input,.dj-admin-review select{max-width:240px;padding:8px;border:1px solid var(--line,#dfe7e2);border-radius:8px}.dj-hero .dj-hero-content{min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.dj-unified-search{grid-template-columns:auto 1fr auto}.dj-unified-search input[name=city]{grid-column:2/3}.dj-unified-search>button[type=submit]{grid-column:3}.dj-store-share-card{align-items:flex-start;flex-direction:column}.dj-admin-review{flex-direction:column}.dj-admin-review form{width:100%}.dj-admin-review input,.dj-admin-review select{max-width:100%}}


/* 8.1.1 UX simplification: grouped navigation and one clear first step. */
.mainnav{gap:12px;margin-right:auto;font-size:12px;flex-wrap:nowrap}
.mainnav>a{white-space:nowrap}
.mainnav .nav-ai-cta{padding:10px 14px;border-radius:12px;background:#17644f;color:#fff!important;box-shadow:0 6px 16px rgba(23,100,79,.16)}
.nav-dropdown{position:relative;flex:0 0 auto}
.nav-dropdown>summary{list-style:none;cursor:pointer;white-space:nowrap;padding:9px 11px;border:1px solid var(--line,#dfe7e2);border-radius:11px;color:var(--ink,#18332d);background:var(--white,#fff)}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary:after{content:'⌄';margin-right:7px;color:var(--muted,#60746c)}
.nav-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-right:5px;border-radius:20px;background:#eaf4ee;color:#17644f;font-size:10px}
.nav-dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1800;display:none;min-width:220px;max-height:min(70vh,520px);overflow:auto;padding:7px;border:1px solid var(--line,#dfe7e2);border-radius:14px;background:var(--white,#fff);box-shadow:0 18px 48px rgba(12,35,25,.16)}
.nav-dropdown[open]>.nav-dropdown-panel{display:grid;gap:2px}
.mainnav .nav-dropdown-panel a{display:block;padding:10px 11px;border-radius:9px;white-space:nowrap;color:var(--ink,#18332d);border:0}
.mainnav .nav-dropdown-panel a:hover{background:var(--bg-secondary,#f2f6f3);color:#17644f}
.dj-home-search{grid-template-columns:minmax(0,1fr) minmax(120px,170px) auto;max-width:760px}
.dj-home-search input{min-width:0;width:100%;border:1px solid var(--line,#dfe7e2);border-radius:11px;padding:13px;background:var(--surface,#fff);color:var(--text,#18332d)}
.dj-home-ai-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 4px;color:rgba(255,255,255,.85);font-size:12px}
.dj-home-ai-line>span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.14);font-size:16px}
.dj-home-ai-line a{color:#ffd6a8;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.dj-home-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;color:rgba(255,255,255,.86);font-size:12px}
.dj-home-stats b{font-size:17px;color:#fff;margin-left:4px}
.dj-home-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.dj-home-path{display:grid;gap:6px;padding:19px;border:1px solid var(--line,#dfe7e2);border-radius:17px;background:var(--white,#fff);color:var(--ink,#18332d);text-decoration:none;box-shadow:0 7px 24px rgba(22,52,39,.045);transition:transform .16s,box-shadow .16s}
.dj-home-path:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(22,52,39,.09)}
.dj-home-path>span{font-size:25px}.dj-home-path b{font-size:15px}.dj-home-path small{font-size:11px;color:var(--muted,#60746c);line-height:1.8}
.dj-home-data-section{margin:30px 0}.dj-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.dj-home-section-head h2{margin:5px 0;color:var(--ink,#18332d)}.dj-home-section-head p{margin:0;color:var(--muted,#60746c);font-size:12px}
.dj-home-empty,.dj-home-more,.dj-home-seller-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px 0;padding:22px;border:1px solid var(--line,#dfe7e2);border-radius:18px;background:var(--white,#fff)}
.dj-home-empty h2,.dj-home-more h2{margin:5px 0}.dj-home-empty p,.dj-home-more p,.dj-home-seller-cta p{margin:4px 0;color:var(--muted,#60746c);font-size:12px;line-height:1.9}
.dj-home-seller-cta{justify-content:flex-start;flex-wrap:wrap;background:#f4f7f2}.dj-home-seller-cta>div{flex:1;min-width:220px}.dj-home-seller-cta>div>b{font-size:16px}.dj-home-seller-cta .dj-btn-secondary{color:#1b4d3e;border-color:#cbded2;background:#fff}
.dj-explore-community{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:22px;border:1px solid #dce8df;border-radius:18px;background:#f5f8f4;color:#193b30}
.dj-explore-community h2{margin:5px 0}.dj-explore-community p{margin:0;color:#61736a;line-height:1.9;font-size:12px}.dj-explore-community-actions{display:flex;gap:9px;flex-wrap:wrap}.dj-explore-community-actions a{padding:10px 12px;border:1px solid #d7e4db;border-radius:10px;background:#fff;color:#1b5e4a;text-decoration:none;font-size:12px;font-weight:800}
@media(max-width:1050px){.mainnav{gap:7px;font-size:11px}.mainnav .nav-ai-cta{padding:8px 10px}.navwrap{gap:12px}}
@media(max-width:760px){
 .mainnav{gap:0;font-size:13px}.mainnav>a{padding:11px 12px;border-bottom:1px solid var(--border)}
 .mainnav .nav-ai-cta{margin:9px 8px;padding:12px;text-align:center;border:0}
 .nav-dropdown{width:100%;border-bottom:1px solid var(--border)}.nav-dropdown>summary{display:block;border:0;border-radius:0;background:transparent;padding:12px;color:var(--text-primary)}
 .nav-dropdown-panel,.nav-dropdown[open]>.nav-dropdown-panel{position:static;min-width:0;max-height:none;overflow:visible;padding:2px 10px 10px;border:0;border-radius:0;background:var(--bg-secondary);box-shadow:none}
 .mainnav .nav-dropdown-panel a{white-space:normal;padding:10px 12px;border-bottom:1px solid var(--border)}
 .dj-home-search{grid-template-columns:minmax(0,1fr) auto}.dj-home-search input[name="city"]{grid-column:1/2}.dj-home-search button{grid-column:2;grid-row:2}
 .dj-home-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dj-home-path{padding:14px}.dj-home-path b{font-size:13px}
 .dj-home-section-head,.dj-home-empty,.dj-home-more,.dj-explore-community{align-items:flex-start;flex-direction:column}
 .dj-home-empty .dj-btn-primary,.dj-home-more .dj-btn-primary{width:100%;text-align:center}
 .dj-home-seller-cta{align-items:stretch}.dj-home-seller-cta .dj-btn-secondary{flex:1}
 .dj-home-stats{gap:12px}.dj-home-stats b{font-size:15px}
}


/* ---- preserved cascade: static/dastjor-8.3.css ---- */

/* DastJor 8.3.0 — live city service navigation and mobile-first storefront discovery */
.dj-live-services{margin:clamp(26px,4vw,52px) 0;padding:clamp(18px,3vw,30px);border:1px solid rgba(29,103,77,.13);border-radius:28px;background:linear-gradient(145deg,#f3faf5,#fff9ef 62%,#f7f3ff)}
.dj-live-services-head{text-align:center;max-width:700px;margin:0 auto 22px}.dj-live-services-head>span{font-size:.78rem;font-weight:900;color:#287454}.dj-live-services-head h2{margin:7px 0;font-size:clamp(23px,3vw,34px);color:#173d31}.dj-live-services-head p{margin:0;color:#60736a;line-height:1.9;font-size:.92rem}
.dj-live-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dj-live-service{position:relative;display:flex;min-height:220px;flex-direction:column;align-items:flex-start;padding:20px;border-radius:22px;color:#18392e;text-decoration:none;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 28px rgba(30,55,42,.06);transition:transform .2s,box-shadow .2s}.dj-live-service:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(30,55,42,.12)}.dj-service-market{background:linear-gradient(145deg,#e1f4e8,#fff)}.dj-service-recycle{background:linear-gradient(145deg,#e0f4ec,#f7fff9)}.dj-service-farm{background:linear-gradient(145deg,#fff0d8,#fffaf0)}.dj-service-games{background:linear-gradient(145deg,#eee6ff,#fff6fb)}.dj-service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffffc9;font-size:25px;margin-bottom:14px}.dj-live-service small{font-size:.72rem;font-weight:800;opacity:.72}.dj-live-service>b{font-size:1.25rem;margin:3px 0 6px}.dj-live-service p{font-size:.83rem;line-height:1.85;margin:0 0 14px;color:#52685d}.dj-live-service i{font-style:normal;font-size:.8rem;font-weight:900;margin-top:auto;color:#176747}
@media(max-width:900px){.dj-live-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dj-live-services{padding:14px;border-radius:20px}.dj-live-services-grid{gap:9px}.dj-live-service{min-height:205px;padding:13px;border-radius:17px}.dj-live-service>b{font-size:1.05rem}.dj-live-service p{font-size:.76rem;line-height:1.75}.dj-service-icon{width:40px;height:40px;font-size:22px;margin-bottom:10px}}
@media(max-width:760px){.navwrap{position:relative;display:flex;align-items:center}.mobile-menu-toggle{margin:0!important;position:absolute!important;left:0;top:12px;z-index:1002}.brand{order:0;margin-left:54px}.logoutform{order:1;margin-right:auto}.mainnav{position:absolute!important;z-index:1001;top:calc(100% + 7px);left:0;right:0;width:100%!important;max-height:calc(100vh - 90px);overflow:auto;padding:10px!important;border:1px solid #dce9df;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(15,45,30,.2);backdrop-filter:blur(18px)}.mainnav.is-open{display:flex!important}.mainnav>a{padding:13px 14px!important;border-bottom:1px solid #edf1ed!important;font-weight:800}.mainnav>a:first-child{border-radius:12px 12px 0 0}.mainnav .navcta{margin-top:8px}.topbar{z-index:1000}.mobile-menu-toggle[aria-expanded=true]{background:#e5f3e9;border-color:#8ab99a}.mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu-toggle span{transition:transform .18s,opacity .18s}}
.arcade-game-card{cursor:pointer}.arcade-card-art{position:relative;overflow:hidden}.arcade-card-art small{position:absolute;right:12px;bottom:10px;font-size:10px;letter-spacing:2px;font-weight:900;color:#fff9}.arcade-machine:fullscreen{background:#170d2b;padding:clamp(12px,3vw,32px);overflow:auto;display:flex;flex-direction:column;justify-content:center}.arcade-machine:fullscreen .arcade-board-wrap{width:min(100%,1200px);margin:0 auto}.arcade-machine:fullscreen #arcadeCanvas{max-height:70vh;width:auto;max-width:100%;margin:auto;display:block}.arcade-machine:fullscreen .arcade-machine-head{width:min(100%,1200px);margin:0 auto 12px;color:#fff}


/* ---- preserved cascade: static/dastjor-8.4.css ---- */

/* DASTJOR 8.4 ecosystem visual refresh */
.dj-home-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 42px}
.dj-home-path{position:relative;display:flex;min-height:176px;flex-direction:column;justify-content:flex-end;gap:8px;padding:20px;border-radius:22px;overflow:hidden;color:#fff!important;text-decoration:none;background:#173c35;box-shadow:0 12px 30px #142f251c;isolation:isolate;transition:transform .2s,box-shadow .2s}
.dj-home-path:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .35s}
.dj-home-path:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071b19ed 0%,#071b1980 58%,#071b1910 100%)}
.dj-home-path:hover{transform:translateY(-4px);box-shadow:0 18px 38px #142f2530}.dj-home-path:hover:before{transform:scale(1.06)}
.dj-home-path b{font-size:1.2rem}.dj-home-path small{color:#f1f6f2;font-size:.88rem}.dj-home-path em{font-style:normal;color:#baf3dc;font-weight:800;font-size:.82rem;margin-top:4px}
.path-market:before{background-image:url('/static/images/dastjor-market-hero.webp')}.path-farm:before{background-image:linear-gradient(135deg,#386e42,#a4b96b 48%,#263f2d)}.path-nearby:before{background-image:linear-gradient(135deg,#225b72,#398f91 52%,#182e4a)}.path-needs:before{background-image:linear-gradient(135deg,#57417c,#a46c9b 55%,#2b385e)}
.dj-home-discovery{margin:42px 0}.dj-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dj-discovery-card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:22px;border:1px solid #dce7e1;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f8f5);color:#183b31;text-decoration:none;box-shadow:0 8px 22px #183b310b;transition:.2s}.dj-discovery-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #183b3118}.dj-discovery-card>span{font-size:1.8rem}.dj-discovery-card>b{font-size:1.08rem}.dj-discovery-card>small{font-size:.88rem;line-height:1.9;color:#52665e}
.dj-home-ai-line{display:flex;align-items:center;gap:9px}.dj-home-ai-line img{width:30px;height:30px;border-radius:9px}.ecosystem-ai-art img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 16px #1115)}
.recycle-visual-photo{border-radius:26px;background:linear-gradient(135deg,#0d4739,#277d62 55%,#a2c875);padding:24px}.recycle-visual-photo img{max-width:100%;filter:drop-shadow(0 16px 24px #001b1640)}
.ai-fab-icon img,.ai-panel-orb img,.ai-msg-avatar img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.ai-fab-icon,.ai-panel-orb,.ai-msg-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden}
@media(max-width:900px){.dj-home-paths,.dj-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-home-path{min-height:150px}}
@media(max-width:520px){.dj-home-paths,.dj-discovery-grid{grid-template-columns:1fr}.dj-home-path{min-height:132px}.dj-discovery-card{min-height:unset}.dj-home-ai-line{flex-wrap:wrap}}


/* ---- preserved cascade: static/dastjor-community.css ---- */

/* DastJor 8.7 — integrated local social layer */
.path-community:before{background-image:linear-gradient(135deg,#244d69,#427f91 52%,#253a57)}
.dj-community-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);margin:1rem 0 2rem;border-radius:28px;color:#f5fbf8;background:radial-gradient(circle at 85% 10%,#b6e9dc3d,transparent 32%),linear-gradient(125deg,#123e36,#1f6b5a 58%,#314c6b)}
.dj-community-hero h1{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.55;margin:.4rem 0}.dj-community-hero h1 em{font-style:normal;color:#c7f3d8}.dj-community-hero p{max-width:680px;line-height:2;color:#e0eee7}.dj-community-stats{display:flex;flex-wrap:wrap;gap:1.2rem}.dj-community-stats span{padding:.5rem .85rem;border:1px solid #ffffff35;border-radius:999px;background:#ffffff14}.dj-community-mark{width:140px;height:140px;flex:0 0 140px;border:1px solid #ffffff45;border-radius:38px;display:grid;place-items:center;font-size:4rem;background:#ffffff12;box-shadow:inset 0 0 40px #ffffff12}.dj-community-mark small{font-size:.8rem;margin-top:-2.5rem}
.dj-community-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.3rem;align-items:start}.dj-community-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem;padding:1rem;border:1px solid var(--line,#e2e9e4);border-radius:18px;background:var(--card,#fff)}.dj-community-tabs{display:flex;gap:.35rem;padding:.25rem;border-radius:12px;background:var(--surface,#f2f6f2)}.dj-community-tabs a{padding:.55rem .9rem;border-radius:9px;color:var(--muted,#617269);text-decoration:none;font-size:.86rem;font-weight:800}.dj-community-tabs a.is-active{background:var(--card,#fff);color:var(--accent,#176b51);box-shadow:0 2px 7px #183b310d}.dj-community-toolbar form{display:flex;gap:.4rem}.dj-community-toolbar select{min-width:130px;padding:.55rem;border:1px solid var(--line,#dce5de);border-radius:10px;background:var(--card,#fff);color:inherit}
.dj-community-feed{display:grid;gap:1rem}.dj-social-post{overflow:hidden;border:1px solid var(--line,#e1e8e2);border-radius:20px;background:var(--card,#fff);box-shadow:0 8px 26px #132e2009}.dj-social-post>header{display:flex;align-items:center;gap:.75rem;padding:1rem}.dj-social-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#d7f1df,#e3edf7);color:#185b47;font-weight:900;font-size:1.1rem}.dj-social-author{display:grid;gap:.15rem;min-width:0;flex:1}.dj-social-author b a,.dj-suggested-store b a{color:var(--text,#183a30);text-decoration:none}.dj-social-author small,.dj-suggested-store small{color:var(--muted,#738078);font-size:.76rem}.dj-social-store-link{color:var(--accent,#176b51);font-size:.82rem;font-weight:800;text-decoration:none}.dj-social-photo{display:block;background:#f2f5f2;max-height:540px}.dj-social-photo img{display:block;width:100%;max-height:540px;object-fit:contain;background:#f3f5f2}.dj-social-body{margin:0;padding:1rem 1.1rem;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.dj-social-post>footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.7rem 1rem;border-top:1px solid var(--line,#edf0ed)}.dj-social-post>footer>a{color:var(--accent,#176b51);font-size:.8rem;font-weight:800;text-decoration:none}.dj-social-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:var(--muted,#68756e);font-size:.84rem}.dj-social-report{position:relative}.dj-social-report summary{cursor:pointer;font-size:.8rem}.dj-social-report form{position:absolute;z-index:5;top:24px;right:0;display:flex;gap:.3rem;padding:.6rem;background:var(--card,#fff);border:1px solid var(--line,#dce5de);border-radius:12px;box-shadow:0 8px 25px #0002}.dj-community-sidebar{display:grid;gap:1rem}.dj-community-sidebar .panel-section{padding:1rem;border:1px solid var(--line,#e1e8e2);border-radius:18px;background:var(--card,#fff)}.dj-suggested-store{display:flex;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--line,#eef1ee)}.dj-suggested-store:last-child{border-bottom:0}.dj-suggested-store>div:last-child{display:grid;gap:.15rem}.dj-community-note{padding:1.1rem;border-radius:18px;background:linear-gradient(135deg,#f0f8f2,#f1f5fa);color:#244a3a}.dj-community-note p{font-size:.85rem;line-height:1.9}.dj-community-note a{color:#16634a;font-weight:900;text-decoration:none}
.dj-store-followline{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.dj-store-followline>span{color:var(--muted,#627068);font-size:.84rem}.dj-store-followline>span b{color:var(--text,#183a30);font-size:1rem}.dj-store-followline form{margin:0}.dj-store-updates{margin:2rem 0}.dj-store-updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.dj-store-updates-grid article{overflow:hidden;border:1px solid var(--line,#e1e8e2);border-radius:16px;background:var(--card,#fff)}.dj-store-updates-grid img{width:100%;height:160px;object-fit:cover}.dj-store-updates-grid p{padding:0 .8rem;line-height:1.8}.dj-store-updates-grid small{display:block;padding:0 .8rem .8rem;color:var(--muted,#748178)}
.dj-seller-social{border:1px solid #d8e9dd;border-radius:20px;background:linear-gradient(130deg,#f8fcf7,#f2f8f5)}.dj-social-counts{display:grid;text-align:center;padding:.4rem .9rem;border-radius:12px;background:#e6f4e9;color:#205b42}.dj-social-counts b{font-size:1.4rem}.dj-social-counts small{font-size:.72rem}.dj-post-composer{padding:1rem;border:1px solid #dce8df;border-radius:16px;background:#fff}.dj-post-composer textarea{width:100%;border:0;resize:vertical;outline:none;font:inherit;line-height:1.9}.dj-post-compose-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;border-top:1px solid #edf1ed;padding-top:.75rem}.dj-post-compose-actions small{flex:1;color:#718078;font-size:.75rem}.dj-image-pick{cursor:pointer;color:#22644a;font-weight:800;font-size:.84rem}.dj-image-pick input{max-width:180px;font-size:.75rem}.dj-seller-post-history{display:grid;gap:.45rem;margin-top:.8rem}.dj-seller-post-history article{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem .2rem;border-bottom:1px solid #e3ece5}.dj-seller-post-history article>div{display:grid;gap:.2rem;min-width:0}.dj-seller-post-history article b{font-size:.86rem;overflow:hidden;text-overflow:ellipsis}.dj-seller-post-history article small{font-size:.72rem;color:#738078}
@media(max-width:900px){.dj-community-layout{grid-template-columns:minmax(0,1fr)}.dj-community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-community-sidebar>.dj-community-note{grid-column:1/-1}}
@media(max-width:560px){.dj-community-hero{padding:1.25rem;gap:.4rem}.dj-community-mark{width:72px;height:72px;flex-basis:72px;border-radius:20px;font-size:2.5rem}.dj-community-mark small{display:none}.dj-community-sidebar{grid-template-columns:1fr}.dj-community-toolbar{align-items:stretch}.dj-community-toolbar form{width:100%}.dj-community-toolbar select{flex:1}.dj-social-photo img{max-height:380px}.dj-post-compose-actions{align-items:flex-start}.dj-seller-post-history article{align-items:flex-start}}


/* ---- preserved cascade: static/dastjor-8.8.css ---- */
/* DastJor 8.8 — vivid city-market design system */
:root{
  --dj-teal:#147d78;--dj-teal-deep:#0c3d48;--dj-coral:#f0785d;--dj-gold:#f6b84b;
  --dj-violet:#7662cf;--dj-mint:#73d4b2;--dj-glass:rgba(255,255,255,.78);
}
body{background:radial-gradient(900px 460px at 8% -8%,rgba(115,212,178,.13),transparent 62%),radial-gradient(780px 420px at 95% 4%,rgba(246,184,75,.12),transparent 60%),var(--bg-primary)}
.topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(18,45,53,.045)}
.brandmark{box-shadow:0 7px 18px rgba(20,125,120,.18)}
.brand strong{background:linear-gradient(110deg,var(--dj-teal),var(--dj-violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.dj-hero{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.62)!important;border-radius:30px!important;box-shadow:0 26px 70px rgba(9,52,56,.17)!important;overflow:hidden}
.dj-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(246,184,75,.20),transparent 28%),linear-gradient(115deg,rgba(8,45,51,.12),rgba(15,75,73,.04) 52%,rgba(15,36,56,.10));pointer-events:none}
.dj-hero-art.dj-hero-photo{background-image:linear-gradient(180deg,rgba(4,38,42,.05),rgba(4,38,42,.22)),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0')!important;background-position:center;background-size:cover;min-height:365px;border:1px solid rgba(255,255,255,.34);box-shadow:0 26px 58px rgba(10,54,53,.24)!important;transform:perspective(900px) rotateY(-2deg);transition:transform .35s ease,box-shadow .35s ease}
.dj-hero-art.dj-hero-photo:hover{transform:perspective(900px) rotateY(0) translateY(-3px);box-shadow:0 32px 70px rgba(10,54,53,.3)!important}
.dj-hero-photo-caption{padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(7,40,45,.55),rgba(16,57,63,.25));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.23)}
.dj-hero-badge,.market-hero-kicker{background:linear-gradient(110deg,rgba(255,255,255,.22),rgba(255,255,255,.10))!important;border-color:rgba(255,255,255,.38)!important;backdrop-filter:blur(8px)}
.dj-home-path,.dj-live-service,.dj-discovery-card,.dj-product-card,.farm-list-card,.dj-top-card,.dj-ecosystem-card{transform:translateZ(0);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.dj-home-path:hover,.dj-live-service:hover,.dj-discovery-card:hover,.dj-product-card:hover,.farm-list-card:hover,.dj-top-card:hover,.dj-ecosystem-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(13,55,58,.12);border-color:rgba(20,125,120,.28)}
.dj-live-service{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 9px 26px rgba(16,48,55,.055)}
.dj-live-service:after{content:"";position:absolute;inset:auto -18% -55% auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.48),transparent 68%);pointer-events:none}
.dj-service-market{background:linear-gradient(145deg,#e4f7ee,#f4fbf7 62%,#fff)!important}
.dj-service-recycle{background:linear-gradient(145deg,#e2f6ed,#f8fcf7 70%,#fff)!important}
.dj-service-farm{background:linear-gradient(145deg,#fff2d8,#fffaf0 68%,#fff)!important}
.dj-service-games{background:linear-gradient(145deg,#eeeaff,#faf8ff 68%,#fff)!important}
.dj-home-path{border-radius:18px!important;box-shadow:0 8px 22px rgba(15,50,55,.055)}
.dj-product-card,.farm-list-card{border-radius:20px!important;overflow:hidden;box-shadow:0 10px 28px rgba(15,48,55,.07)}
.dj-product-image img,.farm-list-photo img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dj-product-card:hover .dj-product-image img,.farm-list-card:hover .farm-list-photo img{transform:scale(1.055)}
.dj-product-cat,.farm-photo-chip{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 5px 16px rgba(0,0,0,.10)}
.dj-unified-search{box-shadow:0 16px 34px rgba(6,43,49,.13);border:1px solid rgba(255,255,255,.72)}
.dj-unified-search button,.dj-btn-primary,.farm-button-primary{background:linear-gradient(125deg,var(--dj-teal),#1b9a83 55%,#48b99a)!important;box-shadow:0 9px 22px rgba(20,125,120,.22);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.dj-unified-search button:hover,.dj-btn-primary:hover,.farm-button-primary:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 13px 28px rgba(20,125,120,.28)}
.farm-market-hero,.recycler-dashboard-hero{box-shadow:0 20px 48px rgba(16,65,49,.13)}
.farm-form-card,.farm-detail-aside>div,.dj-farmer-about,.dj-farmer-side{box-shadow:0 14px 36px rgba(18,45,53,.065)}
.farm-upload-zone{border:1.5px dashed rgba(20,125,120,.42)!important;background:linear-gradient(145deg,rgba(115,212,178,.12),rgba(246,184,75,.08))!important;transition:border-color .2s ease,background .2s ease}
.farm-upload-zone:focus-within,.farm-upload-zone:hover{border-color:var(--dj-teal)!important;background:linear-gradient(145deg,rgba(115,212,178,.19),rgba(246,184,75,.13))!important}
.dj-88-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;margin-top:10px}
.dj-88-preview figure{margin:0;position:relative;border-radius:13px;overflow:hidden;background:var(--bg-secondary);aspect-ratio:1;border:1px solid var(--border)}
.dj-88-preview img{width:100%;height:100%;object-fit:cover;display:block}
.dj-88-preview figcaption{position:absolute;inset:auto 0 0;padding:4px 6px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff;font-size:9px;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-88-upload-status{font-size:11px;line-height:1.8;color:var(--text-secondary);margin-top:7px}
.dj-88-upload-status[data-state="error"]{color:#b42318;font-weight:800}
.dj-88-upload-status[data-state="success"]{color:#16734f;font-weight:800}
.farm-review-alert{border-inline-start:4px solid var(--dj-gold)!important;background:linear-gradient(110deg,rgba(246,184,75,.15),rgba(255,255,255,.88))!important}
.dj-farmer-cover{box-shadow:0 20px 48px rgba(17,60,50,.16)}
button,.btn,a{ -webkit-tap-highlight-color:transparent }
@media(max-width:760px){.dj-hero{border-radius:22px!important}.dj-hero-art.dj-hero-photo{min-height:235px;transform:none}.dj-hero-art.dj-hero-photo:hover{transform:none}.dj-home-path,.dj-live-service,.dj-discovery-card,.dj-product-card,.farm-list-card{transition:box-shadow .18s ease}.dj-home-path:hover,.dj-live-service:hover,.dj-discovery-card:hover,.dj-product-card:hover,.farm-list-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ---- preserved cascade: static/dastjor-8.9.css ---- */
/* DastJor 8.9 — consistent brand, seller onboarding and operational clarity */
:root{--dj89-violet:#7046d8;--dj89-violet-deep:#35205f;--dj89-teal:#117b75;--dj89-gold:#f2bd4b;--dj89-mint:#77d8b1;--dj89-coral:#e87865;--dj89-ink:#1b2c35}
.brand strong{background:linear-gradient(110deg,var(--dj89-violet),var(--dj89-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.dj-farm-readiness,.dj-readiness-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(112,70,216,.12);border-radius:24px;padding:22px;background:linear-gradient(135deg,rgba(112,70,216,.055),rgba(17,123,117,.045) 58%,rgba(242,189,75,.07));box-shadow:0 14px 34px rgba(37,39,83,.055)}
.dj-farm-readiness:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;inset:-130px -75px auto auto;border-radius:50%;background:radial-gradient(circle,rgba(112,70,216,.12),transparent 70%)}
.dj-farm-readiness-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dj-farm-readiness-head h2{margin:5px 0 6px}.dj-farm-readiness-head p,.dj-farm-readiness-note{color:var(--text-secondary);line-height:1.9;font-size:13px}
.dj-farm-state{white-space:nowrap;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;background:rgba(242,189,75,.18);color:#80580b}.dj-farm-state.is-ready{background:rgba(17,123,117,.12);color:#12675e}.dj-farm-state.is-missing{background:rgba(232,120,101,.12);color:#a44335}
.dj-farm-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.dj-farm-readiness-grid article{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:16px;border-radius:18px;background:rgba(255,255,255,.79);border:1px solid rgba(112,70,216,.12);box-shadow:0 8px 22px rgba(32,44,73,.045);transition:transform .2s ease,box-shadow .2s ease}.dj-farm-readiness-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(32,44,73,.10)}.dj-farm-readiness-grid article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:white;background:linear-gradient(135deg,var(--dj89-violet),var(--dj89-teal));font-weight:900}.dj-farm-readiness-grid article b{color:var(--dj89-ink)}.dj-farm-readiness-grid article small{font-size:11px;color:var(--text-secondary)}.dj-farm-readiness-grid article a{margin-top:auto;color:var(--dj89-violet);font-weight:900;font-size:12px}
.dj-farm-readiness-note{margin:14px 0 0;padding:10px 13px;border-radius:13px;background:rgba(242,189,75,.12)}
.dj-admin-farmer-cell{display:flex;align-items:center;gap:10px;min-width:210px}.dj-admin-farmer-cell img,.dj-admin-no-photo{width:54px;height:54px;flex:0 0 54px;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:var(--bg-secondary)}.dj-admin-no-photo{display:grid;place-items:center;font-size:24px}
.dj-readiness-page{display:grid;gap:18px}.dj-readiness-hero{position:relative;overflow:hidden;padding:28px;border-radius:26px;color:#fff;background:radial-gradient(circle at 15% 0,rgba(242,189,75,.34),transparent 35%),linear-gradient(125deg,#2d245a,#176f6c 70%,#153f4f);box-shadow:0 24px 52px rgba(31,51,83,.19)}.dj-readiness-hero h1{margin:8px 0}.dj-readiness-hero p{color:rgba(255,255,255,.82)}.dj-readiness-storage{display:grid;gap:4px;margin-top:18px;padding:14px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}.dj-readiness-storage small{direction:ltr;text-align:right;overflow-wrap:anywhere;opacity:.8}
.dj-readiness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dj-readiness-grid article{display:grid;gap:6px;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--bg-secondary);box-shadow:0 7px 18px rgba(22,40,65,.04)}.dj-readiness-grid small{color:var(--text-secondary);font-size:11px}.dj-readiness-grid strong{font-size:26px;color:var(--dj89-violet)}.dj-readiness-panel h2{margin:6px 0 12px}.dj-readiness-stats{display:flex;flex-wrap:wrap;gap:9px}.dj-readiness-stats b{padding:8px 12px;border-radius:12px;background:rgba(17,123,117,.09);color:var(--dj89-teal)}.dj-readiness-stats .warn{background:rgba(232,120,101,.13);color:#a44335}.dj-readiness-stats .good{background:rgba(17,123,117,.11);color:#12675e}.dj-readiness-panel p,.dj-readiness-foot p{color:var(--text-secondary);font-size:13px;line-height:1.9}.dj-readiness-foot{padding:18px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border)}
.farm-button-primary,.dj-btn-primary{background:linear-gradient(125deg,var(--dj89-violet),#5b62cc 50%,var(--dj89-teal))!important;box-shadow:0 9px 24px rgba(91,82,194,.22)!important}
@media(max-width:850px){.dj-readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.dj-farm-readiness{padding:16px;border-radius:19px}.dj-farm-readiness-head{display:block}.dj-farm-state{display:inline-block;margin-top:8px}.dj-farm-readiness-grid{grid-template-columns:1fr}.dj-farm-readiness-grid article{min-height:unset}.dj-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-readiness-hero{padding:21px}}
@media(prefers-reduced-motion:reduce){.dj-farm-readiness-grid article{transition:none}}


/* ---- preserved cascade: static/dastjor-9.0.css ---- */
/* DastJor 9.0 — unified city ecosystem, photo banners and interactive map */
:root{--dj9-violet:#6844ce;--dj9-ink:#192b35;--dj9-teal:#117b75;--dj9-gold:#efb847;--dj9-mint:#7ad5b3;--dj9-coral:#e87668;--dj9-soft:#f5f4fb}
.brand strong{background:linear-gradient(110deg,var(--dj9-violet),var(--dj9-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.dj-home-hero-90{background:linear-gradient(125deg,#f5f1ff,#eefaf7 58%,#fff8e9)!important;border:1px solid rgba(104,68,206,.13)!important}
.dj-home-hero-90 .dj-hero-content{position:relative;z-index:2}
.dj-home-hero-90 .dj-hero-art.dj-hero-photo{background-image:linear-gradient(90deg,rgba(17,29,54,.28),rgba(17,29,54,.05)),linear-gradient(0deg,rgba(11,28,33,.48),transparent 65%),url('/static/images/dastjor-market-hero.webp?v=10.13.0')!important;background-position:center;background-size:cover;filter:saturate(1.12);box-shadow:0 26px 58px rgba(41,39,81,.22)!important}
.dj-home-hero-90 .dj-hero-photo-caption{background:linear-gradient(130deg,rgba(39,25,79,.63),rgba(14,79,76,.42));border-color:#ffffff55}
.dj-home-path{min-height:182px;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 36px rgba(22,32,48,.12)}
.path-market:before{background-image:url('/static/images/dastjor-market-hero.webp?v=10.13.0')}
.path-farm:before{background-image:url('/static/images/dastjor-farm-scene.webp?v=10.13.0')}
.path-nearby:before{background-image:url('/static/images/dastjor-nearby-radar.svg?v=10.13.0')}
.path-needs:before{background-image:url('/static/images/dastjor-needs-scene.svg?v=10.13.0')}
.path-community:before{background-image:url('/static/images/dastjor-community-scene.webp?v=10.13.0')}
.dj-home-path:after{background:linear-gradient(0deg,rgba(13,24,39,.88),rgba(13,24,39,.23) 76%,rgba(13,24,39,.04))}
.dj-live-service{color:white!important;min-height:255px;padding:22px;background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate;border:1px solid #ffffff55;box-shadow:0 17px 36px rgba(19,35,49,.15)}
.dj-live-service:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,20,34,.90),rgba(9,20,34,.30) 74%,rgba(9,20,34,.08))}
.dj-service-market{background-image:url('/static/images/dastjor-market-hero.webp?v=10.13.0')!important}
.dj-service-recycle{background-image:url('/static/images/dastjor-recycling-scene.webp?v=10.13.0')!important}
.dj-service-farm{background-image:url('/static/images/dastjor-farm-scene.webp?v=10.13.0')!important}
.dj-service-games{background-image:url('/static/images/dastjor-games-scene.webp?v=10.13.0')!important}
.dj-live-service small,.dj-live-service p,.dj-live-service i,.dj-live-service>b{color:#fff!important;text-shadow:0 2px 12px #0007}
.dj-service-icon{background:#ffffffd9!important;color:#203344!important;box-shadow:0 8px 22px #0002}
.dj-home-discovery{margin-top:3rem}
.dj-discovery-card{position:relative;isolation:isolate;overflow:hidden;min-height:230px;justify-content:flex-end;color:white!important;border:1px solid #ffffff70;background-size:cover;background-position:center;box-shadow:0 14px 32px rgba(26,36,54,.13)}
.dj-discovery-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(13,23,36,.91),rgba(13,23,36,.24) 78%)}
.dj-discovery-card>span,.dj-discovery-card>b,.dj-discovery-card>small,.dj-discovery-card>em{color:white!important;text-shadow:0 2px 12px #0008}
.dj-discovery-card>small{line-height:1.8}
.dj-discovery-card>em{font-style:normal;font-weight:900;font-size:.82rem;margin-top:4px}
.recycle-discovery{background-image:url('/static/images/dastjor-recycling-scene.webp?v=10.13.0')}
.garden-discovery{background-image:url('/static/images/dastjor-farm-scene.webp?v=10.13.0')}
.game-discovery{background-image:url('/static/images/dastjor-games-scene.webp?v=10.13.0')}
.affiliate-discovery{background-image:url('/static/images/dastjor-community-scene.webp?v=10.13.0')}
.dj-home-map-section{margin:36px 0 46px}
.dj-home-map-shell{overflow:hidden;border:1px solid rgba(104,68,206,.16);border-radius:26px;background:linear-gradient(135deg,#fff,#f4f2fb 55%,#effaf6);box-shadow:0 18px 48px rgba(31,39,76,.09)}
.dj-home-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 19px;color:var(--dj9-ink);font-weight:900}.dj-home-map-heading span:last-child{font-size:.76rem;font-weight:700;color:#63727c}
.dj-home-ecosystem-map{height:410px;min-height:320px;background:#e9efe9;z-index:1}
.dj-home-map-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}
.dj-home-map-card{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid rgba(35,54,74,.08);border-radius:16px;background:#ffffffd9;color:var(--dj9-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.dj-home-map-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(30,46,68,.11)}
.dj-home-map-card-photo{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#e9e1ff,#d6f4e8);font-size:1.5rem}
.dj-home-map-card-photo img{width:100%;height:100%;object-fit:cover}
.dj-home-map-card-copy{display:grid;gap:4px;min-width:0}.dj-home-map-card-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.dj-home-map-card-copy small{font-size:.72rem;color:#69777d}.dj-home-map-card-copy em{font-style:normal;color:var(--dj9-violet);font-size:.72rem;font-weight:900}
.dj-home-map-empty{grid-column:1/-1;margin:4px;padding:13px;color:#63727c;font-size:.84rem}
.dj90-map-marker{background:none!important;border:0!important}.dj90-map-marker span{display:block;width:28px;height:28px;border:4px solid #fff;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:linear-gradient(135deg,#7046d8,#2c8e87);box-shadow:0 6px 16px #172b3c55}.dj90-map-marker-farm span{background:linear-gradient(135deg,#38a36c,#d7a742)}
.dj90-map-popup{display:grid;gap:5px;min-width:145px}.dj90-map-popup img{width:100%;height:88px;object-fit:cover;border-radius:9px}.dj90-map-popup small{color:#6b747d}.dj90-map-popup a{font-weight:900;color:#6844ce;text-decoration:none}
.dj-home-stores-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dj-home-store-card{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--border);border-radius:19px;background:var(--card);text-decoration:none;color:var(--text);box-shadow:0 9px 24px rgba(30,40,60,.045);transition:transform .2s,box-shadow .2s}.dj-home-store-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(30,40,60,.10)}.dj-home-store-photo{display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#ece6ff,#d7f4e8);font-size:1.7rem;font-weight:900;color:#6844ce}.dj-home-store-photo img{width:100%;height:100%;object-fit:cover}.dj-home-store-card>div:last-child{display:grid;gap:5px;min-width:0}.dj-home-store-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-home-store-card small{color:var(--text-secondary);font-size:.75rem}.dj-home-store-card em{font-style:normal;color:var(--dj9-violet);font-size:.76rem;font-weight:900}
.dj-storefront-hero{position:relative;isolation:isolate;overflow:hidden}.dj-storefront-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.dj-storefront-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,29,48,.83),rgba(24,29,48,.53) 56%,rgba(24,29,48,.18))}.dj-storefront-hero .seller-avatar.big{overflow:hidden;border:3px solid #fff;box-shadow:0 10px 30px #0003}.dj-storefront-hero .seller-avatar.big img{width:100%;height:100%;object-fit:cover}
.dj-registration-media{display:grid;gap:10px;padding:14px;border:1px solid rgba(104,68,206,.12);border-radius:18px;background:linear-gradient(135deg,#faf8ff,#f2fcf8)}.dj-media-field{display:grid;gap:7px;min-width:0}.dj-profile-current-photo{max-width:150px;max-height:120px;object-fit:cover;border-radius:12px;margin-top:7px}.dj-store-comment-preview{padding:0 .8rem}.dj-store-comment-preview p{margin:4px 0;font-size:.78rem;line-height:1.7;color:var(--text-secondary)}.dj-store-discuss-link{display:block;padding:0 .8rem .8rem;color:var(--dj9-violet);font-size:.78rem;font-weight:900;text-decoration:none}
.dj-post-comments{padding:0 1rem 1rem;border-top:1px solid var(--line,#edf0ed)}.dj-comments-title{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;color:var(--text,#183a30);font-size:.83rem}.dj-comments-title span{color:var(--muted,#738078);font-size:.72rem}.dj-comments-list{display:grid;gap:8px}.dj-comments-list article{padding:8px 10px;border-radius:12px;background:var(--surface,#f4f6f5)}.dj-comments-list b{font-size:.76rem;color:var(--dj9-violet)}.dj-comments-list p{margin:2px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.8}.dj-comments-list small{color:var(--muted,#738078);font-size:.68rem}.dj-no-comments,.dj-comments-login{color:var(--muted,#738078);font-size:.78rem}.dj-comments-more{display:inline-block;margin-top:6px;color:var(--dj9-violet);font-size:.75rem;font-weight:800;text-decoration:none}.dj-comment-form{display:flex;gap:8px;margin-top:10px}.dj-comment-form input{flex:1;min-width:0;border:1px solid var(--line,#dde5df);border-radius:12px;padding:10px 12px;background:var(--card,#fff);color:var(--text);font:inherit;font-size:.82rem}
.dj-social-avatar{overflow:hidden}.dj-social-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.dj-home-map-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-home-stores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dj-home-ecosystem-map{height:330px;min-height:300px}.dj-home-map-heading{align-items:flex-start;flex-direction:column}.dj-home-map-cards{grid-template-columns:1fr}.dj-home-stores-grid{grid-template-columns:1fr}.dj-home-path{min-height:145px}.dj-live-service{min-height:220px}.dj-discovery-card{min-height:185px}.dj-comment-form{align-items:stretch;flex-direction:column}.dj-comment-form .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.dj-home-map-card,.dj-home-store-card,.dj-home-path,.dj-live-service,.dj-discovery-card{transition:none}}
.dj-home-hero-90 .dj-hero-content h1{color:var(--dj9-ink)!important}.dj-home-hero-90 .dj-hero-content h1 em{color:var(--dj9-violet)!important}.dj-home-hero-90 .dj-hero-content>p{color:#4f6266!important}.dj-home-hero-90 .dj-hero-badge{color:#4e398c!important;background:#ffffffc9!important;border-color:#ffffff!important}.dj-home-hero-90 .dj-home-stats{color:#52636a!important}.dj-home-hero-90 .dj-home-stats b{color:var(--dj9-violet)!important}.dj-home-hero-90 .dj-home-ai-line{color:#52636a!important}


/* DastJor 9.0.1 — galaxy gateway, readable contrast and participation story */
.dj-home-galaxy{position:relative;isolation:isolate;overflow:hidden;margin:0 calc(50% - 50vw);padding:clamp(16px,3vw,38px) max(16px,calc((100vw - 1240px)/2)) 48px;background:radial-gradient(ellipse at 12% 8%,#7338c955 0,transparent 34%),radial-gradient(ellipse at 88% 24%,#c026d355 0,transparent 30%),radial-gradient(ellipse at 50% 72%,#4338ca66 0,transparent 45%),linear-gradient(145deg,#090b20 0%,#171039 42%,#241044 72%,#0b102b 100%);color:#f7f2ff}
.dj-home-galaxy:before,.dj-home-galaxy:after{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 18%,#fff 45%,transparent 60%),radial-gradient(1px 1px at 28% 66%,#f5d0fe 45%,transparent 60%),radial-gradient(2px 2px at 73% 22%,#c4b5fd 45%,transparent 60%),radial-gradient(1px 1px at 84% 74%,#fff 45%,transparent 60%),radial-gradient(1px 1px at 54% 43%,#f0abfc 45%,transparent 60%);background-size:370px 310px;opacity:.6;animation:djGalaxyDrift 42s linear infinite}
.dj-home-galaxy:after{background-size:510px 430px;opacity:.28;animation-duration:65s;animation-direction:reverse}
.dj-home-galaxy .dj-home-hero-90{background:linear-gradient(125deg,#24164ddd,#171b43e8 58%,#35134ce8)!important;border:1px solid #c4b5fd44!important;box-shadow:0 25px 75px #05061680}
.dj-home-galaxy .dj-home-hero-90 h1,.dj-home-galaxy .dj-home-hero-90 .dj-hero-content>p,.dj-home-galaxy .dj-home-hero-90 .dj-home-stats,.dj-home-galaxy .dj-home-hero-90 .dj-home-ai-line{color:#f7f2ff!important}
.dj-home-galaxy .dj-home-hero-90 h1 em{color:#e9a8ff!important}
.dj-home-galaxy .dj-home-hero-90 .dj-hero-badge{color:#f4d8ff!important;background:#ffffff16!important;border-color:#e9a8ff66!important}
.dj-home-galaxy .dj-home-section-head h2,.dj-home-galaxy .dj-live-services-head h2,.dj-home-galaxy .dj-home-more h2,.dj-home-galaxy .dj-home-empty h2{color:#fff!important}
.dj-home-galaxy .dj-home-section-head p,.dj-home-galaxy .dj-live-services-head p,.dj-home-galaxy .dj-home-more p,.dj-home-galaxy .dj-home-empty p{color:#d8cbed!important}
.dj-home-galaxy .dj-home-map-shell{background:linear-gradient(135deg,#171331,#21183f 55%,#171a3b);border-color:#b99aff55;box-shadow:0 18px 55px #05061680}
.dj-home-galaxy .dj-home-map-heading{color:#f8f3ff}.dj-home-galaxy .dj-home-map-heading span:last-child{color:#c8b9df}
.dj-home-galaxy .dj-home-path,.dj-home-galaxy .dj-live-service,.dj-home-galaxy .dj-discovery-card{box-shadow:0 18px 44px #05061670;border-color:#d9c4ff55}
.dj-home-galaxy .dj-home-data-section,.dj-home-galaxy .dj-home-more,.dj-home-galaxy .dj-home-empty{color:#fff}
.dj-home-galaxy .dj-home-store-card,.dj-home-galaxy .dj-product-card,.dj-home-galaxy .farm-mini-card{border:1px solid #c4b5fd44;box-shadow:0 14px 36px #05061655}
.dj-participation-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.7fr);gap:24px;align-items:center;margin:42px 0 8px;padding:clamp(22px,4vw,42px);overflow:hidden;border:1px solid #d8b4fe66;border-radius:28px;background:linear-gradient(120deg,#32145fdd,#4c1d65dd 52%,#1e1b4bdd);box-shadow:0 25px 65px #05061677}
.dj-participation-copy h2{margin:.5rem 0;color:#fff;font-size:clamp(1.35rem,3vw,2rem);line-height:1.7}.dj-participation-copy p{color:#f0e5ff;line-height:2.1}.dj-participation-copy small{display:block;margin-top:15px;color:#d9c7ed;line-height:1.9}.dj-participation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dj-participation-actions a{padding:10px 14px;border:1px solid #e9d5ff88;border-radius:13px;background:#ffffff16;color:#fff;text-decoration:none;font-weight:850;transition:transform .2s,background .2s}.dj-participation-actions a:hover{transform:translateY(-3px);background:#ffffff2b}
.dj-participation-orbit{position:relative;display:grid;place-items:center;justify-self:center;width:min(230px,58vw);aspect-ratio:1;border:1px solid #e9d5ff55;border-radius:50%;background:radial-gradient(circle,#f0abfc33 0,#a78bfa18 45%,transparent 70%);box-shadow:0 0 55px #c084fc33,inset 0 0 35px #c084fc22;animation:djOrbitPulse 5s ease-in-out infinite}.dj-participation-orbit:before,.dj-participation-orbit:after{content:"";position:absolute;inset:12%;border:1px dashed #e9d5ff66;border-radius:50%;transform:rotate(-25deg)}.dj-participation-orbit:after{inset:25%;transform:rotate(38deg)}.dj-participation-orbit span{display:grid;place-items:center;width:92px;height:92px;border-radius:28px;background:linear-gradient(140deg,#a855f7,#ec4899);box-shadow:0 0 40px #d946ef88;color:#fff;font-size:1.15rem;font-weight:1000}.dj-participation-orbit i{position:absolute;padding:6px 10px;border:1px solid #e9d5ff66;border-radius:99px;background:#21113ddd;color:#f5d0fe;font-size:.75rem;font-style:normal;font-weight:800}.dj-participation-orbit i:nth-of-type(1){top:4%;left:39%}.dj-participation-orbit i:nth-of-type(2){right:-2%;top:45%}.dj-participation-orbit i:nth-of-type(3){bottom:5%;left:36%}.dj-participation-orbit i:nth-of-type(4){left:-4%;top:44%}
@keyframes djGalaxyDrift{from{transform:translate3d(-1%,0,0) rotate(0)}to{transform:translate3d(1%,-2%,0) rotate(8deg)}}@keyframes djOrbitPulse{50%{transform:scale(1.035);filter:hue-rotate(12deg)}}
@media(max-width:700px){.dj-home-galaxy{padding-left:14px;padding-right:14px}.dj-participation-panel{grid-template-columns:1fr}.dj-participation-orbit{width:180px;grid-row:1}.dj-participation-actions{display:grid}.dj-participation-actions a{text-align:center}}
@media(prefers-reduced-motion:reduce){.dj-home-galaxy:before,.dj-home-galaxy:after,.dj-participation-orbit{animation:none!important}}


/* ---- preserved cascade: static/dastjor-global-9.2.css ---- */
/* DastJor 9.2.0 — full-site world imagery, page hierarchy and responsive polish.
   Loaded after legacy styles intentionally: fixes older !important rules that hid world artwork. */
:root, :root[data-theme="light"], body[data-theme="light"] {
  --ink:#292342; --ink-soft:#625b78; --muted:#77718b; --paper:#f2f0f7; --white:#fff;
  --line:#e2dced; --bg-primary:#f2f0f7; --bg-secondary:#ebe7f2; --bg-card:#fff;
  --bg-hover:#f4effb; --text-primary:#292342; --text-secondary:#625b78; --text-muted:#77718b;
  --border:#e2dced; --accent:#7650c7; --accent-hover:#5b36a7; --accent-soft:#eee7fa;
  --shadow:0 15px 42px rgba(47,31,78,.085); color-scheme:light;
}
:root[data-theme="dark"], body[data-theme="dark"] {
  --ink:#f2edfb; --ink-soft:#d4cbe6; --muted:#aaa0bd; --paper:#211d30; --white:#302943;
  --line:#4b415f; --bg-primary:#211d30; --bg-secondary:#29233b; --bg-card:#302943;
  --bg-hover:#3b3150; --text-primary:#f2edfb; --text-secondary:#d4cbe6; --text-muted:#aaa0bd;
  --border:#4b415f; --accent:#c2a5ff; --accent-hover:#dac8ff; --accent-soft:#403454;
  --shadow:0 18px 48px rgba(5,3,15,.28); color-scheme:dark;
}
html,body,button,input,select,textarea{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
body{background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 38%),var(--paper);color:var(--ink)}
.topbar{background:color-mix(in srgb,var(--bg-card) 93%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}
.mainnav{gap:clamp(8px,1vw,16px);color:var(--text-secondary)}
.mainnav a{border-radius:11px;padding:7px 9px}
.mainnav a:hover,.nav-dropdown-panel a:hover{background:var(--accent-soft);color:var(--accent)}
.page-shell{width:min(1240px,calc(100% - 40px));min-height:64vh}
.footer{background:var(--bg-card);color:var(--ink);border-color:var(--line)}
.card,.panel,.notice,.form-card,.dashboard-card,.admin-card,.product-card,.seller-card,.nearby-v52-card,.farm-list-card,.farm-mini-card,.dj-home-store-card,.dj-product-card,.panel-section{border-color:var(--line);background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow)}
.dj-label,.farm-kicker,.arcade-kicker,.eyebrow{color:var(--accent)}
.btn,.button,.farm-button,.nearby-scan-btn,.dj-btn-primary,.dj-btn-secondary,.navcta{border-radius:13px;font-weight:800;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.btn-primary,.btn.primary,.btn.success,.farm-button-primary,.nearby-scan-btn,.dj-btn-primary,.navcta{background:linear-gradient(120deg,#7954d0,#a34fc5 56%,#df6f9f)!important;color:#fff!important;border:0!important;box-shadow:0 9px 24px #8b5cf633}
input,select,textarea{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}
input::placeholder,textarea::placeholder{color:var(--text-muted)}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)!important;outline:0}
.card,.panel-section,.form-card,.search-panel,.farm-market-filters,.farm-list-section,.farm-how,.nearby-scan-panel,.nearby-results-panel,.nearby-view-toolbar,.recycle-form,.affiliate-product,.affiliate-example,.affiliate-hero,.needs-create-card,.needs-list,.dj-community-toolbar,.dj-community-sidebar .panel-section{border-color:var(--line)}
/* Main world gateway cards: six distinct paths with their own images. */
.dj-home-paths{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}
.dj-home-path{min-height:180px;border:1px solid #ffffff38;border-radius:20px;color:#fff!important;box-shadow:0 17px 36px #1a123022}
.path-market:before{background-image:url('/static/images/dastjor-market-hero-88.webp?v=10.13.0')!important}
.path-farm:before{background-image:url('/static/images/dastjor-farm-scene.webp?v=10.13.0')!important}
.path-nearby:before{background-image:url('/static/images/dastjor-nearby-radar.svg?v=10.13.0')!important}
.path-needs:before{background-image:url('/static/images/dastjor-needs-scene.svg?v=10.13.0')!important}
.path-community:before{background-image:url('/static/images/dastjor-community-scene.webp?v=10.13.0')!important}
.path-affiliate:before{background-image:url('/static/images/dastjor-affiliate-scene.svg?v=10.13.0')!important}
.dj-home-path:after{background:linear-gradient(0deg,rgba(14,12,31,.9),rgba(24,16,49,.18) 78%,rgba(24,16,49,.03))}
.dj-live-services-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:13px}
.dj-live-service{min-height:218px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}
.dj-live-service p{color:var(--text-secondary)}
.dj-service-market{background:linear-gradient(150deg,#291b49d9,#291b4940),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-service-recycle{background:linear-gradient(150deg,#0d493bdc,#0d493b4d),url('/static/images/dastjor-recycling-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-service-farm{background:linear-gradient(150deg,#174d37d9,#174d3744),url('/static/images/dastjor-farm-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-service-games{background:linear-gradient(150deg,#241044c9,#24104433),url('/static/images/dastjor-games-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-service-needs{background:linear-gradient(150deg,#193c62dc,#193c624d),url('/static/images/dastjor-needs-scene.svg?v=10.13.0') center/cover!important;color:#fff!important}
.dj-service-community{background:linear-gradient(150deg,#31204dd9,#31204d44),url('/static/images/dastjor-community-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-live-service small,.dj-live-service p,.dj-live-service i{color:#fff!important}
.dj-live-service .dj-service-icon{background:#ffffffdc;color:#50328b}
.dj-discovery-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:13px}
.dj-discovery-card{background:var(--bg-card);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
.dj-discovery-card>small{color:var(--text-secondary)}
/* Explore cards — explicitly override old theme.css !important gradients and hidden labels. */
.ecosystem-card-art{height:184px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:15px;overflow:hidden;background-size:cover!important;background-position:center!important}
.ecosystem-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,39,.72),rgba(20,12,39,.02) 75%);pointer-events:none}
.ecosystem-market-art{background-image:url('/static/images/dastjor-market-hero-88.webp?v=10.13.0')!important}
.ecosystem-farm-art{background-image:url('/static/images/dastjor-farm-scene.webp?v=10.13.0')!important;color:#fff!important}
.ecosystem-nearby-art{background-image:url('/static/images/dastjor-nearby-radar.svg?v=10.13.0')!important;color:#fff!important}
.ecosystem-needs-art{background-image:url('/static/images/dastjor-needs-scene.svg?v=10.13.0')!important;color:#fff!important}
.ecosystem-recycle-art{background-image:url('/static/images/dastjor-recycling-scene.webp?v=10.13.0')!important;color:#fff!important}
.ecosystem-kids-art{background-image:url('/static/images/dastjor-games-scene.webp?v=10.13.0')!important}
.ecosystem-ai-art{background-image:radial-gradient(circle at 50% 42%,#9d4edd,#312e81 66%,#101735)!important;color:#fff!important}
.ecosystem-affiliate-art{background-image:url('/static/images/dastjor-affiliate-scene.svg?v=10.13.0')!important;color:#fff!important}
.ecosystem-community-art{background-image:url('/static/images/dastjor-community-scene.webp?v=10.13.0')!important}
.ecosystem-farm-art span,.ecosystem-nearby-art i,.ecosystem-nearby-art b,.ecosystem-needs-art span,.ecosystem-needs-art i,.ecosystem-recycle-art span,.ecosystem-recycle-art i,.ecosystem-affiliate-art span,.ecosystem-affiliate-art b,.ecosystem-ai-art span,.ecosystem-ai-art b{display:initial!important;position:relative;z-index:1;color:#fff!important;text-shadow:0 2px 12px #140c2d99}
.ecosystem-nearby-art .ecosystem-map-pin{font-size:42px}.ecosystem-needs-art span,.ecosystem-recycle-art span,.ecosystem-affiliate-art span{font-size:50px;font-weight:900}
.ecosystem-card-v7{background:var(--bg-card);border-color:var(--line);box-shadow:var(--shadow);overflow:hidden}
.ecosystem-card-body h3{color:var(--text-primary)}.ecosystem-card-body p{color:var(--text-secondary)}.ecosystem-card-body>a{color:var(--accent);border-color:var(--line)}
.ecosystem-hero-v7{background:linear-gradient(110deg,#21153cdd,#3e2367c9 58%,#1c5265cc),url('/static/images/dastjor-community-scene.webp?v=10.13.0') center/cover!important;border-color:#c4b5fd66;box-shadow:var(--shadow)}
.ecosystem-hero-image{background:linear-gradient(0deg,#1b1239aa,#1b123900),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover!important}
.ecosystem-live-strip>div{background:var(--bg-card);border-color:var(--line);box-shadow:var(--shadow)}
/* Distinct page banners for each service. */
.market-hero{background-image:linear-gradient(90deg,rgba(30,17,55,.12),rgba(30,17,55,.76) 62%,rgba(30,17,55,.92)),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0')!important;color:#fff}
.market-hero .market-hero-copy,.market-hero h1,.market-hero p{color:#fff!important}
.market-hero-kicker{background:#ffffffdc;color:#54328c;border-color:#ffffff90}
.farm-market-hero{background-image:linear-gradient(270deg,rgba(15,61,42,.94),rgba(20,75,48,.76) 48%,rgba(20,75,48,.08)),url('/static/images/dastjor-farm-scene.webp?v=10.13.0')!important;background-position:center;background-size:cover!important;border-color:#b8e2c7}
.farm-market-hero .farm-hero-art{filter:drop-shadow(0 16px 25px #092f1d55)}
.nearby-hero-v52{background:linear-gradient(115deg,#21163de8,#4d2b82d9 58%,#155b6ad9),url('/static/images/dastjor-nearby-radar.svg?v=10.13.0') center/cover!important;color:#fff!important}
.nearby-hero-v52 h1,.nearby-hero-v52 p{color:#fff!important}
.nearby-radar-art{background:radial-gradient(circle,#9f7aea35,transparent 68%),url('/static/images/dastjor-nearby-radar.svg?v=10.13.0') center/contain no-repeat!important;filter:drop-shadow(0 10px 25px #a78bfa55)!important}
.needs-hero{background-image:linear-gradient(90deg,rgba(17,36,67,.12),rgba(17,36,67,.72) 58%,rgba(17,36,67,.91)),url('/static/images/dastjor-needs-scene.svg?v=10.13.0')!important;color:#fff!important}
.needs-hero .market-hero-copy,.needs-hero h1,.needs-hero p{color:#fff!important}
.recycle-page-hero{background-image:linear-gradient(270deg,rgba(9,50,43,.93),rgba(11,67,56,.70) 52%,rgba(11,67,56,.12)),url('/static/images/dastjor-recycling-scene.webp?v=10.13.0')!important;background-position:center;background-size:cover!important}
.dj-community-hero{background-image:linear-gradient(90deg,rgba(27,15,50,.12),rgba(27,15,50,.72) 62%,rgba(27,15,50,.9)),url('/static/images/dastjor-community-scene.webp?v=10.13.0')!important;background-position:center;background-size:cover!important}
.dj-community-hero h1,.dj-community-hero p{color:#fff!important}
.dj-affiliate-hero{background-image:linear-gradient(110deg,rgba(39,18,76,.95),rgba(89,40,130,.72)),url('/static/images/dastjor-affiliate-scene.svg?v=10.13.0')!important;background-position:center;background-size:cover!important;color:#fff!important}
.dj-affiliate-hero h2,.dj-affiliate-hero p{color:#fff!important}
.dj-affiliate-welcome{background:linear-gradient(110deg,#2a1749e8,#62328ad9),url('/static/images/dastjor-affiliate-scene.svg?v=10.13.0') center/cover!important;color:#fff!important}
.dj-affiliate-welcome h1,.dj-affiliate-welcome p{color:#fff!important}
.dj-city-report-hero{background:linear-gradient(110deg,#1c2858e8,#39418ad9),url('/static/images/dastjor-city-scene.svg?v=10.13.0') center/cover!important;color:#fff!important}
.dj-city-pulse-hero{background:linear-gradient(110deg,#1c2858e8,#39418ad9),url('/static/images/dastjor-city-scene.svg?v=10.13.0') center/cover!important;color:#fff!important}
.dj-founders-hero{background:linear-gradient(110deg,#29164ce8,#63317ed9),url('/static/images/dastjor-affiliate-scene.svg?v=10.13.0') center/cover!important;color:#fff!important}
.dj-missions-hero{background:linear-gradient(110deg,#23123fe8,#4b2376d9),url('/static/images/dastjor-games-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-notifications-hero{background:linear-gradient(110deg,#251740e8,#4b326ad9),url('/static/images/dastjor-community-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-city-report-hero h1,.dj-city-pulse-hero h1,.dj-founders-hero h1,.dj-missions-hero h1,.dj-notifications-hero h1,.dj-city-report-hero p,.dj-city-pulse-hero p,.dj-founders-hero p,.dj-missions-hero p,.dj-notifications-hero p{color:#fff!important}
.dj-page-hero .dj-label{color:#f3d5ff!important}
.dj-customer-welcome{background:linear-gradient(110deg,#281849e8,#4e2d7bd9),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-seller-welcome{background:linear-gradient(110deg,#1c3c35e8,#28634ed9),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover!important;color:#fff!important}
.dj-customer-welcome h1,.dj-customer-welcome p,.dj-seller-welcome h1,.dj-seller-welcome p{color:#fff!important}
/* Improve dark-mode surfaces without flattening the world imagery. */
[data-theme="dark"] .ecosystem-card-v7,[data-theme="dark"] .ecosystem-live-strip>div,[data-theme="dark"] .dj-discovery-card,[data-theme="dark"] .dj-live-service,[data-theme="dark"] .panel-section,[data-theme="dark"] .form-card,[data-theme="dark"] .search-panel{background:var(--bg-card);color:var(--text-primary);border-color:var(--line)}
[data-theme="dark"] .ecosystem-card-body h3,[data-theme="dark"] .ecosystem-card-body p,[data-theme="dark"] .dj-discovery-card>small,[data-theme="dark"] .dj-live-service p{color:var(--text-secondary)}
[data-theme="dark"] .affiliate-example,[data-theme="dark"] .affiliate-product,[data-theme="dark"] .needs-create-card,[data-theme="dark"] .needs-list,[data-theme="dark"] .recycle-form{background:var(--bg-card);color:var(--text-primary);border-color:var(--line)}
[data-theme="dark"] .dj-mission-row,[data-theme="dark"] .dj-notice-row,[data-theme="dark"] .dj-pulse-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--line)}
.dj-home-path,.dj-live-service,.dj-discovery-card,.ecosystem-card-v7,.farm-list-card,.dj-product-card{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.dj-home-path:hover,.dj-live-service:hover,.dj-discovery-card:hover,.ecosystem-card-v7:hover,.farm-list-card:hover,.dj-product-card:hover{transform:translateY(-4px);filter:saturate(1.06);box-shadow:0 22px 48px #24104425}
.dj-participation-panel{border:1px solid #d8b4fe66;border-radius:24px;box-shadow:0 18px 44px #29144a20}
.dj-participation-copy small{color:#f1e8ff}
.dj-home-discovery{margin-top:38px}
.dj-community-layout{grid-template-columns:minmax(0,1fr) 300px}
.dj-community-main{min-width:0}
.dj-community-hero{min-height:230px}
.dj-social-post{background:var(--bg-card);border-color:var(--line);color:var(--text-primary)}
.dj-social-body,.dj-post-comments p{color:var(--text-secondary)}
.dj-social-photo img{width:100%;max-height:680px;object-fit:contain;background:#171323}
.dashboard-welcome{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,3vw,34px)}
.dashboard-welcome .eyebrow{color:#f3d5ff}
.dashboard-welcome h1,.dashboard-welcome p{color:inherit}
.dj-affiliate-welcome .btn,.dj-seller-welcome .btn,.dj-customer-welcome .btn{background:#fff!important;color:#4c287c!important;border-color:#fff!important}
.dj-page-hero{border-color:var(--line);box-shadow:var(--shadow)}
.dj-city-report-hero .dj-pulse-card,.dj-city-pulse-hero .dj-pulse-card,.dj-founders-hero .dj-pulse-card{background:#ffffffec;color:#2a2342;border-color:#ffffff66}
.dj-city-report-hero .dj-pulse-card span,.dj-city-pulse-hero .dj-pulse-card span,.dj-founders-hero .dj-pulse-card span{color:#655b79}
.dj-city-report-hero .dj-pulse-card strong,.dj-city-pulse-hero .dj-pulse-card strong,.dj-founders-hero .dj-pulse-card strong{color:#6036a4}
@media(max-width:900px){.dj-community-layout{grid-template-columns:1fr}.dj-community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-shell{width:min(100% - 24px,1240px)}.dj-home-paths,.dj-live-services-grid,.dj-discovery-grid,.ecosystem-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-card-art{height:160px}.farm-market-hero{grid-template-columns:1fr}.farm-market-hero .farm-hero-art{min-height:150px}.dj-community-hero{min-height:190px}.dj-community-mark{display:none}.dj-affiliate-hero{background-position:62% center!important}.recycle-page-hero{background-position:58% center!important}}
@media(max-width:520px){.dj-home-paths,.dj-live-services-grid,.dj-discovery-grid,.ecosystem-grid-v7{grid-template-columns:1fr}.dj-home-path{min-height:145px}.dj-live-service{min-height:185px}.ecosystem-card-art{height:185px}.dashboard-welcome{gap:14px;padding:18px}.dj-community-layout{display:block}.dj-community-sidebar{grid-template-columns:1fr}.dj-community-hero{padding:18px}.market-hero,.farm-market-hero,.recycle-page-hero,.nearby-hero-v52{border-radius:20px}.dj-page-hero{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* World-specific visuals for deeper pages, not just the gateway. */
.arcade-hero{background:linear-gradient(105deg,rgba(28,14,55,.96),rgba(55,24,95,.82) 55%,rgba(55,24,95,.20)),url('/static/images/dastjor-games-scene.webp?v=10.13.0') center/cover!important;border:1px solid #c4b5fd55!important;color:#fff!important}
.arcade-hero h1,.arcade-hero p{color:#fff!important}
.arcade-hero .arcade-kicker{color:#f0abfc!important}
.dj-farmer-cover:not(.has-cover){background-image:linear-gradient(90deg,#123c2b33,#123c2b77),url('/static/images/dastjor-farm-scene.webp?v=10.13.0')!important;background-size:cover!important;background-position:center!important}
.recycler-dashboard-hero{background:linear-gradient(110deg,#0e493ddd,#0e493d55),url('/static/images/dastjor-recycling-scene.webp?v=10.13.0') center/cover!important;color:#fff!important}
.login-art{background:linear-gradient(135deg,#291747df,#63358bd0),url('/static/images/dastjor-market-hero-88.webp?v=10.13.0') center/cover!important;color:#fff!important}
.login-art h1,.login-art p{color:#fff!important}
.affiliate-discovery{background:linear-gradient(145deg,#2c174f,#7542a8)!important;color:#fff!important}
.affiliate-discovery>small{color:#f1e8ff!important}
.needs-discovery{background:linear-gradient(145deg,#173b63,#256b83)!important;color:#fff!important}
.needs-discovery>small{color:#e1f5ff!important}
.community-discovery{background:linear-gradient(145deg,#32204d,#654078)!important;color:#fff!important}
.community-discovery>small{color:#f0e6ff!important}
/* Balanced grid rhythm and full dark-mode legibility for non-hero content. */
.dj-home-paths,.dj-live-services-grid,.dj-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.dj-home-paths,.dj-live-services-grid,.dj-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dj-home-paths,.dj-live-services-grid,.dj-discovery-grid{grid-template-columns:1fr}}
[data-theme="dark"] .page-intro,[data-theme="dark"] .section-heading,[data-theme="dark"] .panel-heading,[data-theme="dark"] .farm-section-head,[data-theme="dark"] .listing-meta,[data-theme="dark"] .search-panel,[data-theme="dark"] .farm-market-filters,[data-theme="dark"] .farm-how,[data-theme="dark"] .farm-list-section,[data-theme="dark"] .affiliate-example,[data-theme="dark"] .payout-request-card,[data-theme="dark"] .needs-layout>aside,[data-theme="dark"] .needs-layout>section,[data-theme="dark"] .recycle-form,[data-theme="dark"] .recycle-map-section,[data-theme="dark"] .storefront-intro-natural,[data-theme="dark"] .storefront-view-options,[data-theme="dark"] .dj-store-share-card{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--line)!important}
[data-theme="dark"] .page-intro p,[data-theme="dark"] .section-heading p,[data-theme="dark"] .panel-heading p,[data-theme="dark"] .muted,[data-theme="dark"] .form-note,[data-theme="dark"] .field-help,[data-theme="dark"] .seller-caption,[data-theme="dark"] .farm-list-body p,[data-theme="dark"] .farm-how p,[data-theme="dark"] .dj-store-share-card p{color:var(--text-secondary)!important}
[data-theme="dark"] .dash-stat,[data-theme="dark"] .order-card,[data-theme="dark"] .affiliate-product,[data-theme="dark"] .affiliate-link-card,[data-theme="dark"] .payout-request-card,[data-theme="dark"] .seller-onboarding,[data-theme="dark"] .dj-farm-readiness,[data-theme="dark"] .seller-status-strip,[data-theme="dark"] .dj-seller-social,[data-theme="dark"] .admin-card,[data-theme="dark"] .admin-section,[data-theme="dark"] .admin-stat,[data-theme="dark"] .admin-table-wrap{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--line)!important}
[data-theme="dark"] .dash-stat span,[data-theme="dark"] .dash-stat small,[data-theme="dark"] .affiliate-product small,[data-theme="dark"] .order-card p,[data-theme="dark"] .order-card small,[data-theme="dark"] .seller-onboarding small,[data-theme="dark"] .dj-farm-readiness small{color:var(--text-secondary)!important}
[data-theme="dark"] .form-card label,[data-theme="dark"] .form-stack label,[data-theme="dark"] .farm-form-card label,[data-theme="dark"] .recycle-form label{color:var(--text-primary)}
[data-theme="dark"] .table-wrap table,[data-theme="dark"] .table-wrap th,[data-theme="dark"] .table-wrap td{border-color:var(--line);color:var(--text-primary)}
[data-theme="dark"] .empty-state,[data-theme="dark"] .empty-inline,[data-theme="dark"] .dj-empty-market,[data-theme="dark"] .farm-empty{background:var(--bg-card);color:var(--text-primary);border-color:var(--line)}
[data-theme="dark"] .login-card,[data-theme="dark"] .auth-card,[data-theme="dark"] .farm-form-card,[data-theme="dark"] .v3-assistant-form,[data-theme="dark"] .v3-assistant-side{background:var(--bg-card);color:var(--text-primary);border-color:var(--line)}


/* ---- preserved cascade: static/dastjor-global-9.3.css ---- */
/* DastJor 9.3 — unified design system and new growth tools */
:root{
  --dj-ink:#23163f;--dj-muted:#766b8b;--dj-purple:#6935c3;--dj-violet:#8756e8;--dj-pink:#e65bbd;
  --dj-cyan:#38bdf8;--dj-lime:#75d6a5;--dj-gold:#f6c76d;--dj-border:rgba(115,84,160,.17);
  --dj-shadow:0 18px 48px rgba(43,20,82,.10);--dj-radius:26px;
}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 12% 0%,rgba(167,139,250,.12),transparent 32%),radial-gradient(ellipse at 94% 24%,rgba(244,114,182,.08),transparent 28%),var(--bg,#f8f6fc)}
.topbar{backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg-card,#fff) 88%,transparent);border-bottom:1px solid var(--dj-border);box-shadow:0 8px 30px rgba(39,20,75,.045)}
.brandmark{box-shadow:0 8px 20px rgba(109,40,217,.23);border:1px solid rgba(196,181,253,.48)}
.brandmark img{filter:drop-shadow(0 2px 4px #0002)}
.mainnav a{transition:color .18s ease,background .18s ease,transform .18s ease}
.mainnav a:hover{transform:translateY(-1px)}
.page-shell{padding-top:clamp(16px,2.5vw,30px);padding-bottom:44px}
.page-intro,.page-intro.short,.dj-unified-intro{border:1px solid var(--dj-border);border-radius:var(--dj-radius);box-shadow:var(--dj-shadow);background:linear-gradient(125deg,color-mix(in srgb,var(--bg-card,#fff) 96%,#eadcff),var(--bg-card,#fff));padding:clamp(22px,3vw,34px);overflow:hidden;position:relative}
.page-intro:after,.dj-unified-intro:after{content:"";position:absolute;left:-42px;bottom:-95px;width:240px;height:240px;border:1px solid #9b72df33;border-radius:50%;box-shadow:0 0 0 22px #9b72df0b,0 0 0 44px #9b72df08;pointer-events:none}
.page-intro h1,.dj-unified-intro h1{letter-spacing:-.035em}
.panel-section,.form-card,.search-panel,.farm-how,.farm-list-section,.needs-layout>aside,.needs-layout>section,.recycle-form,.recycle-map-section,.admin-section,.admin-card,.admin-table-wrap,.affiliate-example,.affiliate-product,.payout-request-card{border-radius:22px;border-color:var(--dj-border);box-shadow:0 10px 30px rgba(39,20,75,.055)}
.btn,.farm-button,.dj-btn-primary,.dj-btn-secondary{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover,.farm-button:hover,.dj-btn-primary:hover,.dj-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4c1d951f}
:focus-visible{outline:3px solid #a78bfa!important;outline-offset:3px!important}
/* New inbox */
.dj-inbox-hero,.dj-insights-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:220px;margin:4px 0 22px;padding:clamp(24px,4vw,42px);border-radius:30px;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 18%,#c084fc55,transparent 25%),linear-gradient(115deg,#1b1237 0%,#452276 54%,#6d38ad 100%);box-shadow:0 24px 60px #30105433}
.dj-inbox-hero:after,.dj-insights-hero:after{content:"";position:absolute;z-index:-1;width:360px;height:360px;left:8%;top:-190px;border:1px solid #e9d5ff45;border-radius:50%;box-shadow:0 0 0 35px #e9d5ff0d,0 0 0 80px #e9d5ff08}
.dj-inbox-hero h1,.dj-insights-hero h1{color:#fff;font-size:clamp(30px,4.5vw,52px);margin:8px 0 10px;letter-spacing:-.04em}
.dj-inbox-hero p,.dj-insights-hero p{color:#eee4ff;max-width:690px;line-height:2}
.dj-inbox-hero-icon{display:grid;place-items:center;width:126px;height:126px;flex:0 0 126px;border:1px solid #ffffff55;border-radius:38px;background:linear-gradient(145deg,#ffffff2b,#ffffff0b);box-shadow:inset 0 1px #fff6,0 20px 45px #160b3333;font-size:62px;transform:rotate(-7deg)}
.dj-inbox-list{padding:24px}
.dj-thread-list{display:grid;gap:10px}
.dj-thread-card{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:var(--bg-card);color:var(--text-primary);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dj-thread-card:hover{transform:translateY(-2px);border-color:#a78bfa;box-shadow:0 12px 28px #2e155b14}
.dj-thread-avatar{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:17px;background:linear-gradient(145deg,#7c3aed,#c084fc);color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 20px #7c3aed35}
.dj-thread-main{display:grid;gap:4px;min-width:0;flex:1}.dj-thread-main>b,.dj-thread-main>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-thread-main small,.dj-thread-main p{margin:0;color:var(--text-secondary);font-size:12px}.dj-thread-main p{font-size:13px}.dj-unread-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#7c3aed;color:#fff;font-size:12px;font-weight:900}.dj-thread-arrow{color:var(--accent);font-size:20px}
.dj-inbox-empty{text-align:center;padding:42px 18px;border:1px dashed var(--dj-border);border-radius:22px;background:linear-gradient(140deg,#a78bfa0b,#ec48990a)}.dj-inbox-empty>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:20px;background:#ede5ff;color:#6d28d9;font-size:28px}.dj-inbox-empty p{color:var(--text-secondary)}
.dj-thread-page{max-width:900px;margin:0 auto;border:1px solid var(--dj-border);border-radius:28px;overflow:hidden;background:var(--bg-card);box-shadow:var(--dj-shadow)}
.dj-thread-page-head{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(110deg,#281844,#58318d);color:#fff}.dj-thread-page-head .btn{margin-left:auto;background:#ffffff1a;color:#fff;border-color:#ffffff33}.dj-thread-page-head h1{color:#fff;font-size:22px;margin:2px 0}.dj-thread-page-head small{color:#e9d5ff}.dj-thread-messages{min-height:300px;max-height:65vh;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 8% 6%,#a78bfa0c,transparent 28%),var(--bg-card)}
.dj-chat-message{max-width:min(78%,620px);padding:12px 15px;border:1px solid var(--line);border-radius:18px;background:var(--bg);align-self:flex-start;box-shadow:0 5px 15px #27134b0a}.dj-chat-message.mine{align-self:flex-end;background:linear-gradient(135deg,#6d35c4,#8555d7);color:white;border-color:#8b5cf6}.dj-chat-message b{font-size:12px;opacity:.78}.dj-chat-message p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.dj-chat-message small{font-size:10px;opacity:.65}.dj-thread-compose{display:flex;gap:10px;padding:18px;border-top:1px solid var(--line);background:var(--bg-card)}.dj-thread-compose textarea{flex:1;resize:vertical;min-height:58px;border:1px solid var(--line);border-radius:15px;padding:12px;background:var(--bg);color:var(--text-primary)}.dj-inbox-privacy{margin:0;padding:0 20px 18px;color:var(--text-secondary);font-size:11px}
.dj-store-message-form{display:grid;gap:7px;width:min(100%,300px);padding:12px;border:1px solid #ffffff55;border-radius:18px;background:#fff1;color:inherit}.dj-store-message-form label{font-size:12px;font-weight:800}.dj-store-message-form textarea{width:100%;min-height:54px;border:1px solid #ffffff5c;border-radius:12px;padding:9px;background:#fff;color:#24143d;resize:vertical}
/* Seller growth studio */
.dj-insights-hero{background:radial-gradient(circle at 76% 20%,#34d39933,transparent 25%),linear-gradient(115deg,#142d2a,#245d52 53%,#397b68)}
.dj-insights-orb{display:grid;place-items:center;flex:0 0 130px;width:130px;height:130px;border-radius:42px;border:1px solid #ffffff55;background:linear-gradient(145deg,#ffffff2b,#ffffff08);box-shadow:0 20px 45px #071f1833;transform:rotate(6deg)}.dj-insights-orb span{font-size:46px;font-weight:1000;letter-spacing:-.1em;color:#d1fae5}.dj-insights-orb small{margin-top:-25px;letter-spacing:.25em;color:#d1fae5;font-size:9px}.dj-insights-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dj-insights-actions .btn.primary{background:#fff;color:#155e4c;border-color:#fff}.dj-insights-actions .btn.secondary,.dj-insights-actions .btn.ghost{background:#ffffff17;color:#fff;border-color:#ffffff55}
.dj-insights-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.dj-insights-kpis article{display:grid;gap:5px;min-width:0;padding:17px;border:1px solid var(--dj-border);border-radius:20px;background:var(--bg-card);box-shadow:0 8px 25px #27134b0a}.dj-insights-kpis small{color:var(--text-secondary);font-size:12px}.dj-insights-kpis b{font-size:clamp(21px,2vw,30px);color:var(--accent);overflow-wrap:anywhere}.dj-insights-kpis span{font-size:11px;color:var(--text-secondary)}.dj-insights-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:16px;margin:18px 0}.dj-chart-panel,.dj-demand-panel,.dj-insights-products{padding:22px}.dj-traffic-chart{height:190px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:15px 8px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,var(--line) 46px)}.dj-traffic-col{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.dj-traffic-col>b{font-size:11px;color:var(--text-secondary)}.dj-traffic-col>span{width:min(40px,75%);min-height:6px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#c084fc,#6d28d9);box-shadow:0 4px 12px #6d28d933}.dj-traffic-col>small{font-size:10px;color:var(--text-secondary);padding-top:4px}.dj-insights-note{font-size:11px;line-height:1.8;color:var(--text-secondary);margin:12px 0 0}.dj-demand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text-primary);text-decoration:none}.dj-demand-row>span{display:grid;gap:4px;min-width:0}.dj-demand-row b{font-size:13px}.dj-demand-row small,.dj-demand-row em{font-size:11px;color:var(--text-secondary);font-style:normal}.dj-demand-row em{white-space:nowrap;color:var(--accent)}.dj-insights-products .table-wrap{margin-top:14px}
/* Delivery details and order timeline */
.dj-order-layout{align-items:start}.dj-order-status-card,.dj-order-items-card{padding:22px}.dj-order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 22px}.dj-order-progress span{position:relative;padding:9px 5px;text-align:center;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--text-secondary);font-size:11px}.dj-order-progress span.done{background:#dcfce7;color:#166534;border-color:#86efac;font-weight:900}.dj-tracking-highlight{display:grid;gap:4px;padding:13px 15px;margin:14px 0;border:1px solid #a78bfa55;border-radius:15px;background:linear-gradient(110deg,#a78bfa17,#38bdf817)}.dj-tracking-highlight small{font-size:11px;color:var(--text-secondary)}.dj-tracking-highlight strong{font-size:20px;letter-spacing:.08em;color:var(--accent)}.dj-order-total{padding-top:12px;border-top:1px solid var(--line)}.dj-order-total strong{font-size:19px;color:var(--accent)}.dj-delivery-editor{margin:18px 0;padding:16px;border:1px solid var(--dj-border);border-radius:18px;background:var(--bg)}.dj-delivery-editor h3{margin:0 0 6px}.dj-order-timeline{margin-top:24px}.dj-order-timeline h3{margin-bottom:16px}.dj-order-timeline article{position:relative;display:flex;gap:12px;padding:0 0 18px}.dj-order-timeline article:before{content:"";position:absolute;right:7px;top:17px;bottom:0;width:1px;background:var(--line)}.dj-order-timeline article:last-child:before{display:none}.dj-order-timeline article>i{width:15px;height:15px;flex:0 0 15px;margin-top:4px;border-radius:50%;background:#8b5cf6;border:3px solid #ede9fe;z-index:1}.dj-order-timeline article p{margin:4px 0;color:var(--text-secondary);font-size:12px}.dj-order-timeline article small{font-size:10px;color:var(--text-secondary)}
/* Premium arcade */
.dj-arcade-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:22px;min-height:360px;margin:4px 0 18px;padding:clamp(24px,4vw,48px);overflow:hidden;border:1px solid #c4b5fd44;border-radius:34px;color:#fff;background:linear-gradient(100deg,#160e2af7 0%,#2b1654e8 47%,#3b1d6b99 100%),url('/static/images/dastjor-games-scene.webp?v=10.13.0') center/cover;box-shadow:0 28px 70px #29104438}
.dj-arcade-hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:34%;top:-270px;border:1px solid #e9d5ff38;border-radius:50%;box-shadow:0 0 0 35px #e9d5ff0a,0 0 0 85px #e9d5ff08}
.dj-arcade-copy{max-width:720px}.dj-arcade-overline{display:inline-flex;align-items:center;gap:9px;color:#e9d5ff;font-size:10px;font-weight:900;letter-spacing:.18em}.dj-arcade-overline i{width:7px;height:7px;border-radius:50%;background:#86efac;box-shadow:0 0 14px #86efac}.dj-arcade-copy h1{margin:16px 0 10px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.35;letter-spacing:-.045em}.dj-arcade-copy h1 em{display:block;font-style:normal;color:#d8b4fe}.dj-arcade-copy p{max-width:640px;color:#ece3ff;line-height:2.1;font-size:14px}.dj-arcade-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dj-arcade-primary,.dj-arcade-secondary{display:inline-flex;align-items:center;gap:15px;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:900}.dj-arcade-primary{color:#26133f;background:linear-gradient(110deg,#f0abfc,#c4b5fd);box-shadow:0 10px 25px #a855f744}.dj-arcade-secondary{color:#fff;border:1px solid #ffffff55;background:#ffffff12}.dj-arcade-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.dj-arcade-pills span{padding:7px 11px;border:1px solid #ffffff28;border-radius:999px;background:#ffffff0d;color:#f4eaff;font-size:11px}.dj-arcade-art{height:260px;position:relative;display:grid;place-items:center}.dj-arcade-ring{position:absolute;width:220px;height:220px;border:1px solid #e9d5ff55;border-radius:50%;box-shadow:0 0 0 20px #a78bfa0a,0 0 0 45px #a78bfa08}.ring-b{width:164px;height:164px;border-style:dashed;animation:dj-spin 28s linear infinite}.dj-arcade-console{position:relative;display:grid;place-items:center;width:150px;height:120px;border:1px solid #ffffff8a;border-radius:34px;background:linear-gradient(145deg,#ffffff55,#ffffff12);box-shadow:inset 0 1px #fff9,0 24px 60px #10072266;backdrop-filter:blur(10px);transform:rotate(-9deg)}.dj-arcade-console>b{font-size:58px;font-weight:1000;letter-spacing:-.12em;color:#fff;text-shadow:0 5px 25px #a855f7}.dj-arcade-console>small{margin-top:-27px;font-size:9px;letter-spacing:.4em;color:#f0abfc}.dj-arcade-console>i{position:absolute;top:-14px;right:-10px;color:#fde68a;font-size:25px}.dj-arcade-float{position:absolute;display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff55;border-radius:18px;background:#ffffff20;backdrop-filter:blur(8px);box-shadow:0 14px 28px #0f082855;font-size:27px}.game-float-a{top:28px;right:24px;transform:rotate(11deg)}.game-float-b{bottom:18px;right:44px;transform:rotate(-12deg)}.game-float-c{top:65px;left:24px;transform:rotate(9deg)}.dj-arcade-star{position:absolute;color:#f5d0fe;text-shadow:0 0 16px #e879f9}.star-a{top:12px;left:38%}.star-b{bottom:25px;left:22%}@keyframes dj-spin{to{transform:rotate(360deg)}}
.dj-arcade-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 36px}.dj-arcade-stats article{display:grid;justify-items:center;gap:3px;padding:14px 8px;border:1px solid var(--dj-border);border-radius:17px;background:var(--bg-card);box-shadow:0 7px 20px #27134b08}.dj-arcade-stats b{color:var(--accent);font-size:21px;font-weight:1000}.dj-arcade-stats span{font-size:11px;color:var(--text-secondary);text-align:center}.dj-arcade-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:34px 0 16px}.dj-arcade-section-head h2{font-size:clamp(24px,3vw,34px);margin:5px 0}.dj-arcade-section-head p{margin:0;color:var(--text-secondary)}.dj-arcade-section-mark{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--accent);white-space:nowrap}
.dj-arcade-game-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}.dj-arcade-game-grid .arcade-game-card{overflow:hidden;border:1px solid var(--dj-border);border-radius:23px;background:var(--bg-card);box-shadow:0 12px 32px #27134b0d;text-align:right;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dj-arcade-game-grid .arcade-game-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px #27134b17}.dj-arcade-game-grid .arcade-game-card.is-selected{border-color:#9b72df;box-shadow:0 0 0 3px #a78bfa22,0 22px 48px #4c1d9519}.dj-arcade-game-grid .arcade-card-art{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.dj-arcade-game-grid .arcade-card-art:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid #ffffff44;box-shadow:0 0 0 20px #ffffff0a,0 0 0 42px #ffffff08}.dj-arcade-game-grid .arcade-card-art i{font-style:normal;font-size:76px;filter:drop-shadow(0 15px 20px #10072477);z-index:1}.dj-arcade-game-grid .arcade-card-art>b{position:absolute;top:26px;right:25%;font-size:32px}.dj-arcade-game-grid .arcade-card-art>em{position:absolute;left:23%;top:30px;color:#fff5; font-size:30px}.dj-arcade-game-grid .arcade-card-art>small{position:absolute;bottom:15px;left:16px;letter-spacing:.2em;font-size:9px;color:#ffffffc9;font-weight:900}.snake-art{background:radial-gradient(circle at 70% 30%,#a3e63566,transparent 28%),linear-gradient(140deg,#153e36,#14532d 55%,#0f766e)}.flyer-art{background:radial-gradient(circle at 70% 28%,#fef08a66,transparent 28%),linear-gradient(140deg,#144a75,#4f46a5 60%,#7c3aed)}.puzzle-art{background:radial-gradient(circle at 70% 28%,#f9a8d466,transparent 30%),linear-gradient(140deg,#54217d,#a33d98 60%,#c15d72)}.dj-arcade-game-grid .arcade-card-body{display:grid;gap:7px;padding:17px 18px 19px}.dj-arcade-game-grid .arcade-card-body>small{color:var(--accent);font-size:10px;font-weight:900}.dj-arcade-game-grid .arcade-card-body>strong{font-size:19px;color:var(--text-primary)}.dj-arcade-game-grid .arcade-card-body>span{min-height:48px;font-size:12px;line-height:1.9;color:var(--text-secondary)}.dj-arcade-game-grid .arcade-play-hint{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding-top:11px;border-top:1px solid var(--line);color:var(--accent);font-size:12px}.dj-arcade-machine{padding:22px;border:1px solid var(--dj-border);border-radius:28px;background:var(--bg-card);box-shadow:var(--dj-shadow)}.dj-arcade-machine .arcade-machine-head{align-items:center}.dj-arcade-machine .arcade-machine-head h2{font-size:26px;margin:8px 0}.dj-arcade-machine .arcade-hud>div{min-width:70px;padding:10px;border:1px solid var(--dj-border);border-radius:13px;background:var(--bg)}.dj-arcade-machine .arcade-board-wrap{border:1px solid #8b5cf677;border-radius:20px;overflow:hidden;box-shadow:0 18px 42px #140a2c33}.dj-arcade-machine canvas{display:block;width:100%;height:auto;max-height:600px;background:#211044}.dj-arcade-machine .arcade-overlay{background:linear-gradient(130deg,#1d1236eF,#4c1d95d9);backdrop-filter:blur(7px)}.dj-arcade-machine .arcade-overlay-icon{font-size:56px}.dj-arcade-machine .arcade-start-btn{border-radius:14px;background:linear-gradient(110deg,#f0abfc,#c4b5fd);color:#26133f;font-weight:1000;box-shadow:0 12px 25px #09041b55}.dj-arcade-machine .arcade-secondary-btn,.dj-arcade-machine .arcade-puzzle-options button,.dj-arcade-machine .arcade-action-btn{border-radius:12px}.dj-arcade-machine .arcade-live-message{padding:10px 13px;border-radius:12px;background:var(--bg);color:var(--text-secondary)}.dj-arcade-guide{display:grid;grid-template-columns:.85fr 1.4fr;gap:22px;align-items:center;margin:30px 0;padding:24px;border:1px solid var(--dj-border);border-radius:24px;background:linear-gradient(110deg,#f5efff,#fff)}.dj-arcade-guide h2{margin:7px 0}.dj-arcade-guide p{color:#6b607e;font-size:12px;line-height:1.9}.dj-arcade-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dj-arcade-guide-grid article{padding:14px;border-radius:16px;background:#fff;border:1px solid #e5daf6}.dj-arcade-guide-grid article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#ede9fe;color:#6d28d9}.dj-arcade-guide-grid h3{font-size:13px;margin:9px 0 4px}.dj-arcade-profile{border-radius:22px;border:1px solid var(--dj-border);background:var(--bg-card);box-shadow:var(--dj-shadow)}.dj-arcade-login{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:1px solid var(--dj-border);border-radius:18px;background:var(--bg-card)}.dj-arcade-login span{color:var(--text-secondary);font-size:12px}.dj-arcade-login a{color:var(--accent);font-weight:900}.dj-arcade-leaderboards{margin-top:32px}.dj-arcade-disclaimer{padding:13px 15px;border:1px solid var(--dj-border);border-radius:14px;background:var(--bg);color:var(--text-secondary);font-size:11px;line-height:1.9}
/* AI assistant identity */
.dastjor-ai-fab{width:64px!important;height:64px!important;border:1px solid #e9d5ff!important;background:linear-gradient(145deg,#30175a,#7441bd)!important;box-shadow:0 15px 36px #421b8055!important}.ai-fab-icon,.ai-panel-orb,.ai-msg-avatar{background:transparent!important}.ai-fab-icon img{width:52px!important;height:52px!important;filter:drop-shadow(0 4px 12px #c084fc99)}.ai-panel-orb img{width:42px!important;height:42px!important}.ai-msg-avatar img{width:30px!important;height:30px!important}.ai-panel-header{background:linear-gradient(110deg,#2d174f,#6540a1)!important}.ai-panel-title b{letter-spacing:-.02em}
/* Consistent dark theme */
[data-theme="dark"] body{background:radial-gradient(ellipse at 12% 0%,#6d28d91c,transparent 35%),radial-gradient(ellipse at 92% 26%,#be185d12,transparent 30%),var(--bg)}
[data-theme="dark"] .dj-arcade-guide{background:linear-gradient(110deg,#211633,#251b36);border-color:var(--line)}[data-theme="dark"] .dj-arcade-guide p{color:var(--text-secondary)}[data-theme="dark"] .dj-arcade-guide-grid article{background:#2b203f;border-color:#4b3a65}[data-theme="dark"] .dj-arcade-guide-grid h3{color:#f6edff}[data-theme="dark"] .dj-order-progress span.done{background:#123c2d;color:#a7f3d0;border-color:#176b4b}[data-theme="dark"] .dj-store-message-form{background:#ffffff12}
@media(max-width:1000px){.dj-insights-kpis{grid-template-columns:repeat(3,1fr)}.dj-arcade-hero{grid-template-columns:1fr .7fr}.dj-arcade-art{height:210px}.dj-arcade-game-grid .arcade-card-art{height:160px}}
@media(max-width:800px){.dj-insights-grid{grid-template-columns:1fr}.dj-arcade-hero{grid-template-columns:1fr}.dj-arcade-art{height:180px;max-width:360px;margin:auto;width:100%}.dj-arcade-game-grid{grid-template-columns:1fr 1fr}.dj-arcade-guide{grid-template-columns:1fr}.dj-arcade-guide-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.dj-inbox-hero,.dj-insights-hero{min-height:0;padding:22px;border-radius:22px}.dj-inbox-hero-icon,.dj-insights-orb{width:74px;height:74px;flex-basis:74px;border-radius:24px;font-size:34px}.dj-insights-orb span{font-size:30px}.dj-insights-orb small{font-size:7px;margin-top:-18px}.dj-insights-kpis{grid-template-columns:repeat(2,1fr)}.dj-insights-kpis article{padding:13px}.dj-thread-compose{flex-direction:column}.dj-thread-compose button{width:100%}.dj-thread-messages{padding:15px;min-height:240px}.dj-chat-message{max-width:92%}.dj-thread-page-head{padding:14px;gap:9px;flex-wrap:wrap}.dj-thread-page-head .btn{order:3;width:100%;margin:8px 0 0}.dj-arcade-hero{padding:22px;border-radius:24px;min-height:0}.dj-arcade-copy h1{font-size:34px}.dj-arcade-copy p{font-size:12px}.dj-arcade-art{height:155px}.dj-arcade-ring{width:145px;height:145px}.dj-arcade-ring.ring-b{width:112px;height:112px}.dj-arcade-console{width:110px;height:88px;border-radius:25px}.dj-arcade-console>b{font-size:42px}.dj-arcade-console>small{margin-top:-20px}.dj-arcade-float{width:42px;height:42px;font-size:21px;border-radius:14px}.dj-arcade-stats{grid-template-columns:repeat(2,1fr)}.dj-arcade-section-head{align-items:start;flex-direction:column}.dj-arcade-section-mark{display:none}.dj-arcade-game-grid{grid-template-columns:1fr}.dj-arcade-game-grid .arcade-card-art{height:155px}.dj-arcade-machine{padding:12px;border-radius:20px}.dj-arcade-machine .arcade-machine-head{display:grid;gap:13px}.dj-arcade-machine .arcade-hud{display:grid;grid-template-columns:repeat(4,1fr)}.dj-arcade-machine .arcade-hud>div{min-width:0}.dj-arcade-guide{padding:17px}.dj-arcade-guide-grid{grid-template-columns:1fr}.dj-arcade-login{align-items:flex-start;flex-direction:column}.dj-order-progress{grid-template-columns:repeat(2,1fr)}.dj-order-status-card,.dj-order-items-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.dj-arcade-ring.ring-b{animation:none}*,*::before,*::after{scroll-behavior:auto!important}}
/* Seller promotion and customer-care panels */
.dj-campaign-studio{padding:24px;margin-top:18px}.dj-campaign-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px;border:1px solid var(--dj-border);border-radius:18px;background:var(--bg)}.dj-campaign-form label,.dj-admin-review-form label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:800}.dj-campaign-form input,.dj-campaign-form select,.dj-admin-review-form input,.dj-admin-review-form select,.dj-admin-review-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg-card);color:var(--text-primary)}.dj-campaign-form button{align-self:end;min-height:43px}.dj-campaign-disclaimer{font-size:11px;line-height:1.9;color:var(--text-secondary);padding:11px 13px;border-radius:12px;background:#f4edff;margin:12px 0 0}.dj-campaign-history{margin-top:22px}.dj-campaign-history h3{font-size:16px}.dj-campaign-history article,.dj-admin-campaign-list>article{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.dj-campaign-history article>div{display:grid;gap:5px}.dj-campaign-history small{color:var(--text-secondary);font-size:11px}.dj-campaign-history p{margin:3px 0;font-size:11px;color:var(--text-secondary)}.dj-admin-campaigns{padding:22px}.dj-admin-campaign-list>article{display:grid;gap:12px;padding:18px;border:1px solid var(--dj-border);border-radius:18px;margin:12px 0;background:var(--bg-card)}.dj-admin-campaign-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dj-admin-campaign-head>div{display:grid;gap:5px}.dj-admin-campaign-head small,.dj-admin-campaign-meta,.dj-case-copy small{font-size:11px;color:var(--text-secondary)}.dj-admin-campaign-meta{display:flex;flex-wrap:wrap;gap:12px}.dj-admin-review-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr) auto;align-items:end;gap:10px}.dj-admin-review-form textarea{resize:vertical}.dj-case-copy{padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.dj-case-copy p{white-space:pre-wrap;line-height:1.9;margin:8px 0;color:var(--text-primary)}.dj-order-case-form,.dj-order-cases{padding:16px;margin:20px 0;border:1px solid var(--dj-border);border-radius:18px;background:var(--bg)}.dj-order-case-form h3,.dj-order-cases h3{margin:0 0 8px}.dj-order-case-form p{font-size:11px;color:var(--text-secondary);line-height:1.9}.dj-order-case-form label{display:grid;gap:7px;margin:10px 0;font-size:12px;font-weight:800}.dj-order-case-form textarea,.dj-order-case-form select{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--bg-card);color:var(--text-primary)}.dj-order-cases article{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--line)}.dj-order-cases article>div{display:flex;justify-content:space-between;gap:8px}.dj-order-cases article>div span{font-size:11px;color:var(--accent)}.dj-order-cases p,.dj-order-cases small{font-size:12px;color:var(--text-secondary);line-height:1.8;margin:0}.dj-product-message-form{display:grid;gap:7px;max-width:380px;padding:13px;border:1px solid var(--dj-border);border-radius:16px;background:var(--bg)}.dj-product-message-form label{font-size:12px;font-weight:900}.dj-product-message-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg-card);color:var(--text-primary)}.dj-featured-campaigns{padding:4px 0}.dj-campaign-live-mark{font-size:11px;color:var(--accent);font-weight:900}.dj-featured-campaign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dj-featured-campaign-card{position:relative;display:grid;grid-template-rows:150px 1fr;overflow:hidden;border:1px solid var(--dj-border);border-radius:20px;background:var(--bg-card);box-shadow:0 10px 28px #24123e0a;color:var(--text-primary);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.dj-featured-campaign-card:hover{transform:translateY(-3px);box-shadow:var(--dj-shadow)}.dj-featured-campaign-card>img{width:100%;height:150px;object-fit:cover}.dj-featured-campaign-placeholder{display:grid;place-items:center;font-size:45px;color:#f5d0fe;background:linear-gradient(140deg,#30134f,#7546b8)}.dj-featured-campaign-card>div{display:grid;gap:6px;padding:13px}.dj-featured-campaign-card small{font-size:10px;color:var(--text-secondary)}.dj-featured-campaign-card b{font-size:14px}.dj-featured-campaign-card>div span{font-size:11px;color:var(--accent);font-weight:800}.dj-featured-campaign-card>i{position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:999px;background:#f0abfc;color:#39134d;font-size:10px;font-weight:900;font-style:normal}.dj-explore-connected-strip{display:grid;gap:6px;padding:19px 22px;margin:0 0 18px;border:1px solid var(--dj-border);border-radius:20px;background:linear-gradient(110deg,#f0e8ff,#fff4fb)}.dj-explore-connected-strip>span{font-size:10px;letter-spacing:.1em;color:#7145b5;font-weight:900}.dj-explore-connected-strip>b{font-size:16px;color:#2e1c48}.dj-explore-connected-strip>small{font-size:11px;color:#796e8b}
[data-theme="dark"] .dj-campaign-disclaimer,[data-theme="dark"] .dj-explore-connected-strip{background:#2a1d3d;border-color:#4d3b68}[data-theme="dark"] .dj-explore-connected-strip>b{color:#f4eaff}
@media(max-width:850px){.dj-campaign-form{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-admin-review-form{grid-template-columns:1fr 1fr}.dj-admin-review-form button{grid-column:1/-1}.dj-featured-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dj-campaign-form{grid-template-columns:1fr}.dj-admin-review-form{grid-template-columns:1fr}.dj-admin-campaign-head{align-items:flex-start;flex-direction:column}.dj-featured-campaign-grid{grid-template-columns:1fr 1fr}.dj-featured-campaign-card{grid-template-rows:110px 1fr}.dj-featured-campaign-card>img{height:110px}.dj-campaign-history article{flex-direction:column}}
/* 24-hour seller stories */
.dj-stories-tray{margin:16px 0 21px;padding:16px 17px;border:1px solid var(--dj-border);border-radius:20px;background:linear-gradient(110deg,#fff8ff,var(--bg-card));box-shadow:0 8px 25px #2910440a}.dj-stories-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.dj-stories-head h2{font-size:16px;margin:3px 0}.dj-stories-head>small{font-size:11px;color:var(--text-secondary)}.dj-stories-list{display:flex;gap:15px;overflow:auto;padding:3px 2px 8px;scrollbar-width:thin}.dj-story-bubble{display:grid;justify-items:center;gap:4px;min-width:72px;color:var(--text-primary);text-decoration:none}.dj-story-ring{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:conic-gradient(#f0abfc,#8b5cf6,#38bdf8,#f0abfc);padding:3px;box-shadow:0 5px 15px #8b5cf633}.dj-story-ring>span{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:3px solid var(--bg-card);background:linear-gradient(135deg,#492073,#9d54c8);color:#fff;font-size:22px;font-weight:900}.dj-story-ring img{width:100%;height:100%;object-fit:cover}.dj-story-ring>i{position:absolute;right:-4px;bottom:-2px;padding:2px 5px;border-radius:999px;background:#24113f;color:#fff;font-size:8px;font-weight:900;font-style:normal;border:1px solid #fff}.dj-story-bubble>b{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.dj-story-bubble>small{font-size:9px;color:var(--text-secondary)}.dj-story-label{color:#9d4edd}.dj-post-type{display:grid;gap:4px;font-size:11px;color:var(--text-secondary);font-weight:800}.dj-post-type select{min-height:38px;border:1px solid var(--line);border-radius:11px;padding:7px 10px;background:var(--bg-card);color:var(--text-primary)}[data-theme="dark"] .dj-stories-tray{background:linear-gradient(110deg,#291b3d,var(--bg-card))}
.v3-assistant-orb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 17px #8b5cf688)}
@media(max-width:650px){.dj-post-compose-actions{flex-wrap:wrap}.dj-post-type{width:100%}.dj-stories-tray{padding:13px}.dj-story-bubble{min-width:65px}.dj-story-ring{width:58px;height:58px}}


/* ---- preserved cascade: static/dastjor-global-9.4.css ---- */
/* DastJor 9.5.0 — unified experience layer */
:root, :root[data-theme="light"], body[data-theme="light"] {
  --dj-bg:#fbf8ff; --dj-card:#ffffff; --dj-text:#28164c; --dj-muted:#67577f;
  --dj-line:#e8def7; --dj-accent:#7138c8; --dj-accent-2:#c026d3; --dj-soft:#f2ebff;
  --dj-shadow:0 15px 42px rgba(66,34,112,.09);
}
:root[data-theme="dark"], body[data-theme="dark"] {
  --dj-bg:#171126; --dj-card:#211832; --dj-text:#f5edff; --dj-muted:#c8b9df;
  --dj-line:#403254; --dj-accent:#c4a5fd; --dj-accent-2:#e879f9; --dj-soft:#302047;
}
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
body{background:radial-gradient(ellipse at 8% 0%,rgba(196,165,253,.11),transparent 36%),var(--dj-bg)!important;color:var(--dj-text)!important;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:0}
.page-shell{color:var(--dj-text)}
.topbar{background:color-mix(in srgb,var(--dj-card) 94%,transparent)!important;border-color:var(--dj-line)!important;box-shadow:0 8px 28px rgba(72,37,120,.07)}
.mainnav{color:var(--dj-muted)!important;gap:clamp(10px,1.6vw,22px)}
.mainnav a{color:inherit}.mainnav a:hover{color:var(--dj-accent)!important}
.brand strong,.footer-wordmark strong{color:var(--dj-text)!important}.brand small,.footer-wordmark small,.footer p{color:var(--dj-muted)!important}
.footer{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}
.footer-links a{color:var(--dj-muted)}.copyright{border-color:var(--dj-line)!important;color:var(--dj-muted)!important}
.theme-toggle{background:var(--dj-card)!important;color:var(--dj-text)!important;border:1px solid var(--dj-line)!important;box-shadow:var(--dj-shadow)!important;width:48px;height:48px;font-size:18px}
.btn.primary,.navcta{background:linear-gradient(115deg,#7138c8,#a43ed2 60%,#d64e9c)!important;color:#fff!important;border:0!important;box-shadow:0 9px 21px rgba(113,56,200,.2)}
.btn.secondary,.btn.ghost{background:var(--dj-card)!important;color:var(--dj-text)!important;border:1px solid var(--dj-line)!important}
.panel-section,.form-card,.search-panel,.farm-how,.farm-list-section,.needs-layout>aside,.needs-layout>section,.recycle-form,.recycle-map-section,.admin-section,.admin-card,.admin-table-wrap,.affiliate-example,.affiliate-product,.payout-request-card,.product-card,.seller-card,.feature-card,.panel,.dashboard-card{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important;box-shadow:var(--dj-shadow)}
input,select,textarea{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}input::placeholder,textarea::placeholder{color:var(--dj-muted)!important;opacity:.8}
label,.field-label,.form-card label{color:var(--dj-text)}small,.muted,.help-text,.form-hint{color:var(--dj-muted)}
/* Store shelf configuration */
.store-layout-editor,.store-layout-editor .panel-section{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}
#storeShelfColor{width:64px;min-width:64px;height:42px;padding:4px;border-radius:11px;cursor:pointer}
.dj-shelf-color-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dj-shelf-color-control output{font-family:monospace;color:var(--dj-muted);font-size:12px}
/* 3D shelf: image ratio kept natural; actual uploaded media fills a larger elegant frame */
#store3dContainer canvas{border-radius:18px}
.store3d-panel{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}
.store3d-panel h3,.store3d-panel p,.store3d-panel small{color:var(--dj-text)!important}
/* Community feed as a familiar photo-first social stream */
.dj-community-hero-v940{background:radial-gradient(circle at 85% 18%,rgba(232,121,249,.28),transparent 30%),linear-gradient(118deg,#1c1035 0%,#4b2081 54%,#8c3194 100%)!important;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 55px rgba(50,20,90,.2)}
.dj-community-hero-v940 h1{color:#fff!important}.dj-community-hero-v940 h1 em{color:#f0c5ff!important}.dj-community-hero-v940 p{color:#efe5ff!important}
.dj-community-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.dj-community-toolbar,.dj-stories-tray,.dj-community-sidebar .panel-section,.dj-social-post-v940{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important;box-shadow:var(--dj-shadow)!important}
.dj-social-post-v940{border-radius:23px;overflow:hidden}
.dj-social-post-v940>header{padding:16px 18px;border-bottom:1px solid var(--dj-line)}
.dj-social-post-v940 .dj-social-author b a,.dj-social-post-v940 .dj-suggested-store b a{color:var(--dj-text)!important}
.dj-social-post-v940 .dj-social-author small{color:var(--dj-muted)!important}
.dj-social-avatar{overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#e7d7ff,#f8d9ef)!important;color:#5b2391!important;border:2px solid color-mix(in srgb,var(--dj-accent) 35%,transparent)}
.dj-social-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.dj-social-photo{max-height:none;background:var(--dj-soft)!important}
.dj-social-photo img{width:100%;max-height:640px;min-height:150px;object-fit:contain;background:var(--dj-soft)!important}
.dj-social-body{padding:16px 19px;color:var(--dj-text);font-size:14px;line-height:2.05}
.dj-post-metrics{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 18px;border-top:1px solid var(--dj-line);color:var(--dj-muted);font-size:12px}
.dj-post-metrics b{color:#e34c8a}.dj-post-metrics a{color:var(--dj-accent);font-weight:800}.dj-social-actions-v940{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 18px;border-bottom:1px solid var(--dj-line)}
.dj-social-actions-v940 form{margin:0}.dj-like-button{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid var(--dj-line);background:var(--dj-soft);color:var(--dj-text);font-weight:900;cursor:pointer}
.dj-like-button:hover,.dj-like-button.is-liked{background:linear-gradient(110deg,#ffe2f0,#f3e6ff);color:#b42368;border-color:#e9a4ca}
.dj-social-action-link{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--dj-soft);color:var(--dj-accent);font-size:12px;font-weight:800}
.dj-post-comments-v940{padding:16px 18px;background:color-mix(in srgb,var(--dj-bg) 56%,var(--dj-card))}
.dj-comments-title{display:flex;justify-content:space-between;align-items:center;color:var(--dj-text);font-size:13px}.dj-comments-title span{color:var(--dj-muted);font-size:11px}
.dj-comments-list{display:grid;gap:10px;margin:12px 0}.dj-comments-list article{display:flex;align-items:flex-start;gap:9px}.dj-comment-avatar{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:var(--dj-soft);color:var(--dj-accent);font-weight:900}
.dj-comments-list article>div{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--dj-line);border-radius:13px;background:var(--dj-card)}.dj-comments-list b{font-size:11px;color:var(--dj-text)}.dj-comments-list p{margin:3px 0;color:var(--dj-text);font-size:12px;line-height:1.9;white-space:pre-wrap}.dj-comments-list small{color:var(--dj-muted);font-size:10px}
.dj-comment-form{display:flex;gap:8px;margin-top:12px}.dj-comment-form input{flex:1;min-width:0;border:1px solid var(--dj-line);border-radius:999px;padding:10px 14px;background:var(--dj-card);color:var(--dj-text)}
.dj-comments-more,.dj-comments-login,.dj-social-report summary{color:var(--dj-accent);font-size:11px;font-weight:800}.dj-no-comments{color:var(--dj-muted);font-size:12px}
.dj-community-note{background:linear-gradient(135deg,var(--dj-soft),color-mix(in srgb,var(--dj-card) 55%,#f5dfff))!important;color:var(--dj-text)!important;border:1px solid var(--dj-line)}.dj-community-note p,.dj-community-note a{color:var(--dj-muted)!important}
/* Recycling: user-first, short steps, unambiguous map and request form */
.recycle-page-v940{max-width:1120px}
.recycle-hero-v940{background:radial-gradient(circle at 83% 25%,rgba(52,211,153,.20),transparent 28%),linear-gradient(120deg,#102c3c 0%,#174c55 52%,#4c1d70 100%)!important}
.recycle-hero-v940 h1{color:#fff!important}.recycle-hero-v940 h1 em{color:#9ef2cc!important}.recycle-hero-v940 p{color:#e1f3ed!important}
.recycle-visual-photo{width:min(300px,30vw);min-height:190px;border-radius:28px;overflow:hidden;background:#ffffff14;border:1px solid #ffffff40}.recycle-visual-photo img{width:100%;height:100%;max-height:240px;object-fit:contain;padding:10px}
.dj-recycle-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.dj-recycle-how article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--dj-line);border-radius:17px;background:var(--dj-card);box-shadow:var(--dj-shadow)}
.dj-recycle-how article>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d1fae5,#e9d5ff);color:#4c1d95;font-weight:1000;font-size:17px}
.dj-recycle-how article div{display:grid;gap:2px}.dj-recycle-how b{color:var(--dj-text);font-size:12px}.dj-recycle-how small{color:var(--dj-muted);font-size:10px;line-height:1.7}
.recycle-map-card-v940{padding:18px;background:var(--dj-card)!important;color:var(--dj-text)!important;border:1px solid var(--dj-line)!important}
.recycle-map-card-v940 h2{margin:3px 0 5px;color:var(--dj-text)}.recycle-map-card-v940 .map-status,.dj-recycle-map-note{color:var(--dj-muted)!important;font-size:11px;line-height:1.9}
.recycle-request-form-v940{margin-top:18px;padding:clamp(18px,3vw,30px);background:var(--dj-card)!important;color:var(--dj-text)!important;border:1px solid var(--dj-line)!important}
.recycle-request-form-v940 .form-title h2{color:var(--dj-text)}.recycle-request-form-v940 .form-title p{color:var(--dj-muted)}
.dj-recycle-form-section{padding:16px;margin:15px 0;border:1px solid var(--dj-line);border-radius:17px;background:color-mix(in srgb,var(--dj-bg) 55%,var(--dj-card))}
.dj-recycle-form-section>b{display:block;margin-bottom:12px;color:var(--dj-text);font-size:13px}.dj-recycle-form-section label{color:var(--dj-text)!important;font-size:12px!important;gap:6px!important}
.dj-recycle-form-section input,.dj-recycle-form-section select,.dj-recycle-form-section textarea{border:1px solid var(--dj-line)!important;border-radius:12px!important;background:var(--dj-card)!important;color:var(--dj-text)!important;padding:11px 12px!important}
.dj-recycle-form-section small,.geo-row span,.recycle-privacy{color:var(--dj-muted)!important;font-size:11px;line-height:1.8}.dj-recycle-wide{grid-column:1/-1}
.recycle-request-form-v940 .full-btn{width:100%;border:0}.recycle-request-form-v940 .recycle-privacy{margin-bottom:0}
/* Arcade: each title and detail remains readable in both themes */
.dj-arcade-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dj-arcade-game-grid .arcade-game-card{background:var(--dj-card)!important;border-color:var(--dj-line)!important}
.dj-arcade-game-grid .arcade-card-body>strong{color:var(--dj-text)!important}.dj-arcade-game-grid .arcade-card-body>span{color:var(--dj-muted)!important}
.courier-art{background:radial-gradient(circle at 70% 30%,#fcd34d88,transparent 29%),linear-gradient(140deg,#123b56,#0f766e 58%,#4c1d95)!important}
.dj-arcade-guide{background:linear-gradient(110deg,var(--dj-soft),var(--dj-card))!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}
.dj-arcade-guide p,.dj-arcade-guide-grid article p{color:var(--dj-muted)!important}.dj-arcade-guide-grid article{background:var(--dj-card)!important;border-color:var(--dj-line)!important;color:var(--dj-text)}
.dj-arcade-machine,.arcade-leader-card,.arcade-profile-panel{background:var(--dj-card)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}
.arcade-leader-card li,.arcade-my-rank{color:var(--dj-text)!important;border-color:var(--dj-line)!important}.arcade-leader-card small,.arcade-no-record{color:var(--dj-muted)!important}
/* Better typography and interaction hierarchy for all app modules */
h1,h2,h3,h4{letter-spacing:-.02em}p{overflow-wrap:anywhere}button,input,select,textarea{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
:focus-visible{outline:3px solid color-mix(in srgb,var(--dj-accent) 58%,white);outline-offset:3px}
@media(max-width:1000px){.dj-arcade-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.dj-community-layout{grid-template-columns:1fr}.dj-community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-recycle-how{grid-template-columns:1fr}.recycle-visual-photo{width:180px;min-height:130px}.dj-arcade-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.dj-community-sidebar{grid-template-columns:1fr}.dj-social-post-v940>header{padding:12px}.dj-social-photo img{max-height:430px}.dj-social-body{padding:12px 14px}.dj-social-actions-v940{padding:10px 12px}.dj-post-comments-v940{padding:13px}.dj-comment-form{align-items:stretch}.dj-comment-form button{flex:0 0 auto}.recycle-page-v940{margin-top:12px}.recycle-hero-v940{flex-direction:column;padding:22px!important}.recycle-visual-photo{width:100%;max-height:150px}.recycle-map-card-v940{padding:12px}.dj-recycle-form-section{padding:12px}.dj-recycle-wide{grid-column:auto}.dj-arcade-game-grid{grid-template-columns:1fr!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}}

/* Poster / brand polish */
.dj-photo-banner,.dj-hero,.page-hero{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.brandmark img{width:100%;height:100%;object-fit:contain}
.ai-fab-icon img,.ai-panel-orb img,.ai-msg-avatar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(113,56,200,.28))}
.ai-panel-header,.dastjor-ai-panel{border-color:var(--dj-line)!important}
.ai-panel-title b,.ai-panel-title strong{color:var(--dj-text)!important}
/* Dense data tables keep the same palette instead of reverting to legacy white panels. */
table{color:var(--dj-text)}th{background:var(--dj-soft)!important;color:var(--dj-text)!important;border-color:var(--dj-line)!important}td,tr{border-color:var(--dj-line)!important}tbody tr:nth-child(even){background:color-mix(in srgb,var(--dj-bg) 60%,var(--dj-card))}
.form-card h1,.form-card h2,.panel-section h1,.panel-section h2,.admin-card h2{color:var(--dj-text)}
.notice{border-radius:14px}


/* ---- preserved cascade: static/dastjor-global-9.5.css ---- */

/* 9.5 mobile vendor presence */
.dj-presence-choice{border:1px solid var(--line,rgba(120,90,170,.22));border-radius:16px;padding:14px;margin:12px 0;background:rgba(139,92,246,.045)}
.dj-mobile-presence-page{max-width:900px;margin:28px auto 56px;padding:0 16px}.dj-mobile-presence-hero{padding:28px;border-radius:24px;background:linear-gradient(125deg,#24134f,#57349a 58%,#9b4d9b);color:#fff}.dj-mobile-presence-hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:10px 0}.dj-mobile-presence-hero p{max-width:680px;line-height:2;color:#f4eaff}.dj-mobile-presence-card{margin-top:18px;padding:24px;border:1px solid var(--line,rgba(120,90,170,.2));border-radius:22px;background:var(--card,#fff);box-shadow:0 16px 42px rgba(35,20,70,.08)}.dj-mobile-status{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line,rgba(120,90,170,.2))}.dj-mobile-status b,.dj-mobile-status small{display:block}.dj-mobile-status small{margin-top:5px;color:var(--muted,#777)}.dj-mobile-dot{width:13px;height:13px;border-radius:50%;background:#a1a1aa;box-shadow:0 0 0 6px rgba(161,161,170,.13)}.dj-mobile-dot.is-live{background:#16a34a;box-shadow:0 0 0 6px rgba(22,163,74,.13)}.dj-mobile-privacy{margin:18px 0;padding:16px;border-radius:14px;background:rgba(139,92,246,.07);line-height:2}.dj-mobile-privacy ul{padding-right:20px;margin-bottom:0}.dj-mobile-actions{display:flex;gap:12px;flex-wrap:wrap}.dj-mobile-presence-card #mobilePresenceStatus{min-height:30px;margin:16px 0;color:var(--muted,#777)}@media(max-width:600px){.dj-mobile-presence-hero,.dj-mobile-presence-card{padding:18px}.dj-mobile-actions>*{width:100%}}

.dj-map-layer-toggles{margin-top:10px}.dj-map-layer-toggles label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(109,40,217,.08);font-size:.9rem}.dj-map-layer-toggles input{accent-color:#7c3aed}.dj-map-layer-toggles span{font-size:.78rem;color:#6d28d9;font-weight:700}

.dj-home-path.path-mobile{background:linear-gradient(130deg,#24134f,#5b21b6 62%,#a855f7);color:#fff;border-color:#a78bfa}.dj-home-path.path-mobile small,.dj-home-path.path-mobile em{color:#f3e8ff}
/* Home and onboarding visual polish */
.auth-card{background:var(--dj-card)!important;color:var(--dj-text)!important;border:1px solid var(--dj-line)!important;border-radius:26px!important;box-shadow:0 22px 60px rgba(45,20,85,.13)!important}
.auth-aside{background:radial-gradient(circle at 80% 15%,#d946ef55,transparent 32%),linear-gradient(145deg,#21113f,#4c267d 58%,#873d91)!important;color:#fff!important;border:1px solid #c4a5fd55!important;border-radius:28px!important;box-shadow:0 24px 60px rgba(40,15,76,.2)}
.auth-aside h1,.auth-aside p,.auth-aside .auth-checks,.auth-aside .auth-quote{color:#fff!important}.auth-aside h1 em{color:#f0abfc!important}
.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus{border-color:#9b65e8!important;box-shadow:0 0 0 3px rgba(155,101,232,.16)!important;outline:0}
.dj-presence-choice{background:var(--dj-soft)!important;border-color:var(--dj-line)!important;color:var(--dj-text)!important}.dj-presence-choice small,.dj-presence-choice .field-help{color:var(--dj-muted)!important}
.dj-home-path.path-mobile{position:relative;isolation:isolate;overflow:hidden}.dj-home-path.path-mobile:after{content:"GPS";position:absolute;left:12px;top:12px;padding:2px 8px;border-radius:99px;background:#ffffff24;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}
@media(max-width:700px){.auth-aside{border-radius:22px!important}.auth-card{border-radius:20px!important}.dj-home-path.path-mobile:after{left:8px;top:8px}}


/* ---- preserved cascade: static/dastjor-global-9.7.css ---- */
/* DastJor 9.7 — immersive mobile-first arcade and DSC identity */
.dj-arcade-playing{background:#100b20!important;overflow:hidden!important}.dj-arcade-playing body{overflow:hidden!important}.dj-arcade-playing .site-header,.dj-arcade-playing header.site-header,.dj-arcade-playing .footer,.dj-arcade-playing footer,.dj-arcade-playing .floating-ai,.dj-arcade-playing .bottom-nav{display:none!important}.dj-arcade-playing main.page-shell{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}.dj-arcade-playing main.page-shell>*:not(#arcadeMachine){display:none!important}.dj-arcade-playing #arcadeMachine{display:flex!important;position:fixed!important;inset:0!important;z-index:99999!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:clamp(10px,2vw,24px)!important;border:0!important;border-radius:0!important;overflow:auto!important;overscroll-behavior:contain!important;background:radial-gradient(circle at 15% 0%,#55308d 0,#24123f 42%,#100b20 100%)!important;color:#fff!important;box-sizing:border-box!important;flex-direction:column!important;gap:10px!important}.dj-arcade-playing #arcadeMachine .arcade-machine-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.dj-arcade-playing #arcadeMachine .arcade-machine-head h2,.dj-arcade-playing #arcadeMachine .arcade-machine-head p{color:#fff!important}.dj-arcade-playing #arcadeMachine .arcade-board-wrap{flex:1 1 auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.dj-arcade-playing #arcadeCanvas{width:100%!important;height:auto!important;max-height:calc(100dvh - 240px)!important;object-fit:contain!important;touch-action:none!important}.dj-arcade-playing #arcadeMachine .arcade-controls-row{flex-wrap:wrap!important;justify-content:center!important}.dj-arcade-playing #arcadeMachine .arcade-live-message,.dj-arcade-playing #arcadeMachine .arcade-touch-hint{color:#eee5ff!important}.arcade-exit-btn{border:1px solid #ffffff55!important;background:#ffffff16!important;color:#fff!important;border-radius:999px!important;padding:10px 15px!important;font-weight:800!important;cursor:pointer!important}.dj-arcade-playing .arcade-hud>div{background:#ffffff16!important;border:1px solid #ffffff22!important;border-radius:12px!important;padding:8px 12px!important}.dj-arcade-disclaimer{line-height:2}
@media(max-width:700px){.dj-arcade-playing #arcadeMachine{padding:8px!important;gap:7px!important}.dj-arcade-playing #arcadeCanvas{max-height:calc(100dvh - 285px)!important}.dj-arcade-playing #arcadeMachine .arcade-machine-head h2{font-size:1.15rem!important}.dj-arcade-playing #arcadeMachine .arcade-machine-head p{font-size:.78rem!important;margin:4px 0!important}.dj-arcade-playing #arcadeMachine .arcade-hud{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:5px!important}.dj-arcade-playing #arcadeMachine .arcade-hud>div{padding:5px!important;text-align:center!important}.dj-arcade-playing #arcadeMachine .arcade-hud small{font-size:.65rem!important}.dj-arcade-playing #arcadeMachine .arcade-hud b{font-size:.85rem!important}.dj-arcade-playing #arcadeMachine .arcade-controls-row{gap:6px!important}.dj-arcade-playing #arcadeMachine .arcade-direction-pad button,.dj-arcade-playing #arcadeMachine .arcade-action-btn{min-width:48px!important;min-height:44px!important;touch-action:manipulation!important}.arcade-exit-btn{padding:7px 10px!important;font-size:.78rem!important}}

/* Arcade visual finish: clearer game selection, stronger play feedback */
.dj-arcade-game-grid .arcade-game-card{position:relative;overflow:hidden;border:1px solid rgba(167,139,250,.25)!important;border-radius:22px!important;background:linear-gradient(155deg,#21113f,#34205a 70%,#24113e)!important;color:#fff!important;box-shadow:0 18px 42px rgba(30,12,62,.18)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.dj-arcade-game-grid .arcade-game-card:hover,.dj-arcade-game-grid .arcade-game-card.is-selected{transform:translateY(-4px)!important;border-color:#c4b5fd!important;box-shadow:0 24px 52px rgba(91,33,182,.3)!important}.dj-arcade-game-grid .arcade-card-body strong,.dj-arcade-game-grid .arcade-card-body>span{color:#fff!important}.dj-arcade-game-grid .arcade-card-body small{color:#d8b4fe!important}.dj-arcade-game-grid .arcade-card-art{filter:saturate(1.12)}.arcade-overlay{backdrop-filter:blur(14px)!important;background:rgba(24,10,48,.78)!important}.arcade-overlay h3,.arcade-overlay p{color:#fff!important}.arcade-start-btn{box-shadow:0 10px 28px rgba(168,85,247,.32)!important}.arcade-machine-head .arcade-hud b{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.dj-arcade-game-grid .arcade-game-card{transition:none!important}}


/* ---- preserved cascade: static/dastjor-global-9.8.css ---- */
/* DastJor 9.8 — Damjoor world, coherent city surfaces, accessible motion */
:root{--dj98-ink:#211b35;--dj98-muted:#716b83;--dj98-line:rgba(99,74,142,.16);--dj98-violet:#7047c8;--dj98-magenta:#bd4f9c;--dj98-green:#2c806a;--dj98-shadow:0 18px 48px rgba(42,25,78,.10)}
.dj-home-path.path-dam{background:linear-gradient(135deg,#fff8ee,#f1e6d7 60%,#e6d7c4);border-color:rgba(155,105,55,.2)}
.dj-live-service.dj-service-dam{background:linear-gradient(145deg,#fffaf2,#f4e9d9);border-color:rgba(154,108,57,.22)}
.dj-live-service.dj-service-dam .dj-service-icon{background:#ead5b7;color:#704a25}
.dj-discovery-card.dam-discovery{background:linear-gradient(145deg,#fffaf3,#f2e7d7);border-color:rgba(155,105,55,.22)}
.ecosystem-dam-card .ecosystem-card-art,.ecosystem-dam-art{background:radial-gradient(circle at 72% 25%,rgba(255,255,255,.72),transparent 24%),linear-gradient(135deg,#d8b98e,#8c6b4c 54%,#443a36);color:#fff}
.ecosystem-dam-art span{font-size:clamp(3rem,8vw,6rem);filter:drop-shadow(0 12px 12px #34291f66)}
.dj-world-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:clamp(22px,4vw,56px);align-items:center;overflow:hidden;margin:20px 0 28px;padding:clamp(26px,5vw,58px);border-radius:30px;color:#fff;background:radial-gradient(circle at 84% 20%,rgba(255,255,255,.18),transparent 24%),linear-gradient(120deg,#292344,#554076 55%,#986b8d);box-shadow:var(--dj98-shadow)}
.dj-world-copy{position:relative;z-index:1}.dj-world-kicker{display:inline-block;font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#eadbff}.dj-world-copy h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.32;margin:14px 0}.dj-world-copy h1 em{font-style:normal;color:#f4d7a8}.dj-world-copy p{max-width:680px;color:#f1eaf8;line-height:2;font-size:1rem}.dj-world-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.dj-world-primary,.dj-world-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:800}.dj-world-primary{background:#fff;color:#382a4d}.dj-world-secondary{border:1px solid #ffffff6b;color:#fff}.dj-world-trust{display:flex;gap:10px;flex-wrap:wrap}.dj-world-trust span{padding:7px 11px;border:1px solid #ffffff36;border-radius:999px;font-size:.78rem;color:#f7efff}
.dj-dam-hero{background:radial-gradient(circle at 80% 22%,rgba(255,255,255,.25),transparent 24%),linear-gradient(125deg,#332e2b,#705a49 52%,#a88762)}.dj-dam-hero .dj-world-kicker{color:#ffe4ba}.dj-dam-hero-art{position:relative;min-height:260px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#e8d5b9,#9d805e 60%,#4c4237);box-shadow:inset 0 0 0 1px #ffffff55,0 22px 40px #1d171d55;overflow:hidden}.dj-dam-hero-art:before,.dj-dam-hero-art:after{content:"";position:absolute;border:1px solid #fff7;border-radius:50%;width:230px;height:230px}.dj-dam-hero-art:after{width:170px;height:170px}.dj-dam-hero-art span{font-size:clamp(5rem,13vw,9rem);z-index:1;filter:drop-shadow(0 15px 12px #33291f66)}.dj-dam-hero-art i{position:absolute;font-style:normal;font-size:3rem;right:12%;top:18%;z-index:2}.dj-dam-hero-art b,.dj-dam-hero-art small{position:absolute;z-index:2;bottom:20px;color:#fff;text-shadow:0 2px 8px #33291f}.dj-dam-hero-art b{font-size:1.5rem;right:22px}.dj-dam-hero-art small{left:22px;bottom:25px}
.dj-world-filter{padding:15px 18px;border:1px solid var(--dj98-line);border-radius:18px;background:var(--surface,#fff);box-shadow:0 8px 24px #32204a0a}.dj-world-filter form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.dj-world-filter label{display:grid;gap:6px;min-width:180px;flex:1;font-size:.83rem;font-weight:700}.dj-world-filter select{min-height:44px;border:1px solid var(--dj98-line);border-radius:11px;padding:8px 12px;background:var(--surface,#fff);color:inherit}.dj-world-filter button,.dj-world-filter a{min-height:44px;border:0;border-radius:11px;padding:10px 17px;background:var(--dj98-violet);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.dj-world-filter a{background:transparent;color:var(--dj98-violet)}
.dj-world-list,.dj-dam-how{margin:34px 0}.dj-world-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.dj-world-heading h2,.dj-dam-how h2{font-size:clamp(1.35rem,3vw,2rem);margin:8px 0}.dj-world-heading p,.dj-dam-how>div>p{color:var(--dj98-muted);line-height:1.9}.dj-world-heading>strong{white-space:nowrap;padding:8px 12px;border-radius:999px;background:#efe9fb;color:#5b3a9d}.dj-dam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dj-dam-card{display:block;overflow:hidden;border:1px solid var(--dj98-line);border-radius:20px;background:var(--surface,#fff);color:inherit;text-decoration:none;box-shadow:0 8px 24px #30204408;transition:transform .22s ease,box-shadow .22s ease}.dj-dam-card:hover{transform:translateY(-4px);box-shadow:var(--dj98-shadow)}.dj-dam-photo{height:205px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#e7d8c4,#b39b7e)}.dj-dam-photo img{width:100%;height:100%;object-fit:cover}.dj-dam-photo>span{font-size:5rem}.dj-dam-photo em{position:absolute;right:12px;top:12px;padding:7px 10px;border-radius:999px;background:#2c251fce;color:#fff;font-size:.75rem;font-style:normal}.dj-dam-card-body{padding:16px}.dj-dam-card-body>small{color:var(--dj98-muted)}.dj-dam-card h3{margin:9px 0;font-size:1.08rem}.dj-dam-card p{color:var(--dj98-muted);margin:5px 0}.dj-dam-card-body>strong{display:block;margin:13px 0;color:#5e3d9c;font-size:1.1rem}.dj-dam-card-body>strong small{font-size:.72rem;font-weight:500}.dj-dam-card-body>span{display:block;padding-top:10px;border-top:1px solid var(--dj98-line);font-size:.8rem;color:var(--dj98-muted)}.dj-world-empty{padding:42px 18px;text-align:center;border:1px dashed #b7a7cb;border-radius:22px;background:linear-gradient(140deg,#faf7ff,#fffaf2)}.dj-world-empty>span{font-size:3rem}.dj-world-empty h3{margin:8px}.dj-world-empty p{color:var(--dj98-muted)}.dj-world-empty a{display:inline-block;margin-top:8px;padding:11px 17px;border-radius:12px;background:var(--dj98-violet);color:#fff;text-decoration:none;font-weight:800}
.dj-dam-how{padding:26px;border-radius:22px;background:linear-gradient(145deg,#f8f4ee,#f1e7d9)}.dj-dam-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.dj-dam-how-grid article{padding:18px;border:1px solid #bca88e55;border-radius:16px;background:#fff9}.dj-dam-how-grid article>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#75583c;color:white}.dj-dam-how-grid h3{margin:10px 0 5px}.dj-dam-how-grid p{font-size:.88rem;line-height:1.8;color:#71675e}
.dj-dam-form-shell{max-width:940px;margin:20px auto 48px}.dj-dam-form-shell>header{padding:30px;border-radius:22px;background:linear-gradient(120deg,#342d2a,#81684d);color:#fff}.dj-dam-form-shell h1{font-size:clamp(1.7rem,4vw,2.8rem);margin:10px 0}.dj-dam-form-shell header p{line-height:1.9;color:#f3e9dc}.dj-dam-form{margin-top:18px;padding:clamp(16px,3vw,30px);border:1px solid var(--dj98-line);border-radius:22px;background:var(--surface,#fff);box-shadow:var(--dj98-shadow)}.dj-dam-form>section{padding:10px 0 24px;margin-bottom:18px;border-bottom:1px solid var(--dj98-line)}.dj-dam-form h2{font-size:1.15rem;margin:8px 0 18px}.dj-dam-form label{display:grid;gap:7px;margin:12px 0;font-size:.86rem;font-weight:700}.dj-dam-form input,.dj-dam-form select,.dj-dam-form textarea{width:100%;min-height:44px;border:1px solid var(--dj98-line);border-radius:11px;padding:10px 12px;background:var(--surface,#fff);color:inherit;font:inherit}.dj-dam-form textarea{min-height:88px;resize:vertical}.dj-dam-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.dj-dam-upload{padding:18px;border:1px dashed #a88b68;border-radius:15px;background:#fbf7f0}.dj-dam-upload small,.dj-dam-form section>small{font-weight:400;color:var(--dj98-muted)}.dj-dam-location-map{height:300px;margin:14px 0;border-radius:16px;overflow:hidden;border:1px solid var(--dj98-line)}.dj-dam-submit{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(100deg,#6845b2,#9b4f91);color:#fff;font:inherit;font-weight:900;cursor:pointer}.dj-dam-legal{font-size:.78rem;line-height:1.8;color:var(--dj98-muted)}
.dj-dam-detail{max-width:1100px;margin:24px auto}.dj-dam-detail-head{padding:24px;border-radius:20px;background:linear-gradient(120deg,#342d2a,#81684d);color:#fff}.dj-dam-detail-head h1{margin:8px 0;font-size:clamp(1.6rem,4vw,2.7rem)}.dj-dam-detail-head p{color:#f3e9dc}.dj-dam-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px;margin:18px 0}.dj-dam-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dj-dam-gallery img{width:100%;height:260px;object-fit:cover;border-radius:16px;background:#eee}.dj-dam-gallery img:first-child:nth-last-child(1){grid-column:1/-1;height:380px}.dj-dam-facts,.dj-dam-description{padding:20px;border:1px solid var(--dj98-line);border-radius:18px;background:var(--surface,#fff)}.dj-dam-facts>span{display:inline-block;padding:6px 10px;border-radius:999px;background:#efe8dc;color:#74532f;font-size:.8rem}.dj-dam-facts>strong{display:block;margin:18px 0;color:#63439b;font-size:1.5rem}.dj-dam-facts>strong small{font-size:.75rem}.dj-dam-facts>a{display:block;padding:12px;margin:18px 0;border-radius:12px;background:#6845b2;color:#fff;text-align:center;text-decoration:none;font-weight:800}.dj-dam-facts>small,.dj-dam-disclaimer{color:var(--dj98-muted);font-size:.8rem;line-height:1.8}.dj-dam-description{line-height:1.9}.dj-admin-dam{max-width:1100px;margin:24px auto}.dj-admin-dam header{margin-bottom:24px}.dj-admin-dam-list{display:grid;gap:10px;margin:12px 0 30px}.dj-admin-dam-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid var(--dj98-line);border-radius:14px;background:var(--surface,#fff)}.dj-admin-dam-list article>div{display:grid;gap:5px}.dj-admin-dam-list small,.dj-admin-dam-list em{color:var(--dj98-muted);font-size:.8rem;font-style:normal}.dj-admin-dam-list form{display:flex;gap:6px;flex-wrap:wrap}.dj-admin-dam-list button{border:0;border-radius:9px;padding:9px 12px;background:#6845b2;color:#fff;cursor:pointer}.dj-admin-dam-list a{color:var(--dj98-violet)}
.dj90-map-marker-dam span{background:#a36b38;border:3px solid #fff;box-shadow:0 3px 12px #32251b66}.dj90-map-marker-dam span:after{border-top-color:#a36b38}
@media(max-width:900px){.dj-dam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-dam-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-world-hero{grid-template-columns:1fr .7fr}.dj-dam-hero-art{min-height:220px}}
@media(max-width:620px){.dj-world-hero{grid-template-columns:1fr;padding:24px;border-radius:22px}.dj-dam-hero-art{min-height:180px;max-width:100%}.dj-dam-grid{grid-template-columns:1fr}.dj-dam-photo{height:220px}.dj-dam-how-grid,.dj-dam-form-grid{grid-template-columns:1fr}.dj-world-heading{align-items:start;flex-direction:column}.dj-dam-detail-grid{grid-template-columns:1fr}.dj-dam-gallery img{height:190px}.dj-dam-gallery img:first-child:nth-last-child(1){height:260px}.dj-admin-dam-list article{align-items:flex-start}.dj-world-filter form{align-items:stretch}.dj-world-filter label{min-width:100%}}
@media(prefers-reduced-motion:reduce){.dj-dam-card{transition:none}.dj-dam-card:hover{transform:none}}
/* Cross-page finish: consistent controls, spacing, focus, and restrained interaction. */
:where(.page-shell) :where(h1,h2,h3){text-wrap:pretty;letter-spacing:-.018em}
:where(.page-shell) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){transition:border-color .16s ease,box-shadow .16s ease}
:where(.page-shell) :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{outline:0;border-color:#8b68cb;box-shadow:0 0 0 3px #8b68cb24}
:where(.page-shell) :where(button,a,.btn,.dj-btn-primary,.dj-btn-secondary){-webkit-tap-highlight-color:transparent}
:where(.page-shell) :where(button,.btn,.dj-btn-primary,.dj-btn-secondary){transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
:where(.page-shell) :where(button,.btn,.dj-btn-primary,.dj-btn-secondary):active{transform:translateY(1px)}
:where(.page-shell) a:focus-visible,:where(.page-shell) button:focus-visible{outline:3px solid #b78bea;outline-offset:3px}
:where(.page-shell) :where(.notice,.card,.panel,.dashboard-card,.form-card){border-radius:14px}
.dj-home-map-section .dj-home-map-shell{border-radius:22px;overflow:hidden;box-shadow:0 14px 42px rgba(35,22,62,.10)}
.dj-home-map-section .dj-home-map-heading{padding:13px 16px;background:linear-gradient(100deg,#f5f0ff,#fff9f0)}
.dj-home-map-card{transition:transform .18s ease,box-shadow .18s ease}
.dj-home-map-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,22,62,.12)}
.nearby-view-toolbar{border-radius:18px;box-shadow:0 10px 28px rgba(35,22,62,.07)}
.nearby-map-stage{border-radius:22px;overflow:hidden;box-shadow:0 16px 42px rgba(35,22,62,.12)}
.dj-map-layer-toggles{display:inline-flex;align-items:center;margin:6px 6px 0 0;padding:7px 10px;border-radius:10px;background:rgba(112,71,200,.07)}
.dj-map-layer-toggles label{display:flex;align-items:center;gap:7px;font-size:.8rem}
.dj-map-layer-toggles input{accent-color:#7047c8}
@media(prefers-reduced-motion:reduce){:where(.page-shell) *, .dj-home-map-card{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.dj-dam-community-note{padding:18px;margin-bottom:18px;border-radius:16px;background:#fff9ed;border:1px solid #d9c5a8}.dj-dam-community-note p{color:#71675e;line-height:1.8}.dj-dam-community-note a{font-weight:800;color:#75502d}
.dj-dam-map-section{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}.dj-dam-map-section h2{margin:0 0 6px}.dj-dam-map-section p{color:var(--dj98-muted);line-height:1.8;margin:0}.dj-dam-detail-map{height:300px;border-radius:18px;overflow:hidden;border:1px solid var(--dj98-line)}.dj-dam-directions{justify-self:start;padding:10px 15px;border-radius:12px;background:#6845b2;color:#fff;text-decoration:none;font-weight:800}

.dj-dam-profile-hint{display:block;margin-top:5px;font-size:.76rem;color:var(--dj98-muted)}
.dj-dam-profile{max-width:1100px;margin:24px auto}.dj-dam-profile-hero{position:relative;min-height:280px;display:flex;align-items:end;overflow:hidden;border-radius:24px;background:linear-gradient(130deg,#3b332d,#927354);color:#fff}.dj-dam-profile-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.dj-dam-profile-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:7rem;background:linear-gradient(130deg,#c4a77f,#67513d)}.dj-dam-profile-identity{position:relative;z-index:1;padding:28px}.dj-dam-profile-identity h1{font-size:clamp(1.8rem,4vw,3rem);margin:10px 0}.dj-dam-profile-identity p{color:#f5eadc}.dj-dam-profile-identity small{display:inline-block;padding:6px 10px;border-radius:99px;background:#ffffff2a}.dj-dam-profile-about{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px;margin:18px 0;border:1px solid var(--dj98-line);border-radius:18px;background:var(--surface,#fff)}.dj-dam-profile-about p{line-height:1.9;color:var(--dj98-muted)}.dj-dam-profile-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}.dj-dam-profile-actions a{padding:11px 14px;border-radius:11px;background:#6845b2;color:#fff;text-align:center;text-decoration:none;font-weight:800}.dj-dam-profile-actions a+ a{background:#f0eafa;color:#5d4093}@media(max-width:620px){.dj-dam-profile-about{grid-template-columns:1fr}.dj-dam-profile-actions{min-width:0}}
.dj-dam-card{color:inherit}.dj-dam-photo-link,.dj-dam-listing-link{display:block;color:inherit;text-decoration:none}.dj-dam-profile-link{display:inline-block;margin-top:8px;color:#7652a7;font-size:.78rem;font-weight:800;text-decoration:none}.dj-dam-listing-link h3{margin-top:8px}.dj-dam-listing-link>span{display:block;padding-top:10px;border-top:1px solid var(--dj98-line);font-size:.8rem;color:var(--dj98-muted)}.dj-dam-listing-link>strong{display:block;margin:13px 0;color:#5e3d9c;font-size:1.1rem}


/* ---- preserved cascade: static/dastjor-global-9.9.css ---- */
:root{--dj-ink:#211b35;--dj-muted:#706b80;--dj-line:rgba(87,67,128,.14);--dj-violet:#6941c6;--dj-surface:var(--surface,#fff)}
.dj-home-paths-990{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px auto 12px;max-width:1200px}
.dj-home-paths-990 .dj-home-path{min-height:150px;padding:22px;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 28px rgba(33,22,66,.07)}
.dj-home-paths-990 .dj-home-path:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(33,22,66,.13)}
.dj-home-paths-990 .dj-home-path b{font-size:1.08rem}.dj-home-paths-990 .dj-home-path small{line-height:1.8;opacity:.82}.dj-home-paths-990 .dj-home-path em{font-style:normal;font-weight:800;font-size:.86rem;margin-top:4px}
.dj-home-shortcuts{max-width:1200px;margin:0 auto 26px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.dj-home-shortcuts a{border:1px solid var(--dj-line);background:var(--dj-surface);color:inherit;text-decoration:none;border-radius:999px;padding:9px 14px;font-size:.86rem;transition:border-color .18s ease,background .18s ease}.dj-home-shortcuts a:hover{border-color:var(--dj-violet);background:rgba(105,65,198,.07)}
.dj-admin-moderation-glance{margin:18px 0 22px;padding:22px;border:1px solid var(--dj-line);border-radius:22px;background:linear-gradient(135deg,rgba(105,65,198,.09),rgba(22,160,133,.055));display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}.dj-admin-moderation-glance h2{margin:5px 0;font-size:1.15rem}.dj-admin-moderation-glance p{margin:0;color:var(--dj-muted);max-width:560px;line-height:1.8}.dj-admin-moderation-metrics{display:flex;gap:10px;flex-wrap:wrap}.dj-admin-moderation-metrics span{min-width:92px;padding:11px 14px;border:1px solid var(--dj-line);border-radius:15px;background:var(--dj-surface);display:grid;gap:3px;text-align:center}.dj-admin-moderation-metrics b{font-size:1.3rem}.dj-admin-moderation-metrics small{color:var(--dj-muted)}
.dj-mobile-dock{display:none}
@media(max-width:760px){.dj-home-paths-990{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 10px}.dj-home-paths-990 .dj-home-path{min-height:132px;padding:16px;border-radius:18px}.dj-home-paths-990 .dj-home-path b{font-size:.98rem}.dj-home-paths-990 .dj-home-path small{font-size:.78rem}.dj-home-shortcuts{gap:7px;margin-bottom:20px}.dj-home-shortcuts a{padding:8px 11px;font-size:.78rem}.dj-admin-moderation-glance{padding:16px;gap:14px}.dj-admin-moderation-metrics{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dj-admin-moderation-metrics span{min-width:0;padding:9px 4px}.dj-mobile-dock{position:fixed;z-index:1000;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:12px;right:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 7px;border:1px solid rgba(120,100,160,.2);border-radius:19px;background:color-mix(in srgb,var(--dj-surface) 90%,transparent);backdrop-filter:blur(16px);box-shadow:0 10px 34px rgba(26,17,48,.18)}.dj-mobile-dock a{color:inherit;text-decoration:none;display:grid;justify-items:center;gap:2px;padding:4px 2px;border-radius:12px}.dj-mobile-dock a:active{background:rgba(105,65,198,.12)}.dj-mobile-dock span{font-size:1.2rem;line-height:1.1}.dj-mobile-dock small{font-size:.68rem;color:var(--dj-muted)}.page-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.footer{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.dj-home-paths-990 .dj-home-path,.dj-home-shortcuts a{transition:none}.dj-home-paths-990 .dj-home-path:hover{transform:none}}


/* ---- preserved cascade: static/dastjor-global-10.css ---- */
/* DastJor 10.0 — unified city experience, real DamJor photography, responsive animal identities */
.dj-dam-hero{background:linear-gradient(105deg,rgba(31,25,39,.96) 0%,rgba(48,38,49,.86) 45%,rgba(55,43,37,.28) 100%),url('/static/images/dastjor-damjoor-hero.webp?v=10.13.0') center/cover no-repeat;min-height:390px;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr)}
.dj-dam-hero-art{min-height:300px;background:transparent;box-shadow:none;border:1px solid #ffffff55}
.dj-dam-hero-art:before,.dj-dam-hero-art:after{display:none}
.dj-dam-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(1.04)}
.dj-dam-hero-art:after{content:'';display:block;position:absolute;inset:45% 0 0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(0deg,rgba(18,18,20,.78),transparent)}
.dj-dam-hero-art-caption{position:absolute;z-index:2;right:22px;bottom:20px;display:grid;gap:4px;color:white;text-shadow:0 2px 12px #000}
.dj-dam-hero-art-caption b{font-size:1.5rem}.dj-dam-hero-art-caption small{font-size:.86rem}
.dj-dam-profile-hero{position:relative;min-height:320px;overflow:hidden;border-radius:26px;background:#453d36}
.dj-dam-profile-hero>img,.dj-dam-profile-cover-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dj-dam-profile-hero:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(20,17,20,.88),transparent);pointer-events:none}
.dj-dam-profile-identity{position:absolute;z-index:2;right:clamp(18px,4vw,42px);bottom:24px;color:white;text-shadow:0 2px 12px #000}
.dj-dam-profile-identity p{color:#f4ecdf}.dj-dam-profile-identity .dj-world-kicker{color:#ffe6bd}
.dj-dam-animals,.dj-dam-animal-manager{margin:28px 0;padding:clamp(18px,3vw,28px);border:1px solid var(--dj98-line);border-radius:22px;background:var(--surface,#fff)}
.dj-dam-animal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dj-dam-animal-card{overflow:hidden;border:1px solid var(--dj98-line);border-radius:18px;background:var(--surface,#fff)}
.dj-dam-animal-card>img{width:100%;height:190px;object-fit:cover;background:#e8dfd1}
.dj-dam-animal-card>div{padding:14px}.dj-dam-animal-card h3{margin:0 0 6px}.dj-dam-animal-card p{margin:5px 0;color:var(--dj98-muted);line-height:1.8}.dj-dam-animal-card small{color:var(--dj98-violet)}
.dj-dam-animal-manager>p{color:var(--dj98-muted);line-height:1.9}.dj-dam-animal-manager form{padding:14px;border-radius:16px;background:var(--surface-soft,#f8f6fb)}
.dj-dam-animal-manager form>label{display:grid;gap:7px;margin:12px 0}.dj-dam-animal-manager input,.dj-dam-animal-manager textarea{width:100%;min-height:42px;padding:10px;border:1px solid var(--dj98-line);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}
.dj-admin-dam-list article img{flex:0 0 auto}
@media(max-width:760px){.dj-dam-hero{grid-template-columns:1fr;min-height:unset;padding:22px}.dj-dam-hero-art{min-height:210px}.dj-dam-animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-dam-profile-hero{min-height:260px}}
@media(max-width:480px){.dj-dam-animal-grid{grid-template-columns:1fr}.dj-dam-animal-card>img{height:210px}}
@media(prefers-reduced-motion:reduce){.dj-dam-card{transition:none}.dj-dam-card:hover{transform:none}}


/* ---- preserved cascade: static/dastjor-global-10.13.css ---- */
/* DastJor 10.13.0 — coherent visual system for every public, seller and admin page. */
:root{
 --dj13-bg:#f5f6fb;--dj13-surface:#fff;--dj13-surface-2:#f0eff8;--dj13-text:#191b35;--dj13-text-2:#555a78;--dj13-muted:#777d98;--dj13-line:#e3e5f0;
 --dj13-primary:#5a43c5;--dj13-primary-2:#8170e6;--dj13-accent:#dc5fa9;--dj13-cyan:#2c9fa7;--dj13-gold:#d5a64b;
 --dj13-shadow:0 18px 48px rgba(39,34,89,.09);--dj13-shadow-soft:0 7px 24px rgba(39,34,89,.06);--dj13-radius:22px;
 color-scheme:light;
}
html[data-theme="dark"]{
 --dj13-bg:#10121d;--dj13-surface:#191c2b;--dj13-surface-2:#22263a;--dj13-text:#f1f0fb;--dj13-text-2:#c4c5d9;--dj13-muted:#969ab5;--dj13-line:#30354d;
 --dj13-primary:#a394ff;--dj13-primary-2:#b5a9ff;--dj13-accent:#ff8bc9;--dj13-cyan:#75d2d3;--dj13-gold:#efc875;
 --dj13-shadow:0 22px 60px rgba(0,0,0,.28);--dj13-shadow-soft:0 8px 26px rgba(0,0,0,.2);color-scheme:dark;
}
html{background:var(--dj13-bg);scroll-padding-top:100px}body{background:var(--dj13-bg)!important;color:var(--dj13-text)!important;transition:background-color .22s,color .22s}
.page-shell{max-width:1240px}.topbar{background:color-mix(in srgb,var(--dj13-surface) 88%,transparent)!important;border-bottom:1px solid var(--dj13-line)!important;box-shadow:0 5px 24px rgba(30,27,70,.035)}
.brandmark{background:linear-gradient(145deg,#2fbd9b,#6255d9 65%,#af4cc8)!important;border:1px solid #ffffff55;box-shadow:0 9px 22px #6555c733!important;border-radius:16px!important;overflow:hidden}.brandmark img{width:100%;height:100%;object-fit:cover}
.brand strong,.topbar,.mainnav,.mainnav a,.logoutbtn{color:var(--dj13-text)!important}.brand small,.mainnav{color:var(--dj13-muted)!important}.mainnav .navcta,.navcta{background:linear-gradient(120deg,#5542bd,#8a4cc4)!important;color:#fff!important;box-shadow:0 8px 20px #6750c333}.logoutbtn{border-color:var(--dj13-line)!important;background:var(--dj13-surface)!important}
.page-shell :is(.form-card,.panel,.panel-section,.dashboard-card,.dashboard-panel,.seller-panel,.store-layout-editor,.knowledge-entry,.settings-panel,.kids-panel,.nearby-scan-panel,.nearby-results-panel,.nearby-map-stage,.dj-community-main,.dj-community-sidebar>section,.dj-home-data-section,.dj-home-empty,.dj-home-more,.dj-home-seller-cta,.dj-participation-panel,.dj-live-service,.dj-product-card,.dj-dam-card,.farm-mini-card,.detail-content,.detail-gallery,.empty-state,.notice){border-color:var(--dj13-line)!important;box-shadow:var(--dj13-shadow-soft)}
.page-shell :is(.form-card,.panel,.panel-section,.dashboard-card,.dashboard-panel,.seller-panel,.store-layout-editor,.knowledge-entry,.settings-panel,.kids-panel,.nearby-scan-panel,.nearby-results-panel,.nearby-map-stage,.dj-community-main,.dj-community-sidebar>section,.dj-home-data-section,.dj-home-empty,.dj-home-more,.dj-home-seller-cta,.dj-participation-panel,.dj-live-service,.dj-product-card,.dj-dam-card,.farm-mini-card,.detail-content,.detail-gallery,.empty-state){background:var(--dj13-surface)!important;color:var(--dj13-text)!important}
.page-shell :is(h1,h2,h3,h4,b,strong,label,legend){color:var(--dj13-text)}
.page-shell :is(p,small,.muted,.description,.help-text,.field-hint){color:var(--dj13-muted)}
.page-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){background:var(--dj13-surface)!important;color:var(--dj13-text)!important;border:1px solid var(--dj13-line)!important;border-radius:13px!important;min-height:42px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.page-shell :is(input,select,textarea):focus-visible,.page-shell button:focus-visible,.page-shell a:focus-visible,.theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--dj13-primary) 55%,transparent)!important;outline-offset:2px}
.page-shell :is(.btn.primary,.btn-primary,.nearby-scan-btn,.dj-btn-primary){background:linear-gradient(120deg,#5846c4,#8b4dc8)!important;color:white!important;border:0!important;box-shadow:0 9px 24px #6550c333}
.page-shell :is(.btn.secondary,.btn.ghost,.nearby-reset-btn,.dj-btn-secondary){background:var(--dj13-surface-2)!important;color:var(--dj13-text)!important;border:1px solid var(--dj13-line)!important}
.page-shell :is(.eyebrow,.dj-label,.arcade-kicker){color:var(--dj13-primary)!important}
.page-shell :is(.dj-home-path,.dj-discovery-card,.dj-home-store-card,.dj-top-card,.dj-banner,.nearby-v52-card,.dj-social-post,.dj-story-bubble,.dj-ecosystem-card,.dj-map-card){border:1px solid var(--dj13-line)!important;background:var(--dj13-surface)!important;color:var(--dj13-text)!important;box-shadow:var(--dj13-shadow-soft)}
.page-shell :is(.dj-home-path,.dj-discovery-card,.dj-live-service,.dj-product-card,.dj-dam-card,.farm-mini-card,.nearby-v52-card,.dj-home-store-card){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.page-shell :is(.dj-home-path,.dj-discovery-card,.dj-live-service,.dj-product-card,.dj-dam-card,.farm-mini-card,.nearby-v52-card,.dj-home-store-card):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--dj13-primary) 45%,var(--dj13-line))!important;box-shadow:var(--dj13-shadow)}
.page-shell :is(.dj-product-body,.dj-dam-card-body,.farm-mini-body,.dj-home-store-card>div){color:var(--dj13-text)}
.dj-home-hero-90,.dj-community-hero,.market-hero,.nearby-hero-v52,.dj-dam-hero{border-radius:30px!important;box-shadow:var(--dj13-shadow)}
.dj-home-hero-90{border:1px solid color-mix(in srgb,var(--dj13-primary) 17%,var(--dj13-line))}
.dj-home-hero-90 .dj-hero-badge{background:color-mix(in srgb,var(--dj13-primary) 10%,var(--dj13-surface));color:var(--dj13-primary);border:1px solid color-mix(in srgb,var(--dj13-primary) 25%,transparent)}
.dj-home-hero-90 h1 em,.dj-home-section-head h2,.dj-live-services-head h2{color:var(--dj13-primary)!important}
.dj-home-paths{gap:13px}.dj-home-path{border-radius:20px!important;padding:21px!important;min-height:150px}.dj-home-path em,.dj-home-path small{color:inherit;opacity:.78}
.dj-home-shortcuts a{border-radius:999px;border:1px solid var(--dj13-line);background:var(--dj13-surface);color:var(--dj13-text);padding:9px 14px}
.dj-live-services-grid{gap:14px}.dj-live-service{border-radius:22px!important;padding:20px!important}.dj-live-service p{color:var(--dj13-muted)!important}
.dj-mobile-dock{background:color-mix(in srgb,var(--dj13-surface) 94%,transparent)!important;border-top:1px solid var(--dj13-line)!important;box-shadow:0 -8px 28px rgba(35,30,75,.07)}.dj-mobile-dock a{color:var(--dj13-text)!important}
.theme-toggle{background:linear-gradient(145deg,#5946c8,#9a4dc0)!important;color:#fff!important;border:2px solid #ffffff55!important;box-shadow:0 10px 28px #4b3b9c44!important;z-index:1250}
.footer{background:var(--dj13-surface)!important;color:var(--dj13-text)!important;border-top:1px solid var(--dj13-line)!important}.footer :is(p,small,.copyright){color:var(--dj13-muted)!important}.footer a{color:var(--dj13-primary)!important}
/* Share sheet */
.dj-share-dialog{width:min(660px,calc(100vw - 26px));max-width:660px;max-height:min(88dvh,760px);padding:0;border:1px solid var(--dj13-line);border-radius:26px;background:var(--dj13-surface);color:var(--dj13-text);box-shadow:0 32px 100px rgba(12,12,30,.32);overflow:auto}
.dj-share-dialog::backdrop{background:rgba(13,15,32,.58);backdrop-filter:blur(5px)}.dj-share-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px;border:0;border-bottom:1px solid var(--dj13-line)}.dj-share-head h2{font-size:19px;margin:4px 0 0;color:var(--dj13-text)}.dj-share-kicker{font-size:10px;letter-spacing:1.3px;font-weight:900;color:var(--dj13-primary)}.dj-share-close{border:0;background:var(--dj13-surface-2);color:var(--dj13-text);width:38px;height:38px;border-radius:12px;font-size:24px}
.dj-share-preview{display:flex;align-items:center;gap:14px;padding:17px 22px;background:color-mix(in srgb,var(--dj13-surface-2) 55%,var(--dj13-surface))}.dj-share-thumb{flex:0 0 84px;width:84px;height:84px;overflow:hidden;border-radius:16px;background:var(--dj13-surface-2)}.dj-share-thumb img{width:100%;height:100%;object-fit:cover}.dj-share-preview>div:last-child{min-width:0}.dj-share-preview b{display:block;font-size:14px;overflow-wrap:anywhere}.dj-share-preview p{font-size:11px;line-height:1.8;color:var(--dj13-text-2);margin:5px 0}.dj-share-preview small{font-size:10px;color:var(--dj13-muted)}
.dj-share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 22px}.dj-share-option{min-width:0;min-height:105px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:13px;border:1px solid var(--dj13-line);border-radius:16px;background:var(--dj13-surface);color:var(--dj13-text);text-align:right;text-decoration:none;font:inherit;cursor:pointer}.dj-share-option:hover{border-color:var(--dj13-primary);background:var(--dj13-surface-2)}.dj-share-option>span{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:var(--dj13-surface-2);color:var(--dj13-primary);font-size:17px;font-weight:900}.dj-share-option b{font-size:12px}.dj-share-option small{font-size:10px;color:var(--dj13-muted);line-height:1.7}.dj-share-footer{padding:0 22px 19px}.dj-share-copy{width:100%;min-height:44px;border:0;border-radius:13px;background:linear-gradient(120deg,#5846c4,#9a4cc1);color:white;font-weight:900}.dj-share-status{font-size:10px;line-height:1.8;color:var(--dj13-muted);margin:9px 0 0}
.dj-post-share-button{min-height:34px;padding:7px 10px;border:1px solid var(--dj13-line);border-radius:10px;background:var(--dj13-surface-2);color:var(--dj13-primary);font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.nearby-view-toolbar{border:1px solid var(--dj13-line)!important;border-radius:20px!important;background:var(--dj13-surface)!important;padding:15px!important;box-shadow:var(--dj13-shadow-soft)}.map-mode-toggle{display:flex;flex-wrap:wrap;gap:8px}.map-mode-toggle button{min-height:38px;padding:8px 12px;border:1px solid var(--dj13-line);border-radius:11px;background:var(--dj13-surface-2);color:var(--dj13-text);font:inherit;font-size:11px;font-weight:850}.map-mode-toggle button[aria-pressed="true"]{background:var(--dj13-primary);color:#fff;border-color:var(--dj13-primary)}.nearby-map-3d-v52{min-height:390px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#e7e6f8,#cbdad9)}.nearby-3d-info{padding:12px 15px;border:1px solid var(--dj13-line);border-radius:13px;background:var(--dj13-surface);color:var(--dj13-muted);font-size:11px;line-height:1.9}
html[data-theme="dark"] .page-shell :is(.dj-hero-content,.dj-home-hero-90 .dj-hero-content,.nearby-hero-v52,.market-hero,.dj-community-hero){color:var(--dj13-text)}
html[data-theme="dark"] .page-shell :is(.detail-description,.detail-seller small,.availability,.dj-home-section-head p,.dj-home-path small,.dj-live-service p,.dj-community-hero p){color:var(--dj13-muted)!important}
html[data-theme="dark"] .page-shell :is(.dj-home-hero-90,.dj-home-path,.dj-discovery-card,.dj-live-service,.dj-social-post,.nearby-v52-card,.store-layout-item,.dj-stories-tray,.dj-post-comments-v940){background:var(--dj13-surface)!important;color:var(--dj13-text)!important}
@media(max-width:760px){.dj-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.dj-share-head{padding:16px}.dj-share-preview{padding:14px 16px}.dj-share-footer{padding:0 14px 16px}.dj-share-option{min-height:94px}.nearby-map-3d-v52{min-height:340px}.map-mode-toggle{width:100%}.map-mode-toggle button{flex:1 1 42%}}
@media(max-width:430px){.dj-share-grid{gap:8px}.dj-share-option{padding:10px}.dj-share-option small{font-size:9px}.dj-share-thumb{flex-basis:68px;width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Seller studio live preview */
.dj13-store-live-preview{margin:20px 0;padding:18px;border:1px solid var(--dj13-line);border-radius:20px;background:var(--dj13-surface-2)}.dj13-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.dj13-preview-heading h3{font-size:17px;margin:3px 0}.dj13-preview-heading p{font-size:11px;color:var(--dj13-muted);margin:0}.dj13-live-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:99px;background:color-mix(in srgb,#25a779 12%,var(--dj13-surface));color:#16865f;font-size:10px;font-weight:900;white-space:nowrap}.dj13-live-badge i{width:7px;height:7px;border-radius:50%;background:#26a875;box-shadow:0 0 0 4px #26a87520}.dj13-preview-scene{position:relative;isolation:isolate;min-height:245px;overflow:hidden;border:1px solid #ffffff90;border-radius:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--preview-wall) 87%,white),var(--preview-wall) 72%,var(--preview-floor) 72%,var(--preview-floor));padding:18px 18px 30px;filter:brightness(var(--preview-light,1))}.dj13-preview-scene:before{content:"";position:absolute;z-index:-1;inset:0 0 26% 0;background:linear-gradient(135deg,#ffffff35,transparent 55%)}.dj13-preview-sign{position:relative;display:grid;justify-items:center;gap:2px;width:min(280px,80%);margin:0 auto 19px;padding:10px 14px;border-radius:13px;background:linear-gradient(120deg,var(--preview-shelf),color-mix(in srgb,var(--preview-shelf) 65%,#27204b));color:#fff;box-shadow:0 8px 18px #16112b35;border:1px solid #ffffff80}.dj13-preview-sign small{font-size:8px;letter-spacing:1.5px;color:#ffffffc9}.dj13-preview-sign b{font-size:17px;color:#fff}.dj13-preview-sign span{font-size:9px;color:#ffffffd6}.dj13-preview-shelves{position:relative;display:flex;align-items:stretch;gap:9px;overflow-x:auto;padding:8px 8px 13px;border-radius:14px;background:color-mix(in srgb,var(--preview-shelf) 14%,#ffffff);border:1px solid color-mix(in srgb,var(--preview-shelf) 24%,white);box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--preview-shelf) 70%,#47336d)}.dj13-preview-product{flex:0 0 112px;min-width:0;display:grid;align-content:start;gap:6px;padding:7px;border-radius:11px;background:#ffffffef;color:#29233f;box-shadow:0 4px 12px #261c3a18}.dj13-preview-product img,.dj13-preview-placeholder{width:100%;height:78px;object-fit:cover;border-radius:8px;background:#e8e5ef}.dj13-preview-placeholder{display:grid;place-items:center;color:var(--preview-shelf);font-size:25px;font-weight:950}.dj13-preview-product b{font-size:10px;color:#302945;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj13-preview-floor{position:absolute;z-index:-1;bottom:0;left:0;right:0;height:25%;background:linear-gradient(180deg,color-mix(in srgb,var(--preview-floor) 80%,white),var(--preview-floor));border-top:2px solid #ffffff77}.dj13-preview-disclaimer{display:block;margin-top:9px;color:var(--dj13-muted);font-size:10px;line-height:1.8}
html[data-theme="dark"] .dj13-preview-scene{border-color:var(--dj13-line)}
@media(max-width:600px){.dj13-store-live-preview{padding:12px}.dj13-preview-scene{min-height:215px;padding:13px 10px 25px}.dj13-preview-product{flex-basis:96px}.dj13-preview-product img,.dj13-preview-placeholder{height:68px}}
/* Share controls on product cards stay separate from the card link. */
.dj-shareable-product{display:flex!important;flex-direction:column!important;min-width:0;overflow:hidden}
.dj-shareable-product>.dj-product-card-hit{display:flex;flex:1;flex-direction:column;min-width:0;color:inherit;text-decoration:none}
.dj-shareable-product>.dj-card-share{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:0 12px 12px;padding:8px 12px;border:1px solid var(--dj13-line);border-radius:11px;background:var(--dj13-surface-2);color:var(--dj13-primary);font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.dj-shareable-product>.dj-card-share:hover{border-color:var(--dj13-primary);background:color-mix(in srgb,var(--dj13-primary) 9%,var(--dj13-surface))}
.dj-products-grid .dj-shareable-product{height:100%}
@media(max-width:560px){.dj-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}.dj-share-option{min-height:92px}.dj-share-preview{padding-inline:14px}.dj-share-footer{padding-inline:14px}}


/* ---- preserved cascade: static/css/tokens.css ---- */
/* DastJor 11.0 design tokens — shared visual DNA for every product world. */
:root {
  color-scheme: light;
  --dj11-font: "Noto Sans Arabic", Tahoma, sans-serif;
  --dj11-brand-950: #1e1745;
  --dj11-brand-900: #29205c;
  --dj11-brand-800: #392a7a;
  --dj11-brand-700: #4b3698;
  --dj11-brand-600: #6047b5;
  --dj11-brand-500: #765be0;
  --dj11-brand-400: #9a86f0;
  --dj11-brand-300: #c1b5fb;
  --dj11-brand-100: #eeeaff;
  --dj11-accent: #c04bb5;
  --dj11-accent-soft: #f8e8f5;
  --dj11-success: #177b59;
  --dj11-warning: #9a5a08;
  --dj11-danger: #b42336;
  --dj11-info: #2459a6;
  --dj11-bg: #f7f7fc;
  --dj11-surface: #ffffff;
  --dj11-surface-2: #f0eff8;
  --dj11-surface-3: #e8e6f3;
  --dj11-text: #211d35;
  --dj11-text-2: #56516e;
  --dj11-muted: #6d6880;
  --dj11-border: #d9d6e8;
  --dj11-border-strong: #bcb5d6;
  --dj11-focus: #5b42c4;
  --dj11-shadow-1: 0 2px 10px rgb(37 26 78 / 7%);
  --dj11-shadow-2: 0 12px 34px rgb(37 26 78 / 11%);
  --dj11-shadow-3: 0 24px 70px rgb(25 19 58 / 18%);
  --dj11-radius-xs: 8px;
  --dj11-radius-sm: 12px;
  --dj11-radius-md: 18px;
  --dj11-radius-lg: 26px;
  --dj11-radius-xl: 34px;
  --dj11-radius-pill: 999px;
  --dj11-space-1: 4px;
  --dj11-space-2: 8px;
  --dj11-space-3: 12px;
  --dj11-space-4: 16px;
  --dj11-space-5: 20px;
  --dj11-space-6: 24px;
  --dj11-space-8: 32px;
  --dj11-space-10: 40px;
  --dj11-space-12: 48px;
  --dj11-space-16: 64px;
  --dj11-motion-fast: 140ms;
  --dj11-motion: 220ms;
  --dj11-motion-slow: 380ms;
  --dj11-ease: cubic-bezier(.2,.75,.25,1);
  --dj11-container: 1240px;
  --dj11-focus-ring: 0 0 0 3px color-mix(in srgb, var(--dj11-focus) 25%, transparent);
}
:root[data-theme="light"], [data-theme="light"] {
  color-scheme: light;
  --dj11-bg: #f7f7fc;
  --dj11-surface: #ffffff;
  --dj11-surface-2: #f0eff8;
  --dj11-surface-3: #e8e6f3;
  --dj11-text: #211d35;
  --dj11-text-2: #56516e;
  --dj11-muted: #6d6880;
  --dj11-border: #d9d6e8;
  --dj11-border-strong: #bcb5d6;
  --dj11-success: #126d4d;
  --dj11-warning: #824900;
  --dj11-danger: #a61e31;
  --dj11-info: #214f92;
  --dj11-accent-soft: #f8e8f5;
}
:root[data-theme="dark"], [data-theme="dark"] {
  color-scheme: dark;
  --dj11-bg: #11101b;
  --dj11-surface: #1b1928;
  --dj11-surface-2: #242135;
  --dj11-surface-3: #302b45;
  --dj11-text: #f5f2ff;
  --dj11-text-2: #d1cbe4;
  --dj11-muted: #b2abc9;
  --dj11-border: #3c3655;
  --dj11-border-strong: #5d5479;
  --dj11-success: #66d3a5;
  --dj11-warning: #f2bd67;
  --dj11-danger: #ff8795;
  --dj11-info: #8db8ff;
  --dj11-accent-soft: #38243b;
  --dj11-shadow-1: 0 2px 12px rgb(0 0 0 / 18%);
  --dj11-shadow-2: 0 12px 34px rgb(0 0 0 / 26%);
  --dj11-shadow-3: 0 24px 70px rgb(0 0 0 / 38%);
}


/* ---- preserved cascade: static/css/base.css ---- */
/* DastJor 11.0 base layer. Legacy page layouts stay intact; new primitives share these rules. */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { min-width: 320px; font-family: var(--dj11-font); color: var(--dj11-text); background: var(--dj11-bg); }
img, svg, video, canvas { max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, [role="button"], a { -webkit-tap-highlight-color: transparent; }
a { text-underline-offset: .18em; }
:focus-visible { outline: 3px solid var(--dj11-focus) !important; outline-offset: 3px !important; box-shadow: var(--dj11-focus-ring); }
:focus:not(:focus-visible) { outline: none; }
::selection { background: var(--dj11-brand-300); color: var(--dj11-brand-950); }
[hidden] { display: none !important; }
.dj11-container { width: min(var(--dj11-container), calc(100% - 32px)); margin-inline: auto; }
.dj11-stack { display: flex; flex-direction: column; gap: var(--dj11-space-4); }
.dj11-inline { display: flex; align-items: center; flex-wrap: wrap; gap: var(--dj11-space-3); }
.dj11-muted { color: var(--dj11-muted); }
.dj11-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 640px) { .dj11-container { width: min(100% - 24px, var(--dj11-container)); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* ---- preserved cascade: static/css/components.css ---- */
/* Accessible reusable controls for DastJor 11. */
.dj11-panel, .dj11-card { color: var(--dj11-text); background: var(--dj11-surface); border: 1px solid var(--dj11-border); border-radius: var(--dj11-radius-lg); box-shadow: var(--dj11-shadow-1); }
.dj11-panel { padding: clamp(18px, 3vw, 30px); }
.dj11-card { padding: 18px; transition: transform var(--dj11-motion) var(--dj11-ease), box-shadow var(--dj11-motion) var(--dj11-ease), border-color var(--dj11-motion) var(--dj11-ease); }
.dj11-card:hover { transform: translateY(-2px); border-color: var(--dj11-border-strong); box-shadow: var(--dj11-shadow-2); }
.dj11-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; gap: 9px; padding: 10px 18px; border: 1px solid var(--dj11-brand-700); border-radius: var(--dj11-radius-pill); background: linear-gradient(135deg, var(--dj11-brand-700), var(--dj11-brand-500)); color: #fff; font-weight: 800; text-decoration: none; cursor: pointer; transition: filter var(--dj11-motion-fast), transform var(--dj11-motion-fast); }
.dj11-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
.dj11-btn:active { transform: translateY(0); }
.dj11-btn:disabled, .dj11-btn[aria-disabled="true"] { opacity: .48; cursor: not-allowed; filter: grayscale(.35); transform: none; }
.dj11-btn.dj11-secondary { background: var(--dj11-surface-2); color: var(--dj11-text); border-color: var(--dj11-border-strong); }
.dj11-btn.dj11-danger { background: var(--dj11-danger); border-color: var(--dj11-danger); color: #fff; }
.dj11-field { display: grid; gap: 7px; color: var(--dj11-text-2); font-weight: 700; }
.dj11-field input, .dj11-field textarea, .dj11-field select, .dj11-input { width: 100%; min-height: 44px; padding: 10px 13px; color: var(--dj11-text); background: var(--dj11-surface); border: 1px solid var(--dj11-border-strong); border-radius: var(--dj11-radius-sm); }
.dj11-field textarea { min-height: 110px; resize: vertical; }
.dj11-field input:disabled, .dj11-field textarea:disabled, .dj11-field select:disabled { opacity: .6; cursor: not-allowed; }
.dj11-field input[aria-invalid="true"], .dj11-field textarea[aria-invalid="true"] { border-color: var(--dj11-danger); }
.dj11-field input:focus-visible, .dj11-field textarea:focus-visible, .dj11-field select:focus-visible { outline: 0 !important; border-color: var(--dj11-focus); box-shadow: var(--dj11-focus-ring) !important; }
.dj11-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--dj11-border); border-radius: var(--dj11-radius-pill); background: var(--dj11-surface-2); color: var(--dj11-text-2); font-size: .78rem; font-weight: 800; }
.dj11-badge.success { color: var(--dj11-success); }
.dj11-badge.warning { color: var(--dj11-warning); }
.dj11-badge.danger { color: var(--dj11-danger); }
.dj11-divider { height: 1px; border: 0; background: var(--dj11-border); margin-block: var(--dj11-space-5); }
.dj11-empty { display: grid; justify-items: center; gap: 10px; padding: 36px 18px; border: 1px dashed var(--dj11-border-strong); border-radius: var(--dj11-radius-lg); text-align: center; color: var(--dj11-muted); }
.dj11-skeleton { min-height: 14px; border-radius: var(--dj11-radius-pill); background: linear-gradient(90deg, var(--dj11-surface-2), var(--dj11-surface-3), var(--dj11-surface-2)); background-size: 220% 100%; animation: dj11-shimmer 1.3s linear infinite; }
@keyframes dj11-shimmer { to { background-position: -220% 0; } }
.dj11-admin { min-height: 100vh; padding: 32px 16px; background: var(--dj11-bg); color: var(--dj11-text); }
.dj11-admin-shell { width: min(900px, 100%); margin: auto; display: grid; gap: 22px; }
.dj11-admin-shell h1 { margin: 0; font-size: clamp(1.6rem, 4vw, 2.4rem); }
.dj11-admin-shell h2 { margin: 0 0 10px; font-size: 1.1rem; }
.dj11-admin-shell p { color: var(--dj11-text-2); line-height: 1.9; }
.dj11-admin-shell code { display: inline-block; padding: 6px 9px; border-radius: 8px; direction: ltr; background: var(--dj11-surface-2); color: var(--dj11-text); }
.dj11-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.dj11-stats > div { display: grid; gap: 5px; padding: 14px; border-radius: var(--dj11-radius-md); background: var(--dj11-surface-2); }
.dj11-stats b { color: var(--dj11-brand-500); font-size: 1.5rem; }
.dj11-stats span { color: var(--dj11-muted); font-size: .82rem; }
.dj11-admin-shell button { margin-inline-end: 8px; margin-top: 10px; }
@media (max-width: 600px) { .dj11-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } .dj11-admin { padding: 18px 12px; } }
.ai-source-list, .dj11-rag-citations { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--dj11-border); }
.ai-source-list > small, .dj11-rag-citations > b { flex-basis: 100%; color: var(--dj11-muted); font-size: .78rem; }
.ai-source-list > a, .dj11-rag-citations > a { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; color: var(--dj11-brand-800); background: var(--dj11-brand-100); border-radius: var(--dj11-radius-pill); text-decoration: none; font-size: .8rem; font-weight: 700; }
:root[data-theme="dark"] .ai-source-list > a, :root[data-theme="dark"] .dj11-rag-citations > a { color: #e4dcff; background: #342b55; }

/* Cards and controls shared by the existing marketplace worlds. */
.panel-section, .form-card, .settings-panel, .order-card, .dj-pulse-card,
.ecosystem-card-v7, .dj-dam-card, .dj-discovery-card, .dj-shared-map {
  color: var(--dj11-text); border-color: var(--dj11-border); border-radius: var(--dj11-radius-lg);
  box-shadow: var(--dj11-shadow-1);
}
.panel-section, .form-card, .settings-panel { background: var(--dj11-surface); }
.panel-heading, .page-intro, .dj-home-section-head { color: var(--dj11-text); }
.btn, .farm-button, .v3-button {
  min-height: 42px; border-radius: var(--dj11-radius-pill); transition: transform var(--dj11-motion-fast), filter var(--dj11-motion-fast), box-shadow var(--dj11-motion-fast);
}
.btn:hover, .farm-button:hover, .v3-button:hover { filter: brightness(1.06); box-shadow: var(--dj11-shadow-1); }
.btn:active, .farm-button:active, .v3-button:active { transform: translateY(1px); }
.btn:disabled, .farm-button:disabled, .v3-button:disabled { opacity: .5; cursor: not-allowed; }
.field-row input, .field-row textarea, .field-row select,
.form-stack input, .form-stack textarea, .form-stack select,
.settings-form input, .settings-form textarea, .settings-form select {
  min-height: 44px; border-color: var(--dj11-border-strong); border-radius: var(--dj11-radius-sm);
}
.field-row input:focus-visible, .field-row textarea:focus-visible, .field-row select:focus-visible,
.form-stack input:focus-visible, .form-stack textarea:focus-visible, .form-stack select:focus-visible,
.settings-form input:focus-visible, .settings-form textarea:focus-visible, .settings-form select:focus-visible {
  outline: 0 !important; border-color: var(--dj11-focus) !important; box-shadow: var(--dj11-focus-ring) !important;
}
.notice, .admin-note { border-radius: var(--dj11-radius-md); }
.empty-state, .empty-inline, .dj-world-empty { color: var(--dj11-muted); }
.muted, .small, .field-help, .form-note { color: var(--dj11-muted); }
.table-wrap { border: 1px solid var(--dj11-border); border-radius: var(--dj11-radius-md); overflow-x: auto; }
:root[data-theme="dark"] .panel-section,
:root[data-theme="dark"] .form-card,
:root[data-theme="dark"] .settings-panel,
:root[data-theme="dark"] .order-card,
:root[data-theme="dark"] .dj-pulse-card,
:root[data-theme="dark"] .ecosystem-card-v7,
:root[data-theme="dark"] .dj-dam-card,
:root[data-theme="dark"] .dj-discovery-card,
:root[data-theme="dark"] .dj-shared-map { background-color: var(--dj11-surface); color: var(--dj11-text); }

/* Product, storefront and community card affordances. */
.product-card, .market-product-card, .store-card, .seller-card, .post-card,
.community-post, .farm-card, .damjoor-card, .need-card, .recycling-card {
  border-color: var(--dj11-border); border-radius: var(--dj11-radius-lg); box-shadow: var(--dj11-shadow-1);
  transition: border-color var(--dj11-motion), box-shadow var(--dj11-motion), transform var(--dj11-motion);
}
.product-card:hover, .market-product-card:hover, .store-card:hover, .seller-card:hover,
.post-card:hover, .community-post:hover, .farm-card:hover, .damjoor-card:hover,
.need-card:hover, .recycling-card:hover { border-color: var(--dj11-border-strong); box-shadow: var(--dj11-shadow-2); }

/* Modal, toast, tabs, breadcrumb and error state primitives. */
.dj11-modal-backdrop { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 18px; background: rgb(10 8 24 / 68%); }
.dj11-modal { width: min(560px, 100%); max-height: min(85vh, 760px); overflow: auto; padding: 22px; color: var(--dj11-text); background: var(--dj11-surface); border: 1px solid var(--dj11-border); border-radius: var(--dj11-radius-lg); box-shadow: var(--dj11-shadow-3); }
.dj11-modal:focus { outline: 3px solid var(--dj11-focus); outline-offset: 3px; }
.dj11-toast-stack { position: fixed; z-index: 11000; inset-block-start: 16px; inset-inline-end: 16px; display: grid; gap: 10px; width: min(360px, calc(100vw - 32px)); }
.dj11-toast { padding: 13px 16px; color: var(--dj11-text); background: var(--dj11-surface); border: 1px solid var(--dj11-border-strong); border-inline-start: 4px solid var(--dj11-info); border-radius: var(--dj11-radius-md); box-shadow: var(--dj11-shadow-2); }
.dj11-toast.success { border-inline-start-color: var(--dj11-success); }
.dj11-toast.warning { border-inline-start-color: var(--dj11-warning); }
.dj11-toast.error { border-inline-start-color: var(--dj11-danger); }
.dj11-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 5px; background: var(--dj11-surface-2); border: 1px solid var(--dj11-border); border-radius: var(--dj11-radius-pill); }
.dj11-tabs [role="tab"] { min-height: 40px; padding: 8px 14px; color: var(--dj11-text-2); background: transparent; border: 0; border-radius: var(--dj11-radius-pill); cursor: pointer; font-weight: 750; }
.dj11-tabs [role="tab"][aria-selected="true"] { color: #fff; background: var(--dj11-brand-700); }
.dj11-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--dj11-muted); font-size: .88rem; }
.dj11-breadcrumb a { color: var(--dj11-brand-700); text-decoration: none; }
:root[data-theme="dark"] .dj11-breadcrumb a { color: #c5b8ff; }
.dj11-error { padding: 20px; color: var(--dj11-text); background: color-mix(in srgb, var(--dj11-danger) 8%, var(--dj11-surface)); border: 1px solid color-mix(in srgb, var(--dj11-danger) 40%, var(--dj11-border)); border-radius: var(--dj11-radius-lg); }
.dj11-error h2 { margin-block: 0 8px; color: var(--dj11-danger); }
.dj11-skeleton { min-height: 14px; border-radius: var(--dj11-radius-pill); background: linear-gradient(90deg, var(--dj11-surface-2), var(--dj11-surface-3), var(--dj11-surface-2)); background-size: 220% 100%; animation: dj11-shimmer 1.3s linear infinite; }
@media (max-width: 640px) { .dj11-modal { padding: 18px; } .dj11-tabs { border-radius: var(--dj11-radius-md); } }


/* ---- preserved cascade: static/css/dastjor-12.css ---- */

.dj-home-path.path-melkjoor{background:radial-gradient(circle at 80% 10%,#9d87ed88,transparent 38%),linear-gradient(120deg,#11152f,#39245f)!important;color:#fff!important;border:1px solid #9d88ed!important;box-shadow:0 16px 38px #2d19542b}
.dj-home-path.path-melkjoor small,.dj-home-path.path-melkjoor em{color:#e1d8ff!important}

.mk-explore-callout{margin:26px auto;max-width:1180px;padding:25px 30px;border-radius:22px;background:linear-gradient(110deg,#11152f,#4b337a);color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}.mk-explore-callout span{font-size:.7rem;letter-spacing:.14em;color:#c5b4ff;font-weight:900}.mk-explore-callout h2{margin:8px 0}.mk-explore-callout p{margin:0;color:#d9d2eb}.mk-explore-callout a{color:white;text-decoration:none;padding:12px 18px;border:1px solid #ffffff55;border-radius:13px;font-weight:900;white-space:nowrap}@media(max-width:600px){.mk-explore-callout{margin:18px 12px;display:block}.mk-explore-callout a{display:inline-block;margin-top:16px}}


/* ---- preserved cascade: static/css/dastjor-13.css ---- */
:root{--dj13-ink:#202039;--dj13-muted:#74748e;--dj13-line:rgba(100,86,150,.16);--dj13-surface:rgba(255,255,255,.88);--dj13-purple:#7249c7;--dj13-cyan:#39a6bd;--dj13-green:#268c70}
html[data-theme="dark"]{--dj13-ink:#f2efff;--dj13-muted:#aaa6c3;--dj13-line:rgba(190,175,255,.18);--dj13-surface:rgba(29,25,48,.92)}
.dj13-shell{max-width:1220px;margin:28px auto 70px;padding:0 18px;color:var(--dj13-ink)}
.dj13-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:260px;padding:34px;border-radius:28px;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(119,91,215,.75),transparent 28%),radial-gradient(circle at 22% 110%,rgba(49,163,180,.55),transparent 30%),linear-gradient(125deg,#17132e,#35205e 55%,#1b4865);box-shadow:0 24px 65px rgba(47,34,91,.20)}
.dj13-hero:after{content:"";position:absolute;inset:-70% 32% -80% -5%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-20deg);pointer-events:none}.dj13-kicker{font-size:10px;letter-spacing:.17em;color:#9878e8;font-weight:900}.dj13-hero .dj13-kicker{color:#d4c7ff}.dj13-hero h1{font-size:clamp(28px,4vw,48px);margin:12px 0}.dj13-hero p{font-size:16px;margin:0 0 8px}.dj13-hero small{color:#d1cee2}.dj13-hero-mark{position:relative;display:grid;place-items:center;width:190px;height:190px;flex:0 0 190px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle,#fff2 0 18%,transparent 19%),radial-gradient(circle,#7bcce3 0 2px,transparent 3px);box-shadow:inset 0 0 50px #9b7bff55,0 0 70px #8364e855}.dj13-hero-mark span{font-size:40px;font-weight:900;color:#fff}.dj13-hero-mark i{position:absolute;width:78%;height:34%;border:1px solid #9ee9ffb0;border-radius:50%;transform:rotate(-30deg)}.dj13-hero-mark b{position:absolute;bottom:14px;font-size:8px;letter-spacing:.2em;text-align:center;color:#ded9f7}
.dj13-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.dj13-stats article,.dj13-panel,.dj13-next{background:var(--dj13-surface);border:1px solid var(--dj13-line);border-radius:20px;box-shadow:0 10px 30px rgba(37,28,67,.05)}.dj13-stats article{padding:18px}.dj13-stats small,.dj13-stats a{display:block;color:var(--dj13-muted);font-size:12px}.dj13-stats b{display:block;font-size:30px;margin:8px 0;color:var(--dj13-ink)}.dj13-stats a{color:var(--dj13-purple);text-decoration:none;font-weight:800}.dj13-verticals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.dj13-verticals a{padding:18px;border-radius:18px;text-decoration:none;color:var(--dj13-ink);border:1px solid var(--dj13-line);background:linear-gradient(145deg,var(--dj13-surface),rgba(127,100,207,.06));display:flex;flex-direction:column;gap:8px}.dj13-verticals a>span{font-size:25px}.dj13-verticals small{color:var(--dj13-muted)}.dj13-panel{padding:22px;margin:18px 0}.dj13-panel h2{margin:0 0 8px}.dj13-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.dj13-panel-head p{margin:4px 0;color:var(--dj13-muted);font-size:13px}.dj13-pill,.dj13-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:rgba(117,78,200,.10);color:var(--dj13-purple);font-size:11px;font-weight:800}.dj13-inquiry{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:18px;padding:17px 0;border-top:1px solid var(--dj13-line)}.dj13-inquiry h3{margin:8px 0 4px}.dj13-inquiry p,.dj13-inquiry small{color:var(--dj13-muted);font-size:13px}.dj13-inquiry-contact{display:flex;flex-direction:column;gap:8px}.dj13-inquiry-contact form{display:grid;grid-template-columns:1fr;gap:8px}.dj13-inquiry-contact input,.dj13-inquiry-contact select,.dj13-lead-update input,.dj13-lead-update select,.dj13-inquiry-card input,.dj13-inquiry-card textarea{width:100%;padding:10px;border:1px solid var(--dj13-line);border-radius:10px;background:transparent;color:var(--dj13-ink);font:inherit}.dj13-inquiry-contact button,.dj13-lead-update button,.dj13-inquiry-card button{border:0;border-radius:11px;padding:11px 14px;color:white;background:linear-gradient(110deg,#6742b4,#248da9);font:inherit;font-weight:800;cursor:pointer}.dj13-empty{padding:26px;text-align:center;background:rgba(128,111,183,.07);border-radius:15px;color:var(--dj13-muted)}.dj13-empty b{color:var(--dj13-ink)}.dj13-next{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dj13-next p{margin:5px 0 0;color:var(--dj13-muted)}.dj13-next a{color:var(--dj13-purple);font-weight:900;text-decoration:none}
.dj13-inquiry-card{margin:16px 0;padding:18px;border:1px solid var(--dj13-line);border-radius:18px;background:var(--dj13-surface);box-shadow:0 12px 30px rgba(33,27,62,.06)}.dj13-inquiry-card h2{margin:7px 0}.dj13-inquiry-card form{display:grid;gap:10px}.dj13-inquiry-card label{display:grid;gap:6px;font-size:13px}.dj13-inquiry-card small{display:block;color:var(--dj13-muted);margin-top:9px;font-size:11px}.dj13-inquiry-card button{justify-self:start}.dj13-crm-page{max-width:1100px}.dj13-lead-summary{display:flex;gap:12px;flex-wrap:wrap;color:var(--dj13-muted);font-size:13px}.dj13-lead-summary b{color:var(--dj13-ink)}.dj13-lead-summary p{width:100%}.dj13-lead-update{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.dj13-lead-update label{display:grid;gap:6px;font-size:12px}.dj13-lead-update .wide{grid-column:1/-1}.dj13-match{display:grid;grid-template-columns:1fr minmax(180px,.55fr);gap:18px;padding:16px 0;border-top:1px solid var(--dj13-line)}.dj13-match h3{margin:8px 0}.dj13-match p,.dj13-match small{color:var(--dj13-muted);font-size:12px}.dj13-match a{color:var(--dj13-purple);text-decoration:none;font-weight:800}.dj13-score{display:inline-block;padding:6px 10px;background:rgba(32,145,115,.11);color:var(--dj13-green);border-radius:999px;font-weight:900;font-size:12px}.dj13-event{padding:10px 0;border-top:1px solid var(--dj13-line)}.dj13-event small{display:block;color:var(--dj13-muted)}
@media(max-width:800px){.dj13-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dj13-verticals{grid-template-columns:repeat(2,minmax(0,1fr))}.dj13-inquiry,.dj13-match{grid-template-columns:1fr}.dj13-hero-mark{width:120px;height:120px;flex-basis:120px}.dj13-hero-mark span{font-size:27px}.dj13-next{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.dj13-shell{padding:0 10px;margin-top:14px}.dj13-hero{min-height:190px;padding:22px;border-radius:20px}.dj13-hero-mark{width:82px;height:82px;flex-basis:82px}.dj13-hero-mark span{font-size:22px}.dj13-hero-mark b{font-size:6px}.dj13-hero h1{font-size:26px}.dj13-stats article{padding:13px}.dj13-stats b{font-size:25px}.dj13-panel{padding:15px}.dj13-panel-head{align-items:flex-start;flex-direction:column}.dj13-lead-update{grid-template-columns:1fr}.dj13-lead-update .wide{grid-column:auto}}


/* ---- preserved cascade: static/css/dastjor-14.css ---- */
/* DastJor 14.0 — unified responsive system, compact mobile home and premium MelkJor office. */
:root{--dj14-ink:#1c2140;--dj14-muted:#707895;--dj14-line:rgba(104,91,157,.16);--dj14-glass:rgba(255,255,255,.82);--dj14-purple:#7051c8;--dj14-cyan:#35a9b7}
.dj-header-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex:0 0 auto}.dj-city-control{height:38px;min-width:150px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--dj14-line);border-radius:13px;background:var(--dj14-glass);color:var(--dj14-muted)}.dj-city-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:11px}.dj-city-control button{border:0;background:transparent;color:inherit;font-size:17px;cursor:pointer}.dj-language-toggle{height:38px;min-width:42px;padding:0 10px;border:1px solid var(--dj14-line);border-radius:12px;background:var(--dj14-glass);color:var(--dj14-ink);font-weight:900;cursor:pointer}.dj-appearance-top-left{position:fixed!important;top:84px!important;left:12px!important;right:auto!important;bottom:auto!important;z-index:1005}.dj-appearance-top-left .appearance-panel{left:0;right:auto;top:calc(100% + 8px);bottom:auto}.dj-appearance-top-left.panel-up .appearance-panel{top:calc(100% + 8px);bottom:auto}
.dj-home-audience{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 8px;padding:9px 12px;border:1px solid var(--dj14-line);border-radius:16px;background:var(--dj14-glass)}.dj-home-audience>span{font-size:11px;font-weight:900;color:var(--dj14-muted);margin-inline-end:4px}.dj-home-audience a{font-size:11px;font-weight:800;text-decoration:none;color:var(--dj14-ink);padding:7px 10px;border-radius:10px;background:rgba(112,81,200,.08)}.dj-home-audience a:hover{background:rgba(112,81,200,.16)}
.dj-services-details{margin-top:14px;border:1px solid var(--dj14-line);border-radius:18px;background:var(--dj14-glass);overflow:hidden}.dj-services-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:13px 16px;cursor:pointer;font-weight:900}.dj-services-details>summary::-webkit-details-marker{display:none}.dj-services-details>summary b{font-size:11px;color:var(--dj14-purple)}.dj-services-details[open]>summary{border-bottom:1px solid var(--dj14-line)}.dj-services-details .dj-live-services-head{padding:12px 16px 4px}.dj-services-details .dj-live-services-grid{padding:0 14px 14px}
/* The home page behaves like a compact service launcher on phones. */
@media(max-width:800px){.navwrap{height:64px!important;gap:8px!important;width:calc(100% - 20px)!important}.brand{gap:6px!important}.brandmark{width:37px!important;height:37px!important}.brand strong{font-size:16px!important}.brand small{font-size:8px!important}.dj-header-tools{gap:5px;margin-inline-start:auto}.dj-city-control{min-width:100px;max-width:132px;height:34px;padding:0 7px}.dj-city-control input{font-size:10px}.dj-language-toggle{height:34px;min-width:36px;padding:0 7px}.mobile-menu-toggle{margin-inline-start:0!important}.mainnav{top:64px!important}.dj-appearance-top-left{top:72px!important;left:8px!important}.dj-home-galaxy{padding-bottom:8px}.dj-home-hero-90{margin-top:8px!important}.dj-hero-inner{min-height:0!important}.dj-hero-content{padding:16px!important}.dj-hero-content h1{font-size:clamp(25px,7vw,34px)!important;line-height:1.25!important;margin:8px 0!important}.dj-hero-content>p{font-size:12px!important;line-height:1.7!important;margin:5px 0 10px!important}.dj-hero-art{min-height:118px!important;max-height:150px!important}.dj-home-search{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.dj-home-search input{min-width:0!important;width:100%!important;height:39px!important;font-size:11px!important}.dj-home-search button{grid-column:1/-1;height:38px!important}.dj-home-ai-line{font-size:10px!important;gap:6px!important;flex-wrap:wrap}.dj-home-ai-line img{width:23px!important;height:23px!important}.dj-home-stats{gap:8px!important;margin-top:8px!important}.dj-home-stats span{font-size:9px!important}.dj-home-paths{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:10px 0!important}.dj-home-path{min-height:76px!important;padding:8px 5px!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important}.dj-home-path b{font-size:10px!important;line-height:1.35!important}.dj-home-path small{font-size:8px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.dj-home-path em{display:none!important}.dj-home-shortcuts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:8px 0!important}.dj-home-shortcuts a{min-width:0!important;min-height:55px!important;padding:6px 3px!important;border-radius:11px!important;font-size:9px!important;text-align:center!important;display:grid!important;place-content:center!important;line-height:1.35!important}.dj-home-audience{gap:5px!important;padding:7px!important;margin:8px 0!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}.dj-home-audience>span{display:none}.dj-home-audience a{white-space:nowrap;font-size:9px;padding:7px 8px}.dj-home-map-section{margin-top:12px!important}.dj-home-map-section .dj-home-section-head{margin-bottom:8px!important}.dj-home-map-section .dj-home-section-head h2{font-size:16px!important}.dj-home-map-section .dj-home-section-head p{font-size:10px!important}.dj-home-ecosystem-map{height:210px!important;min-height:210px!important}.dj-home-map-cards{display:flex!important;overflow-x:auto!important;gap:7px!important;padding-bottom:4px}.dj-home-map-card{min-width:190px!important;max-width:190px!important}.dj-live-services-head{padding:10px 12px!important}.dj-live-services-head h2{font-size:15px!important}.dj-live-services-head p{font-size:10px!important}.dj-live-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.dj-live-service{padding:9px 5px!important;min-height:94px!important;border-radius:12px!important;gap:3px!important}.dj-service-icon{font-size:19px!important}.dj-live-service small{font-size:8px!important}.dj-live-service b{font-size:9px!important}.dj-live-service p,.dj-live-service i{display:none!important}.dj-home-data-section{margin-top:16px!important}.dj-home-section-head h2{font-size:17px!important}.dj-home-section-head p{font-size:10px!important}.dj-home-stores-grid,.dj-products-grid,.dj-dam-grid,.farm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.dj-home-store-card,.dj-product-card,.dj-dam-card,.farm-mini-card{min-width:0!important}.dj-home-store-photo{height:85px!important}.dj-product-image{height:115px!important}.dj-home-discovery{display:none!important}.dj-home-more,.dj-home-seller-cta,.dj-participation-panel{margin-top:14px!important;padding:14px!important}.dj-mobile-dock{height:62px!important;padding-bottom:env(safe-area-inset-bottom)!important}.page-shell{width:calc(100% - 18px)!important;padding-bottom:75px!important}.footer{margin-top:25px!important}.footer-inner{padding:20px 0!important}}
@media(max-width:420px){.dj-home-paths{grid-template-columns:repeat(5,minmax(0,1fr))!important}.dj-home-path{min-height:70px!important}.dj-home-path b{font-size:9px!important}.dj-home-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))!important}.dj-city-control{min-width:84px;max-width:100px}.brand small{display:none!important}.dj-hero-photo-caption{display:none!important}}
/* MelkJor: connected, high-end agency world. */
.mk-globe-14{isolation:isolate;perspective:900px}.mk-globe-grid{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a7e9ff55,transparent 25%),radial-gradient(circle at 60% 65%,#9b7aff44,transparent 42%),linear-gradient(135deg,#121b47,#37246c 55%,#101a3d);box-shadow:inset -25px -18px 48px #050a23aa,inset 12px 10px 30px #8de7ff33,0 0 65px #8265f566;transform:rotateX(12deg);overflow:hidden}.mk-globe-grid:before,.mk-globe-grid:after{content:"";position:absolute;inset:-20%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 17px,#a9e7ff22 18px 19px),repeating-linear-gradient(90deg,transparent 0 17px,#a9e7ff22 18px 19px);transform:rotate(-18deg);mask-image:radial-gradient(circle,#000 45%,transparent 72%)}.mk-globe-grid:after{background:radial-gradient(ellipse at 35% 40%,#50c9d455 0 3%,transparent 4%),radial-gradient(ellipse at 65% 52%,#b59aff66 0 5%,transparent 6%),radial-gradient(ellipse at 50% 70%,#5ac6d955 0 4%,transparent 5%)}.mk-globe-ring{position:absolute;inset:4%;border:1px solid #a4e7ff66;border-radius:50%;transform:rotateX(68deg) rotateZ(-25deg);box-shadow:0 0 25px #72d5ff22}.mk-globe-ring-b{inset:16%;transform:rotateY(67deg) rotateZ(22deg);border-color:#b69aff88}.mk-globe-core{z-index:2}.mk-quick-entry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.mk-quick-entry a{display:grid;gap:5px;padding:14px;border:1px solid var(--dj13-line);border-radius:16px;text-decoration:none;color:var(--dj13-ink);background:var(--dj13-surface);box-shadow:0 10px 25px #26164b0a}.mk-quick-entry a>span{font-size:24px}.mk-quick-entry b{font-size:13px}.mk-quick-entry small{font-size:10px;color:var(--dj13-muted)}
.mk-office-header h1{font-size:clamp(25px,4vw,38px);margin:8px 0}.mk-office-world{position:relative;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:20px;min-height:270px;padding:26px 30px;margin:18px 0;border-radius:25px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 80% 20%,#3f6f9b88,transparent 40%),radial-gradient(ellipse at 20% 100%,#8b55c788,transparent 45%),linear-gradient(120deg,#10172f,#211b4e 55%,#0d3045);box-shadow:0 24px 60px #17123930}.mk-office-world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff08 50%,transparent);opacity:.4;pointer-events:none}.mk-office-world-copy{position:relative;z-index:2}.mk-office-world-copy>span{font-size:9px;letter-spacing:.2em;color:#b8eaff;font-weight:900}.mk-office-world-copy h2{font-size:clamp(21px,3vw,31px);margin:10px 0}.mk-office-world-copy p{max-width:500px;color:#d4d9ed;font-size:12px;line-height:1.9}.mk-office-world-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.mk-office-world-links a{padding:8px 13px;border:1px solid #ffffff44;border-radius:999px;color:#fff;text-decoration:none;font-size:11px}.mk-office-3d{position:relative;min-height:220px;display:grid;place-items:center;perspective:700px}.mk-office-building{position:relative;width:118px;height:130px;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-28deg);background:linear-gradient(135deg,#83d9ef,#364c9d 55%,#202650);clip-path:polygon(20% 0,100% 16%,100% 100%,0 82%,0 18%);box-shadow:0 20px 45px #0008}.mk-office-building:before{content:"";position:absolute;inset:15px 12px;background:repeating-linear-gradient(90deg,#b9f4ff 0 8px,transparent 9px 17px),repeating-linear-gradient(0deg,transparent 0 17px,#e7faff99 18px 20px);opacity:.75}.mk-office-building:after{content:"";position:absolute;top:-20px;left:20px;width:70px;height:22px;background:#b8e8f4;transform:skewY(-18deg);filter:drop-shadow(0 0 12px #83dfff)}.mk-office-building b{position:absolute;z-index:2;left:42px;top:50px;color:#fff;font-size:22px;text-shadow:0 2px 12px #07142b}.mk-office-building i{position:absolute;z-index:2;top:12px;bottom:12px;width:2px;background:#c6f6ff88}.mk-office-building i:nth-child(1){left:28px}.mk-office-building i:nth-child(2){left:57px}.mk-office-building i:nth-child(3){left:86px}.mk-office-orbit{position:absolute;width:220px;height:82px;border:1px solid #93e5ff99;border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);box-shadow:0 0 20px #55c9ff33}.mk-orbit-two{width:260px;height:110px;transform:rotateX(75deg) rotateZ(35deg);border-color:#ba9bff88}.mk-office-node{position:absolute;padding:7px 11px;border:1px solid #ffffff55;border-radius:10px;background:#141c48cc;color:#dff8ff;font-size:10px;box-shadow:0 8px 25px #0004}.mk-node-a{top:20px;right:12%}.mk-node-b{bottom:18px;left:8%}.mk-node-c{top:48%;right:0}.mk-office-quicknav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 18px}.mk-office-quicknav a{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 8px;border:1px solid var(--dj13-line);border-radius:14px;background:var(--dj13-surface);color:var(--dj13-ink);font-size:12px;font-weight:900;text-decoration:none}.mk-office-quicknav a:hover,.mk-quick-entry a:hover{transform:translateY(-2px);box-shadow:0 14px 30px #271b5017}
.dj-language-en{font-family:Inter,Arial,sans-serif;letter-spacing:0}.dj-language-en .brand small{letter-spacing:0}.dj-language-en .dj-home-hero-90,.dj-language-en .mk-shell,.dj-language-en .mk-dashboard{text-align:left}.dj-language-en .dj-home-path em,.dj-language-en .dj-live-service i{direction:ltr}
@media(max-width:800px){.mk-quick-entry{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mk-quick-entry a{padding:9px 6px;min-width:0}.mk-quick-entry a>span{font-size:19px}.mk-quick-entry b{font-size:10px}.mk-quick-entry small{font-size:8px}.mk-office-world{grid-template-columns:1fr .7fr;gap:6px;padding:17px;min-height:210px;border-radius:19px}.mk-office-3d{min-height:170px;transform:scale(.78)}.mk-office-world-copy h2{font-size:20px}.mk-office-world-copy p{font-size:10px}.mk-office-quicknav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mk-office-quicknav a{font-size:9px;gap:3px;padding:10px 3px;flex-direction:column}.mk-dashboard .dj13-panel{padding:13px!important}.mk-form{gap:9px!important}}
@media(max-width:480px){.mk-office-world{grid-template-columns:1fr;min-height:0}.mk-office-world-copy p{max-width:none}.mk-office-3d{min-height:145px;transform:scale(.72);margin:-12px 0}.mk-quick-entry{grid-template-columns:repeat(4,minmax(0,1fr))}.mk-quick-entry a small{display:none}.mk-shell{padding-inline:8px}.mk-hero{padding:20px!important}.mk-globe{opacity:.7}.mk-filter{grid-template-columns:1fr 1fr!important}.mk-filter input:first-child{grid-column:1/-1}}


/* ---- preserved cascade: static/css/dastjor-15.css ---- */
:root{--dj15-ink:#17253b;--dj15-muted:#68778b;--dj15-line:rgba(45,65,95,.13);--dj15-card:var(--surface,#fff);--dj15-accent:#6546c8;--dj15-teal:#13a79a;--dj15-shadow:0 16px 42px rgba(31,45,75,.09)}
[data-theme="dark"]{--dj15-ink:#edf2ff;--dj15-muted:#a6b3c7;--dj15-line:rgba(200,215,240,.14);--dj15-card:#182338;--dj15-shadow:0 16px 42px rgba(0,0,0,.22)}
.dj15-store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:16px 0;border:1px solid var(--dj15-line);border-radius:20px;background:var(--dj15-card);box-shadow:var(--dj15-shadow)}.dj15-store-toolbar>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dj15-store-toolbar b{color:var(--dj15-ink)}.dj15-store-toolbar small{color:var(--dj15-muted)}.dj15-live-dot{width:9px;height:9px;border-radius:50%;background:#20b88a;box-shadow:0 0 0 5px #20b88a20}.dj15-store-actions{display:flex;gap:8px;flex-wrap:wrap}.dj15-primary-cta,.dj15-secondary-cta{padding:10px 15px;border-radius:12px;text-decoration:none;font-weight:800}.dj15-primary-cta{background:var(--dj15-accent);color:white}.dj15-secondary-cta{border:1px solid var(--dj15-line);color:var(--dj15-ink)}.dj15-catalog-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px;margin:12px 0;border:1px solid var(--dj15-line);border-radius:18px;background:var(--dj15-card)}.dj15-catalog-tools label{display:grid;gap:6px;min-width:min(240px,100%);flex:1;color:var(--dj15-muted);font-size:.82rem;font-weight:700}.dj15-catalog-tools input,.dj15-catalog-tools select{width:100%;min-height:44px;border:1px solid var(--dj15-line);border-radius:12px;padding:9px 12px;background:transparent;color:var(--dj15-ink);font:inherit}.dj15-catalog-tools>span{color:var(--dj15-muted);font-size:.85rem;padding:10px}.dj-store-product-card[hidden]{display:none!important}.dj15-related-section{margin:30px 0}.dj15-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.dj15-related-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--dj15-line);border-radius:17px;background:var(--dj15-card);color:var(--dj15-ink);text-decoration:none;min-width:0}.dj15-related-card img,.dj15-related-placeholder{width:76px;height:76px;object-fit:cover;border-radius:12px;flex:none;background:rgba(100,70,200,.09);display:grid;place-items:center}.dj15-related-card>span:last-child{display:grid;gap:5px;min-width:0}.dj15-related-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj15-related-card small{color:var(--dj15-muted)}.dj15-related-card strong{color:var(--dj15-accent)}.dj15-agent-panel{margin:20px 0 28px;padding:clamp(18px,3vw,28px);border:1px solid var(--dj15-line);border-radius:24px;background:linear-gradient(135deg,rgba(101,70,200,.08),rgba(19,167,154,.07)),var(--dj15-card);box-shadow:var(--dj15-shadow)}.dj15-agent-heading{display:flex;align-items:center;gap:15px;margin-bottom:18px}.dj15-agent-heading h2{margin:4px 0;color:var(--dj15-ink)}.dj15-agent-heading p,.dj15-agent-footnote{color:var(--dj15-muted);line-height:1.9}.dj15-agent-orb{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#6a4acb,#18a99a);color:#fff;font-size:27px;flex:none;box-shadow:0 8px 22px #6546c833}.dj15-agent-panel form label{display:block;margin:8px 0;color:var(--dj15-ink);font-weight:800}.dj15-agent-input-row{display:flex;gap:9px}.dj15-agent-input-row input{flex:1;min-width:0;min-height:48px;padding:10px 14px;border:1px solid var(--dj15-line);border-radius:13px;background:var(--dj15-card);color:var(--dj15-ink);font:inherit}.dj15-agent-input-row button{border:0;border-radius:13px;padding:0 20px;background:var(--dj15-accent);color:white;font:inherit;font-weight:900;cursor:pointer}.dj15-agent-input-row button:disabled{opacity:.6}.dj15-agent-result{margin-top:14px;padding:14px;border:1px solid var(--dj15-line);border-radius:15px;background:var(--dj15-card);color:var(--dj15-ink);line-height:1.9}.dj15-agent-tool{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dj15-line)}.dj15-agent-item{display:block;padding:9px 12px;border-radius:10px;background:rgba(101,70,200,.07);color:var(--dj15-ink);text-decoration:none}.dj15-agent-footnote{display:block;margin-top:12px;font-size:.78rem}.dj15-agent-tool p{margin:0;color:var(--dj15-muted)}
@media(max-width:640px){.dj15-store-toolbar{align-items:flex-start;flex-direction:column;padding:14px}.dj15-store-actions{width:100%}.dj15-store-actions a{flex:1;text-align:center}.dj15-catalog-tools{align-items:stretch}.dj15-catalog-tools label{min-width:100%}.dj15-agent-input-row{flex-direction:column}.dj15-agent-input-row button{min-height:46px}.dj15-related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.dj15-related-card,.dj15-primary-cta,.dj15-secondary-cta{transition:transform .18s ease,box-shadow .18s ease}.dj15-related-card:hover{transform:translateY(-2px);box-shadow:var(--dj15-shadow)}}

.dj15-seller-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}.dj15-seller-metrics article{display:grid;gap:8px;padding:17px;border:1px solid var(--dj15-line);border-radius:16px;background:var(--dj15-card)}.dj15-seller-metrics span{color:var(--dj15-muted);font-size:.86rem}.dj15-seller-metrics b{font-size:1.6rem;color:var(--dj15-accent)}


/* ---- preserved cascade: static/css/dastjor-17.css ---- */
/* DastJor 16 visual language: readable, calm, high-contrast and map-first. */
:root{
  --dj16-brand:#126b63;--dj16-brand-strong:#0b514d;--dj16-accent:#e27c4b;--dj16-gold:#d8a83f;
  --dj16-bg:#f4f7f5;--dj16-surface:#fff;--dj16-surface-2:#eaf1ed;--dj16-text:#172a32;--dj16-muted:#52666c;
  --dj16-border:#d8e3de;--dj16-success:#14764c;--dj16-warning:#9a5a13;--dj16-danger:#b33a42;--dj16-info:#215f9a;
  --dj16-shadow:0 14px 36px rgba(20,48,46,.10);--dj16-radius:22px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --dj16-brand:#65c9b7;--dj16-brand-strong:#8be0cf;--dj16-accent:#ffad7e;--dj16-gold:#f2c76d;
  --dj16-bg:#101b22;--dj16-surface:#182832;--dj16-surface-2:#223640;--dj16-text:#eff7f5;--dj16-muted:#b3c5c2;
  --dj16-border:#344b55;--dj16-success:#75d6a8;--dj16-warning:#f0c17c;--dj16-danger:#ff9297;--dj16-info:#8fc7ff;
  --dj16-shadow:0 15px 38px rgba(0,0,0,.25);color-scheme:dark;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--dj16-bg);color:var(--dj16-text);font-family:"Vazirmatn","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
.page-shell{color:var(--dj16-text)}h1,h2,h3,h4,strong,b,label,legend{color:inherit}p,small,.muted,.field-help{color:var(--dj16-muted)}
input,textarea,select{background:var(--dj16-surface);color:var(--dj16-text);border-color:var(--dj16-border)}input::placeholder,textarea::placeholder{color:var(--dj16-muted);opacity:.82}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--dj16-brand) 65%,transparent);outline-offset:3px}
.btn.primary,.navwrap .navcta{background:var(--dj16-brand-strong);color:#fff}.btn.secondary,.btn.ghost{background:var(--dj16-surface);color:var(--dj16-text);border-color:var(--dj16-border)}
.card,.panel,.panel-section,.form-card,.empty-state,.product-card,.seller-card,.need-card,.dj-dam-card,.farm-list-card{background:var(--dj16-surface);color:var(--dj16-text);border-color:var(--dj16-border)}
.dj16-map-card,.dj16-community-map-card{margin:18px 0 24px;padding:clamp(13px,2vw,20px);border:1px solid var(--dj16-border);border-radius:var(--dj16-radius);background:var(--dj16-surface);box-shadow:var(--dj16-shadow);min-width:0}
.dj16-map-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:2px 2px 13px}.dj16-map-heading h2{margin:2px 0 4px;font-size:clamp(17px,2vw,22px);color:var(--dj16-text)}.dj16-map-heading p{margin:0;max-width:690px;color:var(--dj16-muted);font-size:12px;line-height:1.9}
.dj16-map{height:350px;min-height:260px;border:1px solid var(--dj16-border);border-radius:17px;overflow:hidden;background:var(--dj16-surface-2);z-index:1}.dj16-map-status{margin:9px 3px 0;color:var(--dj16-muted);font-size:11px;min-height:22px}.dj16-map-empty{padding:20px;border-radius:14px;background:var(--dj16-surface-2);color:var(--dj16-muted)}
.dj16-pin-wrap,.dj16-cluster-wrap{background:transparent;border:0}.dj16-pin{display:grid;place-items:center;width:31px;height:31px;border:3px solid #fff;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--dj16-brand);color:#fff;box-shadow:0 4px 14px #102b3a55;font-size:10px}.dj16-cluster{display:grid;place-items:center;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:var(--dj16-accent);color:#fff;font-weight:900;box-shadow:0 5px 16px #102b3a55}.dj16-map-popup{display:grid;gap:5px;min-width:140px;color:#172a32}.dj16-map-popup img{width:100%;max-height:90px;object-fit:cover;border-radius:7px}.dj16-map-popup b{font-size:12px}.dj16-map-popup small{color:#52666c}.dj16-map-popup a{color:#0b6860;font-weight:800}
.dj16-community-map-card{padding:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--dj16-brand) 8%,var(--dj16-surface)),var(--dj16-surface));backdrop-filter:blur(14px)}.dj16-community-map{height:min(52vh,430px);min-height:280px}.dj16-offline-state,.dj16-offline-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:var(--dj16-surface-2);color:var(--dj16-brand-strong);font-size:11px;font-weight:850;white-space:nowrap}.dj16-model-button{display:block;width:calc(100% - 20px);margin:0 10px 12px;padding:11px;border:1px solid var(--dj16-border);border-radius:12px;background:var(--dj16-surface-2);color:var(--dj16-brand-strong);font-weight:850;cursor:pointer}.dj16-model-dialog{width:min(760px,calc(100% - 24px));max-width:760px;border:1px solid var(--dj16-border);border-radius:22px;background:var(--dj16-surface);color:var(--dj16-text);padding:16px;box-shadow:0 22px 75px #0007}.dj16-model-dialog::backdrop{background:#091821bd;backdrop-filter:blur(5px)}.dj16-model-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dj16-model-head button{border:0;border-radius:11px;width:40px;height:40px;background:var(--dj16-surface-2);color:var(--dj16-text);font-size:24px}.dj16-model-stage{height:min(58vh,500px);min-height:270px;margin-top:12px;border-radius:15px;overflow:hidden;background:var(--dj16-surface-2)}#dj16ModelViewer{width:100%;height:100%;min-height:270px}#dj16ModelFallback{width:100%;height:100%;object-fit:contain}.dj16-model-dialog p{margin:8px 3px 0;color:var(--dj16-muted);font-size:12px}
.dj16-offline-page{min-height:100vh;background:var(--dj16-bg)}.dj16-offline-shell{width:min(1050px,calc(100% - 26px));margin:auto;padding:20px 0 45px}.dj16-offline-shell>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0 18px;border-bottom:1px solid var(--dj16-border)}.dj16-offline-brand{font-size:21px;font-weight:950;color:var(--dj16-brand-strong)}.dj16-offline-brand span{font-size:12px;color:var(--dj16-muted);margin-right:7px}.dj16-offline-hero{padding:28px 4px 13px}.dj16-offline-hero h1{font-size:clamp(24px,5vw,40px);line-height:1.5;margin:8px 0;color:var(--dj16-text)}.dj16-offline-hero p{max-width:760px;line-height:2;color:var(--dj16-muted)}.dj16-offline-feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}.dj16-offline-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dj16-offline-post{padding:15px;border-radius:17px;border:1px solid var(--dj16-border);background:var(--dj16-surface);display:grid;gap:7px;min-width:0}.dj16-offline-post img{width:100%;height:170px;object-fit:cover;border-radius:12px}.dj16-offline-post small{color:var(--dj16-muted)}.dj16-offline-post p{margin:0;line-height:1.9;overflow-wrap:anywhere}.dj16-offline-shell footer{padding:20px 0;color:var(--dj16-muted);font-size:11px}
@media(max-width:700px){.dj16-map{height:300px;min-height:250px}.dj16-map-heading{flex-direction:column;align-items:stretch}.dj16-offline-feed{grid-template-columns:1fr}.dj16-offline-shell>header{align-items:flex-start;flex-direction:column}.dj16-offline-post img{height:145px}.dj16-community-map{height:310px}.dj16-model-stage{height:46vh;min-height:250px}}
@media(prefers-reduced-motion:no-preference){.dj16-map-card,.dj16-community-map-card,.dj16-offline-post{animation:dj16-enter .28s ease both}.dj16-model-button,.dj16-offline-post{transition:transform .18s ease,box-shadow .18s ease}.dj16-model-button:hover,.dj16-offline-post:hover{transform:translateY(-2px);box-shadow:var(--dj16-shadow)}@keyframes dj16-enter{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Mobile-first game viewport: preserve iPhone safe areas and make Pointer Events reliable. */
.arcade-machine,.dj-arcade-machine{box-sizing:border-box}#arcadeCanvas{display:block;width:100%;height:auto;max-height:calc(100dvh - 220px);object-fit:contain;touch-action:none;overscroll-behavior:contain}#arcadeMachine{scroll-margin-top:12px}.dj-arcade-playing body{overflow:hidden}.dj-arcade-playing #arcadeMachine{position:fixed;inset:0;z-index:9990;overflow:auto;overflow-x:hidden;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));margin:0;background:var(--dj16-bg)}.dj-arcade-playing .arcade-board-wrap{min-height:0;max-height:calc(100dvh - 225px)}.dj-arcade-playing #arcadeCanvas{max-height:calc(100dvh - 235px)}.arcade-controls-row{flex-wrap:wrap;gap:8px}.arcade-controls-row button{min-height:42px}.arcade-direction-pad[hidden],#courierTilt[hidden],#flyerFlap[hidden]{display:none!important}@media(max-width:700px){.dj-arcade-playing .arcade-machine-head{display:grid;grid-template-columns:auto 1fr;gap:8px}.dj-arcade-playing .arcade-hud{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dj-arcade-playing #arcadeCanvas{max-height:calc(100dvh - 270px)}.dj-arcade-playing .arcade-touch-hint{font-size:10px}.dj-arcade-playing .arcade-board-wrap{border-radius:12px;overflow:hidden}}


/* ---- preserved cascade: static/css/dastjor-18.css ---- */
/* DastJor 18.0 — shared, accessible visual system. Feature-specific art/layout remains owned by each module. */
:root {
  --dj18-bg: #f6f5fa;
  --dj18-surface: #ffffff;
  --dj18-surface-2: #f0edf7;
  --dj18-text: #211a35;
  --dj18-text-2: #514866;
  --dj18-muted: #716b80;
  --dj18-line: #e2ddec;
  --dj18-brand: #5b3aa4;
  --dj18-brand-strong: #3c226f;
  --dj18-brand-soft: #eee8fa;
  --dj18-accent: #d5a64b;
  --dj18-success: #16734f;
  --dj18-warning: #8a570b;
  --dj18-danger: #b42338;
  --dj18-info: #245c9a;
  --dj18-radius-sm: 10px;
  --dj18-radius-md: 16px;
  --dj18-radius-lg: 23px;
  --dj18-shadow: 0 10px 30px rgba(37, 24, 69, .075);
  --dj18-shadow-hover: 0 17px 38px rgba(37, 24, 69, .13);
  --dj18-font: "Vazirmatn", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --ink: var(--dj18-text);
  --ink-soft: var(--dj18-text-2);
  --muted: var(--dj18-muted);
  --paper: var(--dj18-bg);
  --white: var(--dj18-surface);
  --line: var(--dj18-line);
  --green: var(--dj18-brand);
  --green-dark: var(--dj18-brand-strong);
  --green-2: var(--dj18-brand-soft);
  --bg-primary: var(--dj18-bg);
  --bg-secondary: var(--dj18-surface-2);
  --bg-card: var(--dj18-surface);
  --text-primary: var(--dj18-text);
  --text-secondary: var(--dj18-text-2);
  --text-muted: var(--dj18-muted);
  --border: var(--dj18-line);
  --accent: var(--dj18-brand);
  --accent-hover: var(--dj18-brand-strong);
  --accent-soft: var(--dj18-brand-soft);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --dj18-bg: #11101a;
  --dj18-surface: #1c1928;
  --dj18-surface-2: #262237;
  --dj18-text: #f4f0ff;
  --dj18-text-2: #d4cde4;
  --dj18-muted: #b2a9c6;
  --dj18-line: #403850;
  --dj18-brand: #b19af3;
  --dj18-brand-strong: #d5c6ff;
  --dj18-brand-soft: #302641;
  --dj18-accent: #f0c46f;
  --dj18-success: #77d6a7;
  --dj18-warning: #f5cb7a;
  --dj18-danger: #ff8898;
  --dj18-info: #94bdff;
  --ink: var(--dj18-text);
  --ink-soft: var(--dj18-text-2);
  --muted: var(--dj18-muted);
  --paper: var(--dj18-bg);
  --white: var(--dj18-surface);
  --line: var(--dj18-line);
  --green: var(--dj18-brand);
  --green-dark: var(--dj18-brand-strong);
  --green-2: var(--dj18-brand-soft);
  --bg-primary: var(--dj18-bg);
  --bg-secondary: var(--dj18-surface-2);
  --bg-card: var(--dj18-surface);
  --text-primary: var(--dj18-text);
  --text-secondary: var(--dj18-text-2);
  --text-muted: var(--dj18-muted);
  --border: var(--dj18-line);
  --accent: var(--dj18-brand);
  --accent-hover: var(--dj18-brand-strong);
  --accent-soft: var(--dj18-brand-soft);
  color-scheme: dark;
}
html { scroll-padding-top: 90px; -webkit-text-size-adjust: 100%; }
body { background: var(--dj18-bg); color: var(--dj18-text); font-family: var(--dj18-font); font-size: 14px; line-height: 1.85; }
body, button, input, select, textarea { font-family: var(--dj18-font); }
::selection { background: color-mix(in srgb, var(--dj18-brand) 22%, transparent); }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--dj18-brand) 72%, white); outline-offset: 3px; }
.topbar { background: color-mix(in srgb, var(--dj18-surface) 94%, transparent); border-color: var(--dj18-line); box-shadow: 0 5px 24px rgba(30, 20, 56, .045); backdrop-filter: blur(16px); }
.brand strong, .footer-wordmark strong { color: var(--dj18-text); }
.brand small, .footer-wordmark small, .footer p { color: var(--dj18-muted); }
.mainnav a { color: var(--dj18-text-2); }
.mainnav a:hover, .mainnav a[aria-current="page"] { color: var(--dj18-brand); }
.footer { background: var(--dj18-surface); color: var(--dj18-text); border-color: var(--dj18-line); }
.copyright { border-color: var(--dj18-line); color: var(--dj18-muted); }
.page-shell { width: min(1240px, calc(100% - 30px)); margin-inline: auto; }
.page-shell h1, .page-shell h2, .page-shell h3, .page-shell h4 { color: var(--dj18-text); line-height: 1.55; }
.page-shell p { text-wrap: pretty; }
.page-shell :is(.dj-page-hero, .dj-section, .dj-home-data-section, .dj-home-map-section, .dj-home-discovery, .dj-world-section, .dj-world-content, .dj-arcade-section-head) { margin-block: clamp(18px, 3vw, 32px); }
.page-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) { max-width: 100%; min-height: 44px; border: 1px solid var(--dj18-line); border-radius: 12px; background: var(--dj18-surface); color: var(--dj18-text); padding: 10px 13px; font: inherit; }
.page-shell :is(input, select, textarea)::placeholder { color: var(--dj18-muted); opacity: .9; }
.page-shell :is(input, select, textarea):focus { border-color: var(--dj18-brand); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--dj18-brand) 17%, transparent); }
.page-shell :is(.btn.primary, .btn-primary, .dj-btn-primary, .navcta, .dj-world-primary, .ecosystem-primary) { background: linear-gradient(135deg, var(--dj18-brand), var(--dj18-brand-strong)); color: #fff; border: 1px solid transparent; }
.page-shell :is(.btn.secondary, .btn-secondary, .dj-btn-secondary, .dj-world-secondary, .ecosystem-secondary) { color: var(--dj18-brand); border: 1px solid var(--dj18-line); background: var(--dj18-surface); }
.page-shell :is(.notice, .alert) { border-radius: 13px; }
.page-shell :is(.dj-product-card, .dj-store-card, .dj-cat-card, .dj-pulse-card, .dj-dam-card, .farm-mini-card, .dj-home-store-card, .dj-discovery-card, .dj-featured-campaign-card, .arcade-leader-card, .arcade-profile-panel, .admin-stat-card, .dashboard-card, .business-card) { border-color: var(--dj18-line); box-shadow: var(--dj18-shadow); }
.page-shell :is(.dj-product-card, .dj-store-card, .dj-cat-card, .dj-pulse-card, .dj-dam-card, .farm-mini-card, .dj-home-store-card, .dj-discovery-card, .arcade-leader-card, .arcade-profile-panel) { background-color: var(--dj18-surface); }
.page-shell :is(.dj-product-body b, .dj-store-body b, .dj-card-body b, .dj-pulse-card b, .dj-dam-card h3, .farm-mini-body b, .dj-home-store-card b) { color: var(--dj18-text); }
.page-shell :is(.dj-product-body small, .dj-store-body small, .dj-card-body small, .dj-pulse-card span, .dj-pulse-card small, .dj-dam-card small, .farm-mini-body small) { color: var(--dj18-muted); }
.page-shell :is(.dj-link, .dj-store-action, .dj-more-stores, .dj-product-card a, .dj-result-heading) { color: var(--dj18-brand); }
.page-shell table { border-color: var(--dj18-line); }
.page-shell th { background: var(--dj18-surface-2); color: var(--dj18-text); }
.page-shell td { color: var(--dj18-text-2); border-color: var(--dj18-line); }
.dj-mobile-dock { background: color-mix(in srgb, var(--dj18-surface) 94%, transparent); border-color: var(--dj18-line); backdrop-filter: blur(16px); }
.dj-mobile-dock a { color: var(--dj18-muted); }
.dj-mobile-dock a[aria-current="page"] { color: var(--dj18-brand); }
.dj-city-control, .dj-header-tools { border-color: var(--dj18-line); }
.dj-appearance-dock :is(button, .appearance-panel) { box-shadow: var(--dj18-shadow); }
/* Keep high-impact, authored hero surfaces legible in both themes. */
:is(.dj-hero, .dj-world-hero, .dj-arcade-hero, .dj-participation-panel, .dj-map-world-hero) :is(h1,h2,h3,p,small,b,strong,span) { text-shadow: none; }
:is(.dj-hero, .dj-world-hero, .dj-arcade-hero, .dj-participation-panel) { color: #fff; }
:is(.dj-hero, .dj-world-hero, .dj-arcade-hero, .dj-participation-panel) :is(h1,h2,h3,b,strong) { color: #fff; }
:is(.dj-hero, .dj-world-hero, .dj-arcade-hero, .dj-participation-panel) p { color: #f3edf9; }
/* Arcade: the game surface takes the whole viewport; chrome stays compact and readable. */
.arcade-machine, .dj-arcade-machine { box-sizing: border-box; }
#arcadeCanvas { display: block; width: 100%; height: auto; aspect-ratio: 9 / 5; object-fit: contain; touch-action: none; overscroll-behavior: contain; user-select: none; -webkit-user-select: none; }
.arcade-board-wrap { position: relative; background: #100b20; }
.arcade-machine-head :is(h2,p,small,b) { color: inherit; }
.arcade-controls-row button, .arcade-machine button { touch-action: manipulation; }
.arcade-rotate-hint { display: none; }
.dj-arcade-playing { background: #100b20 !important; overflow: hidden !important; }
.dj-arcade-playing body { overflow: hidden !important; }
.dj-arcade-playing .topbar, .dj-arcade-playing .footer, .dj-arcade-playing .dj-mobile-dock, .dj-arcade-playing .floating-ai, .dj-arcade-playing .dj-appearance-dock { display: none !important; }
.dj-arcade-playing main.page-shell { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; }
.dj-arcade-playing main.page-shell > *:not(#arcadeMachine) { display: none !important; }
.dj-arcade-playing #arcadeMachine { position: fixed !important; inset: 0 !important; z-index: 999999 !important; display: block !important; width: 100vw !important; height: 100dvh !important; min-height: 100svh !important; max-width: none !important; margin: 0 !important; padding: 12px !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; background: radial-gradient(circle at 50% 42%, #34205b 0, #1d1234 55%, #100b20 100%) !important; color: #fff !important; box-sizing: border-box !important; }
.dj-arcade-playing #arcadeMachine .arcade-board-wrap { position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 12px !important; overflow: hidden !important; border-radius: 0 !important; background: transparent !important; }
.dj-arcade-playing #arcadeCanvas { width: min(100%, calc((100dvh - 24px) * 1.8)) !important; height: auto !important; max-width: 100% !important; max-height: calc(100dvh - 24px) !important; object-fit: contain !important; margin: auto !important; border-radius: 16px !important; box-shadow: 0 18px 65px #0007 !important; }
.dj-arcade-playing #arcadeMachine .arcade-machine-head { position: absolute !important; z-index: 4 !important; top: max(8px, env(safe-area-inset-top)) !important; right: max(10px, env(safe-area-inset-right)) !important; left: max(10px, env(safe-area-inset-left)) !important; display: grid !important; grid-template-columns: auto minmax(90px, 1fr) auto !important; align-items: start !important; gap: 8px !important; width: auto !important; margin: 0 !important; pointer-events: none !important; }
.dj-arcade-playing #arcadeMachine .arcade-machine-head > * { pointer-events: auto !important; }
.dj-arcade-playing #arcadeMachine .arcade-machine-head > div:nth-child(2) { min-width: 0; padding: 5px 9px; border-radius: 12px; background: #120b26c9; backdrop-filter: blur(10px); }
.dj-arcade-playing #arcadeMachine .arcade-machine-head h2 { margin: 0; color: #fff !important; font-size: clamp(12px, 2vw, 19px) !important; line-height: 1.4 !important; }
.dj-arcade-playing #arcadeMachine .arcade-machine-head p { display: none !important; }
.dj-arcade-playing #arcadeMachine .arcade-hud { display: flex !important; gap: 5px !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
.dj-arcade-playing #arcadeMachine .arcade-hud > div { min-width: 54px !important; padding: 5px 7px !important; border: 1px solid #ffffff28 !important; border-radius: 10px !important; background: #120b26c9 !important; color: #fff !important; text-align: center !important; backdrop-filter: blur(10px); }
.dj-arcade-playing #arcadeMachine .arcade-hud small { display: block !important; color: #e1d5f7 !important; font-size: 9px !important; line-height: 1.3 !important; }
.dj-arcade-playing #arcadeMachine .arcade-hud b { color: #fff !important; font-size: 13px !important; font-variant-numeric: tabular-nums; }
.dj-arcade-playing #arcadeMachine .arcade-controls-row { position: absolute !important; z-index: 5 !important; right: max(10px, env(safe-area-inset-right)) !important; bottom: max(10px, env(safe-area-inset-bottom)) !important; left: max(10px, env(safe-area-inset-left)) !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; margin: 0 !important; pointer-events: none !important; }
.dj-arcade-playing #arcadeMachine .arcade-controls-row > * { pointer-events: auto !important; }
.dj-arcade-playing #arcadeMachine .arcade-controls-row button { min-height: 38px !important; padding: 7px 11px !important; border: 1px solid #ffffff35 !important; border-radius: 11px !important; background: #21133fdf !important; color: #fff !important; font-size: 11px !important; box-shadow: 0 6px 20px #0003; }
.dj-arcade-playing #arcadeMachine .arcade-exit-btn { white-space: nowrap; }
.dj-arcade-playing #arcadeMachine .arcade-live-message { position: absolute !important; right: 50% !important; bottom: 58px !important; z-index: 3 !important; transform: translateX(50%); width: max-content; max-width: calc(100% - 28px); margin: 0 !important; padding: 4px 10px !important; border: 1px solid #ffffff1c !important; border-radius: 999px !important; background: #120b26b5 !important; color: #f5efff !important; font-size: 10px !important; text-align: center; }
.dj-arcade-playing #arcadeMachine .arcade-touch-hint { display: none !important; }
.dj-arcade-playing #arcadeMachine .arcade-rotate-hint { display: block !important; pointer-events: none !important; position: absolute !important; z-index: 6 !important; top: 50% !important; right: 50% !important; transform: translate(50%,-50%); width: min(290px, calc(100% - 40px)); padding: 13px 16px; border: 1px solid #ffffff35; border-radius: 16px; background: #1d1234ed; color: #fff; text-align: center; font-size: 12px; line-height: 1.9; box-shadow: 0 12px 36px #0006; }
.dj-arcade-playing #arcadeMachine .arcade-rotate-hint[hidden] { display: none !important; }
@media (orientation: portrait) and (max-width: 900px) {
  .dj-arcade-playing #arcadeMachine .arcade-rotate-hint { display: block !important; }
  .dj-arcade-playing #arcadeMachine .arcade-rotate-hint[hidden] { display: none !important; }
  .dj-arcade-playing #arcadeMachine .arcade-machine-head { grid-template-columns: auto minmax(0, 1fr) !important; }
  .dj-arcade-playing #arcadeMachine .arcade-hud { grid-column: 1 / -1 !important; justify-content: center !important; }
}
@media (orientation: landscape) and (max-height: 520px) {
  .dj-arcade-playing #arcadeMachine { padding: 5px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-board-wrap { padding: 4px !important; }
  .dj-arcade-playing #arcadeCanvas { width: min(100%, calc((100dvh - 10px) * 1.8)) !important; max-height: calc(100dvh - 10px) !important; }
  .dj-arcade-playing #arcadeMachine .arcade-machine-head { top: 5px !important; right: 6px !important; left: 6px !important; grid-template-columns: auto minmax(65px, 1fr) auto !important; gap: 4px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-hud { gap: 3px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-hud > div { min-width: 42px !important; padding: 3px 5px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-hud small { font-size: 8px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-hud b { font-size: 11px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-controls-row { bottom: 5px !important; gap: 4px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-controls-row button { min-height: 30px !important; padding: 4px 8px !important; font-size: 10px !important; }
  .dj-arcade-playing #arcadeMachine .arcade-live-message { bottom: 39px !important; font-size: 9px !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; } }


/* DastJor 19 unified experience layer — preserves module-specific layouts above. */
:root {
  --dj19-bg:#f7f8fc; --dj19-paper:#fff; --dj19-panel:#f1f3f9;
  --dj19-ink:#172033; --dj19-ink-2:#47536b; --dj19-muted:#68758d;
  --dj19-line:#e2e7f0; --dj19-primary:#5b43b5; --dj19-primary-2:#3d2b88;
  --dj19-accent:#f1b84b; --dj19-teal:#21a6a0; --dj19-good:#17845d;
  --dj19-danger:#c43d54; --dj19-radius:18px;
  --dj19-shadow:0 12px 34px rgba(27,35,67,.075);
  --dj19-font:"Vazirmatn","Noto Sans Arabic",Tahoma,Arial,sans-serif;
}
:root[data-theme="dark"] {
  --dj19-bg:#10131d; --dj19-paper:#191e2b; --dj19-panel:#22293a;
  --dj19-ink:#f2f5fc; --dj19-ink-2:#d4dbea; --dj19-muted:#a5b0c5;
  --dj19-line:#343e53; --dj19-primary:#b7a6ff; --dj19-primary-2:#d2c8ff;
  --dj19-accent:#f4c96d; --dj19-teal:#55d4cc; --dj19-good:#70d7ad;
  --dj19-danger:#ff879a; --dj19-shadow:0 14px 38px rgba(0,0,0,.25);
}
html {scroll-behavior:smooth; scroll-padding-top:88px; -webkit-tap-highlight-color:transparent;}
body {font-family:var(--dj19-font)!important; background:var(--dj19-bg); color:var(--dj19-ink); text-rendering:optimizeLegibility;}
body,button,input,select,textarea {font-family:var(--dj19-font)!important;}
a {text-underline-offset:3px;}
button,.btn,[role="button"],input,select,textarea {touch-action:manipulation;}
button,.btn {min-height:42px;}
:focus-visible {outline:3px solid color-mix(in srgb,var(--dj19-primary) 70%,white);outline-offset:3px;}
.topbar,.navwrap {backdrop-filter:saturate(150%) blur(16px);}
.topbar {padding-top:env(safe-area-inset-top,0px);}
main,.page-shell,.container {max-width:1240px;}
.product-card,.seller-card,.need-card,.farm-card,.dj-home-path,.arcade-game-card,.panel-card,.stat-card {
  border-radius:var(--dj19-radius); box-shadow:var(--dj19-shadow);
}
.product-card,.seller-card,.need-card,.farm-card,.panel-card {
  border:1px solid var(--dj19-line); overflow:hidden;
}
input,select,textarea {min-height:44px;border-radius:12px;max-width:100%;}
img,svg,canvas,video {max-width:100%;}
table {max-width:100%; border-collapse:separate; border-spacing:0;}
@media(max-width:760px) {
  body {font-size:14px; padding-bottom:env(safe-area-inset-bottom,0px);}
  main,.page-shell,.container {width:min(100% - 24px,100%); margin-inline:auto;}
  .topbar {padding-inline:12px;}
  .navwrap {gap:8px;}
  .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .product-card img {object-fit:cover;}
  .search-form,.dj-unified-search {grid-template-columns:1fr!important;}
  .search-form>* ,.dj-unified-search>* {min-width:0;width:100%;}
  .table-wrap, .admin-table-wrap {overflow-x:auto;overscroll-behavior-inline:contain;}
  .arcade-game-select {grid-template-columns:1fr!important;}
  #arcadeCanvas {width:100%;height:auto;max-height:calc(100dvh - 170px);object-fit:contain;touch-action:none;}
  .dj-arcade-immersive,.arcade-immersive {min-height:100dvh;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
/* DastJor 20 incremental interaction layer */
.dj-store-dsc-note,.dj-offline-community-status{margin:12px 0;padding:10px 14px;border:1px solid var(--line,#e5e9e1);border-radius:12px;background:var(--white,#fff);color:var(--ink-soft,#54645d);font-size:11px;line-height:1.9}
.dj-store-dsc-note b{color:var(--ink,#172821)}
.dj20-map-hub-card{margin:18px 0}
.dj20-map-hub-card [data-dj20-map-hub]{min-height:300px}
.dj15-catalog-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.dj15-catalog-tools label{display:grid;gap:5px;min-width:min(230px,100%)}
.dj15-catalog-tools input,.dj15-catalog-tools select{min-height:42px;border:1px solid var(--line,#ddd);border-radius:10px;padding:8px 11px;background:var(--white,#fff);color:var(--ink,#222)}
@media(max-width:640px){.dj15-catalog-tools{display:grid;grid-template-columns:1fr 1fr}.dj15-catalog-tools label:first-child{grid-column:1/-1}.dj15-catalog-tools button{min-height:42px}.dj20-map-hub-card [data-dj20-map-hub]{min-height:260px}}
.dj20-map-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.dj20-map-tools label{display:grid;gap:4px;font-size:11px;color:var(--ink-soft,#54645d)}.dj20-map-tools select{min-height:38px;padding:6px 10px;border:1px solid var(--line,#ddd);border-radius:9px;background:var(--white,#fff);color:var(--ink,#222)}
.dj20-live-pulse{animation:dj20-live-pulse 1.8s ease-out infinite}@keyframes dj20-live-pulse{0%{stroke-opacity:1;fill-opacity:1}70%{stroke-opacity:.25;fill-opacity:.45}100%{stroke-opacity:1;fill-opacity:1}}
@media(prefers-reduced-motion:reduce){.dj20-live-pulse{animation:none}}
.dj20-xp-pill{display:inline-flex;align-items:center;margin-inline-start:6px;padding:2px 7px;border-radius:99px;background:#e9f4ed;color:#176c65;font-size:10px;font-weight:900;direction:ltr}.dj20-badge-pill{font-size:10px;color:var(--dj-muted,#75857c)}