/* Shared photo hero for guide / tool inner pages */
.page-hero-photo{
  background-size:cover;
  background-position:center 42%;
  background-repeat:no-repeat;
  background-color:#ebe5d9;
}
.page-hero-photo--banner{
  width:100%;
  height:clamp(180px,32vw,300px);
  border-bottom:1px solid rgba(12,35,52,.08);
}
.hero--with-photo{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:0!important;
  align-items:stretch;
  padding:0!important;
  min-height:420px;
  overflow:hidden;
  background:#faf6ee!important;
  border-bottom:1px solid rgba(12,35,52,.08);
}
.hero--with-photo > .page-hero-photo{
  min-height:100%;
  order:2;
}
.hero--with-photo > .vct-wrap,
.hero--with-photo > .wrap,
.hero--with-photo > .container{
  order:1;
  max-width:none!important;
  width:100%;
  padding:48px clamp(20px,4vw,56px)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(ellipse 80% 60% at 0% 0%, rgba(201,164,92,.10), transparent 55%),
    linear-gradient(165deg,#faf6ee 0%,#fff 70%);
}
.hero--with-photo .hero-inner,
.hero--with-photo .hero-text{
  max-width:560px;
}
@media(max-width:900px){
  .hero--with-photo{
    grid-template-columns:1fr!important;
    min-height:0;
  }
  .hero--with-photo > .page-hero-photo{
    order:0;
    min-height:220px;
    height:clamp(180px,42vw,260px);
  }
  .hero--with-photo > .vct-wrap,
  .hero--with-photo > .wrap,
  .hero--with-photo > .container{
    padding:28px 20px 36px!important;
  }
}

/* Banner above form/tool heroes (not split layout) */
.hero:has(> .page-hero-photo--banner){
  display:block!important;
  padding-top:0!important;
}
.hero:has(> .page-hero-photo--banner) > .container,
.hero:has(> .page-hero-photo--banner) > .wrap{
  padding-top:28px;
}

/* Guide hub / prezzi al m² */
.guide-hero:has(> .page-hero-photo--banner),
section.guide-hero:has(.page-hero-photo--banner){
  padding-top:0!important;
}
.guide-hero > .page-hero-photo--banner{
  margin-bottom:28px;
}