/* MenkulEX v1.1.22 — Blog archive final balance.
   Scope: blog/category archive cards only.
   Standard web = 4 columns, ultra-wide = 5 columns.
   Also balances media safe-area and shortens card rhythm. */
.xan-blog-list-premium-v1103 .xan-container{
  width:min(calc(100% - 40px), 1640px)!important;
  max-width:1640px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!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;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:22px!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% - 24px)!important;
  margin:12px 12px 0!important;
  min-height:212px!important;
  max-height:212px!important;
  height:212px!important;
  aspect-ratio:16/10!important;
  padding:10px!important;
  border-radius:22px!important;
  background:#F5F7F8!important;
  border:1px solid #D7E0E6!important;
  box-shadow:none!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.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-square:nth-child(5) .xan-blog-card-media-v124{
  padding:10px 22px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-portrait .xan-blog-card-media-v124,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-portrait:nth-child(5) .xan-blog-card-media-v124{
  padding:10px 26px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-landscape .xan-blog-card-media-v124,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103.media-landscape:nth-child(5) .xan-blog-card-media-v124{
  padding:10px 12px!important;
}
.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,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103 .xan-blog-media-bg-v124{
  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;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  opacity:1!important;
  filter:none!important;
  image-rendering:auto!important;
  image-rendering:-webkit-optimize-contrast!important;
  backface-visibility:hidden!important;
  transform:translateZ(0) scale(1)!important;
  transition:transform .22s 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.025)!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:hover,
.xan-blog-list-premium-v1103 .xan-blog-card-premium-v1103:focus-within{
  box-shadow:0 14px 28px rgba(4,31,64,.08)!important;
  border-color:#C5D1D9!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-body-v1103{
  padding:14px 16px 18px!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-meta-v1103{
  margin-bottom:8px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-meta-v1103 small{
  font-size:10.5px!important;
  line-height:1.2!important;
  padding:8px 12px!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 h2{
  font-size:clamp(16px,0.95vw,18px)!important;
  line-height:1.24!important;
  font-weight:500!important;
  letter-spacing:-.014em!important;
  min-height:3.72em!important;
  max-height:3.72em!important;
  margin:0 0 10px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 p{
  font-size:13.5px!important;
  line-height:1.58!important;
  color:#13364C!important;
  min-height:6.32em!important;
  max-height:6.32em!important;
  margin:0 0 16px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-actions-v1103{
  margin-top:auto!important;
}
.xan-blog-list-premium-v1103 .xan-blog-card-actions-v1103 .xan-blog-read-v124{
  min-height:40px!important;
  padding:0 14px!important;
  font-size:12.5px!important;
  border-radius:13px!important;
}
@media (min-width: 1750px){
  .xan-blog-list-premium-v1103 .xan-container{
    width:min(calc(100% - 48px), 1880px)!important;
    max-width:1880px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(5,minmax(0,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{
    min-height:198px!important;
    max-height:198px!important;
    height:198px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 h2{
    font-size:clamp(15px,.86vw,17px)!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-card-body-v1103 p{
    font-size:13px!important;
  }
}
@media (max-width: 1360px){
  .xan-blog-list-premium-v1103 .xan-container{
    width:min(calc(100% - 32px), 1320px)!important;
    max-width:1320px!important;
  }
  .xan-blog-list-premium-v1103 .xan-blog-grid-premium-v1103{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width: 1040px){
  .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:208px!important;
    max-height:208px!important;
    height:208px!important;
    padding:8px 10px!important;
    border-radius:20px!important;
  }
  .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:8px 18px!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;
  }
}
@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;
  }
}