/* Teenuselehed: Privaatne SPA, Majutus, Peod ja pulmad (12.10.2026).
   Põhistiilid: pealeht.css + matkad.css + suvepaevad.css */

/* Paketikaardid kõrvuti (SPA): inimesed · kestus · sisu · alates-hind · nupp */
.paketid {
  max-width: var(--laius); margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; align-items: stretch;
}
.pakett {
  display: grid; grid-template-rows: auto auto 1fr auto; gap: .9rem;
  background: var(--valge); border: 1px solid var(--joon); border-radius: var(--raadius);
  padding: 1.5rem 1.3rem 1.3rem;
}
.pakett--esile { border-color: var(--kuld); box-shadow: 0 10px 30px rgba(143, 111, 36, .12); }
.pakett__nr { font-family: var(--kiri-pealkiri); font-size: .85rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--kuld-tume); }
.pakett__nimi { font-family: var(--kiri-pealkiri); font-size: 1.35rem; font-weight: 700; line-height: 1.15; margin-top: .2rem; }
.pakett__andmed { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.pakett__andmed li { font-size: .85rem; background: var(--hele); border: 1px solid var(--joon); border-radius: 999px; padding: .15rem .65rem; color: var(--hall); }
.pakett .pakett__sisu { align-self: start; font-size: .97rem; }
.pakett__jalus { display: grid; gap: .8rem; border-top: 1px solid var(--joon); padding-top: 1rem; }
.pakett__hind { font-family: var(--kiri-pealkiri); font-size: 1.9rem; font-weight: 700; line-height: 1; }
.pakett__hind small { display: block; font-family: var(--kiri); font-size: .8rem; font-weight: 500; color: var(--hall); letter-spacing: .02em; margin-bottom: .3rem; }
.pakett__lisa { font-size: .88rem; color: var(--hall); }
.pakett .nupp { justify-self: stretch; text-align: center; }
.paketid__markus { max-width: 70ch; margin: 1.6rem auto 0; text-align: center; color: var(--hall); font-size: .95rem; }

/* Hoonete kaardid (Majutus): suur number + kirjeldus */
.hooned { max-width: var(--laius); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.hoone { background: var(--valge); border: 1px solid var(--joon); border-radius: var(--raadius); padding: 1.6rem 1.5rem; display: grid; gap: .6rem; align-content: start; }
.hoone__arv { font-family: var(--kiri-pealkiri); font-size: 3.2rem; font-weight: 700; line-height: 1; color: var(--kuld-tume); }
.hoone__arv span { font-size: 1rem; font-weight: 500; color: var(--hall); margin-left: .3rem; }
.hoone h3 { font-family: var(--kiri-pealkiri); font-size: 1.25rem; }
.hoone p { color: var(--hall); }
.hooned__kokku {
  max-width: var(--laius); margin: 1.4rem auto 0; padding: 1.1rem 1.4rem; border-radius: var(--raadius);
  background: var(--tint); color: var(--valge); display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; align-items: baseline; justify-content: center; text-align: center;
}
.hooned__kokku strong { font-family: var(--kiri-pealkiri); font-size: 1.5rem; color: var(--kuld); }

/* Pildirida */
.pildirida { max-width: var(--laius); margin: 2rem auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.pildirida img { width: 100%; height: 220px; object-fit: cover; border-radius: 10px; }

/* Pilt + tekst kõrvuti */
.kylg { max-width: var(--laius); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.kylg--vastu > :first-child { order: 2; }
.kylg__pilt img { width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: var(--raadius); }
.kylg__tekst { display: grid; gap: 1rem; }
.kylg__tekst .osa__pealkiri { text-align: left; }
.kylg__tekst p { color: var(--hall); }
.kylg__tekst ul { margin: 0; }

/* Saunarituaali sammud */
.sammud { max-width: var(--laius); margin: 0 auto; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; counter-reset: samm; }
.sammud li { counter-increment: samm; background: var(--valge); border: 1px solid var(--joon); border-radius: var(--raadius); padding: 1.3rem; }
.sammud li::before { content: counter(samm); display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--kuld); color: var(--tint); font-family: var(--kiri-pealkiri); font-weight: 700; margin-bottom: .8rem; }
.sammud strong { display: block; font-size: 1.08rem; margin-bottom: .3rem; }
.sammud span { color: var(--hall); font-size: .97rem; }

/* Sündmuste valik (Peod): tekstikaardid */
.syndmused { max-width: var(--laius); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.syndmus { background: var(--valge); border: 1px solid var(--joon); border-radius: var(--raadius); padding: 1.4rem; display: grid; gap: .45rem; align-content: start; }
.syndmus h3 { font-family: var(--kiri-pealkiri); font-size: 1.2rem; }
.syndmus p { color: var(--hall); font-size: .98rem; }

/* Kodukord: lubatud / keelatud */
.kord { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.kord > div { border-radius: var(--raadius); padding: 1.3rem 1.4rem; border: 1px solid var(--joon); background: var(--valge); }
.kord h3 { font-family: var(--kiri-pealkiri); font-size: 1.1rem; margin-bottom: .6rem; }
.kord ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .45rem; color: var(--hall); }
.kord .jah li::before { content: '✓'; color: #2d6a1f; font-weight: 700; margin-right: .5rem; }
.kord .ei li::before { content: '✕'; color: #a43333; font-weight: 700; margin-right: .5rem; }

/* Google'i arvustused */
.arvustused {
  max-width: 760px; margin: 0 auto; text-align: center; display: grid; gap: .6rem; justify-items: center;
  border: 1px solid var(--joon); border-radius: var(--raadius); background: var(--valge); padding: 1.8rem 1.4rem;
}
.arvustused .arvustused__tarnid { color: var(--kuld); font-size: 1.6rem; letter-spacing: .15em; line-height: 1; }
.arvustused .arvustused__hinne { color: var(--tint); font-family: var(--kiri-pealkiri); font-size: 1.3rem; font-weight: 700; }
.arvustused p { color: var(--hall); }

@media (max-width: 1080px) {
  .paketid { grid-template-columns: repeat(2, 1fr); }
  .sammud { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .paketid, .hooned, .syndmused, .sammud, .kord, .kylg { grid-template-columns: 1fr; }
  .kylg--vastu > :first-child { order: 0; }
  .pildirida { grid-template-columns: 1fr 1fr; }
  .pildirida img { height: 150px; }
}