/* прогон 38 — слой поверх leaf37 */

/* ══ Q38: главная сессия · ночь 38 (арт-директор AD-38 п. 1, 5, 8) — всё под общим пунктом ui=u38, кроме починки клевера на телефоне ══ */
/* п. 1 · Преподаватели → «С чего начать»: в паузе одна вещь — шиповник на линии; виноград и яблоко сняты (при ui=as — как в прогоне 37) */
html[data-ui="u38"] section.v-d37t.v-d37t :is(.d37-ob-grapes,.p36-ob-apple){display:none}
/* клевер на ПК — на бумаге над карточкой Ярослава, стебли не касаются кромки */
@media (min-width:1024px){ html[data-ui="u38"] section.v-d37t.v-d37t .d37-ob-clover{bottom:calc(14 * var(--u))} }
/* починка Q37c: на телефоне клевер должен быть снят (правило Q37c проигрывало .css-teachers-d37 .v-d37t .d37-ob) */
@media (max-width:1023.98px){ html section.v-d37t.v-d37t .d37-ob-clover{display:none} }
/* п. 5 · «Два теста»: василёк на ПК — на бумаге у заголовка, не на кромке коробки; на телефоне снят (читался печатью в углу картины) */
@media (min-width:1024px){ html[data-ui="u38"][data-rh="d37"] .m34-lv-corn{top:calc(-178 * var(--u))} }
@media (max-width:1023.98px){ html[data-ui="u38"] .m34-lv-corn{display:none} }
/* п. 8 · «Запись»: чернушка (синее на синем, наклейка) снята, щегол остаётся */
html[data-ui="u38"] .m34-lv-nigella{display:none}
/* ══ /Q38 */

/* ══ U38: UI/UX-доводчик ночи 38 (песочница U). Всё – только при html[data-ui="u38"] (пульт «Доводка ночи 38»; «как сейчас» – ui=as).
   Пункты арт-директора AD-38: (1) заголовки «лесенкой», (2) «Совесть» c37b, (4) «Запись» на телефоне, (6) ритм телефона, (7) кнопки записи. */

/* (1) заголовки без «лесенки» (ПК): текст заголовка – с линии своей колонки, золотой номер висит в поле слева. Арт-директор назвал «Обучение»
   и «Вопросы»; та же формула у всех разделов на бумаге, иначе номер прыгает от раздела к разделу («Отзывы» на плите и «Запись» – как были) */
