/* v8 — компьютер ([data-layout="d"]): обложка в две колонки, слева липкая сцена,
   справа карточки изделий; разделы — по центру. */

[data-layout="d"] .top { padding: 14px 40px; }
[data-layout="d"] .hero {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .85fr); gap: 56px; align-items: end;
  padding: 72px max(40px, calc((100vw - 1240px) / 2)) 64px; min-height: min(88vh, 860px);
}
[data-layout="d"] .glow-word { top: -4%; right: -8%; width: 68%; }
[data-layout="d"] .kin { font-size: clamp(72px, 8.6vw, 132px); }
[data-layout="d"] .story { font-size: 19px; }
[data-layout="d"] .hero-side { padding: 26px; border-radius: 28px; background: color-mix(in srgb, var(--card) 78%, transparent);
  box-shadow: var(--shadow), inset 0 0 0 1px var(--line); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
[data-layout="d"] .hero-cta { margin-top: 20px; width: 100%; }

[data-layout="d"] .drop { padding: 72px max(40px, calc((100vw - 1240px) / 2)) 24px; }
[data-layout="d"] .drop .sec-h { margin-bottom: 26px; }
[data-layout="d"] .drop .sec-h h2 { font-size: 48px; font-weight: 900; }
[data-layout="d"] .viewer { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); gap: 32px; align-items: start; }
[data-layout="d"] .stage { position: sticky; top: 88px; height: calc(100vh - 120px); max-height: 760px; min-height: 480px; border-radius: 32px; }
[data-layout="d"] .cards { display: grid; gap: 18px; }
[data-layout="d"] .card { cursor: pointer; transition: box-shadow .25s, transform .25s; }
[data-layout="d"] .card.on { box-shadow: var(--shadow), inset 0 0 0 2px var(--c); transform: translateX(-4px); }
[data-layout="d"] .st-bars { display: none; }

[data-layout="d"] .sec { padding: 72px max(40px, calc((100vw - 1240px) / 2)); }
[data-layout="d"] .sec h2 { font-size: 48px; }
[data-layout="d"] .feed, [data-layout="d"] .tl-sec { display: block; }
[data-layout="d"] main { display: grid; grid-template-columns: 1fr 1fr; }
[data-layout="d"] main > .hero, [data-layout="d"] main > .drop, [data-layout="d"] main > .faq { grid-column: 1 / -1; }
[data-layout="d"] main > .feed { padding-right: 24px; padding-left: max(40px, calc((100vw - 1240px) / 2)); }
[data-layout="d"] main > .tl-sec { padding-left: 24px; padding-right: max(40px, calc((100vw - 1240px) / 2)); }
[data-layout="d"] main > .news { grid-column: 1 / -1; }
[data-layout="d"] .foot { padding: 36px max(40px, calc((100vw - 1240px) / 2)) 48px; }
[data-layout="d"] .toast { bottom: 32px; }
[data-layout="d"] .sheet { left: auto; right: 32px; bottom: 32px; transform: translateY(140%); border-radius: 24px; width: 420px; }
[data-layout="d"] .sheet.on { transform: none; }