/* v13: компьютер (data-layout="d") — герой в две колонки (текст | коробка), сетки вместо лент,
   раскрытие — окно по центру: модель слева, записка справа. */

[data-layout="d"] .top { padding-left: max(32px, calc((100vw - 1200px) / 2)); padding-right: max(32px, calc((100vw - 1200px) / 2)); }
[data-layout="d"] main > .sec,
[data-layout="d"] .hero { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; }
[data-layout="d"] .hero {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center;
  padding-top: 48px; padding-bottom: 40px; min-height: calc(100vh - 64px);
}
[data-layout="d"] .kin { font-size: clamp(40px, 4.6vw, 64px); }
[data-layout="d"] .grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
[data-layout="d"] .box { padding: 20px; transform: rotate(.6deg); }
[data-layout="d"] .w-num { font-size: clamp(28px, 2.8vw, 42px); }
[data-layout="d"] .sec { padding-top: 88px; padding-bottom: 88px; }
[data-layout="d"] .w-btn:hover .w-flap { transform: rotateY(-8deg); transition: transform .3s var(--ease); }
[data-layout="d"] .w-locked .w-btn:hover .w-flap,
[data-layout="d"] .w-peel .w-btn:hover .w-flap { transform: none; }

[data-layout="d"] .note-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
[data-layout="d"] .rail-wrap { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
[data-layout="d"] .forms {
  display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 16px;
}
[data-layout="d"] .forms::-webkit-scrollbar { display: none; }
[data-layout="d"] .forms > * { flex: 0 0 calc((100% - 54px) / 4); min-width: 220px; scroll-snap-align: start; }
[data-layout="d"] .taste { grid-template-columns: 1.2fr 1fr; gap: 48px; }
[data-layout="d"] .qa { grid-template-columns: 1fr 1fr; align-items: start; }
[data-layout="d"] .step-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
[data-layout="d"] .end-h { font-size: clamp(40px, 5vw, 68px); }

[data-layout="d"] .rv { width: min(940px, 92vw); height: min(600px, 88vh); max-height: 88vh; border-radius: 26px; margin: auto; }
[data-layout="d"] .rv-in { display: grid; grid-template-columns: 1.1fr 1fr; grid-template-rows: 100%; }
[data-layout="d"] .rv-grab { display: none; }
[data-layout="d"] .rv-stage { height: 100%; }
[data-layout="d"] .rv-info { padding: 34px 32px; display: flex; flex-direction: column; }
[data-layout="d"] .rv-h { font-size: 32px; }
[data-layout="d"] .rv-btns { margin-top: auto; padding-top: 18px; }
[data-layout="d"] .rv-swipe { display: none; }