.news-gid{}
.nht-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nht-title{margin:0;font-weight:700}
@keyframes nht-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.nht-card.is-skeleton .nht-thumb{background:linear-gradient(90deg,#e6e6e6 20%,#cfcfcf 40%,#e6e6e6 60%);background-size:400% 100%;animation:nht-shimmer 1.1s ease-in-out infinite}

/* === New layout: wp-top (desktop like wp.pl hero + side list) === */
@media(min-width:1024px){
  .news-gid.news-gid-top-wp .nht-grid{
    grid-template-columns: 2fr 1fr !important;
    grid-auto-flow: dense;
  }
  /* Big hero on the left spanning two rows */
  .news-gid.news-gid-top-wp .nht-card:nth-child(1){
    grid-column: 1 / 2;
    grid-row: 1 / span 2;
  }
  /* Two smaller under the hero, still in the left column */
  .news-gid.news-gid-top-wp .nht-card:nth-child(2),
  .news-gid.news-gid-top-wp .nht-card:nth-child(3){
    grid-column: 1 / 2;
  }
  /* The rest go to the right column as a vertical list */
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+4){
    grid-column: 2 / 3;
  }
  /* Make right-column cards compact row items */
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+4) .nht-link{
    display:flex;
    gap:10px;
    align-items:center;
  }
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+4) .nht-thumb{
    flex:0 0 120px;
    width:120px;
    height:auto;
    aspect-ratio: 16/9;
    border-radius: 8px;
  }
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+4) .nht-title{
    padding:0;
    -webkit-line-clamp: 3;
  }
}

/* Mobile: first item big, the rest as small row cards below */
@media(max-width:720px){
  .news-gid.news-gid-top-wp .nht-grid{
    grid-template-columns: 1fr !important;
  }
  .news-gid.news-gid-top-wp .nht-card:first-child .nht-link{
    display:block;
  }
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+2) .nht-link{
    display:flex;
    gap:10px;
    align-items:center;
  }
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+2) .nht-thumb{
    flex:0 0 110px;
    width:110px;
    height:auto;
    aspect-ratio: 4/3;
    border-radius: 8px;
  }
  .news-gid.news-gid-top-wp .nht-card:nth-child(n+2) .nht-title{
    padding:0;
    -webkit-line-clamp: 3;
  }
}


