/* =============================================================================
   ATRAKCJE - podstrony atrakcji w okolicy (nocleg blisko X)
   Dziedziczy tokens/base/components/sections/hero/apartament. Prefiks .atr-
   ============================================================================= */

.atr-prose { max-width: 780px; }
.atr-prose p { color: var(--muted); line-height: 1.9; margin-top: 18px; font-size: 1.04rem; }
.atr-prose p:first-child { margin-top: 0; }

/* lista atutów w ciemnej sekcji "dlaczego u nas" */
.atr-bullets { margin-top: 26px; display: flex; flex-direction: column; gap: 15px; }
.atr-bullet { display: flex; gap: 13px; align-items: flex-start; color: rgba(255,255,255,0.82); font-size: 0.96rem; line-height: 1.55; }
.atr-bullet svg { width: 20px; height: 20px; color: var(--gold-lite); flex-shrink: 0; margin-top: 2px; }

/* sekcja "dlaczego u nas" - układ tekst + atuty */
.atr-why__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 5vw, 80px); align-items: center; }
@media (max-width: 860px) { .atr-why__grid { grid-template-columns: 1fr; gap: 34px; } }

/* praktyczne info */
.atr-info__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2vw, 28px); }
.atr-info__card { background: var(--cream-3, #fff); border: 1px solid var(--line); padding: clamp(24px, 2.6vw, 34px); }
.atr-info__ico { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--sand); color: var(--gold-deep); margin-bottom: 14px; }
.atr-info__ico svg { width: 21px; height: 21px; }
.atr-info__t { font-family: var(--font-display); font-size: 1.1rem; color: var(--text-strong); margin-bottom: 6px; }
.atr-info__d { font-size: 0.9rem; color: var(--muted); line-height: 1.6; }
@media (max-width: 760px) { .atr-info__grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; } }