/* DVOJKA v4.3.50 — monthly 4-photo collage hard reset */
.promo-month-collage{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
  gap:4px!important;
  overflow:hidden!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
.promo-month-collage .promo-collage-cell{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  grid-area:auto!important;
  box-sizing:border-box!important;
}
.promo-month-collage .promo-collage-cell img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.promo-month-collage .promo-collage-cell i{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  padding:20px 10px 8px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-shadow:0 1px 5px rgba(0,0,0,.9)!important;
  background:linear-gradient(transparent,rgba(0,0,0,.68))!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Intended desktop composition:
   c1 = large left, full height
   c2/c3 = two small cards at top right
   c4 = wide card across the lower-right half
*/
.promo-month-collage .c1{
  grid-column:1!important;
  grid-row:1 / 3!important;
}
.promo-month-collage .c2{
  grid-column:2!important;
  grid-row:1!important;
}
.promo-month-collage .c3{
  grid-column:3!important;
  grid-row:1!important;
}

/* Use a nested 3-column top/right geometry without changing the outer
   2-column grid: c2/c3 are each half of the right half, c4 spans it. */
.promo-month-collage{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
}
.promo-month-collage .c1{
  grid-column:1 / 2!important;
  grid-row:1 / 3!important;
}
.promo-month-collage .c2{
  grid-column:2 / 3!important;
  grid-row:1!important;
}
.promo-month-collage .c3{
  grid-column:3 / 4!important;
  grid-row:1!important;
}
.promo-month-collage .c4{
  grid-column:2 / 4!important;
  grid-row:2!important;
}

@media(max-width:760px){
  .promo-month-collage{
    gap:3px!important;
  }
  .promo-month-collage .promo-collage-cell i{
    font-size:8px!important;
    padding:14px 7px 5px!important;
  }
}
/* DVOJKA v4.3.53 — definitive monthly collage override
   The monthly collage is inside .hero. Older v26/v4350 rules position c2/c3 absolutely.
   This block is intentionally last and restores a pure CSS grid for all four cells. */
.hero .promo-month-collage{
  display:grid!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
  gap:4px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.hero .promo-month-collage > .promo-collage-cell,
.hero .promo-month-collage .promo-collage-cell{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  float:none!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.hero .promo-month-collage .promo-collage-cell.c1{
  grid-column:1!important;
  grid-row:1 / 3!important;
}
.hero .promo-month-collage .promo-collage-cell.c2{
  grid-column:2!important;
  grid-row:1!important;
}
.hero .promo-month-collage .promo-collage-cell.c3{
  grid-column:3!important;
  grid-row:1!important;
}
.hero .promo-month-collage .promo-collage-cell.c4{
  grid-column:2 / 4!important;
  grid-row:2!important;
}
.hero .promo-month-collage .promo-collage-cell img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.hero .promo-month-collage .promo-collage-cell i{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  padding:20px 10px 8px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-shadow:0 1px 5px rgba(0,0,0,.9)!important;
  background:linear-gradient(transparent,rgba(0,0,0,.68))!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* DVOJKA v4.3.53 END */


/* DVOJKA v4.3.54 — final monthly collage CSS */
.promo-month-collage{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;gap:4px!important}
.promo-month-collage>.promo-collage-cell{position:relative!important;inset:auto!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
.promo-month-collage>.promo-collage-cell:nth-child(1){grid-column:1!important;grid-row:1 / 3!important}
.promo-month-collage>.promo-collage-cell:nth-child(2){grid-column:2!important;grid-row:1!important}
.promo-month-collage>.promo-collage-cell:nth-child(3){grid-column:3!important;grid-row:1!important}
.promo-month-collage>.promo-collage-cell:nth-child(4){grid-column:2 / 4!important;grid-row:2!important}