/* === New layout: wp-top v2 (stronger overrides) === */
@media(min-width:1024px){
  .news-gid-top-wp .nht-grid{
    display:grid !important;
    grid-template-columns: 2fr 1fr !important;
    grid-auto-flow: dense !important;
    gap: 14px !important;
  }
  /* Hero (first) */
  .news-gid-top-wp .nht-card:nth-child(1){
    grid-column: 1 / 2 !important;
    grid-row: 1 / span 2 !important;
  }
  .news-gid-top-wp .nht-card:nth-child(1) .nht-thumb{
    aspect-ratio: 16/9 !important;
    width: 100% !important;
    height: auto !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .news-gid-top-wp .nht-card:nth-child(1) .nht-title{
    padding: 10px 12px 14px !important;
    font-size: 1.8rem !important;
    line-height: 1.1 !important;
    -webkit-line-clamp: 3 !important;
  }

  /* Dwie mniejsze pod hero (2 i 3) w lewej kolumnie */
  .news-gid-top-wp .nht-card:nth-child(2),
  .news-gid-top-wp .nht-card:nth-child(3){
    grid-column: 1 / 2 !important;
  }
  .news-gid-top-wp .nht-card:nth-child(2) .nht-thumb,
  .news-gid-top-wp .nht-card:nth-child(3) .nht-thumb{
    aspect-ratio: 16/9 !important;
  }

  /* Prawa kolumna – lista kompaktowa od 4 w górę */
  .news-gid-top-wp .nht-card:nth-child(n+4){
    grid-column: 2 / 3 !important;
  }
  .news-gid-top-wp .nht-card:nth-child(n+4) .nht-link{
    display:flex !important;
    align-items:center !important;
    gap: 10px !important;
  }
  .news-gid-top-wp .nht-card:nth-child(n+4) .nht-thumb{
    flex: 0 0 140px !important;
    width: 140px !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
    border-radius: 10px !important;
  }
  .news-gid-top-wp .nht-card:nth-child(n+4) .nht-title{
    padding: 0 !important;
    font-size: 1rem !important;
    -webkit-line-clamp: 3 !important;
  }
}

/* Mobile (<=720): 1 duża + lista poniżej */
@media(max-width:720px){
  .news-gid-top-wp .nht-grid{
    grid-template-columns: 1fr !important;
  }
  /* Pierwsza kafla pełna szerokość, duża miniatura */
  .news-gid-top-wp .nht-card:first-child .nht-link{
    display:block !important;
  }
  .news-gid-top-wp .nht-card:first-child .nht-thumb{
    aspect-ratio: 16/9 !important;
    width: 100% !important;
  }
  .news-gid-top-wp .nht-card:first-child .nht-title{
    padding: 8px 6px 10px !important;
    font-size: 1.35rem !important;
    -webkit-line-clamp: 3 !important;
  }
  /* Reszta: lista kompaktowa */
  .news-gid-top-wp .nht-card:nth-child(n+2) .nht-link{
    display:flex !important;
    align-items:center !important;
    gap: 10px !important;
  }
  .news-gid-top-wp .nht-card:nth-child(n+2) .nht-thumb{
    flex: 0 0 110px !important;
    width: 110px !important;
    height: auto !important;
    aspect-ratio: 4/3 !important;
    border-radius: 10px !important;
  }
  .news-gid-top-wp .nht-card:nth-child(n+2) .nht-title{
    padding: 0 !important;
    font-size: 1rem !important;
    -webkit-line-clamp: 3 !important;
  }
}


/* === Layout: top-wp-lite (CSS-only, no row span to avoid gaps) === */
@media(min-width:1024px){
  .news-gid-top-wp-lite .nht-grid{
    display:grid !important;
    grid-template-columns: minmax(0,2.2fr) minmax(0,1fr) !important;
    gap: 16px !important;
    align-items:start !important;
  }
  .news-gid-top-wp-lite .nht-card:nth-child(1){ grid-column:1/2 !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(1) .nht-thumb{ aspect-ratio:16/9 !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(2),
  .news-gid-top-wp-lite .nht-card:nth-child(3){ grid-column:1/2 !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+4){ grid-column:2/3 !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+4) .nht-link{ display:flex !important; gap:10px !important; align-items:center !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+4) .nht-thumb{ flex:0 0 140px !important; width:140px !important; aspect-ratio:16/9 !important; border-radius:10px !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+4) .nht-title{ padding:0 !important; font-size:1rem !important; -webkit-line-clamp:3 !important; }
}
@media(max-width:720px){
  .news-gid-top-wp-lite .nht-grid{ grid-template-columns:1fr !important; }
  .news-gid-top-wp-lite .nht-card:first-child .nht-thumb{ aspect-ratio:16/9 !important; width:100% !important; }
  .news-gid-top-wp-lite .nht-card:first-child .nht-title{ padding:8px 6px 10px !important; font-size:1.35rem !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+2) .nht-link{ display:flex !important; align-items:center !important; gap:10px !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+2) .nht-thumb{ flex:0 0 110px !important; width:110px !important; aspect-ratio:4/3 !important; border-radius:10px !important; }
  .news-gid-top-wp-lite .nht-card:nth-child(n+2) .nht-title{ padding:0 !important; font-size:1rem !important; -webkit-line-clamp:3 !important; }
}

/* Tweaks */
.nht-right .nht-title{ padding:0; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
.nht-left .nht-card:first-child .nht-thumb{ aspect-ratio:16/9; }


/* === v1.0.2 layout: hero full width on left, two small below; right column list === */
.nht-grid{align-items:start}
.nht-left{display:grid; grid-template-columns: 1fr 1fr; grid-auto-rows:auto; gap:16px}
.nht-left .nht-card.is-hero{grid-column: 1 / -1}
.nht-left .nht-card.is-sub .nht-thumb{aspect-ratio: 16/9}
.nht-left .nht-card.is-sub .nht-title{padding:8px 6px 10px; -webkit-line-clamp:3}

.nht-right{display:flex; flex-direction:column; gap:12px}
.nht-right .nht-card{}
.nht-right .nht-card .nht-link{display:flex; gap:10px; align-items:center}
.nht-right .nht-card .nht-thumb{flex:0 0 140px; width:140px; aspect-ratio:16/9; border-radius:10px}
.nht-right .nht-card .nht-title{padding:0; -webkit-line-clamp:3}

@media(max-width:720px){
  .nht-grid{grid-template-columns:1fr !important}
  .nht-left{grid-template-columns:1fr; gap:12px}
  .nht-right .nht-card .nht-thumb{flex:0 0 110px; width:110px; aspect-ratio:4/3}
}


/* === v1.0.3: WP-like layout & hero overlay === */
.nht-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:18px;align-items:start}
.nht-left{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nht-left .nht-card.is-hero{grid-column:1 / -1}
.nht-left .nht-card.is-hero .nht-link{position:relative; display:block; overflow:hidden; border-radius:12px}
.nht-left .nht-card.is-hero .nht-thumb{aspect-ratio:16/9; border-bottom-left-radius:0; border-bottom-right-radius:0}
.nht-left .nht-card.is-hero .nht-title{
  position:absolute; left:16px; right:16px; bottom:16px;
  margin:0; padding:10px 12px;
  font-size:2.1rem; line-height:1.05; color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.7);
  -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
}
/* subs under hero */
.nht-left .nht-card.is-sub .nht-thumb{aspect-ratio:16/9; border-radius:12px}
.nht-left .nht-card.is-sub .nht-title{padding:8px 6px 10px; -webkit-line-clamp:3}

/* right column list */
.nht-right{display:flex;flex-direction:column;gap:12px}
.nht-right .nht-card .nht-link{display:flex;gap:12px;align-items:center}
.nht-right .nht-card .nht-thumb{flex:0 0 140px;width:140px;aspect-ratio:16/9;border-radius:12px}
.nht-right .nht-card .nht-title{padding:0; -webkit-line-clamp:3}

/* Rounding & shadows (subtle) */
.nht-card{border-radius:12px; overflow:hidden; box-shadow:0 12px 36px rgba(0,0,0,.08)}
.nht-thumb img{border-radius:inherit}

/* Mobile */
@media(max-width:720px){
  .nht-grid{grid-template-columns:1fr; gap:14px}
  .nht-left{grid-template-columns:1fr; gap:12px}
  .nht-left .nht-card.is-hero .nht-title{font-size:1.4rem; left:10px; right:10px; bottom:10px; padding:8px 10px}
  .nht-right .nht-card .nht-thumb{flex:0 0 110px;width:110px;aspect-ratio:4/3}
}


/* === v1.0.4: force left/right to span the full grid height (no gaps on the right) === */
.nht-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:18px;align-items:start}
.nht-left{grid-column:1/2; grid-row:1/span 2}
.nht-right{grid-column:2/3; grid-row:1/span 2}
@media(max-width:720px){
  .nht-left{grid-column:auto; grid-row:auto}
  .nht-right{grid-column:auto; grid-row:auto}
}


/* v1.0.11: finalize layout */
.nht-card{ box-shadow: none !important; }
@media(max-width:720px){
  .nht-left{ grid-template-columns:1fr; gap:12px }
  .nht-left .nht-card.is-hero .nht-thumb{ aspect-ratio: var(--nht-hero-mobile-aspect, 3/4); width:100% }
  .nht-left .nht-card.is-sub .nht-link{ display:flex; gap:10px; align-items:center }
  .nht-left .nht-card.is-sub .nht-thumb{ flex:0 0 var(--nht-right-thumb-mobile, 100px); width:var(--nht-right-thumb-mobile, 100px); aspect-ratio: var(--nht-right-aspect, 1/1); border-radius:12px }
  .nht-left .nht-card.is-sub .nht-title{ padding:0; -webkit-line-clamp:3 }
}


/* v1.0.14: Mobile full-bleed hero + unified mobile list aspect */
@media(max-width:720px){
  /* Full-bleed hero (edge-to-edge) */
  .news-hero-top .nht-left .nht-card.is-hero .nht-link,
  .news-hero-top .nht-left .nht-card.is-hero .nht-thumb{
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    aspect-ratio: var(--nht-hero-mobile-aspect, 3/4) !important;
  }
  /* Unify ALL mobile list thumbs (subs under hero + any right-list rows) */
  .news-hero-top .nht-left .nht-card.is-sub .nht-thumb,
  .news-hero-top .nht-right .nht-card .nht-thumb{
    aspect-ratio: var(--nht-right-aspect-mobile, 4/3) !important;
  }
}


/* === NHT instant skeleton styles === */
.nht-card.is-skeleton .nht-thumb,
.nht-card.is-skeleton .nht-title {
  background: #eee;
  position: relative;
  overflow: hidden;
}
.nht-card.is-skeleton .nht-title {
  height: 1.1em;
  border-radius: 6px;
}
.nht-card.is-skeleton .nht-thumb::after,
.nht-card.is-skeleton .nht-title::after {
  content: "";
  position: absolute; inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  animation: nht-shimmer 1.2s infinite linear;
}
@keyframes nht-shimmer { to { transform: translateX(100%); } }

@media (max-width: 720px) {
  .news-hero-top .nht-card.is-hero.is-skeleton {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
  }
  .news-hero-top .nht-card.is-hero.is-skeleton .nht-thumb {
    width: 100vw;
    height: calc(100vw * 0.75); /* 4/3 default */
    border-radius: 0;
  }
  .news-hero-top .nht-card.is-list.is-skeleton .nht-thumb {
    height: var(--nht-right-thumb-mobile, 100px);
  }
}
@media (min-width: 721px) {
  .news-hero-top .nht-card.is-hero.is-skeleton .nht-thumb { aspect-ratio: 16 / 9; }
  .news-hero-top .nht-card.is-sub.is-skeleton  .nht-thumb  { aspect-ratio: 4 / 3; }
  .news-hero-top .nht-card.is-list.is-skeleton .nht-thumb { height: var(--nht-right-thumb, 128px); }
}

/* Transition: reveal content once ready */


/* Ensure consistent right list thumbnail height */
@media (min-width: 721px) {
  .news-hero-top .nht-card.is-list .nht-thumb { max-height: 9999px; } /* allow JS-set height */
}
@media (max-width: 720px) {
  .news-hero-top .nht-card.is-list .nht-thumb { max-height: 9999px; } /* allow JS-set height */
}