/* Rabbit Hole Online.
   Токены — те же, что в <style> страниц сайта (courses/index.php и др.):
   цвета, шрифты, радиусы 14/20, кнопка терракотой с подъёмом на 2px.
   Новой палитры нет — только новые способы собрать знакомые детали. */

@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/fonts/montserrat-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/fonts/montserrat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/fonts/montserrat-rub.woff2) format('woff2');unicode-range:U+20BD}
@font-face{font-family:'Tenor Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../media/fonts/tenor-sans-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Tenor Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../media/fonts/tenor-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Tenor Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../media/fonts/montserrat-rub-80.woff2) format('woff2');unicode-range:U+20BD}

:root{
  --content-width:1200px;--container-padding:24px;
  --heading-font:'Tenor Sans',sans-serif;--body-font:'Montserrat',sans-serif;
  --bg-cream:#FAF6F0;--bg-cream-dark:#EFE9E2;--rvq-bg:#F7F1EA;
  --terracotta:#9C3815;--terracotta-dark:#832F11;--terracotta-light:#FDF5F2;
  --dark-brown:#2F1A10;--gray-text:#706058;--white:#FFFFFF;
  --border-color:rgba(47,26,16,0.08);
  --transition:all 0.4s cubic-bezier(0.16,1,0.3,1);
  --ease:cubic-bezier(0.16,1,0.3,1);
  --r-sm:14px;--r:20px;
  --shadow:0 8px 30px rgba(47,26,16,0.05);
  --shadow-hover:0 20px 45px rgba(47,26,16,0.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--body-font);background:var(--bg-cream);color:var(--dark-brown);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:16px;line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--container-padding)}
.ol-narrow{max-width:880px}
:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}

/* ---------- шапка: классы и логотип основного сайта, плюс своё меню ---------- */
.ol-brand{display:flex;align-items:center;gap:14px;align-self:stretch}
.ol-brand-tag{font-family:var(--heading-font);font-size:11px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;color:var(--terracotta);border:1px solid rgba(156,56,21,.3);border-radius:999px;padding:5px 12px 4px;transition:var(--transition)}
.ol-brand-tag:hover{background:var(--terracotta);color:#fff}
.ol-nav{display:none;gap:4px}
.ol-nav a,.ol-my{font-family:var(--heading-font);font-size:12px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--dark-brown);padding:10px 14px;border-radius:10px;transition:background .25s,color .25s;white-space:nowrap}
.ol-nav a:hover,.ol-my:hover{background:rgba(156,56,21,.07);color:var(--terracotta)}
.ol-nav a[aria-current],.ol-my[aria-current]{color:var(--terracotta)}
.ol-header-end{display:flex;align-items:center;gap:8px}
.ol-my{display:flex;align-items:center;gap:8px}
.ol-header-end .ol-header-cta{display:none}
@media(min-width:1100px){
  .ol-nav{display:flex}
  .ol-header-end .ol-header-cta{display:inline-flex}
  .ol-header .burger-btn{display:none}
}
@media(max-width:600px){.ol-my span{display:none}.ol-my{padding:10px}.ol-brand{gap:8px}.ol-brand-tag{font-size:10px;letter-spacing:2px;padding:4px 9px 3px}}
/* свёрнутая шапка основного сайта прячет .header-actions; у нас их нет — прячем «Online» */
.site-header.is-compact .ol-brand-tag{opacity:0;pointer-events:none}
.site-header.is-compact .ol-header-end .ol-btn{padding:9px 16px}

/* ---------- кнопки ---------- */
.ol-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--heading-font);background:var(--terracotta);color:#fff;border:1px solid var(--terracotta);padding:18px 34px;border-radius:var(--r-sm);font-size:13px;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;cursor:pointer;min-height:52px;box-shadow:0 10px 25px rgba(156,56,21,.2);transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease),color .3s,border-color .3s}
.ol-btn:hover{background:var(--terracotta-dark);border-color:var(--terracotta-dark);transform:translateY(-2px);box-shadow:0 14px 30px rgba(156,56,21,.28)}
.ol-btn:active{transform:translateY(0)}
.ol-btn--sm{padding:11px 20px;min-height:44px;font-size:11px;letter-spacing:2px;border-radius:10px;box-shadow:none}
.ol-btn--wide{width:100%}
.ol-btn--ghost{background:transparent;color:var(--terracotta);border-color:rgba(156,56,21,.3);box-shadow:none}
.ol-btn--ghost:hover{background:var(--terracotta);color:#fff;box-shadow:none}
.ol-btn--ghost-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ol-btn--ghost-light:hover{background:#fff;color:var(--dark-brown);border-color:#fff;box-shadow:none}
.ol-arrow{flex:none;transition:transform .35s var(--ease)}
.ol-btn:hover .ol-arrow,.ol-link:hover .ol-arrow,.ol-dir:hover .ol-arrow,.ol-next:hover .ol-arrow{transform:translateX(5px)}
.ol-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--heading-font);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--terracotta);text-decoration:none;white-space:nowrap;padding:10px 0}

/* ---------- заголовки и общие куски ---------- */
.ol-eyebrow{font-family:var(--heading-font);font-size:12px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:20px;display:flex;align-items:center;gap:14px}
.ol-eyebrow::before{content:'';width:40px;height:2px;background:var(--terracotta);border-radius:2px}
.ol-eyebrow--dark{color:var(--gray-text)}
.ol-h2{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:2px;font-size:clamp(26px,3.6vw,40px);line-height:1.15;color:var(--dark-brown)}
.ol-h3{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1.5px;font-size:17px;margin:28px 0 12px}
.ol-head{margin-bottom:40px;max-width:760px}
.ol-head .ol-h2::before{content:'';display:block;width:56px;height:3px;border-radius:2px;background:var(--terracotta);margin-bottom:22px}
.ol-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;max-width:none}
.ol-sub{margin-top:14px;color:var(--gray-text);font-size:15.5px;line-height:1.65;max-width:640px}
.ol-meta{font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--gray-text);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ol-section{padding:clamp(64px,9vw,120px) 0}
.ol-section--tint{background:var(--bg-cream-dark)}
.ol-stars{color:#E0A33A;letter-spacing:2px}
.ol-list{list-style:none;display:grid;gap:10px}
.ol-list li{position:relative;padding-left:22px;color:var(--gray-text);font-size:15px;line-height:1.55}
.ol-list li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--terracotta);opacity:.8}
.ol-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ol-two .ol-h3{margin-top:0}
@media(max-width:767px){.ol-two{grid-template-columns:1fr;gap:32px}}
.ol-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--gray-text);margin-bottom:24px}
.ol-crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(47,26,16,.2)}
.ol-crumbs a:hover{color:var(--terracotta)}
.ol-crumbs--light{color:rgba(255,255,255,.8)}
.ol-crumbs--light a{border-color:rgba(255,255,255,.35)}

/* На телефоне ряды карточек листаются пальцем, с «подсмотром» следующей */
@media(max-width:767px){
  .ol-scroller{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin:0 calc(-1 * var(--container-padding));padding:4px var(--container-padding) 18px;scroll-padding:0 var(--container-padding);scrollbar-width:none;overscroll-behavior-x:contain}
  .ol-scroller::-webkit-scrollbar{display:none}
  .ol-scroller>*{scroll-snap-align:start;flex:0 0 auto}
}

/* ---------- первый экран ---------- */
/* Как первый экран главной ceramicrabbit.ru: видео карточкой, на нём только плашка рейтинга;
   заголовок, строка и одна кнопка с бликом — под видео, по центру */