@media (min-width:1024px){
  html[data-ui="u38"][data-nst="gold"] :is(#courses,#teachers,#how,#tests,#prices,#faq,#channel) > .rubric{padding-left:0!important}
  html[data-ui="u38"][data-nst="gold"] :is(#courses,#teachers,#how,#tests,#prices,#channel) > .rubric h2:has(> .fol){margin-left:-2.1em}
  html[data-ui="u38"][data-nst="gold"] #faq > .rubric h2:has(> .fol){margin-left:calc(-2.1em + 18 * var(--u))}
  html[data-ui="u38"][data-nst="gold"] :is(#courses,#teachers,#how,#tests,#prices,#channel) > .rubric:has(h2 > .fol) .rubric-sub{padding-left:0!important}
  html[data-ui="u38"][data-nst="gold"] #faq > .rubric:has(h2 > .fol) .rubric-sub{padding-left:calc(18 * var(--u))!important}
}

/* (2) «Учим на совесть» c37b: выбранный приподнят сильнее, золотая черта шире и плотнее; на телефоне фраза делится на строки поровну */
html[data-ui="u38"] [data-sec="prices"] section.v-c37b .c37-p.is-on{transform:translateY(calc(-6 * var(--u)))}
html[data-ui="u38"] [data-sec="prices"] section.v-c37b .c37-p::after{left:6%;right:6%;height:3px}
html[data-ui="u38"] [data-sec="prices"] section.v-c37b .c37-p0::after{left:14%;right:14%}
@media (max-width:1023.98px){
  html[data-ui="u38"] [data-sec="prices"] section.v-c37b .c37-p.is-on{transform:translateY(calc(-6 * var(--u)))}
  html[data-ui="u38"] [data-sec="prices"] section.v-c37b .c37-task > .c37-line.err-l{display:block;text-align:center;text-wrap:balance}
  html[data-ui="u38"] [data-sec="prices"] section.v-c37b .c37-task > .c37-line .err-w.err-w{display:inline-block;margin:0 calc(3 * var(--u));vertical-align:baseline}
}

/* (4) «Запись» на телефоне: лист формы до краёв экрана (Роман 02.11), синяя коробка – только за шапкой, полосы-«подставки» под листом нет */
@media (max-width:1023.98px){
  html[data-ui="u38"][data-ui="u38"] [data-sec="zapis"] section.v-c34a.v-y30d :is(.y30d-main,.y30d-art){margin-inline:calc(var(--gut) * -1 * var(--u))!important}
  html[data-ui="u38"][data-ui="u38"] [data-sec="zapis"] section.v-c34a .c34-plate{bottom:0!important}
  html[data-ui="u38"][data-ui="u38"] [data-sec="zapis"] section.v-c34a.v-y30d .y30d-art{box-shadow:inset 0 -1px 0 rgba(36,38,43,.16)!important}
}

/* (6) телефон, ритм: где нет разделителя – 104–110 px бумаги вместо 165–200 (колесо, шиповник, часослов, анютины глазки – на своих местах) */
@media (max-width:1023.98px){
  html[data-ui="u38"][data-ui="u38"][data-ui="u38"][data-zg="even"] main.wrap > [data-sec]:is([data-sec="teachers"]):not([hidden]):not([data-u38]) > section:is(#teachers,[id]){margin-top:calc(108 * var(--u))!important}
  html[data-ui="u38"][data-ui="u38"][data-ui="u38"][data-zg="even"] main.wrap > [data-sec]:is([data-sec="tests"],[data-sec="prices"]):not([hidden]):not([data-u38]) > section:is(#tests,#prices,[id]){margin-top:calc(104 * var(--u))!important}
  html[data-ui="u38"][data-ui="u38"][data-ui="u38"][data-zg="even"] main.wrap > [data-sec]:is([data-sec="zapis"]):not([hidden]):not([data-u38]) > section:is(#zapis,[id]){margin-top:calc(131 * var(--u))!important}
  html[data-ui="u38"][data-ui="u38"][data-ui="u38"][data-zg="even"] main.wrap > [data-sec]:is([data-sec="channel"]):not([hidden]):not([data-u38]) > section:is(#channel,[id]){margin-top:calc(97 * var(--u))!important}
  /* аквилегия над каналом – в середине паузы, не на листе «Записи» */
  html[data-ui="u38"][data-rh="d37"] .d37-columbine{top:-92px!important}
}

/* (7) кнопки записи – одна система. «Вопросы»: «Записаться на пробный» – залитая лазурь высотой и кеглем кнопки цен (была кайма 76 px с курсивом) */
html[data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;
  min-height:max(44px, calc(var(--btn-h) * var(--u)))!important;padding:0 calc(30 * var(--u))!important;border:0!important;border-radius:calc(var(--r-s) * var(--u))!important;
  box-shadow:none!important;background:color-mix(in srgb,var(--azure) 88%,transparent)!important}
html[data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book] > span{display:none!important}
html[data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book] > b{font:600 max(16px, calc(var(--fs-btn) * var(--u)))/1.1 var(--f-head)!important;font-style:normal!important;
  letter-spacing:.01em!important;color:var(--bone)!important;text-decoration:none!important;white-space:nowrap!important}
@media (hover:hover){ html[data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]:hover{background:var(--azure)!important} }
@media (min-width:1024px){ html[data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next{flex-wrap:nowrap!important;column-gap:calc(22 * var(--u))!important} }

/* (5) «Сколько стоит час» (ПК): сертификат – нижней строкой листа цен, не третьей коробкой: лист и строка сертификата – одна бумага,
   между ними тонкая линия; лист сужен до колонки листа, дама с ребёнком стоит на бумаге раздела, низом по низу листа */
@media (min-width:1024px){
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-stage{row-gap:0}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-gift{grid-column:1;grid-row:2;grid-template-columns:calc(300 * var(--u)) minmax(0,1fr);column-gap:calc(36 * var(--u));
    padding:calc(18 * var(--u)) calc(44 * var(--u)) calc(22 * var(--u));border-radius:0 0 calc(var(--r) * var(--u)) calc(var(--r) * var(--u));
    box-shadow:-1px 0 0 0 rgba(36,38,43,.13),1px 0 0 0 rgba(36,38,43,.13),0 1px 0 0 rgba(36,38,43,.13),0 calc(18 * var(--u)) calc(40 * var(--u)) calc(-30 * var(--u)) rgba(36,38,43,.28)}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-gift::before{content:"";position:absolute;top:0;left:calc(44 * var(--u));right:calc(44 * var(--u));height:1px;background:rgba(201,168,76,.55)}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-sheet{border-radius:calc(var(--r) * var(--u)) calc(var(--r) * var(--u)) 0 0;
    box-shadow:-1px 0 0 0 rgba(36,38,43,.13),1px 0 0 0 rgba(36,38,43,.13),0 -1px 0 0 rgba(36,38,43,.13)}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-gift-a h3{font-size:calc(30 * var(--u))!important}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-gift-a p{margin-top:calc(6 * var(--u))}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-opts{column-gap:calc(28 * var(--u))}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-opts .go{min-height:44px!important;display:inline-flex;align-items:center}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-opts h4{font-size:max(18px, calc(21 * var(--u)))}
  html[data-ui="u38"] [data-sec="prices"] section.v-y30a .y30a-gram{grid-row:1 / span 2;align-self:end;margin-bottom:0}
}

/* (3) «Между уроками» на телефоне: три карточки лентой со свайпом, как посты канала (≤ 2 экранов вместо четырёх); клуб – первым, как был */
@media (max-width:1023.98px){
  html[data-ui="u38"] #channel.v-m37a .m37-box{display:grid!important;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:82%;
    grid-template-columns:none!important;column-gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;
    padding:6px 16px 12px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  html[data-ui="u38"] #channel.v-m37a .m37-box::-webkit-scrollbar{display:none}
  html[data-ui="u38"] #channel.v-m37a .m37-f{grid-row:1;margin:0!important;padding:0!important;align-self:end;scroll-snap-align:start}
  html[data-ui="u38"] #channel.v-m37a .m37-f-club{padding-top:0!important;margin-top:0!important}
  html[data-ui="u38"] #channel.v-m37a .m37-sqm{display:none!important}
  html[data-ui="u38"] #channel.v-m37a .m37-card{grid-row:2;margin:6px 0 0!important;scroll-snap-align:start}
  html[data-ui="u38"] #channel.v-m37a .m37-f-club{grid-column:1} html[data-ui="u38"] #channel.v-m37a .m37-c-club{grid-column:1}
  html[data-ui="u38"] #channel.v-m37a .m37-f-pil{grid-column:2} html[data-ui="u38"] #channel.v-m37a .m37-c-pil{grid-column:2}
  html[data-ui="u38"] #channel.v-m37a .m37-f-yt{grid-column:3} html[data-ui="u38"] #channel.v-m37a .m37-c-yt{grid-column:3}
  html[data-ui="u38"] #channel.v-m37a .m37-card .z32-txt{padding:14px 16px 12px!important}
  html[data-ui="u38"] #channel.v-m37a .m37-tri{margin-top:12px}
}
/* «Направления» на телефоне: в половинных карточках – «Записаться →» одной строкой, Telegram – только в широких (пропорции z32a не тронуты) */
@media (max-width:1023.98px){
  html[data-ui="u38"] [data-sec="courses"] section.v-z32a .zd-mos > .zd-card:not(:first-of-type):not(:last-of-type) :is(.zd-long,.zd-bot){display:none!important}
}
/* ══ /U38 */

/* ══ Q38b: главная сессия · правки по рецензии 38 (всё под ui=u38) ══ */
/* беда 3 · последняя «лесенка»: «Учим на совесть» с линии своей коробки, как остальные заголовки при u38 */
@media (min-width:1024px){ html[data-ui="u38"][data-ui="u38"] [data-sec="prices"] section:is(.v-a38b,.v-c37b) .y30s-rub{padding-left:0!important;margin-left:0!important} }
/* беда 5 · «Запись» на телефоне: синяя шапка до краёв, как лист формы под ней (одна ширина, без скругления) */
@media (max-width:1023.98px){ html[data-ui="u38"][data-ui="u38"][data-rh="d37"] [data-sec="zapis"] section.v-c34:is(.v-c34a,.v-c34c) .c34-plate{left:calc(50% - 50vw / var(--c34-z));right:calc(50% - 50vw / var(--c34-z));border-radius:0} }
/* подпись «Найди ошибку» на телефоне 14 → 16 px */
@media (max-width:1023.98px){ html[data-ui="u38"] [data-sec="prices"] section.v-c37a .c37-k{font-size:16px} }
/* ══ /Q38b */