/* ============================================================
   Дом Фенікса — сітка карт Таро.
   ============================================================ */

.df-cards-wrap{padding:0}
.df-cards{
  list-style:none;margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
  gap:26px 20px;
}

.df-card a{
  display:flex;flex-direction:column;gap:12px;
  text-decoration:none;color:inherit;
}

.df-card-face{
  display:block;position:relative;
  aspect-ratio:2/5;                    /* пропорція цієї колоди (класична 59:100 не підходить) */
  border:1px solid rgba(201,169,97,.28);
  background:#0B1136;overflow:hidden;
  transition:border-color .25s, transform .25s, box-shadow .25s;
}
.df-card a:hover .df-card-face{
  border-color:var(--df-gold,#C9A961);
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}

.df-card-img{display:block;width:100%;height:100%;object-fit:cover}
.df-card-img--rev{transform:rotate(180deg)}

/* Заглушка, поки картинки не залиті: сітка лишається цілісною */
.df-card-img--empty{
  display:grid;place-items:center;width:100%;height:100%;
  color:rgba(201,169,97,.45);background:#151B4E;
}
.df-card-img--empty svg{width:74%;height:auto}

.df-card-meta{display:flex;flex-direction:column;gap:3px;text-align:center}
.df-card-num{
  font-size:.66rem;letter-spacing:.18em;
  color:rgba(201,169,97,.75);font-weight:700;
}
.df-card-name{
  font-family:var(--df-display,'Forum',serif);
  font-size:1.02rem;line-height:1.2;letter-spacing:.02em;
  color:var(--df-gold-lit,#E9D19B);
}
.df-card-kw{
  font-size:.76rem;line-height:1.35;
  color:rgba(242,236,220,.52);
}

.df-cards-empty{color:rgba(242,236,220,.6);font-size:.95rem}

@media (max-width:600px){
  .df-cards{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:20px 14px}
  .df-card-name{font-size:.92rem}
  .df-card-kw{display:none}
}
@media (prefers-reduced-motion:reduce){
  .df-card a:hover .df-card-face{transform:none}
}


/* ── Архів карт (/karty-taro) ──────────────────────────── */

.df-archive-main{
  margin-top:0 !important;
  margin-block-start:0 !important;
  padding-top:20px;
  padding-bottom:56px;
}
.df-archive-title{
  font-family:var(--df-display,'Forum',serif);
  font-size:clamp(2rem,4vw,3rem);
  letter-spacing:.01em;
  color:var(--df-gold-lit,#E9D19B);
  text-align:center;
  margin:0 0 34px;
}