/* MenkulEX v1.1.23 — Blog media fill / 5-column desktop stabilization.
   Scoped only to blog/category archives. No source-image cropping for square/portrait creatives;
   landscape photography fills the stage for a visually consistent row. */
.xan-blog-list-premium-v1103 .xan-container{
  width:min(calc(100% - 32px), 1760px)!important;
  max-width:1760px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(5) .xan-blog-card-media-v124{
  width:calc(100% - 20px)!important;
  margin:10px 10px 0!important;
  height:248px!important;
  min-height:248px!important;
  max-height:248px!important;
  padding:8px!important;
  border-radius:21px!important;
  background:#F5F7F8!important;
  border:1px solid #D5DFE5!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* Square / portrait advertising creatives: preserve every pixel, but use almost all stage height. */
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-square .xan-blog-card-media-v124,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-portrait .xan-blog-card-media-v124{
  padding:6px 8px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-square .xan-blog-card-media-v124>img,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-square .xan-blog-card-image-v170,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-portrait .xan-blog-card-media-v124>img,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-portrait .xan-blog-card-image-v170{
  position:static!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:15px!important;
  background:#FFFFFF!important;
  overflow:hidden!important;
  clip-path:inset(0 round 15px)!important;
}
/* Landscape photography: fill the same stage so it does not look smaller than creatives. */
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-landscape .xan-blog-card-media-v124{
  padding:7px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-landscape .xan-blog-card-media-v124>img,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-landscape .xan-blog-card-image-v170{
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:15px!important;
  background:#FFFFFF!important;
  overflow:hidden!important;
  clip-path:inset(0 round 15px)!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-media-bg-v124,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124::before,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124::after{
  display:none!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124>img,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-image-v170{
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  filter:none!important;
  image-rendering:auto!important;
  backface-visibility:hidden!important;
  transform:translateZ(0) scale(1)!important;
  transform-origin:center!important;
  transition:transform .22s ease!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:hover .xan-blog-card-media-v124>img,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:focus-within .xan-blog-card-media-v124>img,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:hover .xan-blog-card-image-v170,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:focus-within .xan-blog-card-image-v170{
  transform:translateZ(0) scale(1.025)!important;
}
/* Common 1920px displays often expose ~1536 CSS px under OS scaling; enable 5-up there. */
@media (min-width: 1480px){
  .xan-blog-list-premium-v1103 .xan-container{
    width:min(calc(100% - 30px), 1840px)!important;
    max-width:1840px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124,
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(5) .xan-blog-card-media-v124{
    height:232px!important;
    min-height:232px!important;
    max-height:232px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103{
    padding:13px 14px 17px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 h2{
    font-size:15.5px!important;
    line-height:1.24!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 p{
    font-size:12.8px!important;
    line-height:1.56!important;
  }
}
@media (max-width: 1479px) and (min-width: 1181px){
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width: 1180px) and (min-width: 861px){
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124,
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(5) .xan-blog-card-media-v124{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
}
@media (max-width: 860px) and (min-width: 641px){
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 640px){
  .xan-blog-list-premium-v1103 .xan-container{
    width:calc(100% - 24px)!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124,
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(5) .xan-blog-card-media-v124{
    width:calc(100% - 20px)!important;
    margin:10px 10px 0!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    border-radius:19px!important;
  }
}
@media (prefers-reduced-motion: reduce){
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-media-v124>img,
  .xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-card-image-v170{
    transition:none!important;
    transform:none!important;
  }
}