/* ============ Раздел «Свет и карнизы» (svet.html, svet-*.html), одобренные правки 11.10.2026 ============
   Подключается после approved.css. Основа — раскладка из ветки humanize (p61–p64, p66):
   две колонки фото с подписью, одна кнопка записи внизу, цены строками, соседние разделы строкой.
   Палитру и шрифты не трогаем (шрифты задаёт approved.css), скругления фото как на боевом сайте (p10 «нет»). */

.sv-head{padding-top:40px;padding-bottom:0;}
.sv-crumbs{font-size:14px;color:var(--ink-soft);margin-bottom:16px;}
.sv-crumbs a{color:var(--ink-soft);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;}
.sv-crumbs a:hover{color:var(--accent);text-decoration-color:currentColor;}
.sv-head h1{max-width:22ch;line-height:1.15;}
.sv-lede{font-size:18px;line-height:1.6;color:var(--ink-soft);margin-top:16px;max-width:62ch;}
.sv-lede + .sv-lede{margin-top:8px;}
.sv-lede a,.sv-price-side a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.sv-note{margin-top:14px;font-size:16px;line-height:1.55;color:var(--ink);max-width:62ch;}

/* Варианты: фото + название + строка текста */
.sv-variants{padding-top:40px;padding-bottom:16px;}
.sv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;}
.sv-item{margin:0;display:block;color:var(--ink);}
.sv-item img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--bg);border-radius:var(--radius);}
.sv-item--wide{grid-column:1/-1;}
.sv-item--wide img{aspect-ratio:21/9;}
.sv-item h2{font-family:var(--font-text);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:0;margin-top:14px;}
.sv-item p{font-size:16px;line-height:1.5;color:var(--ink-soft);margin-top:4px;}
.sv-cat h2{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .15s,text-decoration-color .15s;}
.sv-cat:hover h2,.sv-cat:focus-visible h2{color:var(--accent);text-decoration-color:currentColor;}

/* Световое окно: три кадра в ряд */
.sv-window{padding-top:56px;}
.sv-window h2{font-size:26px;}
.sv-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;}
.sv-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--bg);border-radius:var(--radius);}

/* Цена: состав слева, ставки и пояснения справа */
.sv-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 56px;margin-top:72px;padding-top:32px;position:relative;}
.sv-price::before,.sv-cta::before{content:"";position:absolute;top:0;left:24px;right:24px;border-top:1px solid var(--line);}
.sv-cta::before{border-top-color:var(--ink);}
.sv-price h2{font-size:26px;}
.sv-price .parts-list{font-size:16px;}
.sv-price-side > p{font-size:16px;line-height:1.55;color:var(--ink-soft);margin-top:12px;}
.sv-price-side > p:first-child{margin-top:4px;}
.sv-price-side > .sv-note{color:var(--ink);margin-top:20px;}
.sv-rates{margin:0;border-top:1px solid var(--line);}
.sv-rate{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);}
.sv-rate dt{font-size:16px;}
.sv-rate dd{margin:0;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.sv-price--hub .sv-lede{font-size:16px;}

/* Шоурум на svet.html */
.sv-showroom{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px;align-items:center;margin-top:80px;}
.sv-showroom h2{font-size:28px;}
.sv-hours{font-size:15px;color:var(--ink-soft);margin-top:14px;}
.sv-link{display:inline-block;margin-top:10px;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;}

/* Одна кнопка записи внизу страницы, без тёмной плашки */
.sv-cta{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-top:72px;padding-top:28px;position:relative;}
.sv-cta p{font-family:var(--font-head);font-size:24px;font-weight:500;line-height:1.3;color:var(--ink);max-width:34ch;}
.sv-cta .btn{flex-shrink:0;}

/* Другие разделы — строка ссылок */
.sv-other{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:15px;color:var(--ink-soft);margin-top:40px;padding-bottom:64px;}
.sv-other ul{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0;}
.sv-other li{max-width:none;}
.sv-other li + li::before{content:"·";margin:0 10px;color:var(--ink-soft);}
.sv-other a{color:var(--ink-soft);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;}
.sv-other a:hover{color:var(--accent);text-decoration-color:currentColor;}
.sv-head + .sv-variants{padding-top:36px;}
main.sv > :last-child.sv-cta{margin-bottom:72px;}

@media (max-width:760px){
  .sv-head{padding-top:28px;}
  .sv-lede{font-size:17px;}
  .sv-grid{grid-template-columns:1fr;gap:36px;}
  .sv-item--wide img{aspect-ratio:3/2;}
  .sv-gallery{grid-template-columns:1fr 1fr;}
  .sv-gallery img:first-child{grid-column:1/-1;aspect-ratio:3/2;}
  .sv-price{grid-template-columns:1fr;margin-top:56px;}
  .sv-showroom{grid-template-columns:1fr;margin-top:56px;}
  .sv-showroom .vid-card{max-width:300px;}
  .sv-cta{margin-top:56px;}
  .sv-cta p{font-size:21px;}
  .sv-cta .btn{width:100%;}
  .sv-other{flex-direction:column;padding-bottom:48px;}
  .sv-other ul{flex-direction:column;gap:8px;}
  .sv-other li + li::before{content:none;}
}