/*
Theme Name: Petrojoosh Neo
Theme URI: https://petrojoosh.com/
Author: Petrojoosh Paya
Description: Modern industrial RTL corporate theme.
Version: 1.0.0
Text Domain: petrojoosh
*/
:root{--lime:#94ae19;--ink:#101418;--muted:#667078;--line:#dfe4e7;--paper:#f4f5f2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:BYekan,Tahoma,Arial,sans-serif;direction:rtl}.pj-wrap{width:min(1400px,calc(100% - 48px));margin:auto}.pj-header{position:fixed;top:18px;left:0;right:0;z-index:50}.pj-nav{width:min(1280px,calc(100% - 40px));margin:auto;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(16,20,24,.08);border-radius:18px;padding:12px 18px;display:flex;align-items:center;gap:28px;box-shadow:0 12px 35px rgba(0,0,0,.07)}.pj-logo{font-size:22px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.pj-logo span{color:var(--lime)}.pj-menu{display:flex;gap:25px;margin:auto}.pj-menu a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.pj-cta{background:var(--ink);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:700}.pj-burger{display:none;border:0;background:var(--ink);color:#fff;width:42px;height:42px;border-radius:12px;font-size:21px}.pj-hero{min-height:920px;background:#11181d;position:relative;overflow:hidden;color:#fff;display:flex;align-items:end;padding:160px 0 70px}.pj-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,13,.94),rgba(8,11,13,.45),rgba(8,11,13,.18)),url('assets/images/hero.jpg') center/cover}.pj-hero:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#11181d)}.pj-hero-inner{position:relative;z-index:2;width:min(1400px,calc(100% - 48px));margin:auto}.pj-kicker{color:#c7d783;font-size:13px;font-weight:800;letter-spacing:1px}.pj-hero h1{font-size:clamp(48px,7vw,104px);line-height:1.02;letter-spacing:-4px;max-width:850px;margin:18px 0}.pj-hero p{font-size:18px;color:#d2d8da;max-width:600px;line-height:2;margin:0 0 28px}.pj-actions{display:flex;gap:12px}.pj-btn{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;border-radius:13px;text-decoration:none;font-weight:800}.pj-btn.primary{background:var(--lime);color:#101418}.pj-btn.dark{border:1px solid rgba(255,255,255,.25);color:#fff}.pj-stats{position:relative;z-index:3;margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);padding-top:24px;gap:30px}.pj-stat b{font-size:40px}.pj-stat span{display:block;color:#aeb7bb;font-size:13px}.pj-section{padding:120px 0}.pj-label{color:var(--lime);font-size:12px;font-weight:900}.pj-title{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-3px;margin:15px 0 35px}.pj-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.pj-about p{font-size:19px;line-height:2.2;color:var(--muted)}.pj-number{font-size:150px;line-height:.8;font-weight:900;color:#dfe4d0}.pj-services{background:#11181d;color:#fff}.pj-service{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding:34px 0;text-decoration:none;color:#fff;transition:.3s}.pj-service:hover{padding-right:18px}.pj-service .num{color:#aab3b6;font-size:14px}.pj-service h3{font-size:32px;margin:0}.pj-service .arrow{font-size:30px;color:var(--lime)}.pj-products{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.pj-product{min-height:380px;background:#fff;border-radius:24px;padding:34px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:relative}.pj-product:first-child{min-height:560px;background:#1c2428;color:#fff}.pj-product h3{font-size:30px;margin:0 0 8px}.pj-product p{color:var(--muted)}.pj-product:first-child p{color:#c7ced0}.pj-projects{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.pj-project{min-height:430px;background:#cfd4d2;border-radius:24px;padding:35px;display:flex;flex-direction:column;justify-content:end}.pj-project:nth-child(2){margin-top:100px;background:#dfe4d0}.pj-project h3{font-size:32px;margin:0}.pj-darkcta{background:var(--lime);padding:100px 0}.pj-darkcta .box{background:#11181d;color:#fff;border-radius:28px;padding:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.pj-darkcta h2{font-size:clamp(38px,5vw,70px);line-height:1;margin:0}.pj-footer{background:#11181d;color:#fff;padding:70px 0 30px}.pj-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.pj-footer a{color:#b9c0c2;text-decoration:none;display:block;margin:9px 0}.pj-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:20px;color:#8e999d;font-size:12px}.pj-mobile{display:none;position:fixed;inset:0;background:#101418;color:#fff;z-index:100;padding:95px 25px 30px}.pj-mobile.open{display:block}.pj-mobile a{display:flex;justify-content:space-between;color:#fff;text-decoration:none;font-size:28px;font-weight:800;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1)}.pj-mobile .close{position:absolute;top:20px;right:20px;border:0;background:var(--lime);width:44px;height:44px;border-radius:12px;font-size:22px}.pj-mobile .mobile-cta{position:absolute;bottom:30px;left:25px;right:25px;background:var(--lime);color:#101418;text-align:center;padding:17px;border-radius:14px;text-decoration:none;font-weight:900}@media(max-width:800px){.pj-wrap{width:calc(100% - 28px)}.pj-menu,.pj-header .pj-cta{display:none}.pj-burger{display:block;margin-right:auto}.pj-nav{width:calc(100% - 24px);padding:9px 12px}.pj-hero{min-height:800px;padding-bottom:38px}.pj-hero h1{font-size:52px;letter-spacing:-2px}.pj-hero p{font-size:15px}.pj-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:55px}.pj-stat b{font-size:28px}.pj-section{padding:75px 0}.pj-about,.pj-products,.pj-projects{grid-template-columns:1fr;gap:30px}.pj-number{font-size:100px}.pj-service{grid-template-columns:42px 1fr 35px}.pj-service h3{font-size:23px}.pj-project:nth-child(2){margin-top:0}.pj-darkcta .box{padding:45px 28px;display:block}.pj-darkcta h2{font-size:43px}.pj-footer-grid{grid-template-columns:1fr 1fr}.pj-footer-grid>div:first-child{grid-column:1/-1}}