/* DIRANI GROUP V4.4 — definitive header / mega menu / inner pages */
:root{
  --v44-green:#1ab81f;
  --v44-green-dark:#087c0e;
  --v44-ink:#0f1f17;
  --v44-deep:#0b1a12;
  --v44-deep2:#10271b;
  --v44-cream:#f7f6f1;
  --v44-line:#e1e8e3;
}

/* ---------- DEFINITIVE HEADER ---------- */
.site-header{
  height:76px!important;
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:1000!important;
  padding:0 clamp(22px,4.5vw,72px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#fff!important;
  color:var(--v44-ink)!important;
  border-bottom:1px solid rgba(15,31,23,.09)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.site-header.scrolled,
.site-header.is-scrolled{
  height:70px!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--v44-ink)!important;
  border-bottom:1px solid rgba(15,31,23,.10)!important;
  box-shadow:0 10px 30px rgba(15,31,23,.07)!important;
  backdrop-filter:blur(16px)!important;
}
.site-header .brand,
.site-header .brand b,
.site-header .brand small,
.site-header .brand-mark{
  color:var(--v44-ink)!important;
}
.site-header .brand-mark{border-color:#cfd9d2!important}
.site-header .nav{height:100%!important;align-items:center!important;gap:26px!important}
.site-header .nav>a,
.site-header .nav-products>a{
  color:var(--v44-ink)!important;
  opacity:1!important;
  font-size:12px!important;
  font-weight:760!important;
  padding:27px 0!important;
}
.site-header.scrolled .nav>a,
.site-header.scrolled .nav-products>a{padding:24px 0!important}
.site-header .nav>a:after,
.site-header .nav-products>a:after{
  background:var(--v44-green)!important;
  bottom:16px!important;
}
.site-header .nav>a:hover,
.site-header .nav>a.active,
.site-header .nav-products:hover>a{color:var(--v44-green-dark)!important}
.site-header .lang,.site-header .menu{
  color:var(--v44-ink)!important;
}
.site-header .lang{
  border:1px solid #d7e0da!important;
  background:#fff!important;
}
.site-header .header-login{
  color:var(--v44-ink)!important;
  border:1px solid #d7e0da!important;
  background:#fff!important;
}
.site-header .quote{
  background:var(--v44-green)!important;
  color:#fff!important;
  border-color:var(--v44-green)!important;
}
.site-header .quote span{
  background:#fff!important;color:var(--v44-green-dark)!important;
}

/* ---------- DEFINITIVE MEGA MENU ---------- */
.site-header .nav-products{position:static!important;height:100%!important}
.site-header .mega-menu{
  position:absolute!important;
  top:calc(100% - 1px)!important;
  left:50%!important;
  transform:translate(-50%,12px)!important;
  width:min(760px,calc(100vw - 48px))!important;
  display:grid!important;
  grid-template-columns:210px 1fr!important;
  gap:14px!important;
  padding:14px!important;
  background:#0d1a12!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:0 0 20px 20px!important;
  box-shadow:0 28px 60px rgba(6,16,10,.26)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  color:#fff!important;
  z-index:1002!important;
}
.site-header .nav-products:hover .mega-menu,
.site-header .nav-products:focus-within .mega-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}
.site-header .mega-copy{
  background:#092f1d!important;
  color:#fff!important;
  border-radius:13px!important;
  padding:18px!important;
}
.site-header .mega-copy small{color:#8ee893!important}
.site-header .mega-copy strong{color:#fff!important;font-size:22px!important;line-height:1.08!important}
.site-header .mega-copy span{color:#c3d0c7!important}
.site-header .mega-copy>a{color:#fff!important;border-bottom-color:rgba(255,255,255,.35)!important}
.site-header .mega-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.site-header .mega-grid>a{
  min-height:80px!important;
  padding:12px!important;
  border-radius:12px!important;
  background:#17251b!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:#fff!important;
}
.site-header .mega-grid>a:hover{
  background:#1d3022!important;
  border-color:rgba(26,184,31,.55)!important;
}
.site-header .mega-grid>a span{color:#fff!important}
.site-header .mega-grid>a b{
  color:#fff!important;
  opacity:1!important;
  font-size:10px!important;
  font-weight:800!important;
}
body{padding-top:76px}

/* ---------- SHARED INNER HERO ---------- */
.inner-premium-hero{
  min-height:540px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 28%,rgba(26,184,31,.20),transparent 31%),
    linear-gradient(125deg,#0b1911 0%,#102a1c 56%,#133e27 100%);
  position:relative;overflow:hidden;
  display:grid;align-items:center;
}
.inner-premium-hero:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 88%);
}
.inner-hero-grid{
  width:min(1180px,calc(100% - 48px));margin:auto;
  display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;
  position:relative;z-index:2;padding:72px 0;
}
.inner-premium-hero .eyebrow{color:#86df8a!important;margin-bottom:16px!important}
.inner-premium-hero h1{
  font-size:clamp(48px,6vw,82px)!important;line-height:.96!important;
  letter-spacing:-.06em!important;margin:0 0 24px!important;color:#fff!important;
}
.inner-premium-hero p{
  max-width:650px;color:#c8d5cd!important;font-size:15px;line-height:1.8;margin:0;
}
.inner-hero-visual{
  position:relative;min-height:330px;border:1px solid rgba(255,255,255,.11);
  border-radius:28px;background:rgba(255,255,255,.045);overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.20);backdrop-filter:blur(12px);
}
.inner-hero-visual:after{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;
  right:-50px;bottom:-70px;background:radial-gradient(circle,rgba(26,184,31,.52),rgba(26,184,31,0) 70%);
}
.hero-visual-label{position:absolute;left:28px;top:28px;font-size:9px;letter-spacing:.18em;color:#93e696;font-weight:800}
.hero-visual-main{position:absolute;left:28px;bottom:30px;right:28px}
.hero-visual-main strong{display:block;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.05em}
.hero-visual-main span{display:block;color:#b8c7bd;margin-top:12px;line-height:1.6;font-size:12px}
.hero-mini-grid{position:absolute;right:24px;top:26px;display:grid;grid-template-columns:repeat(2,70px);gap:8px}
.hero-mini-grid i{height:70px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal;font-size:23px}

/* ---------- NEW PAGE ORDER / SECTIONS ---------- */
.v44-section{padding:88px 0}
.v44-section.alt{background:#f5f7f5}
.v44-wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.v44-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.v44-section-head>div{max-width:760px}
.v44-kicker{font-size:9px;letter-spacing:.19em;font-weight:850;color:#148819;margin-bottom:9px}
.v44-section h2{font-size:clamp(30px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:0 0 12px}
.v44-section p{color:#68766e;line-height:1.75}
.v44-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v44-card{
  border:1px solid var(--v44-line);background:#fff;border-radius:18px;padding:22px;
  transition:.3s ease;min-height:190px
}
.v44-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,31,23,.08);border-color:#cbd8ce}
.v44-card .dg-icon{margin-bottom:22px}
.v44-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v44-timeline .v44-card strong{font-size:30px;color:#0d8012;display:block;margin-bottom:7px}
.v44-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:start}
.v44-form{background:#fff;border:1px solid var(--v44-line);border-radius:20px;padding:24px}
.v44-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v44-form-grid .full{grid-column:1/-1}
.v44-form label{font-size:11px;font-weight:760}
.v44-form input,.v44-form select,.v44-form textarea{width:100%;margin-top:6px}
.v44-process{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v44-process .v44-card b{color:#148819;font-size:10px;letter-spacing:.15em}

/* icons/reveal */
.v44-title-row{display:flex;align-items:center;gap:12px}
.v44-title-icon{width:44px;height:44px;border-radius:14px;background:#ebf8ec;color:#0d8012;display:grid;place-items:center;border:1px solid #d8edda;flex:0 0 auto}
.v44-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.v44-reveal.show{opacity:1;transform:none}

@media(max-width:960px){
  .site-header .nav{gap:16px!important}
  .inner-hero-grid{grid-template-columns:1fr;gap:28px}
  .inner-hero-visual{min-height:250px}
  .v44-cards-3,.v44-process{grid-template-columns:repeat(2,1fr)}
  .v44-timeline{grid-template-columns:repeat(2,1fr)}
  .v44-contact-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .site-header .nav{display:none!important}
  .site-header .menu{display:block!important}
  .site-header .nav.open{
    display:flex!important;position:fixed!important;top:70px!important;left:12px!important;right:12px!important;
    height:auto!important;max-height:calc(100vh - 90px);overflow:auto;background:#fff!important;color:var(--v44-ink)!important;
    padding:14px!important;border:1px solid var(--v44-line)!important;border-radius:16px!important;
    box-shadow:0 20px 45px rgba(15,31,23,.14)!important;flex-direction:column!important;align-items:stretch!important
  }
  .site-header .nav.open>a,.site-header .nav.open .nav-products>a{padding:12px!important;color:var(--v44-ink)!important}
  .site-header .nav-products{height:auto!important;display:block!important}
  .site-header .mega-menu{display:none!important}
}
@media(max-width:620px){
  .inner-hero-grid,.v44-wrap{width:min(100% - 28px,1180px)}
  .inner-premium-hero{min-height:auto}
  .inner-hero-grid{padding:48px 0}
  .inner-premium-hero h1{font-size:44px!important}
  .inner-hero-visual{min-height:220px}
  .v44-section{padding:62px 0}
  .v44-cards-3,.v44-process,.v44-timeline,.v44-form-grid{grid-template-columns:1fr}
  .v44-form-grid .full{grid-column:auto}
  .v44-section-head{align-items:start;flex-direction:column}
}
html[dir=rtl] .inner-hero-grid,html[dir=rtl] .v44-title-row,html[dir=rtl] .v44-contact-grid{direction:rtl}