:root{--blue:#1489bd;--green:#63b33b;--dark:#10171a;--ink:#182025;--muted:#647078;--bg:#f5f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Heebo",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:20;background:rgba(15,22,25,.94);backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:235px;background:#fff;border-radius:10px;padding:4px}.nav nav{display:flex;gap:22px;color:#fff;font-weight:700;font-size:14px}
.hero{background:radial-gradient(circle at 15% 20%,rgba(20,137,189,.25),transparent 30%),radial-gradient(circle at 85% 40%,rgba(99,179,59,.16),transparent 25%),linear-gradient(135deg,#0b1215,#142128 60%,#17241b);color:#fff;padding:100px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.tag,.kicker{color:var(--green);font-weight:900;letter-spacing:1.3px;font-size:13px}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.95;margin:18px 0 28px;letter-spacing:-3px}.hero h1 span{color:#7ac451}.hero p{max-width:720px;color:#d5dfe2;font-size:20px}.buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;font-weight:900}.primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}.ghost{border:1px solid rgba(255,255,255,.3);color:#fff}
.card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:30px}.card img{width:100%;background:white;border-radius:14px}.card h3{font-size:28px}.card li{margin:8px 0}.phone{display:inline-block;color:#7ac451;font-size:24px;font-weight:900;margin-top:12px}
.stats{background:linear-gradient(90deg,var(--blue),var(--green));color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:24px;border-left:1px solid rgba(255,255,255,.2)}.stats-grid b{font-size:30px;display:block}.stats-grid span{font-size:13px}
.section{padding:100px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.section h2{font-size:clamp(40px,5vw,64px);line-height:1.05;margin:12px 0 22px}.copy p{color:var(--muted);font-size:18px}.dark{background:var(--dark);color:#fff}.dark h2{color:#fff}.dark .kicker{color:#77c24e}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:#172126;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:26px;min-height:210px}.service b{color:#76c34d}.service h3{font-size:22px}.service p{color:#aeb9bd}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.projects article{background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:20px;padding:26px;box-shadow:0 18px 45px rgba(0,0,0,.05)}.projects span{color:var(--blue);font-weight:800;font-size:13px}.projects h3{font-size:22px;line-height:1.25}.projects p{color:var(--muted)}.projects b{color:var(--green);font-size:18px}
.alt{background:#eaf0ee}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.team div{background:#fff;border-radius:20px;padding:28px;text-align:center}.team b{font-size:44px;color:var(--blue);display:block}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chips span{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}
.clients{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.clients div{background:#172126;border:1px solid rgba(255,255,255,.1);border-radius:18px;min-height:100px;display:grid;place-items:center;text-align:center;padding:15px;font-weight:800}
.contact-card{background:#fff;border-radius:24px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.06)}.contact-card>a,.contact-card>div{display:flex;justify-content:space-between;gap:20px;padding:15px;border-bottom:1px solid rgba(0,0,0,.08)}.contact-card span{color:var(--muted);font-size:13px}.whatsapp{margin-top:20px;width:100%}
footer{background:#0c1215;color:#fff;padding:28px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{width:230px;background:#fff;border-radius:10px;padding:4px}footer p{font-size:12px;color:#9aa6ab}
@media(max-width:900px){.nav nav{display:none}.hero-grid,.two{grid-template-columns:1fr}.stats-grid,.grid,.projects,.team,.clients{grid-template-columns:1fr 1fr}.hero{padding:70px 0}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.logo{width:180px}.hero h1{font-size:52px}.buttons{flex-direction:column}.stats-grid,.grid,.projects,.team,.clients{grid-template-columns:1fr}.section{padding:75px 0}footer .wrap{flex-direction:column;align-items:flex-start}}

.client-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.client-logos>div{background:#fff;border-radius:18px;min-height:155px;padding:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.client-logos img{width:100%;height:125px;object-fit:contain;display:block}.dark .client-logos>div{box-shadow:0 10px 28px rgba(0,0,0,.16)}@media(max-width:900px){.client-logos{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.client-logos{grid-template-columns:repeat(2,1fr)}.client-logos>div{min-height:125px}.client-logos img{height:100px}}


/* פרויקטים לפי תחום - לשוניות */
.projects-by-field{background:#f7faf8}
.projects-intro{max-width:900px;color:var(--muted);font-size:18px;margin-bottom:30px}
.project-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 34px;padding-bottom:4px}
.project-tab{
  border:1px solid rgba(0,0,0,.12);background:#fff;color:var(--ink);
  padding:12px 18px;border-radius:999px;font-weight:800;font-family:inherit;
  font-size:14px;cursor:pointer;transition:.2s
}
.project-tab:hover{border-color:var(--blue);transform:translateY(-1px)}
.project-tab.active{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,var(--blue),var(--green));
  box-shadow:0 10px 28px rgba(20,137,189,.18)
}
.project-panel{display:none}
.project-panel.active{display:block;animation:projectFade .28s ease}
@keyframes projectFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panel-heading{
  background:linear-gradient(135deg,#0f191d,#16262c);
  color:#fff;border-radius:24px;padding:28px 30px;margin-bottom:18px;
  position:relative;overflow:hidden
}
.panel-heading:after{
  content:"";position:absolute;left:-50px;top:-80px;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(99,179,59,.18),transparent 70%)
}
.panel-heading span{color:#76c34d;font-weight:900;font-size:13px}
.panel-heading h3{font-size:34px;margin:5px 0 8px}
.panel-heading p{margin:0;color:#b8c6ca;max-width:900px}
.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.project-list article{
  background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:20px;padding:24px;
  min-height:150px;box-shadow:0 12px 35px rgba(0,0,0,.04)
}
.project-list article h4{font-size:19px;line-height:1.3;margin:0 0 10px}
.project-list article p{color:var(--muted);margin:0 0 12px;font-size:15px}
.project-list article b{display:block;color:var(--green);font-size:18px;margin-top:8px}
.project-list.detailed article{min-height:220px}
@media(max-width:900px){
  .project-list{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .project-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}
  .project-tab{flex:0 0 auto}
  .project-list{grid-template-columns:1fr}
  .panel-heading h3{font-size:28px}
}


/* גלריית פרויקט דיר אל־אסד */
.project-gallery-block{
  grid-column:1/-1;
  margin-top:6px;
  background:#fff;
  border:1px solid rgba(0,0,0,.09);
  border-radius:24px;
  padding:22px;
  box-shadow:0 14px 38px rgba(0,0,0,.05);
}
.gallery-title{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:end;
  margin-bottom:16px;
}
.gallery-title span{
  color:var(--blue);
  font-weight:900;
  font-size:13px;
}
.gallery-title strong{
  font-size:20px;
}
.project-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.project-gallery figure{
  margin:0;
  border-radius:16px;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#e9eeee;
  position:relative;
}
.project-gallery figure.gallery-main{
  grid-column:span 2;
  grid-row:span 2;
  aspect-ratio:auto;
}
.project-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease;
}
.project-gallery figure:hover img{
  transform:scale(1.035);
}
@media(max-width:900px){
  .project-gallery{grid-template-columns:repeat(2,1fr)}
  .project-gallery figure.gallery-main{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}
}
@media(max-width:600px){
  .gallery-title{flex-direction:column;align-items:flex-start}
  .project-gallery{grid-template-columns:1fr 1fr}
  .project-gallery figure.gallery-main{grid-column:1/-1}
}

/* רישום בפנקס הקבלנים */
.contractor-registration{
  display:flex;gap:16px;align-items:flex-start;margin:26px 0;
  padding:20px;border-radius:18px;background:#fff;
  border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 30px rgba(0,0,0,.04)
}
.contractor-registration .contractor-icon{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;font-size:22px;font-weight:900
}
.contractor-registration span{display:block;color:var(--blue);font-size:13px;font-weight:900}
.contractor-registration strong{display:block;font-size:24px;line-height:1.2;margin:4px 0 5px}
.contractor-registration p{margin:0;color:var(--muted);font-size:14px}
.contractor-badge{
  margin:20px 0 8px;padding:14px 16px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)
}
.contractor-badge small{display:block;color:#b9c6ca;font-weight:700}
.contractor-badge b{display:block;color:#7ac451;font-size:21px;margin-top:3px}

/* שירותי רישום וסיווג לקבלנים */
.contractor-services{
  background:linear-gradient(180deg,#eef5f2 0%,#f8faf9 100%);
}
.contractor-services-intro{
  max-width:880px;color:var(--muted);font-size:18px;margin-bottom:30px
}
.contractor-services-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px
}
.contractor-services-grid article{
  background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;
  padding:26px;box-shadow:0 15px 38px rgba(0,0,0,.045)
}
.contractor-services-grid article span{
  color:var(--green);font-weight:900;font-size:13px
}
.contractor-services-grid article h3{
  font-size:22px;line-height:1.25;margin:10px 0
}
.contractor-services-grid article p{
  color:var(--muted);margin:0;font-size:15px
}
.contractor-services-cta{
  margin-top:22px;background:#10191d;color:#fff;border-radius:22px;padding:24px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:25px
}
.contractor-services-cta strong{font-size:22px}
.contractor-services-cta p{margin:4px 0 0;color:#b8c5c9}
.contractor-services-card{
  border-color:rgba(99,179,59,.35)!important;
  background:linear-gradient(145deg,#172126,#18291f)!important
}
@media(max-width:900px){
  .contractor-services-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .contractor-services-grid{grid-template-columns:1fr}
  .contractor-services-cta{flex-direction:column;align-items:stretch}
}

/* טופס השארת פרטים */
.lead-section{
  padding:85px 0;
  background:linear-gradient(135deg,#0d171b,#15272c 58%,#18301e);
  color:#fff
}
.lead-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.lead-copy h2{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:12px 0 18px}
.lead-copy p{color:#b8c6ca;font-size:18px;max-width:500px}
.lead-form{
  background:#fff;color:var(--ink);padding:28px;border-radius:24px;
  box-shadow:0 25px 65px rgba(0,0,0,.22)
}
.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.lead-fields label{display:flex;flex-direction:column;gap:6px}
.lead-fields label span{font-size:13px;font-weight:800;color:#526068}
.lead-fields input,.lead-fields select,.lead-fields textarea{
  width:100%;border:1px solid #d9e0dd;background:#f8faf9;border-radius:12px;
  padding:13px 14px;font:inherit;outline:none
}
.lead-fields input:focus,.lead-fields select:focus,.lead-fields textarea:focus{
  border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,137,189,.08)
}
.lead-message{grid-column:1/-1}
.lead-submit{border:0;font-family:inherit;font-size:16px;cursor:pointer;width:100%;margin-top:16px}
.lead-form small{display:block;color:#7a858a;margin-top:9px;text-align:center}
@media(max-width:900px){
  .lead-wrap{grid-template-columns:1fr}
}
@media(max-width:600px){
  .lead-fields{grid-template-columns:1fr}
  .lead-message{grid-column:auto}
}


/* שדרוג ויזואלי עם תמונות אמיתיות מהמקצוע */
.hero{
  background:
    linear-gradient(90deg,rgba(8,16,19,.88) 0%,rgba(10,20,24,.72) 48%,rgba(10,20,24,.42) 100%),
    url("project-deir-al-asad/deir-al-asad-04.jpeg") center/cover no-repeat !important;
}
.profession-visuals{
  background:#fff;
  padding:24px 0 10px;
}
.profession-visuals-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.profession-visual{
  position:relative;
  min-height:220px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.profession-visual img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  transition:transform .35s ease;
}
.profession-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(7,16,19,.88));
}
.profession-visual:hover img{transform:scale(1.045)}
.profession-visual div{
  position:absolute;
  right:18px;
  left:18px;
  bottom:16px;
  z-index:2;
  color:#fff;
}
.profession-visual span{
  display:block;
  color:#7bd053;
  font-size:13px;
  font-weight:900;
  margin-bottom:2px;
}
.profession-visual strong{
  font-size:18px;
  line-height:1.2;
}
.service-photo{
  position:relative;
  overflow:hidden;
  background-color:#172126 !important;
}
.service-photo:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:82px;
  background-size:cover;
  background-position:center;
  opacity:.42;
}
.service-photo:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:82px;
  background:linear-gradient(180deg,rgba(10,17,20,.1),#172126);
}
.service-photo > *{position:relative;z-index:2}
.service-photo-planning:before{background-image:url("service-images/planning.jpg")}
.service-photo-supervision:before{background-image:url("service-images/supervision.jpg")}
.service-photo-quality:before{background-image:url("service-images/quality.jpg")}
.service-photo-msproject:before{background-image:url("service-images/msproject.jpg")}
@media(max-width:900px){
  .profession-visuals-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .profession-visuals-grid{grid-template-columns:1fr}
  .profession-visual{min-height:200px}
}


/* =========================================================
   עיצוב מחודש בסגנון הדוגמה שאושרה
   ========================================================= */
body{background:#f4f7f8}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.08)}
.topbar{background:#fff}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:28px}
.brand-block{display:flex;align-items:center;gap:18px}
.brand-block .logo{width:190px;height:72px;object-fit:contain}
.brand-text{display:flex;flex-direction:column;gap:3px;padding-right:18px;border-right:1px solid #e6ebed}
.brand-text strong{font-size:25px;color:#09294c}
.brand-text span{font-size:16px;color:#2f434e}
.header-contact{display:flex;align-items:stretch;gap:0}
.header-contact>a,.header-contact>div{
  min-width:175px;padding:8px 18px;border-right:1px solid #e1e7e9;
  display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-content:center
}
.header-contact .contact-ico{grid-row:1/3;font-size:24px;color:#12913b;align-self:center}
.header-contact b{font-size:14px;color:#0d2634;direction:ltr;text-align:right}
.header-contact small{font-size:11px;color:#75838a}
.nav-strip{background:#082d45}
.nav-strip .nav{display:flex;justify-content:space-between;align-items:stretch}
.nav-strip nav{display:flex;align-items:center}
.nav-strip nav a{
  color:#fff;text-decoration:none;padding:16px 19px;border-left:1px solid rgba(255,255,255,.14);
  font-weight:700;font-size:14px
}
.nav-strip nav a:hover{background:#0b3a58}
.home-link{font-size:19px!important}
.header-cta{
  display:flex;align-items:center;padding:0 22px;background:linear-gradient(135deg,#0e8e36,#20a249);
  color:#fff;text-decoration:none;font-weight:900;min-width:220px;justify-content:center
}

/* Hero */
.hero-home{
  min-height:520px!important;
  padding:0!important;
  display:block;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 31%,rgba(255,255,255,.10) 58%,rgba(3,17,23,.28) 100%),
    url("project-deir-al-asad/deir-al-asad-04.jpeg") center 48%/cover no-repeat!important;
  color:#0a243b!important
}
.hero-home-inner{min-height:440px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:35px}
.hero-copy{max-width:620px}
.hero-copy .tag{
  display:inline-block;background:#eaf5ed;color:#0e8d38;padding:7px 12px;border-radius:5px;
  font-weight:900;letter-spacing:0;font-size:13px
}
.hero-copy h1{font-size:clamp(54px,6vw,86px);line-height:.93;margin:20px 0 16px;color:#082442;letter-spacing:-2px}
.hero-copy h1 span{color:#0e9638}
.hero-copy p{font-size:19px;line-height:1.7;color:#233e4c;max-width:640px}
.hero-home .buttons{display:flex;gap:12px;margin-top:24px}
.hero-home .btn{border-radius:8px;padding:14px 28px}
.hero-home .primary{background:linear-gradient(135deg,#0b8b36,#25a64d);color:#fff}
.light-btn{background:#fff;color:#0c2940;border:2px solid #0c2940!important}
.hero-cert-card{
  justify-self:end;align-self:start;margin-top:34px;width:320px;background:rgba(255,255,255,.94);
  border-radius:14px;padding:24px;box-shadow:0 16px 44px rgba(0,0,0,.18);border:1px solid rgba(8,45,69,.10)
}
.hero-cert-card .helmet-mark{font-size:42px;color:#0b3653;line-height:1;text-align:center}
.hero-cert-card small{display:block;text-align:center;color:#0d3453;font-size:18px;font-weight:900;margin:8px 0 16px}
.cert-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e3e9ec}
.cert-line strong{font-size:20px;color:#0b2940}
.cert-line span{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#169b42;color:#fff;font-weight:900
}
.hero-benefits{background:rgba(6,28,40,.91);color:#fff}
.hero-benefits-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.hero-benefits-grid>div{padding:18px 18px;text-align:center;border-left:1px solid rgba(255,255,255,.14)}
.hero-benefits-grid b{display:block;font-size:14px;margin-bottom:5px}
.hero-benefits-grid span{display:block;color:#c9d4d9;font-size:12px}

/* Service photo ribbon */
.mock-services{padding:20px 0 32px!important;background:#fff!important}
.mock-services-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:12px!important}
.mock-service-card{
  min-width:0;text-decoration:none;color:#0b2638;background:#fff;border-radius:7px;overflow:hidden;
  border:1px solid #e1e7e9;box-shadow:0 6px 18px rgba(0,0,0,.07);transition:.25s
}
.mock-service-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(0,0,0,.11)}
.mock-service-card img{width:100%;height:120px;object-fit:cover;display:block}
.mock-service-card div{padding:13px 12px 15px;min-height:102px}
.mock-service-card strong{display:block;color:#09284a;font-size:15px;line-height:1.25;margin-bottom:6px}
.mock-service-card span{display:block;color:#61717a;font-size:12px;line-height:1.45}

/* Make selected general sections closer to the clean mockup */
.stats{background:#edf3f5!important;border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8}
.section{padding-top:78px;padding-bottom:78px}
.section h2{color:#082744}
.dark{background:#082d45!important}
.dark h2{color:#fff}
.dark .service{border-radius:8px!important}
.contractor-services{background:#f5f8f9!important}
.project-tabs .project-tab{border-radius:7px!important}
.project-tab.active{background:#0e8f3a!important}
.panel-heading{border-radius:10px!important;background:#082d45!important}
.project-list article,.contractor-services-grid article{border-radius:10px!important}
.client-logos>div{border-radius:8px!important}

/* prefooter */
.pre-footer-banner{background:#082d45;color:#fff;padding:18px 0;border-top:4px solid #11913b}
.pre-footer-inner{display:grid;grid-template-columns:210px 1fr auto;gap:25px;align-items:center}
.pre-footer-inner img{width:190px;height:70px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.pre-footer-inner strong{display:block;font-size:22px}
.pre-footer-inner span{display:block;color:#bdcbd2;margin-top:5px}
.pre-footer-inner a{background:#14a244;color:#fff;text-decoration:none;padding:13px 22px;border-radius:7px;font-weight:900}

/* lead form closer to mockup footer */
.lead-section{padding:50px 0!important;background:
 linear-gradient(rgba(4,30,46,.93),rgba(4,30,46,.93)),
 url("project-deir-al-asad/deir-al-asad-02.jpeg") center/cover no-repeat!important}
.lead-wrap{grid-template-columns:.75fr 1.25fr!important}
.lead-copy h2{font-size:38px!important}
.lead-form{border-radius:8px!important;padding:20px!important}
.lead-fields input,.lead-fields select,.lead-fields textarea{border-radius:5px!important}
.lead-submit{border-radius:5px!important}

/* Responsive */
@media(max-width:1100px){
  .header-contact{display:none}
  .mock-services-grid{grid-template-columns:repeat(4,1fr)!important}
  .hero-home-inner{grid-template-columns:1fr 300px}
  .hero-cert-card{width:280px}
}
@media(max-width:850px){
  .topbar-inner{min-height:80px}
  .brand-text{display:none}
  .nav-strip .nav{display:block}
  .header-cta{display:none}
  .nav-strip nav{overflow-x:auto}
  .nav-strip nav a{white-space:nowrap}
  .hero-home{
    background:
      linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.88)),
      url("project-deir-al-asad/deir-al-asad-04.jpeg") center/cover no-repeat!important
  }
  .hero-home-inner{grid-template-columns:1fr;min-height:auto;padding-top:50px;padding-bottom:38px}
  .hero-cert-card{justify-self:stretch;width:auto;margin-top:0}
  .hero-benefits-grid{grid-template-columns:1fr 1fr}
  .mock-services-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){
  .brand-block .logo{width:155px}
  .hero-copy h1{font-size:48px}
  .mock-services-grid{grid-template-columns:1fr!important}
  .hero-benefits-grid{grid-template-columns:1fr}
  .pre-footer-inner{grid-template-columns:1fr;text-align:center}
  .pre-footer-inner img{margin:auto}
}


/* התאמת תמונה ייעודית לכל תחום */
.field-visual{
  position:relative;
  height:210px;
  margin-bottom:20px;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}
.field-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.field-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,29,45,.84),rgba(4,29,45,.12) 68%);
}
.field-visual>div{
  position:absolute;
  right:28px;
  bottom:26px;
  z-index:2;
  color:#fff;
}
.field-visual span{
  display:block;
  color:#75d15b;
  font-size:13px;
  font-weight:900;
  margin-bottom:3px;
}
.field-visual strong{
  display:block;
  font-size:30px;
  line-height:1.1;
}
@media(max-width:600px){
  .field-visual{height:165px}
  .field-visual strong{font-size:24px}
}


/* התאמה מלאה לדוגמה המאושרת + שילוב בנייה */
.hero-split{
  position:relative;
  overflow:hidden;
  background:none!important;
}
.hero-split-bg{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  z-index:0;
}
.hero-infra{
  background:
    linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.18)),
    url("project-deir-al-asad/deir-al-asad-04.jpeg") center/cover no-repeat;
}
.hero-building{
  background:
    linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.03)),
    url("service-images/building-construction.jpg") center/cover no-repeat;
}
.hero-split:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.45) 36%,rgba(255,255,255,.25) 50%,rgba(2,18,28,.05) 100%);
  z-index:1;
  pointer-events:none;
}
.hero-split .hero-home-inner,
.hero-split .hero-benefits{position:relative;z-index:2}
.centered-copy{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
}
.centered-copy .buttons{justify-content:center}
.centered-copy p{margin-inline:auto}
.hero-split .hero-home-inner{
  grid-template-columns:1fr 320px;
  min-height:440px;
}
.hero-split .hero-cert-card{
  background:rgba(255,255,255,.93);
}
.service-photo-building:before{
  background-image:url("service-images/building-construction.jpg")
}
.mock-services-grid{
  grid-template-columns:repeat(8,1fr)!important;
}
@media(max-width:1200px){
  .mock-services-grid{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:850px){
  .hero-split-bg{grid-template-columns:1fr}
  .hero-building{display:none}
  .hero-infra{
    background:
      linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),
      url("service-images/building-construction.jpg") center/cover no-repeat;
  }
  .hero-split .hero-home-inner{grid-template-columns:1fr}
}


/* תמונה ראשית נקייה וברורה */
.hero-clean{
  position:relative;
  padding:0!important;
  min-height:520px!important;
  background:
    linear-gradient(90deg,rgba(5,24,35,.88) 0%,rgba(5,24,35,.72) 36%,rgba(5,24,35,.18) 63%,rgba(5,24,35,.05) 100%),
    url("service-images/hero-infrastructure-building-clean.jpg") center/cover no-repeat!important;
  color:#fff!important;
}
.hero-clean:before{display:none!important}
.hero-clean-inner{
  min-height:455px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:2;
}
.hero-copy-clean{
  max-width:650px;
  text-align:right;
}
.hero-copy-clean .tag{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color:#a8e18f;
}
.hero-copy-clean h1{
  color:#fff;
  font-size:clamp(52px,6vw,82px);
  line-height:.98;
  margin:18px 0 16px;
  text-shadow:0 3px 18px rgba(0,0,0,.35);
}
.hero-copy-clean h1 span{color:#78cf59}
.hero-copy-clean p{
  color:#eef4f6;
  font-size:19px;
  line-height:1.65;
  max-width:630px;
  text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.hero-copy-clean .buttons{justify-content:flex-start}
.hero-reg-line{
  margin:18px 0 6px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.hero-reg-line strong{
  margin-left:6px;
  font-size:14px;
  color:#fff;
}
.hero-reg-line span{
  display:inline-block;
  background:rgba(255,255,255,.94);
  color:#0b3150;
  padding:7px 11px;
  border-radius:6px;
  font-size:13px;
  font-weight:900;
}
.hero-clean .light-btn{
  background:rgba(255,255,255,.95);
  color:#0a2940;
  border-color:#fff!important;
}
.hero-clean .hero-benefits{
  background:rgba(5,29,44,.94);
}
@media(max-width:850px){
  .hero-clean{
    background:
      linear-gradient(rgba(5,24,35,.75),rgba(5,24,35,.75)),
      url("service-images/hero-infrastructure-building-clean.jpg") center/cover no-repeat!important;
  }
  .hero-clean-inner{min-height:auto;padding:55px 0 42px}
  .hero-copy-clean{max-width:none}
}


/* מסך פתיחה — התמונה המאושרת אחד לאחד */
.exact-home-cover{
  width:100%;
  position:relative;
  background:#fff;
  overflow:hidden;
  line-height:0;
}
.exact-home-cover img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
.cover-projects-hotspot,
.cover-contact-hotspot{
  position:absolute;
  display:block;
  z-index:5;
}
.cover-projects-hotspot{
  top:44%;
  right:44%;
  width:12%;
  height:8%;
}
.cover-contact-hotspot{
  bottom:2%;
  right:39%;
  width:22%;
  height:11%;
}
@media(max-width:700px){
  .exact-home-cover{
    overflow-x:auto;
  }
  .exact-home-cover img{
    width:1200px;
    max-width:none;
  }
}


/* תמונת פתיחה — אחד לאחד מהדוגמה שאושרה */
.exact-opening-hero {
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  overflow:hidden;
}
.exact-opening-hero img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1672/941;
  object-fit:contain;
  object-position:center top;
}
@media (max-width:700px) {
  .exact-opening-hero {
    overflow-x:auto;
  }
  .exact-opening-hero img {
    width:100%;
    min-width:900px;
    max-width:none;
  }
}

/* אזורים פעילים על תמונת דף הבית */
.interactive-cover{position:relative}
.interactive-cover .hero-hotspot{
  position:absolute;display:block;z-index:20;
  background:transparent;border:0;border-radius:4px;
}
.interactive-cover .hero-hotspot:focus-visible{
  outline:3px solid #fff;box-shadow:0 0 0 5px #118f3b;
}
@media (hover:hover) and (pointer:fine){
  .interactive-cover .hero-hotspot:hover{
    background:rgba(17,143,59,.10);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);
  }
}
/* תפריט עליון שבתמונה — הקואורדינטות באחוזים כדי להישאר מדויקות */
.hs-home{left:1.5%;top:11.2%;width:5%;height:5.1%}
.hs-contact-nav{left:6.5%;top:11.2%;width:9%;height:5.1%}
.hs-career{left:15.5%;top:11.2%;width:8%;height:5.1%}
.hs-quality-nav{left:23.5%;top:11.2%;width:10%;height:5.1%}
.hs-contractors-nav{left:33.5%;top:11.2%;width:11%;height:5.1%}
.hs-accounts-nav{left:44.5%;top:11.2%;width:9%;height:5.1%}
.hs-projects-nav{left:53.5%;top:11.2%;width:8%;height:5.1%}
.hs-fields{left:61.5%;top:11.2%;width:10%;height:5.1%}
.hs-about{left:71.5%;top:11.2%;width:11%;height:5.1%}
.hs-home{left:92%;top:11.2%;width:6%;height:5.1%}

/* שמונת כרטיסי השירות */
.hs-planning{left:87.2%;top:59.4%;width:11.5%;height:19.1%}
.hs-structures{left:74.6%;top:59.4%;width:11.5%;height:19.1%}
.hs-supervision{left:62%;top:59.4%;width:11.5%;height:19.1%}
.hs-execution{left:49.4%;top:59.4%;width:11.5%;height:19.1%}
.hs-quality-card{left:36.8%;top:59.4%;width:11.5%;height:19.1%}
.hs-accounts-card{left:24.2%;top:59.4%;width:11.5%;height:19.1%}
.hs-msproject{left:11.6%;top:59.4%;width:11.5%;height:19.1%}
.hs-registration{left:1%;top:59.4%;width:10%;height:19.1%}

/* אזור יצירת קשר שבתמונה */
.hs-lead{left:28%;top:81%;width:42%;height:14%}
.hs-phone{left:82%;top:81%;width:15%;height:5%}
.hs-email{left:82%;top:86%;width:15%;height:5%}

html{scroll-behavior:smooth}