/* ===== Header2 fallback ===== */
.pp-header2__inner{ max-width: 75%; margin: 0 auto; }
.pp-header2__title{
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 10px 32px;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
}
.pp-header2__sub{ margin:10px 0 0; opacity:.75; max-width:72ch; }

/* ===== Kollekciók ===== */
.pp-collections{
  padding: 18px 18px 64px;
  --pp-card-h: 390px; /* ✅ 1 helyen állítod a fix kártyamagasságot */
}
.pp-collections__inner{ max-width: 75%; margin: 0 auto; }

/* alap grid */
.pp-collections__grid{
  display:grid;
  gap:16px;
  grid-auto-rows: var(--pp-card-h); /* ✅ minden nézetben ugyanaz */
}

/* kártya alap */
.pp-collections-card{
  position: relative;
  height: 100%;                 /* ✅ töltse ki a grid sort */
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease;
}
.pp-collections-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.14);
}
.pp-collections-card--noimg{
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.06);
}
.pp-collections-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,0) 55%);
  pointer-events:none;
}
.pp-collections-card__pill{
  position:absolute;
  left: 12px;
  top: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.85);
  color:#111;
  font-weight: 700;
  font-size: 13px;
  backdrop-filter: blur(8px);
}

/* szöveges kártya */
.pp-collections-card--text{
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.06);
}
.pp-collections-card--text::before{ display:none; }
.pp-collections-card__body{ padding:16px 16px 18px; }
.pp-collections-card__title{ margin:0; font-size:16px; font-weight:800; color:#111; }
.pp-collections-card__desc{ margin:10px 0 0; font-size:13px; line-height:1.45; opacity:.75; color:#111; }

/* ===== DARABSZÁM szerinti layout (csak szélesség változik, magasság fix) ===== */

/* 1 db */
.pp-collections--count-1 .pp-collections__grid{
  grid-template-columns: 1fr;
}

/* ❌ kivettük, mert eltérő magasságot csinál:
.pp-collections--count-1 .pp-collections-card{ min-height: 260px; }
*/

/* 2 db */
.pp-collections--count-2 .pp-collections__grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ❌ kivettük, mert eltérő magasságot csinál:
.pp-collections--count-2 .pp-collections__grid{ grid-auto-rows: 220px; }
*/

/* 3-4-5+ */
.pp-collections--count-3 .pp-collections__grid,
.pp-collections--count-4 .pp-collections__grid,
.pp-collections--count-5plus .pp-collections__grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 3 db: 1. és 3. szélesebb (de nem magasabb) */
.pp-collections--count-3 .pp-collections-card:nth-child(1),
.pp-collections--count-3 .pp-collections-card:nth-child(3){
  grid-column: span 2;
  grid-row: span 1; /* ✅ biztosan ne legyen magasabb */
}

/* 4 db: 1. szélesebb felül */
.pp-collections--count-4 .pp-collections-card:nth-child(1){
  grid-column: span 2;
  grid-row: span 1;
}

/* 5+: 1. szélesebb */
.pp-collections--count-5plus .pp-collections-card:nth-child(1){
  grid-column: span 2;
  grid-row: span 1;
}

/* ❌ kivettük, mert magasabb kártyát csinálna:
.pp-collections--count-5plus .pp-collections-card:nth-child(5){
  grid-row: span 2;
}
*/

/* Mobil: 1 oszlop, magasság továbbra is egységes (ha kell, itt állítható) */
@media (max-width: 820px){
  .pp-collections{
    --pp-card-h: 190px; /* marad egységes */
  }
  .pp-collections__grid{
    grid-template-columns: 1fr !important;
  }
  .pp-collections-card{
    grid-column: auto !important;
    grid-row: auto !important;
  }
}