/* Tinologi 2.4.7 — non-cropping media system
 * Recommended editorial thumbnail: 1200 × 675 px (16:9).
 * Every post thumbnail is rendered without stretching or cropping. Older images
 * with another ratio are letterboxed inside a soft 16:9 frame instead of cut.
 */
:root{--tino-media-bg:#f4f8fc}

/* Shared article/card media frames */
.post-row-cover,
.post-row>div:first-child,
.feature-large>div:first-child,
.feature-large-media,
.post-card>div:first-child,
.post-card-media,
.category-mini>div:first-child,
.home-hero .side-feature-media{
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--tino-media-bg)!important;
}

.post-row-cover img,
.post-row>div:first-child img,
.feature-large>div:first-child img,
.feature-large-media img,
.post-card>div:first-child img,
.post-card-media img,
.category-mini>div:first-child img,
.home-hero .side-feature-media img,
.related-grid .post-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--tino-media-bg)!important;
}

/* Placeholder covers use the same editorial ratio so cards do not jump. */
.post-row-cover .cover,
.post-row>div:first-child .cover,
.feature-large>div:first-child .cover,
.feature-large-media .cover,
.post-card>div:first-child .cover,
.post-card-media .cover,
.category-mini>div:first-child .cover,
.home-hero .side-feature-media .cover{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

/* Hero background is never zoom-cropped. Standard 1200×675 images fill it best. */
.home-hero .lead-bg{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#123d66!important;
}

/* Side hero cards: keep a real 16:9 thumbnail rather than a tall cropped strip. */
.home-hero .side-feature{
  grid-template-columns:148px minmax(0,1fr)!important;
  align-items:center!important;
}
.home-hero .side-feature-media{width:148px!important;align-self:center!important}

/* Promo / affiliate cards: whole card is the affiliate link; one CTA is enough. */
.promo-card{cursor:pointer}
.promo-card-media{
  aspect-ratio:16/9!important;
  height:auto!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:var(--tino-media-bg)!important;
}
.promo-card-media::after{display:none!important}
.promo-price{margin-top:auto;padding-top:4px;color:#143e68;font-size:14px;font-weight:700}
.promo-card-foot{margin-top:10px!important;justify-content:flex-start!important}
.promo-card-foot strong{display:inline-flex;align-items:center;gap:6px;color:var(--blue)!important}
.promo-card-foot strong .icon{width:14px;height:14px}
.promo-card-foot span{display:none!important}

/* Single post Featured Image keeps its native ratio; no crop, no stretch. */
.single-post .article-hero-image img{width:100%!important;height:auto!important;object-fit:contain!important}

@media(max-width:980px){
  .home-hero .side-feature{grid-template-columns:132px minmax(0,1fr)!important}
  .home-hero .side-feature-media{width:132px!important}
}
@media(max-width:560px){
  .home-hero .side-feature{grid-template-columns:120px minmax(0,1fr)!important}
  .home-hero .side-feature-media{width:120px!important}
}