/* Проба первого экрана «Открытки» (07.10.2026). Всё включает класс html.mmw-on, его ставит hero-cards.js:
   без скрипта первый экран как сейчас. Компьютер: надпись и кнопки по центру, вокруг лежат открытки с фото услуг.
   Телефон: стопка открыток под кнопками, листается пальцем вбок. Слайдер акций уходит ниже первого экрана. */
html.mmw-on .hero{padding-bottom:20px}
html.mmw-on .hero .w{pointer-events:none}
html.mmw-on .hero-tag,html.mmw-on .wm,html.mmw-on .hero-cta>*,html.mmw-on .hero-sl{pointer-events:auto}
html.mmw-on .hero-tag{margin-top:var(--mmw-top,0px);transition-property:none}   /* без перехода: скрипт сразу меряет место (при «меньше движения» сайт даёт всему переход .01ms) */
html.mmw-on .hero-sl{margin-top:var(--mmw-sl,48px)}
html.mmw-on .hero::before{top:calc(var(--mmw-top,0px) - 120px);height:640px;background:radial-gradient(760px 330px at 50% 48%,rgba(250,184,0,.12),rgba(250,184,0,0) 70%)}
html.mmw-on .deco-board{display:none}

/* стол с открытками */
.mmw-deck{position:absolute;left:0;top:0;width:100%;height:var(--mmw-h,0px);z-index:0;pointer-events:none;--cw:236px;--ch:calc(var(--cw) * 1.206)}
.mmw-card{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);pointer-events:auto;will-change:transform;transform:translate3d(-999px,-999px,0);
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}
.mmw-stack .mmw-card{touch-action:pan-y}
.mmw-stack .mmw-card:not(.is-top){pointer-events:none}
.mmw-card.is-out{visibility:hidden}

/* тени: у стола (всегда) и в воздухе (когда открытку подняли) — меняется только прозрачность */
.mmw-sh,.mmw-shl,.mmw-curl{position:absolute;pointer-events:none}
.mmw-sh,.mmw-shl{inset:0;border-radius:3px}
.mmw-sh{box-shadow:0 0 0 .5px rgba(70,52,30,.10),0 .5px 1px rgba(46,34,20,.24),0 2px 4px -1px rgba(46,34,20,.18),0 12px 20px -10px rgba(31,40,82,.30)}
.mmw-shl{opacity:0;will-change:opacity;box-shadow:0 34px 46px -16px rgba(31,40,82,.40),0 16px 22px -12px rgba(46,34,20,.26)}
/* приподнятый уголок: тень под ним чуть длиннее */
.mmw-curl{bottom:2px;width:46%;height:22%;box-shadow:0 10px 9px -2px rgba(46,34,20,.30)}
.mmw-card.c-r .mmw-curl{right:5%;transform:rotate(3.4deg) skewX(16deg);border-radius:0 0 60% 0}
.mmw-card.c-l .mmw-curl{left:5%;transform:rotate(-3.4deg) skewX(-16deg);border-radius:0 0 0 60%}

/* бумага */
.mmw-paper{position:relative;display:flex;flex-direction:column;height:100%;padding:calc(var(--cw) * .055) calc(var(--cw) * .055) 0;border-radius:3px;
  background:#fcf9f1 url(cards-paper.webp) 0 0/240px;color:var(--navy);cursor:pointer;-webkit-user-drag:none}
.mmw-paper::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 14px rgba(120,90,50,.07),inset 0 1px 0 rgba(255,255,255,.7);
  background:linear-gradient(158deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 32%,rgba(70,50,25,0) 68%,rgba(70,50,25,.07) 100%)}
.mmw-card.c-r .mmw-paper::before,.mmw-card.c-l .mmw-paper::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}
.mmw-card.c-r .mmw-paper::before{background:radial-gradient(70% 34% at 100% 100%,rgba(70,50,25,.09),rgba(70,50,25,0) 70%)}
.mmw-card.c-l .mmw-paper::before{background:radial-gradient(70% 34% at 0% 100%,rgba(70,50,25,.09),rgba(70,50,25,0) 70%)}
.mmw-ph{position:relative;display:block;aspect-ratio:1/1.08;overflow:hidden;background:#efe7da}
.mmw-ph img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.mmw-ph::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(40,28,14,.08),inset 0 0 22px rgba(40,28,14,.10)}
.mmw-cap{flex:1;display:flex;align-items:center;justify-content:center;padding:0 4%;font:400 calc(var(--cw) * .088)/1 var(--display);letter-spacing:.01em;color:#25306a;
  white-space:nowrap;transform:rotate(-1.6deg) translateY(1px);opacity:.92}
.mmw-card:nth-child(even) .mmw-cap{transform:rotate(1.2deg)}
.mmw-card:nth-child(3n+2) .mmw-paper{background-color:#fbf6ec}.mmw-card:nth-child(3n) .mmw-paper{background-color:#fdfbf5}   /* бумага у открыток чуть разная */

/* марка, штемпель */
.mmw-stamp{position:absolute;z-index:3;right:-6%;top:-4.5%;width:42%;transform:rotate(5deg);pointer-events:none}
.mmw-pm{position:absolute;z-index:4;width:62%;pointer-events:none;mix-blend-mode:multiply;opacity:.9}
.mmw-pm.p1{right:17%;top:1.5%;transform:rotate(-7deg)}
.mmw-pm.p2{left:-1%;top:7%;transform:rotate(-6deg);opacity:.62}

.mmw-paper:focus-visible{outline:3px solid var(--sun-y);outline-offset:4px}
.mmw-card.is-drag .mmw-paper{cursor:grabbing}

/* телефон: подсказка под стопкой */
.mmw-hint{position:absolute;left:0;right:0;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;
  font:400 15px/1 var(--display);color:rgba(41,53,103,.62);letter-spacing:.02em}
.mmw-dots{display:flex;gap:6px}
.mmw-dots i{width:6px;height:6px;border-radius:99px;background:rgba(41,53,103,.22);transition:width .4s var(--ease),background-color .3s}
.mmw-dots i.on{width:18px;background:var(--orange)}

@media (prefers-reduced-motion:reduce){.mmw-dots i{transition:none}}