/* MenkulEX v1.1.21 — Blog archive 4-column desktop grid + consistent media fit.
   Scope: blog archive / category archive front card layer only.
   Goal: 4-up desktop layout, consistent image stage, rounded corners, sharper dark visuals. */
.xan-blog-list-premium-v1103 .xan-container{
  width:min(calc(100% - 34px), 1660px)!important;
  max-width:1660px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(1),
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(5),
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:nth-child(8){
  grid-column:auto / span 1!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103{
  border-radius:24px!important;
  overflow:hidden!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% - 28px)!important;
  margin:14px 14px 0!important;
  min-height:228px!important;
  max-height:228px!important;
  height:228px!important;
  aspect-ratio:16/10!important;
  padding:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#F5F7F8!important;
  border:1px solid #D7E0E6!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:none!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{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#FFFFFF!important;
  border-radius:18px!important;
  filter:none!important;
  opacity:1!important;
  image-rendering:auto!important;
  image-rendering:-webkit-optimize-contrast!important;
  backface-visibility:hidden!important;
  transform:translateZ(0) scale(1)!important;
  transition:transform .24s ease!important;
  will-change:transform!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.03)!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-body-v1103{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px 18px 22px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 h2{
  font-size:clamp(17px,1.05vw,21px)!important;
  line-height:1.25!important;
  min-height:3.75em!important;
  max-height:3.75em!important;
  margin:0 0 12px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 p{
  font-size:14px!important;
  line-height:1.62!important;
  min-height:6.5em!important;
  max-height:6.5em!important;
  margin:0 0 18px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-actions-v1103{
  margin-top:auto!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;
  }
}
@media (max-width: 1480px){
  .xan-blog-list-premium-v1103 .xan-container{
    width:min(calc(100% - 32px), 1380px)!important;
    max-width:1380px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width: 1080px){
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 760px){
  .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% - 24px)!important;
    margin:12px 12px 0!important;
    min-height:210px!important;
    max-height:210px!important;
    height:210px!important;
    border-radius:20px!important;
    padding:8px!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{
    border-radius:14px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 h2,
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 p{
    min-height:auto!important;
    max-height:none!important;
  }
}