/* ============================================================
   SUN KIDS — лагерь SUNLAND
   Природная версия палитры: зелёный вместо синего в hero
   ============================================================ */

.sk-camp { --sk-camp-green: #2E7D4F; --sk-camp-green-dark: #22603C; }

.sk-camp-hero { background: var(--sk-camp-green); color: #fff; overflow: hidden; padding-top: clamp(22px, 3vw, 34px); padding-bottom: clamp(30px, 4vw, 56px); }
.sk .sk-camp-hero h1 { color: #fff; }
.sk-camp-hero .sk-lead { color: rgba(255,255,255,.9); }
.sk-camp-hero .sk-eyebrow { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); color: #fff; }
.sk-badge--green { background: var(--sk-yellow); color: var(--sk-ink); }

/* Открытия — зигзаг */
.sk-camp-blocks { display: grid; gap: clamp(40px, 6vw, 80px); }
.sk-camp-block { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.sk-camp-block.is-flip .sk-camp-block__media { order: 2; }
.sk-camp-block__media { position: relative; padding-bottom: 28px; }
.sk-camp-block__main img, .sk-camp-block__main .sk-ph {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
  border-radius: var(--sk-r-lg);
}
.sk-camp-block__extra {
  position: absolute; right: -14px; bottom: 0; width: 42%;
  border: 6px solid #fff; border-radius: var(--sk-r); overflow: hidden;
  box-shadow: var(--sk-shadow-lg);
}
.sk-camp-block.is-flip .sk-camp-block__extra { right: auto; left: -14px; }
.sk-camp-block__extra img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sk-camp-block__num {
  display: inline-block; font-size: 15px; font-weight: 900; letter-spacing: .1em;
  color: var(--sk-camp-green); background: #E3F2E8;
  padding: 6px 14px; border-radius: var(--sk-r-pill); margin-bottom: 14px;
}
.sk .sk-camp-block h3 { font-size: clamp(22px, 2.6vw, 30px); margin-bottom: 14px; }
.sk-camp-block p { font-size: 17px; line-height: 1.7; color: var(--sk-ink-soft); }

/* Спорт */
.sk-camp-sport { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.sk-camp-sport__item { margin: 0; background: #fff; border-radius: var(--sk-r); overflow: hidden; box-shadow: 0 6px 22px rgba(122, 90, 0, .14); }
.sk-camp-sport__item img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sk-camp-sport__item figcaption { padding: 14px 16px; font-weight: 800; font-size: 15.5px; color: var(--sk-ink); }

/* Цены */
.sk-camp-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.sk-camp-price {
  display: flex; flex-direction: column; gap: 4px;
  padding: 18px 20px; border-radius: var(--sk-r);
  background: var(--sk-bg); border: 1px solid var(--sk-line);
}
.sk-camp-price.is-main { background: #E3F2E8; border-color: #BFE0C9; }
.sk-camp-price__term { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--sk-ink-soft); }
.sk-camp-price__sum { font-size: 30px; font-weight: 900; color: var(--sk-ink); letter-spacing: -.02em; }
.sk-camp-price__sum small { font-size: 16px; font-weight: 800; color: var(--sk-ink-soft); }
.sk-camp .sk-bmap__addr { margin-top: 20px; }

@media (max-width: 960px) {
  .sk-camp-block { grid-template-columns: 1fr; }
  .sk-camp-block.is-flip .sk-camp-block__media { order: 0; }
  .sk-camp-block__extra { right: 10px; }
  .sk-camp-block.is-flip .sk-camp-block__extra { left: 10px; }
  .sk-camp-sport { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   Городской лагерь SUNKIDS Summer Camp
   ============================================================ */

.sk-cc-hero .sk-crumbs, .sk-cc-hero .sk-crumbs a { color: #7A5A00; }
.sk-cc-hero .sk-crumbs [aria-current] { color: var(--sk-ink); }
.sk-cc-hero .sk-lead { color: #5E4600; }
.sk-cc-hero .sk-bfacts li { background: rgba(255,255,255,.45); border-color: rgba(255,255,255,.7); }
.sk-cc-hero .sk-bfacts__label { color: #7A5A00; }
.sk-cc-hero .sk-bfacts__value { color: var(--sk-ink); }
.sk-cc-hero .sk-framed { border-color: #fff; background: rgba(255,255,255,.25); position: relative; z-index: 1; }
.sk-cc-hero .sk-sun { z-index: 2; top: -60px; right: -30px; }
.sk-cc-hero .sk-sun circle { fill: #fff; }
.sk-cc-hero .sk-sun g { stroke: #fff; }

/* Что предлагаем */
.sk-cc-offer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.sk-cc-offer__item {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 18px; border-radius: var(--sk-r);
  background: var(--sk-bg); border: 1px solid var(--sk-line);
}
.sk-cc-offer__ico {
  width: 46px; height: 46px; flex: 0 0 46px; border-radius: 50%;
  display: grid; place-items: center; background: #fff; color: var(--sk-blue);
  box-shadow: 0 2px 8px rgba(31,58,77,.08);
}
.sk-cc-offer__item--sport .sk-cc-offer__ico { color: #1E8C6E; }
.sk-cc-offer__item--art .sk-cc-offer__ico { color: #C2185B; }
.sk-cc-offer__item--fun .sk-cc-offer__ico { color: var(--sk-coral); }
.sk-cc-offer__item--care .sk-cc-offer__ico { color: #B37700; }
.sk-cc-offer__text { display: flex; flex-direction: column; gap: 2px; }
.sk-cc-offer__text strong { font-size: 16px; font-weight: 800; color: var(--sk-ink); }
.sk-cc-offer__text small { font-size: 13.5px; color: var(--sk-ink-soft); }

/* Где + почему */
.sk-cc-where { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
.sk-cc-where .sk-lead { margin: 16px 0 24px; }
.sk-cc-zones { display: flex; flex-wrap: wrap; gap: 10px; }
.sk-cc-zone {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 20px; border-radius: var(--sk-r-pill);
  background: #fff; color: var(--sk-ink); font-weight: 900; font-size: 16px; text-decoration: none;
  transition: transform .15s ease;
}
.sk-cc-zone:hover { transform: translateY(-2px); color: var(--sk-coral); }
.sk-cc-zone__pin { width: 12px; height: 12px; border-radius: 50%; background: var(--sk-yellow); box-shadow: 0 0 0 4px rgba(251,169,25,.25); }
.sk-cc-why__photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--sk-r-lg); margin-bottom: 22px; }
.sk .sk-cc-why h3 { color: #fff; margin-bottom: 14px; }

/* SUNLAND-тизер */
.sk-cc-sunland-sec { padding-bottom: clamp(24px, 3vw, 40px); }
.sk-cc-sunland { display: grid; grid-template-columns: .9fr 1.1fr; gap: 0; padding: 0; overflow: hidden; text-decoration: none; }
.sk-cc-sunland__photo img { display: block; width: 100%; height: 100%; min-height: 260px; object-fit: cover; }
.sk-cc-sunland__text { padding: clamp(24px, 3.5vw, 44px); align-self: center; }
.sk .sk-cc-sunland h2 { font-size: clamp(22px, 2.6vw, 30px); margin-bottom: 12px; }
.sk-cc-sunland p { color: var(--sk-ink-soft); font-size: 16px; line-height: 1.6; }
.sk-cc-sunland .sk-camp-block__num { color: #2E7D4F; background: #E3F2E8; }

@media (max-width: 960px) {
  .sk-cc-offer { grid-template-columns: repeat(2, 1fr); }
  .sk-cc-where, .sk-cc-sunland { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .sk-cc-offer { grid-template-columns: 1fr; }
}