
/* DIRANI GROUP V4.5.1 — Unified hero sizing + hero directly under transparent header */
:root{
  --dg-header-h:76px;
  --dg-header-sticky-h:70px;
  --dg-inner-hero-h:460px;
}

/*
  Header overlays hero instead of reserving space above it.
  Pages without a hero keep the normal top padding.
*/
body.has-hero{
  padding-top:0!important;
}
body:not(.has-hero){
  padding-top:var(--dg-header-h)!important;
}

/* Make all major public heroes start at the very top behind the transparent header */
body.has-hero main{
  margin-top:0!important;
  padding-top:0!important;
}

.hero-slider,
.inner-premium-hero,
.page-hero,
.catalog-hero,
.products-hero,
.shipping-hero,
.quote-hero{
  margin-top:0!important;
}

/* Unified inner-page hero size */
.inner-premium-hero,
.page-hero,
.catalog-hero,
.products-hero,
.shipping-hero,
.quote-hero{
  min-height:var(--dg-inner-hero-h)!important;
  height:auto!important;
  padding-top:var(--dg-header-h)!important;
  box-sizing:border-box!important;
  display:grid!important;
  align-items:center!important;
}

/* About / Manufacturing / Contact premium hero */
.inner-premium-hero .inner-hero-grid{
  min-height:calc(var(--dg-inner-hero-h) - var(--dg-header-h))!important;
  padding:42px 0 38px!important;
  align-items:center!important;
}
.inner-premium-hero h1{
  margin-top:0!important;
  margin-bottom:18px!important;
}
.inner-premium-hero .eyebrow{
  margin-top:0!important;
}

/* Generic heroes on Products / Shipment / Quote etc. */
.page-hero>.container,
.catalog-hero>.container,
.products-hero>.container,
.shipping-hero>.container,
.quote-hero>.container,
.page-hero>.wrap,
.catalog-hero>.wrap{
  padding-top:28px!important;
  padding-bottom:30px!important;
}
.page-hero h1,
.catalog-hero h1,
.products-hero h1,
.shipping-hero h1,
.quote-hero h1{
  margin-top:0!important;
  margin-bottom:16px!important;
}

/* Home hero: keep more cinematic height but remove any white band above it */
.hero-slider{
  min-height:clamp(610px,78vh,790px)!important;
  padding-top:var(--dg-header-h)!important;
  box-sizing:border-box!important;
}
.hero-slider .hero-slide,
.hero-slider .hero-inner,
.hero-slider .slide-inner{
  min-height:calc(clamp(610px,78vh,790px) - var(--dg-header-h))!important;
}

/* Raise visual panel slightly on inner pages */
.inner-hero-visual{
  min-height:290px!important;
  align-self:center!important;
}
.hero-visual-main{
  bottom:25px!important;
}

/* Remove accumulated spacing coming from older CSS versions */
.inner-premium-hero + section,
.page-hero + section,
.catalog-hero + section,
.products-hero + section,
.shipping-hero + section,
.quote-hero + section{
  margin-top:0!important;
}

/* Sticky header remains above everything */
.site-header{
  top:0!important;
}
.site-header.scrolled,
.site-header.is-scrolled{
  height:var(--dg-header-sticky-h)!important;
}

/* Desktop optical alignment */
@media(min-width:1100px){
  .inner-premium-hero .inner-hero-grid{
    transform:translateY(-6px);
  }
}

/* Tablet */
@media(max-width:960px){
  :root{--dg-inner-hero-h:500px}
  .inner-premium-hero .inner-hero-grid{
    padding:36px 0 32px!important;
    gap:22px!important;
  }
  .inner-hero-visual{
    min-height:220px!important;
  }
}

/* Mobile */
@media(max-width:620px){
  :root{
    --dg-header-h:70px;
    --dg-inner-hero-h:auto;
  }
  .inner-premium-hero,
  .page-hero,
  .catalog-hero,
  .products-hero,
  .shipping-hero,
  .quote-hero{
    min-height:0!important;
    padding-top:var(--dg-header-h)!important;
  }
  .inner-premium-hero .inner-hero-grid{
    min-height:0!important;
    padding:34px 0 32px!important;
    transform:none!important;
  }
  .inner-premium-hero h1{
    font-size:clamp(38px,12vw,50px)!important;
  }
  .inner-hero-visual{
    min-height:205px!important;
  }
  .hero-slider{
    min-height:620px!important;
    padding-top:var(--dg-header-h)!important;
  }
}

/* RTL keeps identical vertical geometry */
html[dir=rtl] .inner-premium-hero .inner-hero-grid{
  transform:translateY(-6px);
}
@media(max-width:960px){
  html[dir=rtl] .inner-premium-hero .inner-hero-grid{
    transform:none;
  }
}
