/* Скин шаблона «Неон» — дерзкий тёмный: крупные прописные заголовки,
   контурные цифры, рамки вместо подложек, чёрно-белые фото (цвет — при наведении),
   линии между блоками. Правила скинов — в начале skins/powder.css. */

/* ---- типографика */
:where(body.skin-neon) :is(h1, h2, h3) { text-transform: uppercase; letter-spacing: -.01em; overflow-wrap: break-word; }
:where(body.skin-neon) h2, :where(body.skin-neon) .h2 {
  font-size: clamp(24px, 4.2vw, 50px); line-height: 1.05; margin-bottom: 18px;
}
:where(body.skin-neon) h3 { letter-spacing: .02em; }
body.skin-neon .blk-hero .hero-title { font-size: clamp(30px, 6.6vw, 84px); line-height: 1; }
body.skin-neon .hero-centered .hero-title { font-size: clamp(32px, 7vw, 92px); max-width: 1100px; line-height: .98; }
:where(body.skin-neon) .tag {
  font-family: var(--font-head); font-size: 12px; letter-spacing: .18em; color: var(--s-accent); font-weight: 600;
}
:where(body.skin-neon) .tag::before { content: "// "; opacity: .7; }
body.skin-neon .feat-num, body.skin-neon .feat-stat-num {
  color: transparent; -webkit-text-stroke: 1.5px var(--s-accent);
}
body.skin-neon .feat-stat-num.long { color: var(--s-accent); -webkit-text-stroke: 0; }
body.skin-neon .price-num, body.skin-neon .price-row-num { color: var(--s-accent); }

/* ---- ритм: линия на стыке блоков, плотнее сверху */
body.skin-neon .blk + .blk { border-top: 1px solid var(--s-line); }
body.skin-neon .blk:not(.blk-hero) { padding: 92px 0; }

/* ---- кнопки: прописные, без тени, свечение при наведении */
:where(body.skin-neon) .btn { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; box-shadow: none; }
:where(body.skin-neon) .btn:hover {
  transform: none; filter: none;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--s-btn-bg) 30%, transparent), 0 0 28px color-mix(in srgb, var(--s-btn-bg) 45%, transparent);
}
:where(body.skin-neon) .btn.ghost { border-width: 2px; }

/* ---- карточки: прозрачные, тонкая рамка, акцент при наведении */
:where(body.skin-neon) .card { background: transparent; transition: border-color .2s; }
:where(body.skin-neon) .card:hover { border-color: var(--s-accent); }
body.skin-neon .price-card.hot { border-width: 2px; }
body.skin-neon .faq-item { background: transparent; }
body.skin-neon .faq-qa h3 { font-size: 15px; letter-spacing: .06em; line-height: 1.4; }
body.skin-neon .faq-item summary { text-transform: uppercase; letter-spacing: .04em; font-size: 15px; }
body.skin-neon .rev-note, body.skin-neon .rev-slide, body.skin-neon .tt-day,
body.skin-neon .cta-formwrap, body.skin-neon .promo-card { background: transparent; }
body.skin-neon .rev-note:nth-child(3n+2) { border-color: var(--s-accent); }
body.skin-neon .tt-cday h3 { letter-spacing: .08em; }

/* ---- картинки: ч/б, цвет при наведении */
body.skin-neon .teacher-card img, body.skin-neon .teacher-row-img img, body.skin-neon .teacher-round-item img,
body.skin-neon .gal-item img, body.skin-neon .dir-tile img, body.skin-neon .dir-row-img img,
body.skin-neon .about-avatar, body.skin-neon .about-photo, body.skin-neon .feat-photo {
  filter: grayscale(1) contrast(1.08); transition: filter .35s, transform .35s;
}
body.skin-neon .teacher-card:hover img, body.skin-neon .gal-item a:hover img, body.skin-neon .dir-tile:hover img,
body.skin-neon .dir-row:hover .dir-row-img img, body.skin-neon .teacher-row:hover img { filter: none; }
body.skin-neon .dir-tile-cap h3 { font-size: 20px; }
body.skin-neon .gal-item a, body.skin-neon .dir-tile { border-color: var(--s-line); }

/* ---- шапка и подвал */
body.skin-neon .logo { text-transform: uppercase; letter-spacing: .14em; }
body.skin-neon .site-header .nav ul a { text-transform: uppercase; letter-spacing: .1em; font-size: 13px; font-weight: 600; }
body.skin-neon footer.site-footer { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }

@media (max-width: 900px) {
  body.skin-neon .blk:not(.blk-hero) { padding: 64px 0; }
  body.skin-neon .site-header .nav ul a { font-size: 15px; }
}
@media (max-width: 700px) {
  body.skin-neon footer.site-footer { font-size: 13px; letter-spacing: .04em; }
}
@media (hover: none) {
  /* на телефоне наведения нет — фото сразу в цвете */
  body.skin-neon .teacher-card img, body.skin-neon .teacher-row-img img, body.skin-neon .teacher-round-item img,
  body.skin-neon .gal-item img, body.skin-neon .dir-tile img, body.skin-neon .dir-row-img img,
  body.skin-neon .about-avatar, body.skin-neon .about-photo, body.skin-neon .feat-photo { filter: none; }
}