:root{--primary:#20603d;--dark-blue:#20603d;--green:#20603d;--yellow:#ffd500;--gray:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7;background:#fff;color:#333;direction:rtl}.top-bar{background:var(--dark-blue);color:#fff;font-size:.9rem;padding:.3rem 1rem;display:flex;justify-content:space-between;align-items:center;direction:rtl}.top-bar span{display:flex;align-items:center;gap:.3rem}.sticky-header{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;box-shadow:0 2px 4px #0000001a;z-index:1000}.sticky-header .header-logo img{width:120px}.nav-menu{list-style:none;display:flex;gap:1rem}.nav-menu a{text-decoration:none;color:var(--dark-blue);font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.menu-toggle{display:none}.hamburger{display:none;cursor:pointer;width:30px;height:24px;position:relative}.hamburger span,.hamburger span:before,.hamburger span:after{content:"";position:absolute;width:100%;height:3px;background:var(--dark-blue);transition:.3s}.hamburger span{top:50%;transform:translateY(-50%)}.hamburger span:before{top:-8px}.hamburger span:after{top:8px}.menu-toggle:checked+.hamburger span{background:transparent}.menu-toggle:checked+.hamburger span:before{transform:rotate(45deg);top:0}.menu-toggle:checked+.hamburger span:after{transform:rotate(-45deg);top:0}.menu-toggle:checked~nav .nav-menu{display:flex}@media (max-width:768px){.nav-menu{display:none;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;position:absolute;top:100%;left:0;right:0;text-align:center;box-shadow:0 2px 4px #0000001a}.hamburger{display:block}}#hero{position:relative;background:url(../images/solar.png) center/cover no-repeat;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;padding:6rem 1rem;min-height:60vh}#hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}#hero .hero-content{position:relative;z-index:1}#hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}#hero p{font-size:1.2rem;margin-bottom:1.5rem}.btn-primary{display:inline-block;background:var(--green);color:#fff;padding:.75rem 2rem;border-radius:50px;text-decoration:none;transition:.3s}.btn-primary:hover{background:var(--dark-blue)}.btn-primary.consult-btn{background:var(--yellow);color:#000}.btn-primary.consult-btn:hover{filter:brightness(1.1)}section{padding:4rem 1rem;max-width:960px;margin:0 auto}section h2{text-align:center;margin-bottom:2rem;color:var(--dark-blue)}.about-blurb{background:#fff;box-shadow:0 2px 8px #0000001a;border-radius:12px;line-height:2;text-align:justify;max-width:600px;margin:2rem auto;padding:2rem}.about-blurb h2{font-weight:700;text-align:center;margin-bottom:1rem}.service-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:600px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.service-grid{grid-template-columns:repeat(4,1fr)}}.service-card{background:var(--gray);border-radius:12px;padding:2rem 1rem;text-align:center;transition:transform .3s,box-shadow .3s}.service-card h3{color:var(--green);margin-bottom:.5rem;font-weight:700}.service-card .icon{color:var(--green);font-size:2.5rem;margin-bottom:.5rem;transition:transform .3s}.service-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026}.service-card:hover .icon{transform:translateY(-4px)}#contact .contact-card{background:var(--gray);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}#contact .contact-info p{margin-bottom:.5rem}#contact .contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}#contact .contact-form input,#contact .contact-form textarea{padding:.5rem;border:1px solid #ccc;border-radius:8px;font-family:inherit}#contact .btn-send{background:var(--green);color:#fff;border:none;padding:.8rem;border-radius:8px;font-size:1rem;cursor:pointer}#contact .btn-send:hover{filter:brightness(1.1)}#contact .map{margin-top:1.5rem;border-radius:8px;overflow:hidden}footer{background:var(--green);color:#fff;padding:2rem 1rem;font-size:.9rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:960px;margin:0 auto 1rem;direction:rtl;text-align:right}@media (max-width:600px){.footer-grid{grid-template-columns:1fr;text-align:center}.social-icons{justify-content:center}}.footer-grid ul{list-style:none;padding:0;line-height:1.8}.footer-grid a{color:#fff;text-decoration:none}.footer-grid a:hover{text-decoration:underline}.social-icons{display:flex;gap:1rem;justify-content:flex-start}.social-icons a i{font-size:1.5rem}.footer-copy{text-align:right;border-top:1px solid rgba(255,255,255,.2);padding-top:.5rem}.service-images{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0}.image-card{flex:0 0 calc(33.33% - 1.5rem);max-width:calc(33.33% - 1.5rem);text-align:center}.image-card img{width:100%;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s,box-shadow .3s}.image-card img:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026}@media (max-width: 768px){.image-card{flex:0 0 100%;max-width:100%}}#why-us .why-us-items{display:flex;gap:1.5rem;justify-content:space-between;flex-wrap:wrap}#why-us .why-item{flex:1 1 200px;text-align:center}#why-us .why-item i{font-size:2rem;color:var(--green);margin-bottom:.5rem}#why-us .why-item h3{color:var(--dark-blue);margin-bottom:.3rem}#why-us .why-item p{margin:0}@media (max-width:600px){#hero h1{font-size:1.8rem}#hero p{font-size:1rem}.top-bar{flex-direction:column;text-align:center}.sticky-header .header-logo img{width:100px}section{padding:2rem 1rem}h2{font-size:1.4rem}body{font-size:.95rem}#why-us .why-item{flex:1 0 100%}}@media (min-width:768px){#contact .contact-card{display:flex;gap:2rem;align-items:flex-start}#contact .map{margin-top:0}}.products-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:600px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;text-align:center;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026}.product-card img{width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px}.product-card h3{color:var(--green);margin:1rem 0 .5rem;font-weight:700}.product-card p{flex-grow:1;margin:0 1rem 1rem}.product-card .btn-primary{align-self:center;margin-bottom:1.5rem}#projects .projects-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:600px){#projects .projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){#projects .projects-grid{grid-template-columns:repeat(3,1fr)}}.project-item img{width:100%;height:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s}.project-item img:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}#project-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}#project-modal.hidden{display:none}#project-modal .modal-content{background:#fff;padding:1rem;border-radius:8px;max-width:600px;width:100%;text-align:center;position:relative}#project-modal .modal-content img{width:100%;height:auto;margin-bottom:1rem;border-radius:8px}.close-modal{position:absolute;right:.5rem;top:.5rem;font-size:1.5rem;cursor:pointer}.landline,.mobile{display:flex;align-items:center;gap:.3rem}.not-found{text-align:center;padding:4rem 1rem}.not-found h1{font-size:4rem;margin-bottom:1rem}.not-found p{margin-bottom:1rem}.resume-list{list-style:disc;margin:1rem 2rem;line-height:2}.resume-item{margin-bottom:.5rem}:root{--brand: #16A34A;--ink:#223354;--bg:#F6F7F8}.header{background:var(--bg);border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:1000;font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.header-bar{max-width:1200px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;align-items:center}.brand{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.brand img{width:48px;height:48px;border-radius:50%}.brand .name{font-weight:700;font-size:1.1rem}.brand .tagline{font-size:.9rem;color:#666}.search{background:#fff;border:1px solid #e5e5e5;border-radius:10px;display:flex;align-items:center;padding:6px 10px;box-shadow:0 2px 6px #0000000d}.search input{flex:1;border:none;outline:none;font-family:inherit;direction:rtl;padding:6px}.social{display:flex;align-items:center;gap:10px;justify-content:flex-start}.social a svg{width:22px;height:22px;fill:#000;opacity:.85;transition:opacity .2s}.social a:hover svg{opacity:1}.call{position:relative;margin-right:8px}.call .btn{background:var(--brand);color:#fff;padding:10px 14px;border-radius:14px;box-shadow:0 6px 14px #16a34a40;font-weight:700}.call .panel{position:absolute;right:0;top:110%;width:210px;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 10px 24px #0000001f;padding:12px;display:none}.call.open .panel{display:block}.navbar{background:#fff;margin-top:8px;border-radius:14px;box-shadow:0 8px 20px #00000014}.navbar-inner{max-width:1200px;margin:0 auto;padding:10px 16px}.nav-list{display:flex;gap:24px;justify-content:flex-end;align-items:center}.nav-list a{color:var(--ink);text-decoration:none;padding:8px 6px;position:relative}.nav-list a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--ink);border-radius:4px}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:120%;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 10px 24px #0000001f;min-width:220px;display:none;padding:8px}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;color:#333;border-radius:8px}.dropdown-menu a:hover{background:#f3f4f6}@media (max-width: 992px){.header-bar{grid-template-columns:1fr;gap:10px}.brand,.social{justify-content:center}.nav-list{flex-wrap:wrap;gap:12px;justify-content:center}}