.ol-hero{padding:40px 0 48px}
.ol-hero-media{position:relative;aspect-ratio:16/9;max-height:500px;width:100%;border-radius:24px;overflow:hidden;background:var(--bg-cream-dark)}
.ol-hero-poster,.ol-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ol-hero-video{opacity:0;transition:opacity .25s ease}   /* заставка = первый кадр ролика, долгий наплыв только двоил картинку */
.ol-hero-video.is-playing{opacity:1}
.ol-trust{position:absolute;left:24px;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600;color:var(--dark-brown);box-shadow:0 4px 16px rgba(47,26,16,.2);line-height:1;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
.ol-trust:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(47,26,16,.26)}
.ol-trust .ol-stars{color:#A8731A;font-size:13px;letter-spacing:1px}
.ol-trust b{font-family:var(--heading-font);font-size:17px;font-weight:400}
.ol-hero-text{text-align:center;padding-top:20px}
.ol-hero-title{font-family:var(--heading-font);font-size:38px;font-weight:400;text-transform:uppercase;letter-spacing:1px;line-height:1.2;color:var(--dark-brown);margin-bottom:12px}
.ol-hero-lead{font-size:18px;color:var(--gray-text);margin-bottom:24px}
.ol-hero-btn{position:relative;display:inline-block;font-family:var(--heading-font);background:var(--terracotta);color:#fff;padding:22px 56px;border-radius:14px;font-size:14px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 30px rgba(156,56,21,.35);overflow:hidden;transition:var(--transition)}
.ol-hero-btn:hover{background:var(--terracotta-dark);transform:translateY(-2px)}
.ol-hero-btn::after{content:'';position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));transform:skewX(-25deg);animation:olShine 3.5s infinite}
@keyframes olShine{0%{left:-150%}50%,100%{left:150%}}
@media(max-width:767px){
  .ol-eyebrow{letter-spacing:1.6px;font-size:10.5px;gap:10px}.ol-eyebrow::before{width:28px}
  .ol-vp-note{font-size:9.5px;letter-spacing:.5px}
  .ol-hero{padding-top:0;padding-bottom:40px}
  .ol-hero-media{border-radius:0;max-height:none;width:auto;margin:0 calc(-1 * var(--container-padding))}
  .ol-trust{left:12px;bottom:12px;padding:11px 12px;font-size:11px;gap:6px}
  .ol-trust b{font-size:15px}
  .ol-trust-long{display:none}
  .ol-hero-title{font-size:32px}
  .ol-hero-lead{font-size:16px;margin-bottom:22px}
}

/* ---------- направления ---------- */
.ol-dirs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ol-dir{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;color:#fff;text-decoration:none;isolation:isolate;background:var(--dark-brown)}
.ol-dir img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s var(--ease)}
.ol-dir::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(47,26,16,.86),rgba(47,26,16,.2) 55%,rgba(47,26,16,0));transition:opacity .6s var(--ease)}
.ol-dir-body{position:absolute;left:0;right:0;bottom:0;padding:28px;display:flex;flex-direction:column;gap:8px}
.ol-dir-count{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.75)}
.ol-dir-title{font-family:var(--heading-font);font-size:clamp(22px,2.4vw,28px);text-transform:uppercase;letter-spacing:1.5px;line-height:1.15}
.ol-dir-tag{font-size:15px;color:rgba(255,255,255,.85);max-width:28ch;padding-right:58px}
.ol-dir-go{position:absolute;right:24px;bottom:26px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .4s var(--ease)}
.ol-dir.is-current{outline:2px solid var(--terracotta);outline-offset:4px}
@media(hover:hover){
  .ol-dir:hover img{transform:scale(1.05)}
  .ol-dir:hover::after{opacity:.85}
  .ol-dir:hover .ol-dir-go{background:var(--terracotta);border-color:var(--terracotta)}
}
@media(max-width:767px){.ol-dirs>*{width:78vw;max-width:340px}.ol-dir-body{padding:22px}}

/* ---------- переключатель способа покупки ---------- */
.ol-tabs{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--white);border:1px solid var(--border-color);border-radius:999px;padding:5px}
.ol-tabs button{position:relative;z-index:1;background:none;border:0;border-radius:999px;padding:12px 24px;min-height:46px;font-family:var(--heading-font);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gray-text);transition:color .35s var(--ease);white-space:nowrap}
.ol-tabs button[aria-selected="true"]{color:#fff}
.ol-tabs-ind{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--terracotta);box-shadow:0 6px 16px rgba(156,56,21,.25);transition:transform .5s var(--ease)}
.ol-tabs[data-active="1"] .ol-tabs-ind{transform:translateX(100%)}
.ol-tab-note{font-size:15px;color:var(--gray-text);margin:-8px 0 28px;max-width:720px}
.ol-tab-note b{color:var(--dark-brown);font-weight:600}
[role="tabpanel"]:not([hidden]){animation:olFade .5s var(--ease)}
@media(max-width:767px){.ol-tabs{width:100%}.ol-tabs button{padding:12px 10px;letter-spacing:1.2px;font-size:11px}}

/* ---------- карточки: курс и урок из одной системы, урок компактнее ---------- */
.ol-grid{display:grid;gap:22px}
.ol-grid--courses{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
/* карточки не тянутся по высоте соседа: раскрытый состав одной не растягивает остальные */
.ol-grid--courses{align-items:start}
@media(min-width:768px){.ol-grid--courses{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ol-grid--lessons{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ol-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .5s var(--ease),transform .5s var(--ease),border-color .5s}
.ol-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:var(--bg-cream-dark)}
.ol-card--lesson .ol-card-media{aspect-ratio:4/3}
.ol-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ol-card-body{display:flex;flex-direction:column;gap:10px;padding:24px 24px 18px;flex:1}
.ol-card--lesson .ol-card-body{padding:18px 20px 12px;gap:8px}
.ol-card-title{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:21px;line-height:1.2}
.ol-card--lesson .ol-card-title{font-size:17px}
.ol-card-title a{text-decoration:none}
.ol-card-title a::after{content:'';position:absolute;inset:0}
.ol-card{position:relative}
.ol-card-text{font-size:14.5px;color:var(--gray-text);line-height:1.6}
.ol-card--lesson .ol-card-text{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ol-card-from{font-size:12px;color:var(--gray-text);opacity:.85}
.ol-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-color);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ol-card-foot .ol-link{position:relative;z-index:1}
.ol-price{font-family:var(--heading-font);font-size:30px;line-height:1.1;color:var(--terracotta)}
.ol-price--sm{font-size:22px}
.ol-price--lg{font-size:clamp(36px,4vw,48px)}
.ol-price-note{font-size:12.5px;color:var(--gray-text);margin-top:4px}
.ol-price-note s{text-decoration-color:rgba(156,56,21,.6)}
.ol-badge{position:absolute;left:14px;top:14px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--terracotta);padding:6px 14px;border-radius:999px}
.ol-badge--line{background:rgba(250,246,240,.92);color:var(--dark-brown);font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ol-badge--static{position:static;border:1px solid var(--border-color)}
@media(hover:hover){
  .ol-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(156,56,21,.18)}
  .ol-card:hover .ol-card-media img{transform:scale(1.04)}
}
@media(max-width:767px){
  .ol-grid--courses{grid-template-columns:1fr}
  .ol-grid--lessons>*{width:72vw;max-width:290px}
}

/* ---------- как это работает ---------- */

/* ---------- работы и результаты ---------- */
.ol-works{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ol-work,.ol-outcome{margin:0}
.ol-work img,.ol-outcome img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-sm);background:var(--bg-cream-dark)}
.ol-work figcaption{margin-top:10px;font-size:14px;line-height:1.4}
.ol-work figcaption span{display:block;font-size:12px;color:var(--gray-text);margin-top:2px}
.ol-outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.ol-outcome img{aspect-ratio:4/5;border-radius:var(--r)}
.ol-outcome figcaption{margin-top:12px;font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1.5px;font-size:14px}
@media(max-width:767px){.ol-works>*{width:58vw;max-width:240px}.ol-outcomes>*{width:60vw;max-width:250px}}

/* ---------- преподаватель: крупный разворот ---------- */
.ol-teacher{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:center}
.ol-teacher-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--bg-cream-dark)}
.ol-teacher-photo img{width:100%;height:100%;object-fit:cover}
.ol-teacher-role{margin-top:10px;color:var(--gray-text);font-size:15px}
.ol-quote{font-family:var(--heading-font);font-size:clamp(20px,2.2vw,27px);line-height:1.45;margin:30px 0;padding-left:24px;border-left:3px solid var(--terracotta)}
.ol-teacher-bio{color:var(--gray-text);font-size:15.5px;line-height:1.7}
.ol-teacher-studio{margin-top:18px;font-size:14px;color:var(--dark-brown);font-weight:500}
.ol-teacher .ol-h2::before{display:none}
@media(max-width:767px){.ol-teacher{grid-template-columns:1fr}.ol-teacher-photo{aspect-ratio:4/4.4}}

