/* Лендинг курса «Дизайн интерьеров с ИИ»: палитра и шрифт самого курса (тёплая бумага, олива, терракота, Lora). */
@font-face{font-family:"Lora";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/lora-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Lora";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/lora-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.theme-interior{--bg:#f7f3ec;--surface:#fff;--text:#22201c;--muted:#5f5a52;--brand:#4b6b43;--brand-strong:#3d5a36;--border:#ddd5c7;--accent:#c4683f;--accent-text:#994a27;--linen:#efe9de;--olive-soft:#e6ecdf}
.theme-interior .cat-header{background:var(--bg);border-bottom-color:var(--border)}
.theme-interior .cat-logo{color:var(--text)}
.theme-interior .cat-btn-ghost{background:transparent;color:var(--brand-strong);border:1px solid var(--brand)}
.theme-interior .cat-btn-ghost:hover{background:var(--olive-soft)}

.li{display:grid;gap:clamp(48px,7vw,88px)}
.li h1,.li h2,.li h3{font-family:Lora,Georgia,serif;color:var(--text);letter-spacing:-.01em}
.li h1{font-size:clamp(32px,4.6vw,52px);line-height:1.12;margin:0 0 16px;font-weight:600}
.li h2{font-size:clamp(26px,3.2vw,36px);line-height:1.2;margin:0 0 12px;font-weight:600}
.li h3{font-size:20px;line-height:1.3;margin:0 0 6px;font-weight:600}
.li-eyebrow{margin:0 0 12px;color:var(--accent-text);font-weight:600;font-size:15px;letter-spacing:.02em}
.li-lead{font-size:clamp(18px,1.6vw,20px);color:var(--muted);margin:0 0 24px;max-width:36em}
.li-sub{color:var(--muted);margin:0 0 24px;max-width:46em}

/* первый экран */
.li-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.li-hero-img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(60,45,25,.45)}
.li-hero-img img{display:block;width:100%;height:auto;aspect-ratio:1264/848;object-fit:cover}
.li-buy{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:520px}
.li-buy form{margin:0}
.li-buy .cat-price{font-family:Lora,Georgia,serif;font-size:30px;font-weight:600;margin-right:4px}
.li-buy .cat-error{flex-basis:100%}
.li-buy-note{flex-basis:100%;margin:0;color:var(--muted);font-size:15px}

/* было и стало */
.li-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.li-compare{margin:0}
.li-compare-frame{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1264/848;background:var(--linen)}
.li-compare-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.li-after{clip-path:inset(0 0 0 var(--pos,50%))}
.li-compare-frame::after{content:"";position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);pointer-events:none}
.li-tag{position:absolute;top:10px;padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.88);color:var(--text);font-size:13px;font-weight:600;pointer-events:none}
.li-tag-before{left:10px}.li-tag-after{right:10px}
.li-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.li-compare-frame:has(.li-range:focus-visible){outline:3px solid #2e6bd6;outline-offset:2px}
.li-compare figcaption{margin-top:10px;color:var(--muted);font-size:15px}
.li-compare figcaption strong{color:var(--text)}

/* навыки */
.li-skills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.li-skills li{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.li-skills img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.li-skills h3{padding:16px 18px 0}
.li-skills p{margin:0;padding:0 18px 18px;color:var(--muted);font-size:16px}

/* для кого, программа */
.li-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:var(--linen);border-radius:18px;padding:clamp(20px,3vw,36px)}
.li-facts h2{font-size:22px}.li-facts p{margin:0;color:var(--muted)}
.li-description{max-width:46em}
.li-program{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.li-track{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--brand);border-radius:14px;padding:18px 20px}
.li-track:nth-child(2){border-top-color:var(--accent)}
.li-track:nth-child(3){border-top-color:#8a7a5c}
.li-track ol{margin:8px 0 0;padding-left:22px;color:var(--muted);font-size:16px}
.li-track li{margin:4px 0}

/* финальный блок */
.li-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:18px;overflow:hidden;background:#2f3a2a;color:#f7f3ec}
.li-final img{display:block;width:100%;height:100%;object-fit:cover;min-height:260px}
.li-final-text{padding:clamp(24px,4vw,48px);display:grid;align-content:center;justify-items:start;gap:12px}
.li-final h2{color:#f7f3ec;margin:0}.li-final p{margin:0 0 8px;color:#ddd5c7}
.li-final .cat-btn{background:var(--accent)}.li-final .cat-btn:hover{background:var(--accent-text)}

@media (max-width:900px){
  .li-hero,.li-final{grid-template-columns:1fr}
  .li-hero-img{order:-1}
  .li-pairs,.li-skills,.li-facts,.li-program{grid-template-columns:1fr}
}
@media (min-width:601px) and (max-width:900px){.li-skills{grid-template-columns:repeat(2,minmax(0,1fr))}}