/* Штыковские пруды — общие стили сайта (из макета Claude Design).
   Всё локально: шрифты свои, без CDN. */

@font-face { font-family: 'Display'; src: url('../fonts/PTSansNarrow-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Golos'; src: url('../fonts/GolosText.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }

* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green: #83B84E;
  --green-dark: #6a9e39;
  --orange: #F2A03D;
  --olive: #4E5330;
  --ink: #1E241E;
  --cream: #F3F2ED;
  --winter: #4FA3D1;
  /* Акцент сезона: летом зелёный, зимой голубой (переключает season.js) */
  --accent: var(--green);
}
html[data-season="winter"] { --accent: var(--winter); }

body { background: #F3F2ED; color: #1E241E; font-family: 'Golos', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #1E241E; }
a:hover { color: #6a9e39; }
img { max-width: 100%; }

/* Сезонный тумблер (единый вид на всех страницах) */
.season-toggle { display: inline-flex; gap: 4px; padding: 5px; background: rgba(30,36,30,0.08); border-radius: 999px; }
.season-toggle.on-photo { background: rgba(24,32,22,0.38); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,0.22); }
.js-season-btn { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border: none; border-radius: 999px; background: transparent; color: inherit; font: inherit; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; }
.season-toggle.on-photo .js-season-btn { color: #fff; }
.js-season-btn.is-active { background: var(--green); color: #fff; }
.js-season-btn[data-set-season="winter"].is-active { background: var(--winter); }

/* Адаптив-помощники (как в макете) */
@media (max-width: 1180px) {
  .cta-full { display: none !important; }
  .hdr { padding-left: 20px !important; padding-right: 20px !important; }
  .menu-grid { grid-template-columns: 1fr !important; padding-left: 20px !important; padding-right: 20px !important; }
  .modal-cards { flex-wrap: wrap !important; }
}
@media (min-width: 1181px) { .cta-icon { display: none !important; } }
@media (max-width: 1024px) {
  .g4 { grid-template-columns: 1fr 1fr !important; }
  .g3 { grid-template-columns: 1fr 1fr !important; }
  .g2 { grid-template-columns: 1fr !important; }
  .g3-footer { grid-template-columns: 1fr !important; }
  .pad { padding-left: 24px !important; padding-right: 24px !important; }
  .h-xl { font-size: 40px !important; }
  .h-lg { font-size: 34px !important; }
  .hide-md { display: none !important; }
  .stack-md { flex-direction: column !important; align-items: stretch !important; }
}
@media (max-width: 980px) {
  .pill-mid { display: none !important; }
}
@media (max-width: 720px) {
  .pill-label { display: none !important; }
  .menu-cards { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 640px) {
  .g4, .g3 { grid-template-columns: 1fr !important; }
  .h-xl { font-size: 30px !important; }
  .h-lg { font-size: 27px !important; }
  .hide-sm { display: none !important; }
}