/* ---------- отзывы: компонент страниц услуг (.rvq) ---------- */
.rvq{padding:clamp(56px,8vw,96px) 20px;background:var(--rvq-bg)}
.rvq-in{max-width:1080px;margin:0 auto}
.rvq h2{font-family:var(--heading-font);font-weight:400;font-size:32px;line-height:1.25;text-align:center;color:#2F1A10;margin:0 0 8px;letter-spacing:.01em}
.rvq-sub{text-align:center;color:#8A7A70;font-size:14.5px;margin:0 0 34px}
.rvq-sub a{color:#9C3815}
.rvq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.rvq-card{margin:0;background:#fff;border-radius:16px;padding:26px 26px 22px;box-shadow:0 4px 18px rgba(47,26,16,.07);display:flex;flex-direction:column;gap:16px}
.rvq-text{margin:0;color:#3B2A20;font-size:15.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.rvq-who{display:flex;flex-direction:column;gap:3px;margin-top:auto}
.rvq-who b{color:#2F1A10;font-size:15px;font-weight:600}
.rvq-who span{color:#8A7A70;font-size:13px}
@media(max-width:768px){.rvq{padding:44px 14px}.rvq h2{font-size:25px}.rvq-card{padding:22px 20px 18px}}

/* ---------- финальный призыв ---------- */
.ol-cta{position:relative;overflow:hidden;color:#fff;padding:clamp(80px,12vw,150px) 0;isolation:isolate;background:var(--dark-brown)}
.ol-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ol-cta::after{content:'';position:absolute;inset:0;z-index:-1;background:rgba(47,26,16,.66)}
.ol-cta-inner{max-width:760px;text-align:center}
.ol-cta .ol-h2{color:#fff}
.ol-cta p{margin-top:16px;color:rgba(255,255,255,.85);font-size:17px}
.ol-cta .ol-hero-cta{justify-content:center}

/* ---------- страница направления ---------- */
.ol-dir-hero{position:relative;color:#fff;padding:120px 0 64px;overflow:hidden;isolation:isolate;background:var(--dark-brown)}
.ol-dir-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:olSettle 2s var(--ease) both}
.ol-dir-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(47,26,16,.85),rgba(47,26,16,.35))}

/* ---------- страница курса и урока ---------- */
.ol-course-hero{padding:36px 0 clamp(56px,8vw,96px)}
.ol-course-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:start}
.ol-course-media{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--bg-cream-dark);box-shadow:var(--shadow)}
.ol-course-media img{width:100%;height:100%;object-fit:cover}
.ol-play{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(250,246,240,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;font-size:14px;font-weight:600;color:var(--dark-brown);transition:transform .35s var(--ease),box-shadow .35s}
.ol-play:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(47,26,16,.18)}
.ol-play-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--terracotta);color:#fff}
.ol-play-btn svg{width:18px;height:18px;margin-left:2px}
.ol-course-media{position:sticky;top:100px}
.ol-course-title{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:clamp(30px,3.6vw,46px);line-height:1.1;margin:12px 0 16px}
.ol-course-promise{font-size:16.5px;line-height:1.65;color:var(--gray-text)}
.ol-buybox{margin-top:26px;padding:26px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);box-shadow:var(--shadow)}
.ol-buybox-price{display:flex;align-items:center;gap:14px}
.ol-save{font-size:13px;font-weight:700;color:var(--terracotta);background:var(--terracotta-light);border:1px solid rgba(156,56,21,.18);border-radius:999px;padding:4px 10px}
.ol-buybox-cta{display:grid;gap:10px;margin-top:20px}
.ol-buybox-fine{margin-top:14px;font-size:12.5px;color:var(--gray-text);text-align:center}
.ol-upgrade{margin-top:16px;padding:14px 16px;border-radius:var(--r-sm);background:var(--terracotta-light);border:1px dashed rgba(156,56,21,.35);font-size:14px;line-height:1.5}
.ol-upgrade b{color:var(--terracotta)}
.ol-needs{margin-top:22px;font-size:14px;color:var(--gray-text)}
.ol-needs b{display:block;color:var(--dark-brown);font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:400;margin-bottom:8px}
.ol-needs ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ol-needs li{border:1px solid var(--border-color);background:var(--white);border-radius:999px;padding:6px 14px}
.ol-upsell{margin-top:16px;padding:22px 26px;border-radius:var(--r);background:var(--bg-cream-dark);font-size:14.5px;color:var(--gray-text)}
.ol-upsell a{color:var(--terracotta)}
.ol-upsell-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0 2px;color:var(--dark-brown);font-weight:600}
.ol-upsell-line b{font-family:var(--heading-font);font-weight:400;font-size:26px;color:var(--terracotta)}
.ol-upsell .ol-btn{margin-top:16px}
@media(max-width:1023px){.ol-course-grid{grid-template-columns:1fr}.ol-course-media{position:relative;top:auto}}
@media(max-width:767px){.ol-course-hero{padding-top:20px}.ol-course-media{margin:0 calc(-1 * var(--container-padding));border-radius:0;aspect-ratio:4/3}.ol-buybox{padding:22px 18px}}

/* нижняя плашка покупки на телефоне */
.ol-sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(250,246,240,.92);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border-top:1px solid var(--border-color);transform:translateY(110%);transition:transform .45s var(--ease)}
.ol-sticky-buy.is-on{transform:none}
.ol-sticky-buy b{display:block;font-family:var(--heading-font);font-weight:400;font-size:22px;color:var(--terracotta);line-height:1.1}
.ol-sticky-buy span{font-size:12px;color:var(--gray-text)}
@media(min-width:1024px){.ol-sticky-buy{display:none!important}}

/* ---------- программа курса ---------- */
.ol-curriculum{display:grid;gap:12px}
.ol-module{background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);overflow:hidden;transition:box-shadow .4s var(--ease),border-color .4s}
.ol-module[open]{box-shadow:var(--shadow-hover);border-color:rgba(156,56,21,.15)}
.ol-module summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px 18px;padding:22px 24px;min-height:64px}
.ol-module summary::-webkit-details-marker{display:none}
.ol-module-n{font-family:var(--heading-font);font-size:14px;color:var(--terracotta);letter-spacing:1px}
.ol-module-t{font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1.5px;font-size:17px}
.ol-module-m{font-size:13px;color:var(--gray-text)}
.ol-module-x{position:relative;width:28px;height:28px;border-radius:50%;background:var(--terracotta-light)}
.ol-module-x::before,.ol-module-x::after{content:'';position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:var(--terracotta);transition:transform .4s var(--ease)}
.ol-module-x::after{transform:rotate(90deg)}
.ol-module[open] .ol-module-x::after{transform:rotate(0)}
.ol-rows{list-style:none;padding:0 12px 12px}
.ol-row{display:grid;grid-template-columns:36px 72px 1fr auto auto;align-items:center;gap:12px;padding:12px;border-radius:12px;transition:background .25s}
.ol-row:hover{background:var(--bg-cream)}
.ol-row + .ol-row{border-top:1px solid var(--border-color)}
.ol-row-n{font-family:var(--heading-font);font-size:13px;color:var(--gray-text)}
.ol-row-t{text-decoration:none;font-size:15px;font-weight:500;line-height:1.4}
.ol-row-t::after{content:'';position:absolute;inset:0}
.ol-row{position:relative}
.ol-row-d{font-size:13px;color:var(--gray-text);white-space:nowrap}
.ol-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 10px;border-radius:999px;white-space:nowrap;color:var(--gray-text);background:var(--bg-cream);border:1px solid var(--border-color);min-width:92px;justify-content:center}
.ol-row[data-status="free"] .ol-status{color:var(--terracotta);background:var(--terracotta-light);border-color:rgba(156,56,21,.2)}
.ol-row[data-status="available"] .ol-status{color:#fff;background:var(--terracotta);border-color:var(--terracotta)}
.ol-row[data-status="completed"] .ol-status{color:#3F6B45;background:#EEF4EC;border-color:rgba(63,107,69,.25)}
@media(max-width:600px){
  .ol-module summary{grid-template-columns:auto 1fr auto;padding:18px}
  .ol-module-m{grid-column:2;grid-row:2}
  .ol-module-x{grid-column:3;grid-row:1/3}
  .ol-rows{padding:0 6px 8px}
  .ol-row{grid-template-columns:24px 56px 1fr auto;padding:12px 8px}
  .ol-row-img{width:56px;height:56px}
  .ol-row .ol-row-d{grid-column:2;grid-row:2;margin-top:-6px}
  .ol-status{grid-column:3;grid-row:1/3;min-width:0}
}

/* ---------- окно покупки ---------- */
.ol-drawer{margin:auto auto 0;border:0;padding:0;width:100%;max-width:100%;max-height:92svh;background:transparent;color:var(--dark-brown)}
.ol-drawer::backdrop{background:rgba(47,26,16,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ol-drawer[open]{animation:olSheet .5s var(--ease)}
.ol-drawer[open]::backdrop{animation:olFade .4s ease}
.ol-drawer-in{position:relative;background:var(--bg-cream);border-radius:24px 24px 0 0;padding:34px 22px calc(26px + env(safe-area-inset-bottom));max-height:92svh;overflow:auto}
.ol-drawer-x{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:none;font-size:30px;line-height:1;color:var(--gray-text);border-radius:50%}
.ol-drawer-x:hover{background:var(--bg-cream-dark)}
@media(min-width:768px){
  .ol-drawer{margin:auto;max-width:480px}
  .ol-drawer-in{border-radius:24px;padding:40px 36px 32px}
  .ol-drawer[open]{animation:olPop .45s var(--ease)}
}
.ol-buy-kicker{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--terracotta)}
.ol-buy-title{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:24px;line-height:1.2;margin:8px 0 6px}
.ol-buy-text{font-size:14.5px;color:var(--gray-text)}
.ol-buy-price{font-family:var(--heading-font);font-size:40px;color:var(--terracotta);margin:18px 0 16px;line-height:1}
.ol-buy-alt{margin-top:22px;padding:20px;border-radius:var(--r-sm);background:var(--white);border:1px solid rgba(156,56,21,.25);position:relative}
.ol-buy-alt .ol-save{position:absolute;right:16px;top:-12px;background:var(--terracotta);color:#fff;border-color:var(--terracotta)}
.ol-buy-alt-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:600}
.ol-buy-alt-line b{font-family:var(--heading-font);font-weight:400;font-size:28px;color:var(--terracotta)}
.ol-buy-alt .ol-btn{margin-top:14px}
.ol-field{display:grid;gap:6px;margin-top:18px;font-size:13px;font-weight:600;color:var(--gray-text)}
.ol-field input{font:inherit;font-size:17px;font-weight:500;color:var(--dark-brown);padding:14px 16px;border-radius:12px;border:1px solid rgba(47,26,16,.18);background:#fff;min-height:52px;width:100%}
.ol-field input:focus{outline:none;border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(156,56,21,.15)}
.ol-code{letter-spacing:10px;text-align:center;font-family:var(--heading-font)!important;font-size:26px!important}
.ol-form-err{color:#B3261E;font-size:13px;margin-top:8px;min-height:1em}
.ol-demo-note{margin-top:16px;font-size:12px;color:var(--gray-text);padding:10px 12px;border-radius:10px;background:var(--bg-cream-dark)}
.ol-buy-done{text-align:center}
.ol-buy-done .ol-check{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;animation:olPop .5s var(--ease)}
.ol-buy .ol-btn{margin-top:6px}

/* ---------- личный кабинет ---------- */
.ol-dash{padding:48px 0 clamp(64px,9vw,120px);min-height:60vh}
.ol-dash-hello{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1.5px;font-size:clamp(28px,4vw,42px);line-height:1.15;margin-bottom:34px}
.ol-dash-label{font-family:var(--heading-font);font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gray-text);margin:44px 0 16px}
.ol-continue{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-hover);text-decoration:none}
.ol-continue-media{position:relative;min-height:220px;background:var(--bg-cream-dark)}
.ol-continue-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ol-continue-body{padding:28px;display:flex;flex-direction:column;gap:10px}
.ol-continue-course{font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1px;font-size:22px;line-height:1.2}
.ol-continue-lesson{font-size:15px;color:var(--gray-text)}
.ol-continue-lesson b{display:block;color:var(--dark-brown);font-weight:600;font-size:17px}
.ol-continue .ol-btn{align-self:flex-start;margin-top:8px}
@media(max-width:767px){.ol-continue{grid-template-columns:1fr}.ol-continue-media{aspect-ratio:16/10;min-height:0}.ol-continue-body{padding:22px}.ol-continue .ol-btn{align-self:stretch}}
.ol-progress{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--gray-text)}
.ol-progress-bar{flex:1;height:6px;border-radius:6px;background:var(--bg-cream-dark);overflow:hidden}
.ol-progress-bar i{display:block;height:100%;width:0;border-radius:6px;background:var(--terracotta);transition:width 1.2s var(--ease)}
.ol-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ol-mini a{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:12px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--r-sm);text-decoration:none;transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.ol-mini a:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.ol-mini img{width:96px;height:72px;object-fit:cover;border-radius:10px}
.ol-mini b{display:block;font-weight:600;font-size:14.5px;line-height:1.3}
.ol-mini span{font-size:12.5px;color:var(--gray-text)}
.ol-mini .ol-progress{margin-top:6px}
.ol-empty{padding:40px 28px;border-radius:var(--r);background:var(--white);border:1px dashed rgba(47,26,16,.18);text-align:center;color:var(--gray-text)}
.ol-empty .ol-btn{margin-top:18px}
.ol-empty--sm{padding:22px;text-align:left;font-size:14px}
.ol-dash-demo{margin-top:14px;background:none;border:0;color:var(--gray-text);font-size:13px;text-decoration:underline;padding:10px}

/* ---------- сборники: цвет-метка, подарки, полки уроков ---------- */
[data-c="c-hand"]{--cc:#9C3815}[data-c="c-wheel"]{--cc:#2F1A10}[data-c="c-firing"]{--cc:#7A6A2E}[data-c="c-theory"]{--cc:#A8731A}
.ol-badge--c{background:var(--cc);color:#fff}
.ol-lesson-info .ol-badge--c{background:var(--cc);color:#fff}
.ol-dot-c{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cc);margin-right:12px;vertical-align:middle}
.ol-gift{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;padding:22px 26px;border-radius:var(--r);background:var(--white);border:1px dashed rgba(156,56,21,.35);margin-bottom:28px}
.ol-gift-text{display:flex;gap:16px;align-items:center}
.ol-gift-ico{flex:none;width:44px;height:44px;border-radius:50%;background:var(--terracotta-light);color:var(--terracotta);display:flex;align-items:center;justify-content:center}
.ol-gift-ico svg{width:22px;height:22px}
.ol-gift-text b{display:block;font-weight:600}
.ol-gift-text span{font-size:14px;color:var(--gray-text)}
.ol-gift-list{list-style:none;display:flex;gap:10px;flex-wrap:wrap}
.ol-gift-list a{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--bg-cream);text-decoration:none;font-size:13px;line-height:1.25;font-weight:600}
.ol-gift-list img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.ol-gift-list small{display:block;font-weight:400;color:var(--terracotta)}
.ol-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.ol-filter button{border:1px solid var(--border-color);background:var(--white);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;transition:var(--transition)}
.ol-filter button{white-space:nowrap;flex:none}
@media(max-width:767px){.ol-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--container-padding)) 8px;padding:0 var(--container-padding) 4px}.ol-filter::-webkit-scrollbar{display:none}}
.ol-filter button[aria-pressed="true"]{background:var(--dark-brown);color:#fff;border-color:var(--dark-brown)}
.ol-shelf{margin-top:36px}
.ol-shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ol-shelf-title{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1.5px;font-size:20px}
.ol-bundle{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:28px;padding:24px 28px;border-radius:var(--r);background:var(--dark-brown);color:#fff}
.ol-bundle b{display:block;font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1.5px;font-size:20px}
.ol-bundle span{font-size:15px;color:rgba(255,255,255,.8)}
.ol-bundle s{opacity:.7}
.ol-row[data-status="bonus"] .ol-status{color:#7A6A2E;background:#F4F1E4;border-color:rgba(122,106,46,.25)}
@media(max-width:767px){.ol-gift{grid-template-columns:1fr;padding:18px}.ol-bundle{padding:20px}.ol-bundle .ol-btn{flex:1 1 100%}}

/* конспект в окне */
.ol-note-dlg .ol-drawer-in{max-width:760px}
.ol-doc h2{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:20px;margin:34px 0 10px}
.ol-doc p,.ol-doc li{font-size:15.5px;line-height:1.7;color:var(--dark-brown);margin:0 0 10px}
.ol-doc ul{margin:0 0 12px 22px;list-style:disc}
.ol-note{margin-top:18px;font-size:15.5px;line-height:1.7;color:var(--dark-brown)}
.ol-note h2{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:18px;margin:28px 0 8px;color:var(--terracotta)}
.ol-note h2:first-child{margin-top:0}
.ol-note h3{font-weight:600;font-size:16px;margin:20px 0 6px}
.ol-note p{margin:0 0 10px;color:var(--gray-text)}
.ol-note .ol-note-lead{font-weight:600;color:var(--dark-brown);margin-top:16px}
.ol-note ul,.ol-note ol{margin:4px 0 14px 20px;color:var(--gray-text)}
.ol-note hr{border:0;border-top:1px solid var(--border-color);margin:22px 0}
.ol-note li{margin:2px 0}

/* программа сборника с фото уроков */
.ol-row-img{width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--bg-cream-dark)}
.ol-row-img img{width:100%;height:100%;object-fit:cover}
.ol-rows--plain .ol-row{padding:14px 12px}
.ol-nav-list .ol-row-img{display:none}
/* выгода и состав на карточке сборника */
.ol-gain-old{font-size:13px;font-weight:600;color:#3F6B45;margin-top:4px}
.ol-gain s{font-weight:400;color:var(--gray-text)}
.ol-inside{position:relative;z-index:2;margin-top:16px;border-top:1px solid var(--border-color);padding-top:12px}
.ol-inside summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--terracotta)}
.ol-inside summary::-webkit-details-marker{display:none}
.ol-inside summary::after{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s;margin-bottom:4px}
.ol-inside[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px}
.ol-inside ol{list-style:none;margin-top:10px;display:grid;gap:4px}
.ol-inside a{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:6px;border-radius:10px;text-decoration:none;font-size:14px;line-height:1.3;transition:background .2s}
.ol-inside a:hover{background:var(--bg-cream)}
.ol-inside img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.ol-inside-sum{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:10px;background:#EEF4EC;font-size:13.5px}
.ol-inside-sum s{color:var(--gray-text)}
.ol-inside-sum em{font-style:normal;font-weight:700;color:#3F6B45}
.ol-inside em{font-style:normal;font-size:12.5px;color:var(--gray-text);white-space:nowrap}

/* выгода сборника */
.ol-deal-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.ol-deal-new{font-family:var(--heading-font);font-size:28px;line-height:1;color:var(--terracotta)}
.ol-deal-old{font-size:15px;color:var(--gray-text);text-decoration-thickness:1.5px;text-decoration-color:rgba(156,56,21,.6)}
.ol-deal-pct{align-self:center;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff;background:var(--terracotta);padding:4px 9px;border-radius:999px}
.ol-deal-save{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:10px;font-size:13px;color:var(--gray-text)}
.ol-deal-save b{display:inline-flex;align-items:center;gap:6px;color:#3F6B45;background:#EEF4EC;border:1px solid rgba(63,107,69,.18);padding:4px 10px;border-radius:999px;font-weight:700}
.ol-deal-save b::before{content:'';width:6px;height:6px;border-radius:50%;background:#3F6B45}
.ol-deal--lg .ol-deal-new{font-size:44px}
.ol-deal--lg .ol-deal-old{font-size:18px}
.ol-deal--lg .ol-deal-pct{font-size:14px;padding:5px 12px}
.ol-deal--lg .ol-deal-save{font-size:14px}
.ol-deal--sm .ol-deal-new{font-size:22px}
.ol-pct-tag{position:absolute;right:14px;top:14px;font-size:13px;font-weight:700;color:#fff;background:var(--terracotta);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(156,56,21,.35);transform:rotate(-8deg)}
.ol-card--course .ol-card-foot{align-items:flex-end}
.ol-inside-sum{margin-top:12px;padding:14px;border-radius:14px;background:var(--bg-cream);border:1px solid var(--border-color)}
.ol-inside-sum>span{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-text);margin-bottom:6px}
.ol-lesson-offer{margin-top:18px;padding:20px 22px;border-radius:var(--r);background:var(--white);border:1px solid var(--border-color);box-shadow:var(--shadow)}
.ol-lesson-offer-k{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--terracotta);margin-bottom:6px}
.ol-lesson-offer-t{font-size:14.5px;color:var(--gray-text);line-height:1.6;margin-bottom:12px}
.ol-lesson-offer-t a{color:var(--terracotta)}
.ol-lesson-offer-t b{color:#3F6B45}
.ol-lesson-offer .ol-btn{margin-top:14px}
.ol-lesson-offer .ol-price-note{margin-top:8px;text-align:center}

/* отрывок урока */
.ol-lesson-media{position:relative}
.ol-lesson-media .ol-play{border:0;cursor:pointer;font:inherit}
.ol-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
/* частые вопросы */
.ol-faq{display:grid;gap:10px}
.ol-faq-item{background:var(--white);border:1px solid var(--border-color);border-radius:var(--r-sm);padding:0 22px;transition:box-shadow .3s}
.ol-faq-item[open]{box-shadow:var(--shadow)}
.ol-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:16px}
.ol-faq-item summary::-webkit-details-marker{display:none}
.ol-faq-item summary::after{content:'+';flex:none;width:28px;height:28px;border-radius:50%;background:var(--terracotta-light);color:var(--terracotta);display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .3s}
.ol-faq-item[open] summary::after{transform:rotate(45deg)}
.ol-faq-item p{padding:0 0 18px;color:var(--gray-text);font-size:15px;line-height:1.65}

/* уроки сборника — большие плитки, на телефоне по две */
.ol-tiles{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ol-tile{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ol-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.ol-tile-img{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--bg-cream-dark)}
.ol-tile-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ol-tile:hover .ol-tile-img img{transform:scale(1.04)}
.ol-tile-body{display:flex;gap:10px;align-items:baseline;padding:14px 16px 4px}
.ol-tile-n{font-family:var(--heading-font);font-size:13px;color:var(--gray-text)}
.ol-tile-t{font-size:15px;font-weight:600;line-height:1.3}
.ol-tile-t a{text-decoration:none}
.ol-tile-tag{padding:0 16px 0 39px;font-size:13px;color:var(--gray-text);flex:1}
.ol-tile-btn{margin:12px 14px 14px;display:block;text-align:center;font-family:var(--heading-font);font-size:12px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:12px 8px;border-radius:12px;background:var(--terracotta);color:#fff;transition:background .3s}
.ol-tile-btn:hover{background:var(--terracotta-dark)}
.ol-tile-btn--line{background:transparent;color:var(--terracotta);border:1.5px solid var(--terracotta)}
.ol-tile-btn--line:hover{background:var(--terracotta-light)}
@media(max-width:1023px){.ol-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.ol-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ol-tile-body{padding:10px 10px 2px;gap:6px}.ol-tile-t{font-size:13.5px}.ol-tile-tag{padding:0 10px 0 30px;font-size:12px}.ol-tile-btn{margin:10px;padding:11px 4px;font-size:11px;letter-spacing:1.5px}}

/* подарки одной строкой */
.ol-gift-line{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;border-radius:var(--r-sm);background:var(--white);border:1px dashed rgba(156,56,21,.35);font-size:14px;color:var(--gray-text);line-height:1.5}
.ol-gift-line b{color:var(--dark-brown)}
.ol-gift-line a{color:var(--terracotta)}
.ol-gift-line .ol-gift-ico{width:36px;height:36px}
.ol-shelf .ol-tiles{margin-top:4px}
/* страница урока на телефоне: сначала цена и кнопка, потом описание */
@media(max-width:1023px){
  .ol-lesson-info{display:flex;flex-direction:column;align-items:flex-start}
  .ol-lesson-info>*{order:5}
  .ol-lesson-info>.ol-badge,.ol-lesson-info>h1,.ol-lesson-info>.ol-lesson-rule{order:1}
  .ol-lesson-info>.ol-lesson-buy{order:2;width:100%;margin-top:4px;padding-top:0;border-top:0}
  .ol-lesson-info>.ol-course-promise{order:3;margin-top:18px}
  .ol-lesson-info>.ol-lesson-offer{order:9;width:100%}
}

/* ---------- страница урока ---------- */
.ol-lesson{padding:36px 0 clamp(56px,8vw,96px)}
.ol-lesson-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:center}
.ol-lesson-media{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--bg-cream-dark);box-shadow:var(--shadow)}
.ol-lesson-media img{width:100%;height:100%;object-fit:cover}
.ol-lesson-info .ol-badge{position:static;display:inline-block;background:var(--bg-cream-dark)}
.ol-lesson-rule{display:block;width:40px;height:2px;background:var(--terracotta);border-radius:2px;margin:0 0 18px}
.ol-lesson-info .ol-h3{margin-top:24px}
.ol-lesson-buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border-color)}
.ol-lesson-buy .ol-price-note{flex-basis:100%;margin:0}
.ol-lesson-pack{margin-top:14px;font-size:14px;color:var(--gray-text);line-height:1.6}
.ol-lesson-pack a{color:var(--terracotta)}
.ol-lesson-video{border-radius:var(--r);margin-top:clamp(40px,6vw,64px);box-shadow:var(--shadow)}
.ol-needs{margin-top:clamp(48px,7vw,80px)}
.ol-needs-photo{margin-top:22px;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-cream-dark)}
.ol-needs-photo img{width:100%}
.ol-needs-photos--3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ol-needs-photos--3 .ol-needs-photo img{aspect-ratio:4/3;object-fit:cover}
@media(max-width:767px){.ol-needs-photos--3{grid-template-columns:1fr}}
.ol-needs-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:24px}
.ol-notes{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 28px;align-items:center;margin-top:clamp(32px,5vw,48px);padding:28px 32px;border-radius:var(--r);background:var(--bg-cream-dark)}
.ol-notes-ico{color:var(--terracotta);padding-right:24px;border-right:1px solid rgba(47,26,16,.12);box-sizing:content-box}
.ol-notes .ol-h3{margin:0 0 6px}
.ol-notes p{font-size:15px;color:var(--gray-text)}
.ol-notes-btns{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1023px){.ol-lesson-grid{grid-template-columns:1fr}.ol-notes{grid-template-columns:auto minmax(0,1fr)}.ol-notes-btns{grid-column:1/-1}}
@media(max-width:767px){
  .ol-lesson{padding-top:20px}
  .ol-lesson-media{margin:0 calc(-1 * var(--container-padding));border-radius:0}
  .ol-lesson-video{margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));border-radius:0}
  .ol-notes{padding:22px 18px;gap:16px}
  .ol-notes-ico{width:32px;height:32px;padding-right:14px}
  .ol-notes-btns .ol-btn{flex:1 1 100%}
}

