/* Seksioni i parë i kryefaqes — Lajmi kryesor (60%), Zgjedhjet e redaktorit, Në trend, Të veçuara. Të gjitha fotot 16:9. */
.home-hero{--hh-accent:#d62828;padding:24px 0 6px;background:transparent}
.home-hero *{box-sizing:border-box}
.home-hero a{text-decoration:none;color:inherit}
.hh-grid{display:grid;grid-template-columns:minmax(0,3.6fr) minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.hh-col{min-width:0;display:flex;flex-direction:column}

/* kokat e seksioneve */
.hh-head{display:flex;align-items:center;border-bottom:1px solid #e3e6ee;margin-bottom:12px}
.hh-head h2{margin:0;padding:0 0 9px;font-size:15px;font-weight:700;line-height:1;color:var(--ink,#111);text-transform:none;position:relative}
.hh-head h2:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;min-width:40px;height:3px;border-radius:3px 3px 0 0;background:var(--hh-accent)}

/* ---- Lajmi kryesor ---- */
.hh-slider{display:flex;flex-direction:column;gap:8px}
.hh-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg,16px);background:#1d2027}
.hh-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .7s ease}
.hh-slide.active{opacity:1;visibility:visible}
.hh-slide img,.hh-card img{width:100%;height:100%;object-fit:cover;display:block}
.hh-overlay{position:absolute;left:0;right:0;bottom:0;padding:50px 14px 12px;color:#fff;display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,rgba(0,0,0,.82) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,0) 100%)}
.hh-overlay-main{padding:100px 26px 22px 26px;gap:10px;background:linear-gradient(to top,rgba(0,0,0,.88) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 100%)}
.hh-chips{display:flex;gap:6px;flex-wrap:wrap}
.hh-chip{display:inline-block;background:var(--hh-accent);color:#fff;font-size:10px;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.hh-chip-lg{font-size:11.5px;padding:6px 12px}
.hh-title{font-size:30px;line-height:1.18;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.hh-title-sm{font-size:13px;line-height:1.3;font-weight:700;text-shadow:none}
.hh-byline{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.92}
.hh-byline b{font-weight:700}
.hh-meta{font-size:11px;opacity:.85;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hh-meta i{font-size:11px;margin-right:2px}
/* miniaturat POSHTË fotos (6) */
.hh-thumbs{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:6px}
.hh-tb{position:relative;display:block;aspect-ratio:16/9;border:0;padding:0;border-radius:var(--r-sm,8px);overflow:hidden;background:#222;cursor:pointer;opacity:.62;transition:opacity .2s,box-shadow .2s}
.hh-tb img{width:100%;height:100%;object-fit:cover;display:block}
.hh-tb:hover{opacity:.9}
.hh-tb.active{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--hh-accent)}

/* ---- Zgjedhjet e redaktorit (3) ---- */
.hh-stack{display:flex;flex-direction:column;justify-content:space-between;gap:14px;flex:1}
.hh-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-md,12px);background:#222}
.hh-card img{transition:transform .5s ease}
.hh-card:hover img,.hh-slide:hover img{transform:scale(1.03)}
.hh-slide img{transition:transform .6s ease}

/* ---- Në trend (5, foto të vogla) ---- */
.hh-list{display:flex;flex-direction:column;justify-content:space-between;flex:1}
.hh-row{display:flex;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid #eceef3}
.hh-row:first-child{padding-top:0}
.hh-row:last-child{border-bottom:0;padding-bottom:0}
.hh-thumb{flex:0 0 72px;width:72px;aspect-ratio:1/1;display:block;overflow:hidden;border-radius:var(--r-sm,8px);background:#e8eaf0}
.hh-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hh-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.hh-cat{color:var(--hh-accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.hh-rtitle{font-size:12.5px;line-height:1.3;font-weight:700;color:var(--ink,#111);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hh-row .hh-meta{color:#868d9b;opacity:1;font-size:10.5px}
.hh-row:hover .hh-rtitle,.hh-fcard:hover .hh-ftitle{color:var(--hh-accent)}

/* ---- Të veçuara ---- */
.hh-featured{margin-top:26px}
.hh-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hh-fcard{display:flex;flex-direction:column;gap:8px;min-width:0}
.hh-fimg{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-md,12px);background:#e8eaf0}
.hh-fimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.hh-fcard:hover .hh-fimg img{transform:scale(1.04)}
.hh-chip-abs{position:absolute;left:10px;bottom:10px}
.hh-ftitle{font-size:14px;line-height:1.3;font-weight:700;color:var(--ink,#111);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hh-fcard .hh-meta{color:#868d9b;opacity:1}

/* dark mode */
.is-dark .hh-head{border-color:#2c303a}
.is-dark .hh-head h2,.is-dark .hh-rtitle,.is-dark .hh-ftitle{color:#eceef3}
.is-dark .hh-row{border-color:#2c303a}

/* responsive */
@media (max-width:1399px){.hh-title{font-size:27px}}
@media (max-width:1199px){
  .hh-grid{grid-template-columns:1fr}
  .hh-overlay-main{padding:80px 22px 18px 20px}.hh-title{font-size:26px}
  .hh-stack{flex-direction:row;gap:14px}.hh-card{flex:1 1 0;aspect-ratio:4/3}
  .hh-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
  .hh-row:first-child{padding-top:7px}.hh-row:last-child{border-bottom:1px solid #eceef3;padding-bottom:7px}
  .hh-thumb{flex-basis:92px;width:92px}.hh-rtitle{font-size:14px;-webkit-line-clamp:3}
}
@media (max-width:991px){.hh-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.hh-list{grid-template-columns:1fr}.hh-title{font-size:22px}}
@media (max-width:575px){
  .hh-title{font-size:19px}.hh-overlay-main{padding:60px 14px 14px 14px}
  .hh-stack{flex-direction:row;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -15px;padding:0 15px 6px;scrollbar-width:none}
  .hh-stack::-webkit-scrollbar{display:none}
  .hh-card{flex:0 0 78%;width:auto;scroll-snap-align:start}
  .hh-thumbs{gap:4px}
  .hh-fgrid{grid-template-columns:1fr}
}

/* titujt e kartave të vogla — gjithmonë më të vegjël se titulli kryesor */
.hh-card .hh-title{font-size:13px;line-height:1.3;font-weight:700}
@media (max-width:991px){.hh-card .hh-title{font-size:15px}}