/* Направления: шапка-панорама как /yoga/ (копия правил yoga/main.css). Grok Bot 2026-10-29 */
.hero.hx{position:relative;overflow:hidden;min-height:clamp(560px,calc(100vh - 60px),900px);display:flex;align-items:center;padding:clamp(40px,6vw,80px) clamp(16px,5vw,72px);text-align:left;background:#f3ebdc}
.hero.hx:before,.hero.hx:after{display:none}
.hx .scene{position:absolute;inset:0;z-index:0}
.hx #pano{position:absolute;inset:0;background:#f3ebdc}
.hx .pnlm-container{background:#f3ebdc;font-family:inherit}
.hx .pnlm-load-box,.hx .pnlm-controls-container,.hx .pnlm-about-msg{display:none!important}
.hx .hero-in{position:relative;z-index:2;max-width:560px;margin:0;padding:28px 30px 26px;background:rgba(250,247,239,.84);border:1px solid #e3e1dc;backdrop-filter:blur(3px)}
.hx .hero-sym{margin:0 0 8px;width:84px}
.hx h1{font-size:clamp(36px,5.4vw,64px)}
.hx .cta{justify-content:flex-start}
.hx .yh-note{font-size:14px;opacity:.8;margin:-6px 0 18px}
[data-theme=dark] .hero.hx{background:#1c1940}
[data-theme=dark] .hx .hero-in{background:rgba(28,25,64,.85);border-color:rgba(201,162,74,.28)}
.yhs{background:rgba(251,248,241,.92);border:1px solid #dcdad5;color:#24214a;font:600 13px/1 Montserrat,system-ui,sans-serif;padding:8px 12px;white-space:nowrap;cursor:pointer;width:auto!important;height:auto!important}
.yhs:hover{border-color:#c9a24a}
.yrot{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;border:1px solid #dcdad5;border-radius:0;background:#fff;color:#24214a;font:600 13px/1 Montserrat,system-ui,sans-serif;cursor:pointer}
.yrot:before{content:"";width:8px;height:8px;border-radius:50%;background:#c9a24a}
.yrot.off:before{background:#b9b6c8}
@media(max-width:899px){.hero.hx{flex-direction:column;align-items:stretch;min-height:0;padding:22px 16px 0;text-align:center}
.hx .scene{top:auto;height:min(92vw,560px)}
.hx .hero-in{max-width:640px;margin:0 auto min(84vw,510px);padding:20px 16px}
.hx .cta{justify-content:center}.hx .hero-sym{margin:0 auto 6px;width:64px}.hx .yh-note{margin:-6px auto 16px}}

/* страницы курсов: шапка над сеткой с сайдбаром */
.dp-yc.hero.hx{min-height:clamp(480px,calc(100vh - 140px),760px)}
.dp-yc .hero-in h1 small{display:block}
@media(min-width:960px){html.yc-open .dp-yc{z-index:0}}