/* ---------- урок внутри обучения ---------- */
.ol-player-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;max-width:1440px;margin:0 auto;min-height:70vh}
.ol-player-main{min-width:0}
.ol-video{position:relative;aspect-ratio:16/9;background:#1d110b;overflow:hidden}
.ol-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ol-player-text{padding:28px clamp(20px,4vw,48px) 56px;max-width:860px}
.ol-player-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.ol-player-course{font-size:13px;font-weight:600;color:var(--terracotta);text-decoration:none}
.ol-player-title{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0 12px}
.ol-player-desc{font-size:16px;color:var(--gray-text);line-height:1.65}
.ol-player-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch;margin-top:40px}
.ol-next{flex:1 1 300px;display:flex;flex-direction:column;gap:2px;position:relative;padding:18px 60px 18px 22px;border-radius:var(--r-sm);background:var(--terracotta);color:#fff;text-decoration:none;transition:background .3s}
.ol-next:hover{background:var(--terracotta-dark)}
.ol-next span{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.8}
.ol-next b{font-weight:600}
.ol-next .ol-arrow{position:absolute;right:22px;top:50%;margin-top:-9px}
.ol-player-actions [data-complete][aria-pressed="true"]{background:#EEF4EC;color:#3F6B45;border-color:rgba(63,107,69,.3)}
.ol-player-nav{border-left:1px solid var(--border-color);background:var(--white);padding:22px 14px 40px;max-height:calc(100vh - 57px);overflow:auto;position:sticky;top:57px;align-self:start}
.ol-player-nav-head{padding:0 10px 14px;border-bottom:1px solid var(--border-color);margin-bottom:6px}
.ol-player-nav-head b{display:block;font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:16px}
.ol-player-nav-head .ol-progress{margin-top:10px}
.ol-nav-module{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-text);padding:16px 10px 6px}
.ol-nav-list{list-style:none}
.ol-nav-list a{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:10px;text-decoration:none;font-size:14px;line-height:1.35;transition:background .2s}
.ol-nav-list a:hover{background:var(--bg-cream)}
.ol-nav-list li[aria-current] a{background:var(--terracotta-light);color:var(--terracotta);font-weight:600}
.ol-nav-list li[data-status="locked"] .ol-nav-t{opacity:.55}
.ol-nav-list li[data-status="locked"] .ol-row-n::after{content:' ·'}
.ol-nav-list li[data-status="completed"] .ol-row-n{color:#3F6B45}
.ol-nav-list li[data-status="completed"] .ol-row-n::before{content:'✓ '}
.ol-nav-list .ol-row-n{white-space:nowrap}
.ol-lessons-toggle{display:none}
.ol-nav-backdrop{position:fixed;inset:0;z-index:119;background:rgba(47,26,16,.4);opacity:0;pointer-events:none;transition:opacity .35s}
.ol-nav-backdrop.is-on{opacity:1;pointer-events:auto}
@media(max-width:1023px){
  .ol-player-page{grid-template-columns:1fr}
  .ol-lessons-toggle{display:inline-flex}
  .ol-player-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:120;max-height:80svh;border-left:0;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px rgba(47,26,16,.2);transform:translateY(105%);transition:transform .5s var(--ease);padding-bottom:calc(30px + env(safe-area-inset-bottom))}
  .ol-player-nav.is-open{transform:none}
}

/* плеер */
.ol-vp{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.ol-vp-screen{position:absolute;inset:0;background:linear-gradient(to top,rgba(29,17,11,.75),rgba(29,17,11,0) 45%)}
.ol-vp-big{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .35s var(--ease),opacity .3s}
.ol-vp-big:hover{transform:scale(1.06)}
.ol-vp-big svg{width:28px;height:28px;margin-left:4px}
.ol-vp.is-playing .ol-vp-big{opacity:0;pointer-events:none}
.ol-vp-resume{position:absolute;left:50%;top:calc(50% + 56px);transform:translateX(-50%);white-space:nowrap;font-size:14px;font-weight:600;background:rgba(250,246,240,.95);color:var(--dark-brown);border:0;border-radius:999px;padding:10px 18px;min-height:44px}
.ol-vp.is-playing .ol-vp-resume{display:none}
.ol-vp-bar{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px 14px}
.ol-vp-btn{width:44px;height:44px;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}
.ol-vp-btn:hover{background:rgba(255,255,255,.12)}
.ol-vp-time{font-size:13px;font-variant-numeric:tabular-nums;min-width:96px}
.ol-vp-range{flex:1;accent-color:var(--terracotta);height:20px;cursor:pointer}
.ol-vp-note{position:absolute;left:16px;top:14px;right:16px;width:max-content;max-width:calc(100% - 32px);font-size:11px;letter-spacing:1px;text-transform:uppercase;background:rgba(29,17,11,.55);padding:5px 10px;border-radius:999px}
.ol-vp-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;background:rgba(29,17,11,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}
.ol-vp-lock b{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:clamp(18px,2.4vw,24px)}
.ol-vp-lock p{font-size:14px;opacity:.85;max-width:420px}
.ol-vp-lock .ol-btn{margin-top:8px}

/* ---------- движение ----------
   Появление при загрузке (.ol-in) и при прокрутке ([data-reveal]):
   20–32px снизу + прозрачность, 700 мс, мягкое торможение. --d — очередь. */
.ol-in{animation:olRise .8s var(--ease) both;animation-delay:calc(var(--d,0) * 110ms + 80ms)}
.ol-in--img{animation-name:olImg}
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0) * 80ms)}
.js [data-reveal].is-in{opacity:1;transform:none}
@keyframes olRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes olImg{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@keyframes olSettle{from{transform:scale(1.06)}to{transform:none}}
@keyframes olFade{from{opacity:0}to{opacity:1}}
@keyframes olSheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes olPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js [data-reveal]{opacity:1;transform:none}
}

