:root{--sun:#F5A623;--sunbr:#FFD166;--sundp:#C8720A;--dark:#080C14;--d2:#0F1520;--d3:#161E2E;--d4:#1E293B;--slate:#6B82A8;--white:#EEF2FF;--acc:#00D4FF;--grn:#22C55E;--red:#EF4444;--pur:#8B5CF6;--org:#FF6B35;--grid-op:0.05;--sun-glow:1;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Vazirmatn',sans-serif;background:var(--dark);color:var(--white);overflow-x:hidden;}
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:var(--dark);}::-webkit-scrollbar-thumb{background:var(--sun);border-radius:3px;}
/* BG SYSTEM - one-color dark base + large faint engineering grid (no busy checker) */
.page-bg{position:fixed;inset:0;z-index:-1;background:var(--dark);}
.bg-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .8s;}
.bg-overlay{position:absolute;inset:0;}
.bg-checker{display:none;}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(245,166,35,var(--grid-op)) 1px,transparent 1px),linear-gradient(90deg,rgba(245,166,35,var(--grid-op)) 1px,transparent 1px);background-size:92px 92px;animation:gAnim 60s linear infinite;-webkit-mask-image:radial-gradient(ellipse 105% 90% at 50% 42%,#000 30%,transparent 82%);mask-image:radial-gradient(ellipse 105% 90% at 50% 42%,#000 30%,transparent 82%);}
@keyframes gAnim{to{background-position:92px 92px;}}
/* faint top ambient depth */
.page-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 38% at 80% 8%,rgba(0,150,255,.045),transparent 60%);}
/* NAV */
nav{position:fixed;top:0;width:100%;z-index:1000;padding:13px 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,12,20,.85);backdrop-filter:blur(22px);border-bottom:1px solid rgba(245,166,35,.1);transition:all .3s;}
nav.scrolled{padding:9px 48px;background:rgba(8,12,20,.97);}
.nav-logo{display:flex;align-items:center;gap:11px;text-decoration:none;cursor:pointer;}
.nav-logo-icon{width:37px;height:37px;background:linear-gradient(135deg,var(--sun),var(--sundp));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;animation:glow 3s ease-in-out infinite;}
@keyframes glow{0%,100%{box-shadow:0 0 14px rgba(245,166,35,.3);}50%{box-shadow:0 0 28px rgba(245,166,35,.6);}}
.nav-logo-text .brand{font-size:15px;font-weight:800;color:var(--sun);}
.nav-logo-text .sub{font-size:9px;color:var(--slate);}
.nav-links{display:flex;gap:4px;list-style:none;}
.nav-links a{color:var(--slate);text-decoration:none;font-size:15px;font-weight:600;padding:7px 13px;border-radius:8px;transition:all .22s;cursor:pointer;display:block;}
.nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(245,166,35,.1);}
.nav-links a.active{color:var(--sun);font-weight:700;}
.nav-right{display:flex;align-items:center;gap:9px;}
.nav-admin-btn{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.22);color:var(--sun);padding:7px 15px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .22s;}
.nav-admin-btn:hover{background:var(--sun);color:var(--dark);}
.nav-cta{background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);padding:7px 18px;border-radius:8px;font-size:12px;font-weight:800;text-decoration:none;transition:all .22s;cursor:pointer;border:none;font-family:'Vazirmatn',sans-serif;}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(245,166,35,.42);}
/* PAGES */
.page{display:none;min-height:100vh;}
.page.active{display:block;animation:pgIn .45s ease;}
@keyframes pgIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
/* HERO */
#page-home{position:relative;overflow:hidden;}
.hero-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(96px,10vh,140px) 20px 0;position:relative;overflow:hidden;}
.sun-bloom{position:absolute;left:50%;bottom:-340px;transform:translateX(-50%);width:1080px;height:1080px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(245,166,35,.32) 0%,rgba(245,166,35,.13) 32%,rgba(245,166,35,0) 64%);filter:blur(6px);}
.rings{position:absolute;left:50%;bottom:-165px;transform:translateX(-50%);width:500px;height:500px;pointer-events:none;z-index:0;}
.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(245,166,35,.16);}
.ring.r1{animation:pr 6s ease-out infinite;}
.ring.r2{animation:pr 6s ease-out infinite 2s;}
.ring.r3{animation:pr 6s ease-out infinite 4s;}
@keyframes pr{0%{width:300px;height:300px;opacity:.5;}100%{width:760px;height:760px;opacity:0;}}
.sun-stage{position:absolute;bottom:-170px;left:50%;transform:translateX(-50%);width:480px;height:480px;pointer-events:none;z-index:1;}
.sun-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,#FFF6D8 0%,#FFE9A8 14%,#FFD46A 30%,#F5A623 52%,#C8720A 76%,rgba(120,60,5,0) 100%);box-shadow:0 0 calc(160px*var(--sun-glow)) calc(42px*var(--sun-glow)) rgba(245,166,35,calc(.5*var(--sun-glow))),0 0 calc(60px*var(--sun-glow)) calc(14px*var(--sun-glow)) rgba(255,233,168,calc(.4*var(--sun-glow)));animation:sp 7s ease-in-out infinite;}
@keyframes sp{0%,100%{transform:scale(1);}50%{transform:scale(1.035);}}
.sun-rim{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 6px 26px rgba(255,233,168,.5);pointer-events:none;}
.sun-rays{position:absolute;inset:-40%;animation:rr 90s linear infinite;z-index:0;pointer-events:none;}
.sun-ray{position:absolute;top:50%;left:50%;width:72%;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(255,233,168,calc(.55*var(--sun-glow))) 0%,rgba(245,166,35,calc(.32*var(--sun-glow))) 38%,rgba(245,166,35,0) 100%);transform-origin:left center;filter:drop-shadow(0 0 6px rgba(245,166,35,calc(.35*var(--sun-glow))));animation:rayPulse 4.5s ease-in-out infinite;}
.sun-ray:nth-child(odd){width:58%;opacity:.7;height:2px;}
.sun-ray:nth-child(3n){width:84%;opacity:.5;}
@keyframes rayPulse{0%,100%{opacity:.85;}50%{opacity:.45;}}
/* volumetric god-rays behind the sun */
.sun-godrays{position:absolute;inset:-60%;z-index:0;pointer-events:none;border-radius:50%;mix-blend-mode:screen;opacity:calc(.5*var(--sun-glow));background:conic-gradient(from 0deg at 50% 50%,rgba(255,210,120,0) 0deg,rgba(255,210,120,.16) 6deg,rgba(255,210,120,0) 12deg,rgba(255,210,120,0) 24deg,rgba(255,210,120,.12) 30deg,rgba(255,210,120,0) 36deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 8%,transparent 62%);mask-image:radial-gradient(circle at 50% 50%,#000 8%,transparent 62%);animation:rr 120s linear infinite reverse;}
@keyframes rr{to{transform:rotate(360deg);}}
.horizon{position:absolute;left:0;right:0;bottom:62px;height:1px;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent,rgba(245,166,35,.3) 35%,rgba(255,233,168,.55) 50%,rgba(245,166,35,.3) 65%,transparent);box-shadow:0 0 24px 2px rgba(245,166,35,.22);}
.ember{position:absolute;bottom:72px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#FFF1C4,#FFD46A 60%,#F5A623);opacity:0;box-shadow:0 0 10px 1px rgba(245,166,35,.85);animation:rise linear infinite;z-index:1;}
@keyframes rise{0%{transform:translateY(0) scale(1);opacity:0;}12%{opacity:.85;}100%{transform:translateY(-440px) scale(.2);opacity:0;}}
.hero-content{position:relative;z-index:3;text-align:center;padding:0 20px;max-width:840px;}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(245,166,35,.07);border:1px solid rgba(245,166,35,.24);padding:7px 19px;border-radius:50px;font-size:12.5px;color:var(--sunbr);margin-bottom:26px;animation:fu .7s ease;}
.hero-badge .dot{width:7px;height:7px;background:var(--sun);border-radius:50%;box-shadow:0 0 8px var(--sun);animation:db 1.6s ease infinite;}
@keyframes db{0%,100%{opacity:1;}50%{opacity:.2;}}
.hero-h1{font-size:clamp(36px,5.8vw,78px);font-weight:900;line-height:1.12;margin-bottom:18px;letter-spacing:-.5px;animation:fu .7s ease .12s both;}
.hero-h1 .gold{background:linear-gradient(135deg,var(--sunbr),var(--sun) 55%,var(--sundp));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;padding-bottom:18px;margin-bottom:-18px;filter:drop-shadow(0 4px 28px rgba(245,166,35,.32));}
.hero-p{font-size:25px;color:var(--slate);line-height:1.95;max-width:580px;margin:0 auto 34px;animation:fu .7s ease .24s both;}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fu .7s ease .36s both;}
.btn-gold{background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);padding:12px 32px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;transition:all .3s;box-shadow:0 5px 20px rgba(245,166,35,.3);cursor:pointer;border:none;font-family:'Vazirmatn',sans-serif;display:inline-flex;align-items:center;gap:7px;}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(245,166,35,.48);}
.btn-ghost{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);color:var(--white);padding:13px 33px;border-radius:11px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;font-family:'Vazirmatn',sans-serif;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(6px);}
.btn-ghost:hover{background:rgba(245,166,35,.07);border-color:rgba(245,166,35,.42);transform:translateY(-3px);color:var(--sunbr);}
.hero-stats{display:inline-flex;gap:8px;margin-top:34px;white-space:nowrap;animation:fu .7s ease .48s both;background:rgba(10,15,24,.5);backdrop-filter:blur(16px);border:1px solid rgba(245,166,35,.2);border-radius:18px;padding:15px 14px;box-shadow:0 16px 44px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);}
.hstat{text-align:center;padding:2px 20px;position:relative;}
.hstat:not(:last-child)::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:32px;background:rgba(245,166,35,.2);}
.hstat-num{font-size:26px;font-weight:900;color:var(--sun);text-align:center;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.hstat-lbl{font-size:11px;color:#cdd6ea;opacity:.85;margin-top:6px;text-align:center;}
@keyframes fu{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
/* INDUSTRY QUICK-LINK CARDS on home (below the fold) */
.home-inds{position:relative;z-index:3;padding:60px 48px;background:linear-gradient(180deg,transparent,rgba(8,12,20,.6));}
.home-inds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1100px;margin:0 auto;}
.home-ind-card{background:rgba(15,21,32,.7);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;cursor:pointer;transition:all .3s;text-align:center;}
.home-ind-card:hover{transform:translateY(-6px);border-color:rgba(245,166,35,.35);box-shadow:0 16px 44px rgba(0,0,0,.4);}
.home-ind-icon{font-size:42px;margin-bottom:14px;}
.home-ind-card h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.home-ind-card p{color:var(--slate);font-size:12px;line-height:1.7;}
/* INNER PAGES */
.inner-page{padding-top:90px;min-height:100vh;}
.inner-hero{padding:54px 48px 42px;}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--slate);margin-bottom:16px;}
.breadcrumb span{cursor:pointer;transition:color .2s;}
.breadcrumb span:hover{color:var(--sun);}
.breadcrumb .sep{opacity:.35;}
.page-lbl{font-size:10px;font-weight:700;letter-spacing:4px;color:var(--sun);text-transform:uppercase;margin-bottom:10px;}
.page-title{font-size:clamp(26px,4vw,50px);font-weight:900;line-height:1.15;margin-bottom:12px;}
.page-desc{font-size:14px;color:var(--slate);line-height:1.85;max-width:580px;}
.section{padding:50px 48px;}
.sec-lbl{font-size:10px;font-weight:700;letter-spacing:4px;color:var(--sun);text-transform:uppercase;margin-bottom:11px;}
.sec-h{font-size:clamp(22px,3vw,38px);font-weight:800;line-height:1.2;margin-bottom:13px;}
.sec-p{font-size:14px;color:var(--slate);line-height:1.85;}
.glass-card{background:rgba(15,21,32,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px;transition:all .3s;}
.glass-card:hover{border-color:rgba(245,166,35,.28);transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.45);}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;}
.chip{display:inline-flex;align-items:center;gap:5px;background:rgba(245,166,35,.07);border:1px solid rgba(245,166,35,.17);border-radius:7px;padding:7px 13px;font-size:12px;color:var(--sunbr);margin:4px;}
.info-list{display:flex;flex-direction:column;gap:11px;}
.info-row{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:10px;}
.ir-icon{font-size:17px;flex-shrink:0;}
.ir-lbl{font-size:9px;color:var(--sun);font-weight:700;margin-bottom:2px;letter-spacing:.5px;}
.ir-val{font-size:13px;color:var(--slate);}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;}
.kpi{background:var(--d3);border:1px solid rgba(245,166,35,.11);border-radius:13px;padding:20px;text-align:center;}
.kpi-num{font-size:24px;font-weight:900;color:var(--sun);}
.kpi-lbl{font-size:10px;color:var(--slate);margin-top:4px;}
/* WHY */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.why-list{display:flex;flex-direction:column;gap:12px;}
.why-item{display:flex;gap:15px;padding:18px;background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:13px;transition:all .28s;}
.why-item:hover{border-color:rgba(245,166,35,.2);}
.why-num{font-size:30px;font-weight:900;color:rgba(245,166,35,.1);line-height:1;min-width:38px;flex-shrink:0;}
.why-c h4{font-size:14px;font-weight:700;margin-bottom:5px;}
.why-c p{color:var(--slate);font-size:12px;line-height:1.75;}
.ering-wrap{background:var(--d3);border:1px solid rgba(245,166,35,.14);border-radius:18px;padding:26px;text-align:center;}
.ering{width:160px;height:160px;margin:0 auto 18px;position:relative;display:flex;align-items:center;justify-content:center;}
.ering svg{position:absolute;inset:0;transform:rotate(-90deg);}
.etrack{fill:none;stroke:rgba(255,255,255,.05);stroke-width:10;}
.efill{fill:none;stroke:url(#eg);stroke-width:10;stroke-linecap:round;stroke-dasharray:452;stroke-dashoffset:90;animation:fe 2s ease forwards;}
@keyframes fe{from{stroke-dashoffset:452;}to{stroke-dashoffset:90;}}
.epct{font-size:36px;font-weight:900;color:var(--sun);}
.esub{font-size:10px;color:var(--slate);}
.emetrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.em{background:rgba(255,255,255,.03);border-radius:9px;padding:11px;text-align:center;}
.em-v{font-size:17px;font-weight:800;color:var(--sunbr);}
.em-l{font-size:10px;color:var(--slate);margin-top:2px;}
/* SERVICES */
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.srv-card{background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:26px;transition:all .28s;position:relative;overflow:hidden;}
.srv-card::after{content:'';position:absolute;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,transparent,var(--sun));transition:width .38s;}
.srv-card:hover::after{width:100%;}
.srv-card:hover{border-color:rgba(245,166,35,.2);transform:translateY(-4px);}
.srv-icon{font-size:32px;margin-bottom:12px;}
.srv-title{font-size:14px;font-weight:700;margin-bottom:8px;}
.srv-desc{color:var(--slate);font-size:12px;line-height:1.8;}
/* PRODUCTS */
.ind-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px;}
.ind-tab{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:transparent;color:var(--slate);cursor:pointer;font-family:'Vazirmatn',sans-serif;font-size:12px;font-weight:600;transition:all .28s;}
.ind-tab:hover{border-color:rgba(255,255,255,.18);color:var(--white);}
.ind-tab.active{font-weight:700;background:rgba(245,166,35,.12);border-color:var(--sun);color:var(--sun);}
.ind-content{display:none;}
.ind-content.active{display:block;animation:pgIn .3s ease;}
.filter-bar{background:rgba(15,21,32,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:14px 18px;margin-bottom:18px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;}
.filter-lbl{font-size:10px;color:var(--slate);font-weight:700;letter-spacing:1px;padding-top:4px;min-width:40px;flex-shrink:0;}
.filter-scroll{display:flex;gap:5px;flex-wrap:wrap;flex:1;}
.filter-btn{padding:5px 12px;border-radius:50px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--slate);cursor:pointer;font-family:'Vazirmatn',sans-serif;font-size:11px;font-weight:600;transition:all .22s;white-space:nowrap;}
.filter-btn:hover{border-color:rgba(245,166,35,.28);color:var(--white);}
.filter-btn.active{background:var(--sun);border-color:var(--sun);color:var(--dark);}
.prod-count{font-size:12px;color:var(--slate);margin-bottom:18px;}
.prod-count b{color:var(--sun);}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.prod-card{background:var(--d2);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;transition:all .32s;position:relative;cursor:pointer;}
.prod-card:hover{transform:translateY(-6px);border-color:rgba(245,166,35,.32);box-shadow:0 16px 44px rgba(0,0,0,.44);}
.prod-badge{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:50px;font-size:9px;font-weight:700;z-index:2;}
.badge-hot{background:var(--sun);color:var(--dark);}
.badge-new{background:var(--grn);color:#fff;}
.badge-stock{background:rgba(0,212,255,.18);color:var(--acc);border:1px solid rgba(0,212,255,.25);}
.badge-order{background:rgba(139,92,246,.18);color:#A78BFA;border:1px solid rgba(139,92,246,.25);}
.prod-visual{height:165px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--d3),var(--d4));}
.pv-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(245,166,35,.06),transparent 70%);}
.pv-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.panel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:20px;width:100%;position:relative;z-index:1;}
.pcell{aspect-ratio:1.5;background:linear-gradient(135deg,#152035,#192a44);border-radius:2px;border:1px solid rgba(0,212,255,.08);}
.inv-box{width:88px;height:115px;background:linear-gradient(180deg,#182040,#101830);border-radius:7px;border:2px solid rgba(0,212,255,.16);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:1;}
.inv-scr{width:64px;height:30px;background:#000c04;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#00ff44;font-weight:700;font-family:monospace;}
.inv-bar{width:42px;height:6px;background:#151f35;border-radius:3px;}
.inv-led{width:7px;height:7px;border-radius:50%;background:#00ff44;position:absolute;top:8px;right:8px;box-shadow:0 0 6px #00ff44;animation:db 1.5s infinite;}
.bat-wrap{display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1;}
.bat-box{width:70px;height:105px;background:linear-gradient(180deg,#152030,#0e1825);border:2px solid rgba(34,197,94,.2);border-radius:7px;position:relative;overflow:hidden;}
.bat-top{width:26px;height:6px;background:rgba(34,197,94,.28);border-radius:3px 3px 0 0;position:absolute;top:-6px;left:50%;transform:translateX(-50%);}
.bat-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#22C55E,#4ADE80);}
.bat-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:800;color:#22C55E;}
.gen-wrap{display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1;}
.gen-box{width:100px;height:66px;background:linear-gradient(135deg,#261408,#160e06);border:2px solid rgba(255,107,53,.2);border-radius:7px;display:flex;align-items:center;justify-content:center;}
.gen-rotor{width:40px;height:40px;border-radius:50%;border:3px solid var(--org);border-top-color:transparent;animation:spin 2s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.ups-wrap{display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1;}
.ups-box{width:94px;height:76px;background:linear-gradient(135deg,#150e28,#0e0820);border:2px solid rgba(139,92,246,.22);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.ups-row{width:72px;}
.ups-track{height:4px;background:rgba(139,92,246,.1);border-radius:2px;}
.ups-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--pur),#A78BFA);}
.ups-lbl{font-size:7px;color:#A78BFA;font-weight:700;font-family:monospace;}
.prod-body{padding:16px;}
.prod-cat{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--sun);font-weight:700;margin-bottom:4px;}
.prod-name{font-size:15px;font-weight:700;margin-bottom:11px;line-height:1.35;}
.prod-specs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;}
.pspec{background:rgba(255,255,255,.03);border-radius:6px;padding:7px 9px;}
.pspec-l{font-size:8px;color:var(--slate);margin-bottom:2px;letter-spacing:.5px;}
.pspec-v{font-size:11px;font-weight:600;color:var(--sun);}
.prod-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:11px;}
.prod-price-lbl{font-size:9px;color:var(--slate);}
.prod-price-val{font-size:13px;font-weight:800;color:var(--sun);}
.btn-call{background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);border:none;padding:7px 14px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .28s;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.btn-call:hover{transform:scale(1.06);box-shadow:0 4px 14px rgba(245,166,35,.38);}
.no-results{grid-column:1/-1;text-align:center;color:var(--slate);padding:55px 20px;font-size:13px;}
/* PRODUCT MODAL */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:4000;backdrop-filter:blur(8px);align-items:center;justify-content:center;}
.modal-bg.open{display:flex;}
.modal-box{background:var(--d2);border:1px solid rgba(245,166,35,.16);border-radius:20px;padding:32px;max-width:560px;width:92%;max-height:88vh;overflow-y:auto;position:relative;animation:pgIn .32s ease;}
.modal-x{position:absolute;top:13px;left:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--white);width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5;}
.modal-x:hover{background:var(--red);}
.modal-img{height:190px;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,var(--d3),var(--d4));margin-bottom:20px;display:flex;align-items:center;justify-content:center;}
.modal-cat{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--sun);font-weight:700;margin-bottom:5px;}
.modal-title{font-size:20px;font-weight:800;margin-bottom:18px;}
.modal-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
.mspec{background:rgba(255,255,255,.03);border-radius:8px;padding:10px 12px;}
.mspec-l{font-size:9px;color:var(--slate);margin-bottom:3px;}
.mspec-v{font-size:12px;font-weight:600;color:var(--sun);}
.modal-desc{color:var(--slate);font-size:13px;line-height:1.82;margin-bottom:18px;}
.modal-ds-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.22);color:var(--acc);padding:9px 18px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;margin-bottom:18px;transition:all .2s;}
.modal-ds-btn:hover{background:var(--acc);color:#000;}
.modal-actions{display:flex;gap:9px;flex-wrap:wrap;}
.modal-call{background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);border:none;padding:11px 26px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.modal-wa{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.22);color:var(--grn);padding:11px 20px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
/* ARTICLES */
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}
.article-card{background:var(--d2);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .32s;}
.article-card:hover{transform:translateY(-6px);border-color:rgba(245,166,35,.3);box-shadow:0 16px 44px rgba(0,0,0,.42);}
.article-cover{height:150px;background:linear-gradient(135deg,var(--d3),var(--d4));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:48px;}
.article-cover-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.article-body{padding:20px;}
.article-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--sun);background:rgba(245,166,35,.1);padding:3px 10px;border-radius:50px;margin-bottom:10px;}
.article-title{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.4;}
.article-summary{color:var(--slate);font-size:12px;line-height:1.7;margin-bottom:12px;}
.article-date{font-size:10px;color:var(--slate);}
.article-full{max-width:760px;margin:0 auto;}
.article-full .article-cover{height:240px;border-radius:16px;margin-bottom:24px;}
.article-full h1{font-size:28px;font-weight:800;margin-bottom:12px;}
.article-full .meta{display:flex;gap:12px;align-items:center;margin-bottom:24px;color:var(--slate);font-size:12px;}
.article-full .content{font-size:15px;line-height:2;color:#C8D2E8;white-space:pre-line;}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.cmethod{display:flex;align-items:center;gap:11px;padding:14px 18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:11px;text-decoration:none;color:var(--white);transition:all .28s;margin-bottom:11px;}
.cmethod:hover{border-color:rgba(245,166,35,.28);background:rgba(245,166,35,.04);transform:translateX(-4px);}
.cm-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--sun),var(--sundp));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.cm-lbl{font-size:10px;color:var(--sun);font-weight:700;margin-bottom:2px;}
.cm-val{font-size:14px;font-weight:700;}
.cform{background:rgba(15,21,32,.82);backdrop-filter:blur(16px);border:1px solid rgba(245,166,35,.14);border-radius:18px;padding:30px;}
.cform h3{font-size:17px;font-weight:700;margin-bottom:20px;}
.fg{margin-bottom:14px;}
.fg label{display:block;font-size:10px;color:var(--slate);margin-bottom:5px;font-weight:600;}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:12px;outline:none;transition:border .2s;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--sun);}
.fg select option{background:var(--d3);}
.fg textarea{resize:vertical;min-height:82px;}
.btn-submit{width:100%;background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);border:none;padding:12px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .28s;}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(245,166,35,.42);}
/* FOOTER */
footer{background:var(--dark);border-top:1px solid rgba(255,255,255,.06);padding:42px 48px 100px;position:relative;z-index:2;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:32px;}
.footer-brand p{color:var(--slate);font-size:12px;line-height:1.85;margin-top:13px;max-width:260px;}
.fcol h4{font-size:12px;font-weight:700;margin-bottom:13px;}
.flinks{list-style:none;display:flex;flex-direction:column;gap:8px;}
.flinks a{color:var(--slate);text-decoration:none;font-size:12px;transition:color .2s;cursor:pointer;}
.flinks a:hover{color:var(--sun);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.footer-bottom p{color:var(--slate);font-size:11px;}
/* FLOAT */
.float-cta{position:fixed;bottom:24px;left:24px;z-index:1100;background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);padding:11px 18px;border-radius:50px;font-weight:700;font-size:12px;text-decoration:none;box-shadow:0 6px 20px rgba(245,166,35,.42);display:flex;align-items:center;gap:6px;animation:flt 3s ease-in-out infinite;}
@keyframes flt{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
/* ADMIN */
.adm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:8000;backdrop-filter:blur(10px);}
.adm-overlay.open{display:block;}
.adm-panel{position:fixed;top:0;left:0;bottom:0;width:980px;max-width:97vw;background:var(--d2);border-left:1px solid rgba(245,166,35,.16);z-index:8001;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);}
.adm-panel.open{transform:translateX(0);}
.adm-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.adm-head h2{font-size:15px;font-weight:800;color:var(--sun);}
.adm-x{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--white);width:32px;height:32px;border-radius:7px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.adm-x:hover{background:var(--red);}
.adm-body{display:flex;flex:1;overflow:hidden;}
.adm-sidebar{width:188px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.06);padding:14px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;}
.adm-tab{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--slate);transition:all .22s;border:none;background:transparent;width:100%;text-align:right;font-family:'Vazirmatn',sans-serif;font-weight:500;}
.adm-tab:hover{background:rgba(255,255,255,.04);color:var(--white);}
.adm-tab.active{background:rgba(245,166,35,.09);color:var(--sun);font-weight:700;}
.adm-sep{height:1px;background:rgba(255,255,255,.06);margin:5px 0;}
.adm-content{flex:1;overflow-y:auto;padding:20px;}
.adm-sec{display:none;}
.adm-sec.active{display:block;}
.adm-sec-h{font-size:14px;font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.arow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.afg{display:flex;flex-direction:column;}
.afg.s2{grid-column:1/-1;}
.afg label{font-size:10px;color:var(--slate);font-weight:700;letter-spacing:.5px;margin-bottom:4px;}
.afg input,.afg select,.afg textarea{padding:8px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:7px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:12px;outline:none;transition:border .2s;}
.afg input:focus,.afg select:focus,.afg textarea:focus{border-color:var(--sun);}
.afg select option{background:var(--d2);}
.afg textarea{resize:vertical;min-height:68px;}
.btn-save{background:linear-gradient(135deg,var(--sun),var(--sundp));color:var(--dark);border:none;padding:8px 20px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .22s;display:inline-flex;align-items:center;gap:5px;}
.btn-save:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(245,166,35,.36);}
.btn-add{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:var(--grn);padding:7px 14px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .22s;display:inline-flex;align-items:center;gap:5px;}
.btn-add:hover{background:var(--grn);color:#000;}
.btn-del{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:var(--red);padding:6px 11px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .22s;}
.btn-del:hover{background:var(--red);color:#fff;}
.btn-edit{background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.18);color:var(--acc);padding:6px 11px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .22s;}
.btn-edit:hover{background:var(--acc);color:#000;}
.aitem{display:flex;align-items:center;gap:9px;padding:10px 12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:6px;}
.aitem-icon{width:28px;height:28px;background:var(--d3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.aitem-info{flex:1;min-width:0;}
.aitem-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aitem-sub{font-size:10px;color:var(--slate);}
.aitem-actions{display:flex;gap:4px;flex-shrink:0;}
.bg-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.bg-card{background:var(--d3);border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:14px;}
.bg-card h4{font-size:11px;font-weight:700;margin-bottom:10px;}
.bg-preview{height:70px;border-radius:7px;margin-bottom:9px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--slate);background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 0/14px 14px;}
.bg-preview-inner{position:absolute;inset:0;background-size:cover;background-position:center;}
.opacity-row{display:flex;align-items:center;gap:8px;margin-top:7px;}
.opacity-row label{font-size:9px;color:var(--slate);white-space:nowrap;}
.opacity-row input[type=range]{flex:1;accent-color:var(--sun);}
.opacity-val{font-size:10px;color:var(--sun);min-width:28px;}
.file-btn-wrap{position:relative;margin-bottom:5px;}
.file-btn-wrap input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;}
.file-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--slate);padding:6px 12px;border-radius:6px;font-size:10px;font-weight:600;font-family:'Vazirmatn',sans-serif;display:flex;align-items:center;gap:5px;transition:all .2s;cursor:pointer;justify-content:center;}
.file-btn:hover{border-color:var(--sun);color:var(--sun);}
.url-inp{width:100%;padding:6px 9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:10px;outline:none;margin-top:5px;}
.url-inp:focus{border-color:var(--sun);}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:9px;margin-bottom:8px;}
.toggle-row span{font-size:12px;font-weight:600;}
.sw{width:40px;height:21px;background:rgba(255,255,255,.09);border-radius:11px;position:relative;cursor:pointer;transition:background .28s;flex-shrink:0;}
.sw.on{background:var(--sun);}
.sw::after{content:'';position:absolute;top:2.5px;right:2.5px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .28s;}
.sw.on::after{transform:translateX(-19px);}
.toast{position:fixed;top:20px;right:20px;z-index:99999;background:var(--grn);color:#000;padding:10px 20px;border-radius:9px;font-weight:700;font-size:12px;opacity:0;transform:translateY(-14px);transition:all .36s;pointer-events:none;}
.toast.show{opacity:1;transform:translateY(0);}
.pmb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9000;backdrop-filter:blur(10px);align-items:center;justify-content:center;}
.pmb.open{display:flex;}
.pm{background:var(--d2);border:1px solid rgba(245,166,35,.16);border-radius:18px;padding:26px;max-width:680px;width:94%;max-height:90vh;overflow-y:auto;position:relative;animation:pgIn .3s ease;}
.pm-x{position:absolute;top:11px;left:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--white);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;}
.pm-x:hover{background:var(--red);}
.pm h3{font-size:16px;font-weight:700;margin-bottom:18px;}
.spec-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
.spec-row{display:grid;grid-template-columns:1fr 1fr 26px;gap:7px;align-items:center;}
.spec-row input{padding:6px 9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:11px;outline:none;}
.spec-row input:focus{border-color:var(--sun);}
.spec-del{background:none;border:none;color:var(--red);cursor:pointer;font-size:17px;padding:0;}
.img-upload{border:2px dashed rgba(255,255,255,.1);border-radius:9px;padding:14px;text-align:center;margin-bottom:10px;position:relative;transition:border .2s;}
.img-upload:hover{border-color:rgba(245,166,35,.28);}
.img-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;}
.img-upload p{font-size:11px;color:var(--slate);}
.img-preview{max-height:110px;border-radius:6px;margin-top:8px;object-fit:contain;}
.hs-row{display:grid;grid-template-columns:1fr 1fr 26px;gap:7px;align-items:center;margin-bottom:7px;}
.hs-row input{padding:7px 9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:11px;outline:none;}
.hs-row input:focus{border-color:var(--sun);}
.sub-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:rgba(255,255,255,.02);border-radius:7px;margin-bottom:5px;}
.sub-row span{font-size:11px;color:var(--white);}
.phone-row{display:grid;grid-template-columns:1fr 1fr 1fr 26px;gap:7px;align-items:center;margin-bottom:7px;}
.phone-row input{padding:7px 9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:11px;outline:none;}
.phone-row input:focus{border-color:var(--sun);}
.fs-ctrl-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:9px;margin-bottom:7px;font-size:12px;color:var(--white);}
.fs-ctrl{display:flex;align-items:center;gap:6px;}
.fs-ctrl button{width:30px;height:30px;border-radius:7px;border:1px solid rgba(245,166,35,.25);background:rgba(245,166,35,.08);color:var(--sun);font:800 12px Vazirmatn;cursor:pointer;transition:.2s;}
.fs-ctrl button:hover{background:var(--sun);color:var(--dark);}
.fs-ctrl b{min-width:42px;text-align:center;color:var(--sun);font-size:12px;}
/* ===== STOCK CHIP (in-stock / out-of-stock) ===== */
.stock-chip{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:50px;}
.stock-in{background:rgba(34,197,94,.14);color:#4ADE80;border:1px solid rgba(34,197,94,.28);}
.stock-out{background:rgba(239,68,68,.12);color:#F87171;border:1px solid rgba(239,68,68,.26);}
.stock-dot{width:6px;height:6px;border-radius:50%;}
.stock-in .stock-dot{background:#4ADE80;box-shadow:0 0 6px #4ADE80;}
.stock-out .stock-dot{background:#F87171;}
.prod-card.is-out{opacity:.72;}
.prod-card.is-out .prod-visual{filter:grayscale(.35);}
/* ===== FONT SIZER ===== */
.font-sizer{position:fixed;bottom:24px;right:24px;z-index:1100;display:flex;align-items:center;gap:4px;background:rgba(8,12,20,.9);backdrop-filter:blur(14px);border:1px solid rgba(245,166,35,.2);border-radius:50px;padding:6px 8px;box-shadow:0 6px 22px rgba(0,0,0,.4);}
.fs-btn{width:30px;height:30px;border-radius:50%;border:none;background:rgba(245,166,35,.1);color:var(--sun);font-family:'Vazirmatn',sans-serif;font-weight:800;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;}
.fs-btn:hover{background:var(--sun);color:var(--dark);}
.fs-btn.fs-a{font-size:11px;}.fs-btn.fs-aa{font-size:17px;}
.fs-label{font-size:9px;color:var(--slate);padding:0 3px;writing-mode:horizontal-tb;}
/* ===== AUTO-SLIDER (home, below fold) ===== */
.slider-sec{position:relative;z-index:3;padding:64px 48px;}
.slider-head{text-align:center;margin-bottom:34px;}
.slider-track-wrap{position:relative;max-width:1120px;margin:0 auto;overflow:hidden;border-radius:20px;}
.slider-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.slide{min-width:100%;box-sizing:border-box;}
.slide-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:linear-gradient(135deg,var(--d2),var(--d3));border:1px solid rgba(245,166,35,.14);border-radius:20px;overflow:hidden;min-height:300px;}
.slide-visual{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--d3),var(--d4));overflow:hidden;}
.slide-visual .pv-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.slide-kind{position:absolute;top:16px;right:16px;z-index:2;font-size:10px;font-weight:700;padding:5px 13px;border-radius:50px;background:var(--sun);color:var(--dark);}
.slide-body{padding:34px;display:flex;flex-direction:column;justify-content:center;}
.slide-cat{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--sun);font-weight:700;margin-bottom:9px;}
.slide-title{font-size:23px;font-weight:800;line-height:1.35;margin-bottom:13px;}
.slide-desc{font-size:13px;color:var(--slate);line-height:1.85;margin-bottom:20px;}
.slide-btn{align-self:flex-start;background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.28);color:var(--sun);padding:10px 22px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .25s;}
.slide-btn:hover{background:var(--sun);color:var(--dark);}
.slider-dots{display:flex;gap:7px;justify-content:center;margin-top:22px;}
.sl-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.15);cursor:pointer;transition:all .25s;border:none;padding:0;}
.sl-dot.active{background:var(--sun);width:26px;border-radius:5px;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(8,12,20,.7);backdrop-filter:blur(8px);border:1px solid rgba(245,166,35,.2);color:var(--sun);font-size:18px;cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center;transition:all .25s;}
.slider-arrow:hover{background:var(--sun);color:var(--dark);}
.slider-arrow.prev{right:14px;}.slider-arrow.next{left:14px;}
/* ===== PROJECTS GALLERY ===== */
.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}
.proj-card{background:var(--d2);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;transition:all .32s;cursor:pointer;}
.proj-card:hover{transform:translateY(-6px);border-color:rgba(245,166,35,.3);box-shadow:0 16px 44px rgba(0,0,0,.42);}
.proj-cover{height:190px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--d3),var(--d4));display:flex;align-items:center;justify-content:center;font-size:46px;}
.proj-cover-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.proj-cat{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;padding:4px 11px;border-radius:50px;background:var(--sun);color:var(--dark);z-index:2;}
.proj-body{padding:18px;}
.proj-title{font-size:16px;font-weight:700;margin-bottom:7px;line-height:1.4;}
.proj-meta{font-size:11px;color:var(--slate);margin-bottom:10px;display:flex;gap:12px;flex-wrap:wrap;}
.proj-meta span{display:inline-flex;align-items:center;gap:4px;}
.proj-desc{font-size:12px;color:var(--slate);line-height:1.7;}
/* Empty-state so the page never looks bare */
.proj-empty{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.proj-skeleton{background:linear-gradient(135deg,var(--d2),var(--d3));border:1px dashed rgba(245,166,35,.18);border-radius:16px;padding:30px 24px;text-align:center;opacity:.9;}
.proj-skeleton .ps-icon{font-size:40px;margin-bottom:12px;opacity:.5;}
.proj-skeleton h4{font-size:14px;font-weight:700;margin-bottom:7px;color:var(--white);}
.proj-skeleton p{font-size:12px;color:var(--slate);line-height:1.7;}
.proj-empty-cta{grid-column:1/-1;text-align:center;margin-top:26px;}
.proj-empty-cta p{color:var(--slate);font-size:13px;margin-bottom:14px;}
/* ===== BULK IMPORT ===== */
.bulk-box{background:var(--d3);border:1px solid rgba(245,166,35,.14);border-radius:13px;padding:18px;margin-bottom:16px;}
.bulk-box h4{font-size:13px;font-weight:700;margin-bottom:8px;}
.bulk-box p{font-size:11px;color:var(--slate);line-height:1.8;margin-bottom:12px;}
.bulk-drop{border:2px dashed rgba(245,166,35,.25);border-radius:11px;padding:22px;text-align:center;position:relative;transition:all .2s;margin-bottom:10px;}
.bulk-drop:hover{border-color:var(--sun);background:rgba(245,166,35,.03);}
.bulk-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;}
.bulk-drop .bd-icon{font-size:32px;margin-bottom:8px;}
.bulk-drop p{font-size:12px;color:var(--slate);margin:0;}
.bulk-tpl{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.bulk-code{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 13px;font-family:monospace;font-size:10px;color:#9FB3D0;direction:ltr;text-align:left;overflow-x:auto;white-space:pre;line-height:1.7;margin-top:10px;}
.bulk-preview{margin-top:12px;max-height:200px;overflow-y:auto;}
.bulk-prow{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.14);border-radius:7px;margin-bottom:5px;font-size:11px;}
.bulk-prow .bp-ok{color:#4ADE80;}
.img-del-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#F87171;padding:6px 13px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .2s;margin-top:6px;display:inline-flex;align-items:center;gap:5px;}
.img-del-btn:hover{background:var(--red);color:#fff;}
@media(max-width:900px){nav{padding:11px 16px;}.nav-links{display:none;}.inner-hero,.section,.home-inds,.slider-sec{padding:44px 18px;}.about-grid,.why-grid,.contact-grid,.footer-grid{grid-template-columns:1fr;gap:24px;}.hero-stats{gap:6px;padding:11px 14px;}.hstat-num{font-size:19px;}.hstat{padding:0 9px;}.slide-card{grid-template-columns:1fr;}.slide-visual{min-height:170px;}.slide-body{padding:22px;}.font-sizer{bottom:24px;right:12px;gap:2px;} .float-cta{bottom:24px;left:12px;padding:9px 12px;font-size:11px;} .fs-label{display:none;}footer{padding:32px 18px 120px;}.adm-panel{width:100%;}.adm-body{flex-direction:column;}.adm-sidebar{width:100%;border-left:none;border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row;flex-wrap:wrap;padding:8px;}.footer-grid{grid-template-columns:1fr 1fr;}}
/* ===== VISUAL EFFECTS ADMIN + GOD-RAYS HELPERS ===== */
.fx-row{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;margin-bottom:10px;}
.fx-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;}
.fx-top label{font-size:12px;font-weight:700;color:var(--white);}
.fx-val{font-size:12px;font-weight:800;color:var(--sun);min-width:54px;text-align:left;}
.fx-row input[type=range]{width:100%;accent-color:var(--sun);height:5px;cursor:pointer;}
.adm-logout{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.28);color:#F87171;padding:6px 13px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;}
.adm-logout:hover{background:var(--red);color:#fff;}
/* ===== CUSTOMER MESSAGES (INBOX) ===== */
.msg-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;margin-right:5px;}
.msg-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-right:3px solid var(--slate);border-radius:11px;padding:15px 16px;margin-bottom:13px;transition:border-color .2s;}
.msg-card.ms-new{border-right-color:var(--sun);background:rgba(245,166,35,.04);}
.msg-card.ms-contacted{border-right-color:var(--grn);}
.msg-card.ms-closed{border-right-color:var(--slate);opacity:.82;}
.msg-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px;}
.msg-who{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.msg-name{font-size:14px;font-weight:800;color:var(--white);}
.msg-status{font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;}
.msg-status.ms-new{background:rgba(245,166,35,.14);color:var(--sun);border:1px solid rgba(245,166,35,.4);}
.msg-status.ms-contacted{background:rgba(34,197,94,.14);color:#4ADE80;border:1px solid rgba(34,197,94,.4);}
.msg-status.ms-closed{background:rgba(107,130,168,.14);color:var(--slate);border:1px solid rgba(107,130,168,.4);}
.msg-date{font-size:11px;color:var(--slate);direction:ltr;}
.msg-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px;}
.msg-phone{font-size:13px;font-weight:700;color:var(--sun);text-decoration:none;}
.msg-phone:hover{text-decoration:underline;}
.msg-field{font-size:12px;color:var(--slate);}
.msg-body{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:11px 13px;font-size:12.5px;line-height:1.95;color:#cfd8ec;white-space:pre-wrap;margin-bottom:12px;}
.msg-note-wrap{margin-bottom:11px;}
.msg-note-wrap label{display:block;font-size:11px;color:var(--slate);margin-bottom:5px;}
.msg-note-wrap textarea{width:100%;min-height:44px;padding:8px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--white);font-family:'Vazirmatn',sans-serif;font-size:12px;outline:none;resize:vertical;}
.msg-note-wrap textarea:focus{border-color:var(--sun);}
.msg-note-save{margin-top:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--white);padding:5px 12px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;transition:all .2s;}
.msg-note-save:hover{background:rgba(255,255,255,.1);}
.msg-actions{display:flex;gap:8px;flex-wrap:wrap;}
.msg-act{padding:6px 13px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Vazirmatn',sans-serif;border:1px solid transparent;transition:all .2s;}
.msg-act.a-call{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35);color:#4ADE80;}
.msg-act.a-call:hover{background:var(--grn);color:#fff;}
.msg-act.a-close{background:rgba(107,130,168,.12);border-color:rgba(107,130,168,.35);color:#9fb2d4;}
.msg-act.a-close:hover{background:var(--slate);color:#fff;}
.msg-act.a-new{background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.32);color:var(--sun);}
.msg-act.a-new:hover{background:var(--sun);color:#1a1206;}
.msg-act.a-del{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.28);color:#F87171;margin-right:auto;}
.msg-act.a-del:hover{background:var(--red);color:#fff;}