/* v11: компьютер (data-layout="d"). Герой в две колонки (типографика | куб с силуэтами),
   полка в один ряд 6 + 1, распаковка — сцена слева, карточка и действия справа. */
[data-layout="d"] .top { padding: 12px max(32px, calc(50vw - 600px)); }
[data-layout="d"] .hero { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 40px;
  padding: 56px max(32px, calc(50vw - 600px)) 40px; min-height: min(760px, calc(100vh - 64px)); }
[data-layout="d"] .kin { font-size: clamp(88px, 10.5vw, 150px); }
[data-layout="d"] .hero-box { height: 460px; }
[data-layout="d"] .cube { --s: 190px; }
[data-layout="d"] .gh { --rad: 200px; width: 64px; height: 64px; }
[data-layout="d"] .sec { padding: 90px max(32px, calc(50vw - 600px)) 20px; }
[data-layout="d"] .shelf-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; }
[data-layout="d"] .ub { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "stage card" "step card" "btns card" "btns after"; gap: 0 36px; align-items: start; }
[data-layout="d"] .ub-stage { grid-area: stage; height: 520px; }
[data-layout="d"] .ub-step { grid-area: step; }
[data-layout="d"] .ub-btns { grid-area: btns; }
[data-layout="d"] .card { grid-area: card; margin-top: 0; }
[data-layout="d"] .ub-after { grid-area: after; }
[data-layout="d"] .fair { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
[data-layout="d"] .fair > .sk, [data-layout="d"] .fair > h2, [data-layout="d"] .fair > .fair-p { grid-column: 1; }
[data-layout="d"] .fair .odds { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
[data-layout="d"] .fair-l { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 12px; }
[data-layout="d"] .kn { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
[data-layout="d"] .swap-l { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-layout="d"] .drop { text-align: center; padding-bottom: 80px; }
[data-layout="d"] .drop .sp { margin-inline: auto; }
[data-layout="d"] .drop .ctas { justify-content: center; }
[data-layout="d"] .drop-h { font-size: clamp(48px, 6vw, 88px); }
[data-layout="d"] .foot { padding: 30px max(32px, calc(50vw - 600px)) 40px; }
[data-layout="d"] .mbar { display: none; }
[data-layout="d"] .sheet { margin: auto; width: min(520px, 92vw); }
[data-layout="d"] .sheet-in { border-radius: 26px; }
[data-layout="d"] .grip { display: none; }
[data-layout="d"] .toast { bottom: 32px; }