/* Узкий экран: видео ~210px в высоту — полоса перемотки появляется, когда урок пошёл,
   иначе она ложится на кнопку «Продолжить с …» */
@media(max-width:600px){
  .ol-vp-big{width:58px;height:58px;margin:-29px 0 0 -29px}
  .ol-vp-big svg{width:22px;height:22px}
  .ol-vp-resume{top:calc(50% + 38px);min-height:38px;padding:7px 14px;font-size:13px}
  .ol-vp:not(.is-playing) .ol-vp-bar{display:none}
  .ol-vp-time{min-width:0}
  .ol-lessons-toggle{white-space:nowrap;flex:none}
}
/* Сборников четыре — плитки в ряд по четыре, на планшете по две */
@media(min-width:768px) and (max-width:1099px){.ol-dirs{grid-template-columns:repeat(2,1fr)}}
/* Пакетов четыре — плитки в ряд по четыре, на планшете по две */

/* Пакет из одного модуля: уроки списком, без «гармошки» */
.ol-rows--plain{background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);padding:10px 12px;box-shadow:var(--shadow)}
@media(max-width:600px){.ol-rows--plain{padding:6px}}

/* Урок из двух частей */
.ol-vp-parts{position:absolute;left:16px;bottom:64px;display:flex;gap:8px}
.ol-vp-parts button{border:1px solid rgba(255,255,255,.5);background:rgba(29,17,11,.55);color:#fff;border-radius:999px;padding:7px 14px;font-size:12px;letter-spacing:1px;min-height:36px}
.ol-vp-parts button[aria-current]{background:var(--terracotta);border-color:var(--terracotta)}

/* ================= вариант Б главной (на согласование) ================= */
.olb-kicker{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--terracotta);margin-bottom:10px}
.olb-hero .ol-hero-title{max-width:760px;margin-left:auto;margin-right:auto}
.olb-hero .ol-hero-lead{max-width:560px;margin-left:auto;margin-right:auto}
.olb-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.olb-cta-2{padding:20px 34px}
.olb-facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:22px;font-size:13.5px;color:var(--gray-text)}
.olb-facts .ol-stars{color:#A8731A}
.olb-facts b{color:var(--dark-brown)}
.olb-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.olb-pick{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.olb-pick:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.olb-pick.is-best{border:2px solid var(--terracotta)}
.olb-best{position:absolute;left:12px;top:12px;z-index:1;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--terracotta);padding:6px 12px;border-radius:999px}
.olb-pick-img{display:block;aspect-ratio:4/3;overflow:hidden}
.olb-pick-img img{width:100%;height:100%;object-fit:cover}
.olb-pick-q{padding:16px 16px 4px;font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1px;font-size:17px;line-height:1.25}
.olb-pick-a{padding:0 16px;font-size:14px;color:var(--gray-text);line-height:1.5;flex:1}
.olb-pick-c{padding:14px 16px 16px;font-size:13px;font-weight:600;color:var(--terracotta)}
.olb-results{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.olb-res{display:block;text-decoration:none;border-radius:var(--r-sm);overflow:hidden;background:var(--white);box-shadow:var(--shadow)}
.olb-res img{width:100%;aspect-ratio:3/4;object-fit:cover}
.olb-res span{display:block;padding:10px 12px;font-size:13.5px;font-weight:600}
.olb-prev{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.olb-prev-item{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:#1d110b;text-decoration:none}
.olb-prev-item video{width:100%;height:100%;object-fit:cover}
.olb-prev-item span{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(to top,rgba(29,17,11,.85),transparent);color:#fff;font-size:14px;line-height:1.35}
.olb-prev-item b{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.8;font-weight:700}
.olb-anchor{background:var(--dark-brown);color:#fff;padding:28px 0}
.olb-anchor-in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 34px}
.olb-anchor-col span{display:block;font-size:13px;color:rgba(255,255,255,.7)}
.olb-anchor-col s{font-family:var(--heading-font);font-size:28px;color:rgba(255,255,255,.55)}
.olb-anchor-col b{font-family:var(--heading-font);font-weight:400;font-size:40px;color:#fff}
.olb-anchor-arrow{color:rgba(255,255,255,.6)}
.olb-nk-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.olb-nk-list li{font-size:16px}
.olb-nk-list b{color:var(--dark-brown)}
.olb-nokiln figure{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.olb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(250,246,240,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-color);transform:translateY(110%);transition:transform .4s var(--ease)}
.olb-sticky.is-on{transform:none}
.olb-sticky .ol-btn{flex:1;justify-content:center;padding:14px 8px;font-size:11px;letter-spacing:1.2px}
.olb-sticky .olb-sticky-2l{flex-direction:column;gap:2px;flex:1.3;text-align:center}
@media(max-width:1023px){.olb-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.olb-results{grid-template-columns:repeat(4,minmax(0,1fr))}.olb-nk-in{grid-template-columns:1fr}}
@media(max-width:767px){
  .olb-sticky{display:flex}
  .olb-picks{gap:10px}.olb-pick-q{font-size:14px;padding:12px 12px 4px}.olb-pick-a{padding:0 12px;font-size:12.5px}.olb-pick-c{padding:10px 12px 12px;font-size:12px}
  .olb-results,.olb-prev{display:flex}.olb-res{width:44vw}.olb-prev-item{width:58vw}
  .olb-cta{flex-direction:column;align-items:stretch}.olb-cta .ol-hero-btn,.olb-cta .ol-btn{text-align:center;justify-content:center}
  .olb-anchor-col b{font-size:32px}.olb-anchor-in .ol-btn{flex:1 1 100%;justify-content:center}
}

/* --- вариант Б: доводка --- */
.olb-cta-note{margin-top:12px;font-size:13px;color:var(--gray-text)}
.olb-inside-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.olb-inside-grid li{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--r);box-shadow:var(--shadow)}
.olb-ico{width:48px;height:48px;border-radius:14px;background:var(--terracotta-light);color:var(--terracotta);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.olb-inside-grid b{font-family:var(--heading-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:16px}
.olb-inside-grid span:last-child{font-size:14px;color:var(--gray-text);line-height:1.55}
@media(max-width:1023px){.olb-inside-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.olb-inside-grid{gap:10px}.olb-inside-grid li{padding:16px}.olb-ico{width:40px;height:40px}.olb-inside-grid b{font-size:13.5px}.olb-inside-grid span:last-child{font-size:12.5px}}
/* страница сборника: кому подойдёт и что внутри */
.olx-for{list-style:none;display:grid;gap:8px;margin:18px 0 4px}
.olx-for li{position:relative;padding-left:28px;font-size:15px;line-height:1.5}
.olx-for li::before{content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#EEF4EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F6B45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.olx-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.olx-chips li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--bg-cream-dark);color:var(--dark-brown)}
.olx-chips svg{width:12px;height:12px;color:var(--terracotta)}
.olb-tabs .ol-bundle{display:none}
@media(max-width:767px){
  .olb-anchor-in{flex-direction:column;text-align:center;gap:6px}
  .olb-anchor-arrow{transform:rotate(90deg);margin:2px 0}
  .olb-anchor-in .ol-btn{margin-top:14px;width:100%}
}
.olb-nk-list{margin-top:22px}
.ol-buybox-cta .ol-btn{justify-content:center;text-align:center}
@media(max-width:767px){.ol-deal--lg .ol-deal-new{font-size:36px}.ol-deal--lg .ol-deal-old{font-size:15px}.ol-buybox-cta .ol-btn{letter-spacing:2px}}

/* ===== правки 11.10 (вариант А, страницы сборника и урока) ===== */
.ol-section--tight{padding:0 0 clamp(40px,6vw,72px)}
.ol-card--course .ol-card-media{aspect-ratio:4/5}
.ol-card-buy{margin:0 20px 18px;width:calc(100% - 40px)}
.ol-card-body+.ol-card-buy{margin-top:-4px}
.olx-buyrow{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}
.olx-buyrow .ol-deal{flex:1 1 auto}
.olx-buyrow>.ol-btn{flex:none}
.ol-lesson-buy{flex-wrap:nowrap!important;justify-content:space-between}
.olx-autoplay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.olx-sound{position:absolute;right:14px;bottom:14px;z-index:2;border:0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;background:rgba(250,246,240,.9);color:var(--dark-brown);cursor:pointer;backdrop-filter:blur(8px)}
.olx-sound .olx-sound-on,.olx-sound[aria-pressed="true"] .olx-sound-off{display:none}
.olx-sound[aria-pressed="true"] .olx-sound-on{display:inline}
.olx-tools{margin-top:18px;border:1px solid var(--border-color);border-radius:var(--r-sm);background:var(--white);padding:0 16px}
.olx-tools summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 0;font-weight:600;font-size:14.5px;color:var(--terracotta)}
.olx-tools summary::-webkit-details-marker{display:none}
.olx-tools summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s}
.olx-tools[open] summary::after{transform:rotate(-135deg)}
.olx-tools-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:12px}
.olx-tools-photos img{width:100%;border-radius:10px}
.olx-tools .ol-list{padding-bottom:16px}
.olx-dessert{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,48px);align-items:center;margin-top:clamp(40px,6vw,72px);padding:clamp(22px,3vw,36px);border-radius:var(--r);background:var(--white);border:1px solid var(--border-color);box-shadow:var(--shadow)}
.olx-dessert-lead{font-size:16px;line-height:1.6;margin-bottom:14px}
.olx-dessert-img{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:4/5}
.olx-dessert-img img{width:100%;height:100%;object-fit:cover}
.ol-lesson-offer .ol-lesson-offer-k a{color:inherit}
@media(max-width:767px){.olx-dessert{grid-template-columns:1fr}.olx-dessert-img{order:-1;aspect-ratio:3/4}.ol-card-buy{margin:0 16px 16px;width:calc(100% - 32px)}}

.ol-deal-row{align-items:center}
.ol-deal-btn{margin-left:auto;flex:none}
.ol-deal-row--sub{margin-top:8px}
@media(max-width:767px){.ol-deal-btn{padding-left:22px;padding-right:22px}.ol-deal--sm .ol-deal-btn{padding:12px 14px;font-size:11px;letter-spacing:1.5px}}

.ol-tile-img{position:relative}
.ol-tile-bonus{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--terracotta);background:var(--bg-cream);padding:9px 14px 9px 12px;border-radius:999px;box-shadow:0 6px 18px rgba(47,26,16,.28)}
.ol-tile-bonus svg{width:16px;height:16px}
.ol-tile--bonus{border-color:var(--terracotta);box-shadow:0 0 0 1px var(--terracotta),0 14px 30px rgba(156,56,21,.16)}
.ol-tile--bonus .ol-tile-tag{color:var(--terracotta);font-weight:700}
.olx-tools-photos{padding-bottom:16px;margin-bottom:0}
.olb-hero+.olb-start{padding-top:clamp(28px,4vw,48px)}

button.ol-tile-btn{border:0;cursor:pointer;font:inherit;font-family:var(--heading-font);font-size:12px;letter-spacing:2px;text-transform:uppercase;width:calc(100% - 28px)}
.ol-tile-more{display:block;text-align:center;margin:8px 14px 0;font-size:12.5px;font-weight:600;color:var(--terracotta);text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){button.ol-tile-btn{width:calc(100% - 20px);font-size:11px;letter-spacing:1.5px}.ol-tile-more{margin:8px 10px 0}}

/* кнопка звука приветствия */
.olx-sound{display:inline-flex;align-items:center;gap:8px;right:14px;bottom:14px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(47,26,16,.55);color:#fff;font-family:var(--heading-font);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:400;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 6px 20px rgba(0,0,0,.18);transition:background .3s,transform .3s var(--ease)}
.olx-sound:hover{background:rgba(156,56,21,.85);transform:translateY(-1px)}
.olx-sound svg{width:30px;height:30px;padding:7px;border-radius:50%;background:rgba(255,255,255,.18)}
.olx-sound .olx-sound-on,.olx-sound[aria-pressed="true"] .olx-sound-off{display:none}
.olx-sound[aria-pressed="true"] .olx-sound-on{display:inline}
.olx-sound[aria-pressed="true"] svg.olx-sound-on{display:block}
.olx-sound[aria-pressed="false"] svg.olx-sound-off{display:block}
.olx-sound[aria-pressed="false"] svg{animation:olxPulse 2.4s ease-in-out infinite}
@keyframes olxPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}}
@media(prefers-reduced-motion:reduce){.olx-sound svg{animation:none}}
/* звук: круглая иконка 40px; надпись — только подсказкой в первые секунды */
.olx-sound{right:10px;bottom:10px;gap:0;padding:4px;background:rgba(47,26,16,.45)}
.olx-sound-t{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .5s var(--ease),opacity .3s,margin .5s var(--ease)}
.olx-sound.is-hint .olx-sound-t{max-width:160px;opacity:1;margin:0 10px 0 8px}
.olx-sound[aria-pressed="false"] .olx-sound-t.olx-sound-on,.olx-sound[aria-pressed="true"] .olx-sound-t.olx-sound-off{display:none}
.olx-sound svg{width:32px;height:32px}
@media(hover:hover){.olx-sound:hover .olx-sound-t{max-width:160px;opacity:1;margin:0 10px 0 8px}}
.olx-autoplay{object-position:50% 30%;background:#2f1a10}
.ol-vp--real{position:absolute;inset:0;background:#000}
.ol-vp--real video{width:100%;height:100%;object-fit:contain;background:#000}
.ol-vp--real .ol-vp-parts{z-index:3}
.ol-vp--real .ol-vp-parts{top:12px;bottom:auto}
/* приветствие: вертикальное видео целиком, фон — размытый кадр */
.ol-course-media.has-welcome{background:#2f1a10}
.olx-welcome-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(28px) brightness(.75) saturate(1.1)}
.has-welcome .olx-autoplay{object-fit:contain;object-position:center;background:transparent;z-index:1}
.ol-course-media.has-welcome{aspect-ratio:1/1}
@media(max-width:767px){.ol-course-media.has-welcome{aspect-ratio:4/5}}
/* приветствие: кадр как у владельца — от ушей логотипа до рук, без полей */
.ol-course-media.has-welcome{aspect-ratio:3/4;max-width:480px;width:100%;justify-self:center}
.has-welcome .olx-welcome-bg{display:none}
.has-welcome .olx-autoplay{object-fit:cover;object-position:50% 30%}
@media(max-width:767px){.ol-course-media.has-welcome{aspect-ratio:3/4;max-width:none}}

/* правки 15.10 */
.olb-nk-in--solo{grid-template-columns:1fr;max-width:760px}
.olx-tools-note{grid-column:1/-1;margin:4px 0 2px;padding:12px 14px;border-radius:10px;background:var(--bg-cream);font-size:13.5px;line-height:1.55;color:var(--gray-text)}
.ol-tile--note{position:relative;overflow:hidden;background:var(--white);border-color:var(--border-color);transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .35s var(--ease),border-color .35s}
.ol-tile--note::after{content:'';position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:var(--terracotta-light);transition:transform .5s var(--ease),background .35s;z-index:0}
.ol-tile--note>a,.ol-tile--note>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:14px;height:100%;padding:26px 22px;text-decoration:none;color:var(--dark-brown);transition:color .35s}
.ol-tile--note span{font-family:var(--heading-font);text-transform:uppercase;letter-spacing:1px;font-size:16px;line-height:1.35}
.ol-tile--note span::first-line{color:var(--terracotta)}
.ol-tile--note b{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--terracotta);transition:color .35s}
.ol-tile--note b a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.ol-tile--note:hover{background:var(--terracotta);border-color:var(--terracotta)}
.ol-tile--note:hover::after{transform:scale(1.6);background:rgba(255,255,255,.08)}
.ol-tile--note:hover>a,.ol-tile--note:hover>div,.ol-tile--note:hover b,.ol-tile--note:hover span::first-line{color:var(--bg-cream)}
@media(max-width:767px){.ol-tile--note>a,.ol-tile--note>div{padding:16px 12px}.ol-tile--note span{font-size:13px}}
.olb-pick-q{text-transform:none;letter-spacing:.3px;font-size:18px;hyphens:auto}
@media(max-width:767px){.olb-pick-q{font-size:15px;letter-spacing:0;line-height:1.3}}

/* видео: без меню сохранения по долгому нажатию */
video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}

/* поисковый пакет 15.10 */
.olx-learn{margin-bottom:18px}
.ol-about p,.ol-about-p{font-size:14.5px;line-height:1.7;color:var(--gray-text);margin-top:10px}
.ol-seller{padding:18px 0;border-top:1px solid var(--border-color);font-size:12.5px;line-height:1.6;color:var(--gray-text)}
.ol-seller a{color:inherit}

.nw{white-space:nowrap}
.olx-dessert-text .ol-list+.ol-lesson-offer-k{margin-top:22px}