/* Продукты, Пространство развития, Направление — общие классы страниц */
html.snap { scroll-snap-type: y proximity; }
@keyframes hintBob { 0%, 100% { transform: translateY(0); opacity: 0.75; } 50% { transform: translateY(7px); opacity: 1; } }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .hint, [style*="marquee"] { animation: none !important; } }

/* верхняя полоса: исчезает после первого экрана */
.sbar { position: fixed; top: 0; left: 0; right: 0; z-index: 30; opacity: 1; transform: translateY(0);
  transition: opacity 260ms ease, transform 260ms ease; pointer-events: auto; }
.sbar.gone { opacity: 0; transform: translateY(-10px); pointer-events: none; }

/* подсказка «листайте» */
.hint { display: flex; flex-direction: column; align-items: center; gap: 10px; animation: hintBob 2s ease-in-out infinite; }
.hint-t { font-family: 'Courier New', Courier, monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #6e5c59; }
.hint-l { width: 1px; height: 42px; background: rgba(17,16,16,0.35); }

/* маркер под словом */
.mk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 14 C 30 10, 58 15, 92 11 S 150 13, 196 9' stroke='%23c77c83' stroke-opacity='0.42' stroke-width='10' fill='none' stroke-linecap='round'/%3E%3Cpath d='M8 12 C 46 9, 80 14, 120 10 S 172 12, 192 10' stroke='%23c77c83' stroke-opacity='0.22' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 100% 0.5em; background-position: 0 58%; background-repeat: no-repeat; padding: 0 0.34em; margin: 0 -0.22em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* hover карточек-листков на «Продуктах» (inline-transform перебивается !important) */
.hv1:hover { transform: rotate(-0.6deg) translateY(-3px) !important; }
.hv2:hover { transform: rotate(0.5deg) translateY(-3px) !important; }

/* просмотр образцов пакета */
.ov { position: fixed; inset: 0; z-index: 60; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 18px; padding: clamp(20px, 5vw, 60px); background: rgba(24,16,16,0.82); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; pointer-events: none; transition: opacity 240ms ease; cursor: zoom-out; }
.ov.open { opacity: 1; pointer-events: auto; }
[data-doc]:focus-visible, [data-step]:focus-visible { outline: 1px dashed #4a2c22; outline-offset: 3px; }
.ov [data-step]:focus-visible { outline-color: #fcf0ee; }