/* Il Bello di Cerignola — layout dedicato alla pagina categoria */

.detail-hero--cerignola{
  grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr);
  min-height:720px;
  background:linear-gradient(90deg,#f6f0e4 0%,#efe6d6 55%,#e7dcc8 100%);
}
.detail-hero--cerignola .detail-copy{padding:72px 6vw;align-self:center}
.detail-photo--cerignola{
  min-height:680px;
  height:auto;
  background:#e7dcc8;
  display:flex;
  align-items:center;
  justify-content:center;
}
.detail-photo--cerignola img{
  width:100%;
  height:100%;
  max-height:860px;
  object-fit:contain;
  object-position:center;
}

.items-grid--cerignola{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:920px;
  align-items:stretch;
}
.items-grid--cerignola article{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.items-grid--cerignola img{
  width:100%;
  height:440px;
  object-fit:contain;
  object-position:center bottom;
  background:#fff;
}
.items-grid--cerignola h3{
  flex:1 1 auto;
  display:flex;
  align-items:flex-start;
  min-height:5.2em;
}

@media(max-width:1000px){
  .detail-hero--cerignola{grid-template-columns:1fr;min-height:0}
  .detail-photo--cerignola{min-height:520px;height:auto;order:-1}
  .detail-hero--cerignola .detail-copy{padding:56px 5vw 48px}
  .items-grid--cerignola{max-width:none}
  .items-grid--cerignola img{height:400px}
}

@media(max-width:720px){
  .detail-photo--cerignola{min-height:460px}
  .detail-photo--cerignola img{max-height:520px}
  .items-grid--cerignola{grid-template-columns:1fr}
  .items-grid--cerignola img{height:380px}
  .items-grid--cerignola h3{min-height:0;font-size:22px;padding:18px 18px 22px}
}