/* 13 MIRRORS · Витрина
   Все стили изолированы внутри .m13 и классов m13-*, чтобы не конфликтовать с будущим сайтом. */

.m13{
  --m13-bg:#f2f2f2; --m13-card:#fff; --m13-back:#f8f8f8; --m13-ink:#202020; --m13-muted:#6f6f6f;
  --m13-line:#cfcfcf; --m13-gap:14px; --m13-radius:16px;
  color:var(--m13-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-text-size-adjust:100%;
}
.m13 *,.m13 *::before,.m13 *::after{box-sizing:border-box}
.m13 :where(button){font:inherit;color:inherit;margin:0}
.m13 a{color:inherit}
.m13 h1,.m13 h2,.m13 h3,.m13 p{margin:0}

/* Страница, когда витрина открыта самостоятельно */
body.m13-body{margin:0;background:#f2f2f2}
body.m13-locked{overflow:hidden}
.m13-root{min-height:100vh;min-height:100svh;background:var(--m13-bg);background-size:cover;background-position:center}

/* ---------- Сетка 3×3 ---------- */
.m13-page{min-height:100vh;min-height:100svh;padding:16px;display:flex;flex-direction:column}
.m13-header{width:min(1180px,100%);margin:0 auto 14px}
.m13-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--m13-muted)}
.m13-header h1{margin-top:4px;font-size:clamp(22px,3vw,34px);line-height:1;letter-spacing:-.025em}
.m13-intro{margin-top:6px;max-width:720px;color:var(--m13-muted);font-size:13px;line-height:1.4}
.m13-draft{display:inline-block;margin-left:8px;vertical-align:middle;border:1px solid var(--m13-line);border-radius:999px;
  padding:3px 8px;font-size:10px;letter-spacing:.04em;color:#777;font-weight:500;text-transform:uppercase}
.m13-stage{flex:1 1 auto;min-height:0;display:grid;place-items:center}
.m13-grid{
  --card-w:min(255px,calc((100vw - 64px - 2 * var(--m13-gap)) / 3),calc((100vh - 160px - 2 * var(--m13-gap)) * 0.3));
  display:grid;grid-template-columns:repeat(3,var(--card-w));grid-auto-rows:calc(var(--card-w) * 10 / 9);
  gap:var(--m13-gap);width:fit-content;margin:0;padding:0}

.m13-thumb{position:relative;width:var(--card-w);height:calc(var(--card-w) * 10 / 9);padding:13px;
  border:1px solid var(--m13-line);border-radius:var(--m13-radius);background:var(--m13-card);
  box-shadow:0 5px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:flex-start;
  justify-content:space-between;text-align:left;overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.m13-thumb:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.m13-thumb:focus-visible,.m13 button:focus-visible,.m13 a:focus-visible{outline:2px solid #232323;outline-offset:2px}
.m13-thumb--static{cursor:default;align-items:center;justify-content:center;text-align:center;background:#dcdcdc}
.m13-thumb--static:hover{transform:none;box-shadow:0 5px 15px rgba(0,0,0,.05)}
.m13-thumb--empty{cursor:default;background:transparent;border:1px dashed #d6d6d6;box-shadow:none;align-items:center;justify-content:center}
.m13-thumb--empty:hover{transform:none;box-shadow:none}
.m13-empty-mark{width:22%;aspect-ratio:1;border-radius:50%;border:1px solid #dadada}
.m13-thumb--img{background-size:cover;background-position:center}
.m13-thumb--img .m13-thumb-text,.m13-thumb--img .m13-mini-foot{position:relative;z-index:1}
.m13-thumb--img.m13-ov-light::after,.m13-thumb--img.m13-ov-dark::after{content:"";position:absolute;inset:0;pointer-events:none}
.m13-thumb--img.m13-ov-light::after{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.5) 45%,rgba(255,255,255,.88) 100%)}
.m13-thumb--img.m13-ov-dark::after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.6) 100%)}
.m13-mini-type{margin-bottom:7px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#777}
.m13-mini-title{font-size:clamp(13px,calc(var(--card-w) * .085),22px);font-weight:750;line-height:1.06;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.m13-mini-date{margin-top:6px;font-size:12px;color:#555}
.m13-mini-status{margin-top:4px;font-size:11px;line-height:1.2;color:#666}
.m13-mini-foot{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:7px;font-size:10px;color:#666}
.m13-mini-cta{border:1px solid #d0d0d0;border-radius:999px;padding:4px 7px;white-space:nowrap;margin-left:auto}

.m13-loading{margin:auto;color:var(--m13-muted);font-size:14px;text-align:center;padding:40px 16px;line-height:1.5}

/* ---------- Увеличенная карточка ---------- */
.m13-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:14px;
  background:rgba(24,24,24,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.m13-overlay.is-open{display:flex}
/* Календарь складывается: затемнение с размытием — отдельным слоем, который только тает (без перерисовки каждый кадр);
   у стеклянных сторон карточки размытие на это время снято */
.m13-overlay.m13-folding{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-overlay.m13-folding::before{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(24,24,24,.58);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:m13-ov-melt .46s ease forwards}
.m13-overlay.m13-folding .m13-face{-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-overlay.m13-folding *,.m13-overlay.m13-folding *::before,.m13-overlay.m13-folding *::after{animation-play-state:paused}
@keyframes m13-ov-melt{to{opacity:0}}
/* Сетка под открытой карточкой или страницей: бесконечные украшения на паузе (см. hushSync в vitrina.js) */
.m13-hush .m13-page :is(.m13-breath,.m13-rim--breathe > .m13-rim,.m13-fstar,.m13-thumb.m13-glow-live),
.m13-hush .m13-page .m13-rim-run::before,.m13-hush .m13-page .m13-phase--during::before{animation-play-state:paused}
.m13-big-stage{position:relative;width:min(570px,92vw);height:min(650px,78svh);min-height:500px;perspective:1400px;transform:translateY(-1.5svh)}
.m13-big-card{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.75,.2,1)}
.m13-big-card.is-flipped{transform:rotateY(180deg)}
/* Safari: свои слои внутри стороны (бегущий контур, блики, кнопки рядом с ними) не прячутся вместе со стороной —
   лицевая сторона просвечивала зеркально сквозь оборот. Прячем изнанку у каждого слоя.
   Кроме календаря: там сотни чисел, каждое стало бы отдельным слоем — при складывании календаря всё дрожало.
   Календарь всегда открыт оборотом, лицевую сторону у него просто прячем. */
.m13-big-card:not(.m13-calmode) .m13-face *{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.m13-big-card.m13-calmode .m13-front{visibility:hidden}
/* Надёжно для любого браузера: сторона, которая ушла назад, прячется целиком (с полупрозрачным оборотом
   лицевая сторона просвечивала зеркально даже с правилом выше). Переключение — в момент «ребром» (~0,07 с хода). */
.m13-big-card .m13-face{transition:visibility 0s .07s}
.m13-big-card.is-flipped .m13-front,.m13-big-card:not(.is-flipped) .m13-back{visibility:hidden}
.m13-big-card.m13-noanim .m13-face{transition:none}
.m13-face{position:absolute;inset:0;overflow:hidden;border:1px solid #bdbdbd;border-radius:22px;background:#fff;
  box-shadow:0 28px 70px rgba(0,0,0,.24);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.m13-front{padding:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background-size:cover;background-position:center}
.m13-front--img.m13-ov-light::after,.m13-front--img.m13-ov-dark::after{content:"";position:absolute;inset:0;pointer-events:none}
.m13-front--img.m13-ov-light::after{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.3) 70%,rgba(255,255,255,.9) 100%)}
.m13-front--img.m13-ov-dark::after{background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 70%,rgba(0,0,0,.62) 100%)}
.m13-front > *{position:relative;z-index:1}
.m13-hero-type{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6e6e6e}
.m13-hero-title{margin-top:10px;font-size:clamp(31px,6vw,52px);line-height:.98;font-weight:800}
.m13-hero-date{margin-top:11px;color:#4f4f4f;font-size:clamp(17px,2.5vw,23px)}
.m13-hero-status{margin-top:7px;color:#666;font-size:clamp(14px,2vw,17px)}
.m13-flip-hint{align-self:flex-start;border:1px solid #d1d1d1;border-radius:999px;padding:7px 10px;color:#555;font-size:12px;background:#fff}
.m13-back{transform:rotateY(180deg);padding:16px;background:var(--m13-back)}
.m13-push{margin-top:auto}
.m13-content{height:100%;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.m13-head{padding-bottom:6px;border-bottom:1px solid #ddd;padding-right:34px}
.m13-eyebrow{margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6e6e6e}
.m13-head h2{font-size:clamp(23px,4vw,34px);line-height:1}
.m13-meta{margin-top:6px;display:flex;gap:4px 12px;flex-wrap:wrap;color:#606060;font-size:11px}
.m13-desc{color:#444;font-size:12px;line-height:1.35}
/* Значки ✕ и ↺ — прозрачные, внутри правого верхнего угла карточки (как кнопка «открыть оборот»).
   Форма — у всей витрины: круг (обычно), .m13-ic-square — скруглённый квадрат, .m13-ic-bare — только знак. */
/* Кнопки — на самой карточке (07.10): полоска у лицевой стороны и полоска у оборота, поворачиваются вместе с ней */
.m13-ibar{position:absolute;z-index:4;top:12px;right:12px;display:flex;gap:8px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:visibility 0s .07s}
.m13-ibar--front{transform:translateZ(1px)}
.m13-ibar--back{right:auto;left:12px;transform:rotateY(180deg) translateZ(1px)}  /* карточка повёрнута — в её осях «слева» = справа на экране */
.m13-big-card.is-flipped .m13-ibar--front,.m13-big-card:not(.is-flipped) .m13-ibar--back{visibility:hidden}
.m13-big-card.m13-calmode .m13-unflip{display:none}
.m13-big-card.m13-noanim .m13-ibar{transition:none}
.m13-x{position:relative;flex:none;width:38px;height:38px;border:1px solid var(--m13-ixl,rgba(255,255,255,.6));border-radius:50%;
  background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--m13-ixc,#fff);  /* прозрачное стекло (её выбор 07.10; было тёмное) */
  cursor:pointer;display:grid;place-items:center;padding:0;line-height:1;transition:background .2s}
.m13-x:hover{background:rgba(255,255,255,.1)}
.m13-close,.m13-lb-close,.m13-rvm-x{font-size:20px;box-shadow:0 0 10px 1px var(--m13-ixg,rgba(255,255,255,.45)),inset 0 0 8px var(--m13-ixg,rgba(255,255,255,.3));
  text-shadow:0 0 6px var(--m13-ixg,rgba(255,255,255,.6))}
.m13-unflip{font-size:17px}
.m13-ic-square .m13-x{border-radius:10px}
.m13-ic-bare .m13-x{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 5px rgba(0,0,0,.75)}
.m13-ic-bare .m13-unflip{font-size:21px}
/* Знак внутри «закрыть» — нарисован линиями (одинаков на всех телефонах): точка светится, у «только знак» — крупнее */
.m13-xm{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.m13-xm--dot{filter:drop-shadow(0 0 3px var(--m13-ixg,rgba(255,255,255,.8))) drop-shadow(0 0 6px var(--m13-ixg,rgba(255,255,255,.5)))}
.m13-ic-bare .m13-xm{width:22px;height:22px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}
.m13-ic-bare .m13-xm--dot{filter:drop-shadow(0 0 3px var(--m13-ixg,rgba(255,255,255,.8))) drop-shadow(0 1px 3px rgba(0,0,0,.6))}
/* .m13-ic-thin — тонкий контур: оба значка одинаковые, без заливки и свечения (панель, «Значки ✕ и ↺», 06.10) */
.m13-ic-thin .m13-x{background:transparent;border-color:var(--m13-ixl,rgba(255,255,255,.75));box-shadow:none;text-shadow:0 1px 4px rgba(0,0,0,.6);-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-ic-thin .m13-x:hover{background:rgba(0,0,0,.18)}
.m13-back .m13-head{padding-right:96px}
/* Чтобы верхние надписи не уходили под значок ✕ */
.m13-front:not(.m13-front--day):not(.m13-front--film) > div:first-child{padding-right:36px}
.m13-front--day .m13-dc-small,.m13-front--day .m13-dc-title{padding-right:40px}
.m13-front--film .m13-film-words{right:62px}
/* Карта сегодняшнего дня на лицевой стороне (пока маршрут идёт) */
.m13-front.m13-front--day{padding:0;justify-content:flex-start;color:#f6eee2;text-align:left}
.m13-front.m13-front--day::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,10,6,.8),rgba(14,10,6,.9))}
.m13-dc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 10px;scrollbar-width:none;-ms-overflow-style:none}
.m13-dc::-webkit-scrollbar{display:none;width:0;height:0}
.m13-dc.m13-dc--more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 46px),transparent)}

.m13-big-stage.m13-st-day[style*="height"]{transform:none}  /* выросла под текст дня — ровно по центру, не уезжает вверх */
.m13-dc > :first-child:not(.m13-dc-img){margin-top:24px}
.m13-dc-img{position:relative;margin:0 -24px 14px;aspect-ratio:16/9;overflow:hidden;background:#140c05}
/* Край картинки дня (её выбор 07.10, панель): мягкий (обычно) — низ уходит в тёмный цвет карточки, сквозь него ничего не просвечивает;
   сильно тающий — в прозрачность; ровный — без перехода. --m13-dce — высота перехода (% картинки). Текст остаётся на месте. */
/* Мягкий: тень ложится на низ картинки и плавно заходит на фон под ней (60px) — шва нет ни сверху, ни снизу.
   Для этого рамка картинки не обрезает (overflow виден), а размытую подложку обрезает clip-path (она увеличена в 1,2 раза: 1/12 = 8,33 %) */
.m13-dce-soft .m13-dc-img{overflow:visible}
.m13-dce-soft .m13-dc-img img.m13-dc-bg{clip-path:inset(8.34%)}
.m13-dce-soft .m13-dc-img ~ *{position:relative}
.m13-dce-soft .m13-dc-img::after{content:"";position:absolute;left:0;right:0;top:calc(100% - var(--m13-dce,22%));height:calc(var(--m13-dce,22%) + 60px);pointer-events:none;
  background:linear-gradient(180deg,rgba(17,12,7,0),rgba(17,12,7,.6) calc(100% - 100px),rgba(17,12,7,.92) calc(100% - 60px),rgba(17,12,7,0))}
.m13-dce-strong .m13-dc-img{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - var(--m13-dce,22%)),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - var(--m13-dce,22%)),transparent)}
/* Картинка дня всегда целиком (квадратная не обрезается сверху и снизу); по бокам — та же картинка, размытая */
.m13-dc-img img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.m13-dc-img img.m13-dc-bg{position:absolute;inset:0;object-fit:cover;filter:blur(20px) brightness(.85);transform:scale(1.2)}
.m13-dc-img--narrow img:not(.m13-dc-bg){width:auto;max-width:100%;margin:0 auto;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.m13-dc-small{font-size:12px;letter-spacing:.05em;text-transform:uppercase;opacity:.75;margin:4px 0}
.m13-dc-title{font-size:clamp(25px,4.6vw,34px);line-height:1.04;font-weight:700;margin:4px 0 6px}
.m13-dc-note,.m13-dc-text,.m13-dc-question{margin-top:14px;font-size:15px;line-height:1.45}
.m13-dc-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--m13-icb,#ecd3a3);opacity:.9}
.m13-dc-sub{font-size:19px;line-height:1.2;font-weight:700;margin:4px 0 2px}
.m13-dc-question .m13-dc-body{font-style:italic;font-size:17px}
.m13-dc-body p,.m13-dc-note p{margin:6px 0 0}
.m13-dc-foot{display:flex;align-items:stretch;gap:8px;padding:10px 18px 16px}
.m13-front.m13-front--day .m13-dc-foot > *{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12.5px;padding:8px 10px;border-radius:999px;line-height:1.15}
.m13-front--day .m13-dc-foot .m13-flip-hint{align-self:auto;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#f6eee2}
.m13-front.m13-front--day .m13-dc-go{color:#14100a;background:var(--m13-icb,#ecd3a3);border:1px solid transparent;font-weight:600;text-decoration:none}
.m13-front.m13-front--day .m13-dc-foot > *{text-shadow:none}
/* Живая обложка маршрута с дверями (двери v2, заход «б»): сцена во всю лицевую сторону (стили сцены — assets/doors.css), сверху мягкое затемнение под надписи */
.m13-front.m13-front--cover{background:#0a0604}
.m13-front.m13-front--cover > .m13-cover{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;padding:0}
.m13-cover .ys-dblur{inset:-30px}
.m13-cover-dim{position:absolute;inset:0;background:linear-gradient(180deg,#050302 0%,rgba(5,3,2,.55) 32%,transparent 58%,transparent 80%,rgba(5,3,2,.6) 100%)}
.m13-front--cover > .m13-cover ~ div{position:relative;z-index:1;text-shadow:0 1px 12px rgba(0,0,0,.75)}
.m13-front.m13-front--cover > .m13-flip-hint{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.4);color:#f6eee2;text-shadow:none}
/* Финальный ролик (после окончания маршрута): на лицевой стороне и наверху страницы маршрута в архиве */
.m13-front.m13-front--film{padding:0;background:#05060f}
.m13-front.m13-front--film > .m13-flip-hint{position:absolute;left:18px;bottom:18px;z-index:3;background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.4);color:#f6eee2}
.m13-film{position:relative;overflow:hidden;background:#05060f;color:#e9c77e}
.m13-front.m13-front--film > .m13-film{position:absolute;inset:0;z-index:1}
.m13-film--read{aspect-ratio:9/16;max-height:78svh;margin:0 auto 14px;border-radius:14px}
.m13-film-v{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.m13-film.is-on .m13-film-v{opacity:1}
.m13-film-words{position:absolute;left:7%;right:7%;top:7%;text-align:left;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.m13-film-l1,.m13-film-l2{opacity:0;transform:translateY(8px);transition:opacity 1.2s ease,transform 1.2s ease}
.m13-film-l1{font-size:clamp(26px,5.4vw,38px);font-weight:700;line-height:1.1}
.m13-film-l2{margin:6px 0 0 9%;font-size:clamp(20px,4.2vw,29px);font-style:italic;transition-delay:.7s}
.m13-film-logo{position:absolute;right:6%;bottom:5%;width:min(50%,220px);opacity:0;transition:opacity 1.4s ease .7s}
.m13-film-logo .m13-logo{width:100%;display:block}
.m13-film.is-said .m13-film-l1,.m13-film.is-said .m13-film-l2{opacity:1;transform:none}
.m13-film.is-said .m13-film-logo{opacity:1}
.m13-film-play{display:none;position:absolute;left:50%;top:50%;z-index:3;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;
  border:1px solid rgba(233,199,126,.7);background:rgba(5,6,15,.55);color:#e9c77e;font-size:26px;cursor:pointer;padding:0 0 0 5px}
.m13-film.is-tap .m13-film-play{display:block}
.m13-front--film .m13-film-logo{bottom:76px}
.m13-front.m13-front--film > .m13-flip-hint,.m13-front.m13-front--day .m13-dc-foot > .m13-flip-hint{font-size:12.5px;zoom:1}

/* Маршрут */
.m13-day{align-self:flex-start;border:1px solid #d5d5d5;border-radius:999px;padding:5px 10px;background:#fff;font-size:11px;color:#444}
.m13-go{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #232323;border-radius:14px;
  background:#232323;color:#fff !important;padding:12px 14px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .14s ease}
.m13-go:hover{transform:translateY(-1px)}
/* Строка «Сегодня день …» и справа в ней — «Как идти по маршруту» */
.m13-dayrow{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}
.m13-dayrow--how{justify-content:flex-end}
.m13-dayrow .m13-howto{margin:0 0 0 auto}
.m13-howto{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;width:fit-content;max-width:100%;color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);opacity:.85}
.m13-howto:hover{opacity:1}
.m13-howto span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;border:1px solid currentColor;font-size:12px;text-decoration:none;opacity:.8}
.m13-formats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,calc((100% - 14px) / 3)));gap:7px;justify-content:center}
.m13-format{min-width:0;aspect-ratio:1/1;border:1px solid #d2d2d2;border-radius:12px;background:#fff;padding:7px 5px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}
.m13-format:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.m13-format.is-closed{cursor:default;opacity:.45;background:#f6f6f6;border-style:dashed}
.m13-format.is-closed:hover{transform:none;box-shadow:none}
.m13-format-name{font-size:12px;font-weight:750;line-height:1.05}
.m13-format-price{margin-top:6px;font-size:14px;font-weight:750;line-height:1.05}
.m13-format-note{margin-top:5px;font-size:9px;line-height:1.12;color:#686868}
.m13-soft{width:100%;border:1px solid #cfcfcf;border-radius:999px;padding:13px 12px;background:#fff;
  text-align:center;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}

/* Контейнер (встречи, индивидуальная работа) */
.m13-items{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.m13-items--one{grid-template-columns:1fr}
.m13-item{border:1px solid #d4d4d4;border-radius:12px;background:#fff;padding:10px;text-align:left;cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.m13-item:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.07)}
.m13-item-date{font-size:12px;font-weight:800}
.m13-item-title{margin-top:3px;font-size:12px;line-height:1.15;font-weight:700}
.m13-item-date + .m13-item-title{margin-top:4px;font-size:11px;font-weight:650}
.m13-item-text{margin-top:4px;color:#555;font-size:10px;line-height:1.25}
.m13-item-meta{margin-top:6px;color:#666;font-size:10px;line-height:1.2}
.m13-item-price{margin-top:4px;font-size:13px;font-weight:750}
.m13-item-action{margin-top:auto;padding-top:7px;font-size:10px;text-decoration:underline}
.m13-items--one .m13-item{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}
.m13-items--one .m13-item > *{grid-column:1}
.m13-items--one .m13-item-price{grid-column:2;grid-row:1 / span 3;font-size:17px;margin:0}
.m13-items--one .m13-item-action{grid-column:2;padding-top:4px}

/* Предложение (Карта-Отражение, Свечи) */
.m13-info{border:1px solid #d5d5d5;border-radius:12px;background:#fff;padding:9px 10px;color:#4c4c4c;font-size:11.5px;line-height:1.32}
.m13-price-line{width:100%;border:1px solid #d5d5d5;border-radius:12px;background:#fff;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.m13-price-line strong{font-size:17px}
.m13-dates{padding:11px 12px;border:1px solid #d5d5d5;border-radius:12px;background:#fff;text-align:center}
.m13-dates-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6e6e6e;margin-bottom:5px}
.m13-dates-list{font-size:17px;font-weight:750;letter-spacing:.02em}
.m13-dates-note{margin-top:6px;font-size:11.5px;line-height:1.35;color:#555}
.m13-gallery{display:flex;gap:6px;overflow-x:auto;flex-shrink:0}
.m13-gallery img{height:84px;width:auto;border-radius:10px;border:1px solid #ddd;display:block}
.m13-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.m13-action{width:100%;border:1px solid #ccc;border-radius:999px;padding:13px 12px;background:#fff;text-align:center;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:block}
.m13-action--primary{border-color:#232323;background:#232323;color:#fff !important}

/* ---------- Окно «Куда написать?» ---------- */
.m13-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(16,14,12,.46)}
.m13-modal.is-open{display:flex}
.m13-modal-box{width:min(390px,92vw);padding:20px;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.3)}
.m13-modal-box h3{margin:0 0 12px;font-size:19px;line-height:1.2}
.m13-msg{padding:10px 12px;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa;font-size:13px;line-height:1.4;color:#333}
.m13-msg-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:4px}
.m13-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.m13-channel{padding:12px 10px;border:1px solid #232323;border-radius:999px;background:#232323;color:#fff !important;font-size:14px;font-weight:650;cursor:pointer}
.m13-hint{margin-top:10px;color:#666;font-size:12px;line-height:1.4;min-height:1.4em}
.m13-hint.is-done{color:#1f6a3a}
.m13-modal-close{width:100%;margin-top:12px;padding:9px 10px;border:1px solid #ccc;border-radius:999px;background:#f4f4f4;cursor:pointer}

/* ---------- Внутренние страницы (Песочница, Примеры) ---------- */
.m13-internal{position:fixed;inset:0;z-index:300;display:none;overflow:auto;background:#f3f3f3}
.m13-internal.is-open{display:block}
.m13-standalone{min-height:100vh;background:#f3f3f3}
.m13-ipage{width:min(960px,calc(100% - 28px));margin:0 auto;padding:16px 0 54px}
.m13-itop{position:sticky;top:0;z-index:4;padding:10px 0 12px;background:rgba(243,243,243,.95);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.m13-iback{display:inline-block;border:1px solid var(--m13-line);border-radius:999px;padding:8px 12px;background:#fff;font-size:12px;cursor:pointer;text-decoration:none}
.m13-ihead{margin-top:14px}
.m13-ihead h2{margin:5px 0 8px;font-size:clamp(28px,6vw,48px);line-height:1.02}
.m13-ihead p{max-width:700px;color:#4e4e4e;font-size:14px;line-height:1.5}
.m13-notice{display:inline-block;margin-top:10px;padding:4px 9px;border:1px solid #d5d5d5;border-radius:999px;color:#777;font-size:10px;
  text-transform:uppercase;letter-spacing:.06em}
.m13-tabs{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:7px;margin:18px 0 12px}
.m13-tab{border:1px solid var(--m13-line);border-radius:999px;padding:10px 7px;background:#fff;font-size:12px;cursor:pointer}
.m13-tab.is-active{background:#232323;border-color:#232323;color:#fff}
.m13-sb{display:grid;grid-template-columns:280px 1fr;gap:12px;align-items:start}
.m13-sb-list{display:flex;flex-direction:column;gap:7px;position:sticky;top:64px}
.m13-sb-item{width:100%;text-align:left;border:1px solid #d9d9d9;border-radius:12px;background:#fff;padding:11px 12px;cursor:pointer;transition:border-color .14s ease}
.m13-sb-item:hover{border-color:#aaa}
.m13-sb-item.is-active{border-color:#232323;box-shadow:inset 0 0 0 1px #232323}
.m13-sb-item-top{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#777}
.m13-sb-item-title{margin-top:3px;font-size:14px;font-weight:700;line-height:1.2}
.m13-sb-item-sub{margin-top:3px;font-size:11px;color:#666;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m13-sb-toList{display:none}
.m13-panel{padding:18px;border:1px solid var(--m13-line);border-radius:18px;background:#fff;min-width:0}
.m13-panel h3{margin:5px 0 10px;font-size:23px;line-height:1.1}
.m13-panel-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:#777;font-size:11px}
.m13-block{margin-top:8px;padding:12px;border:1px solid #d9d9d9;border-radius:12px;background:#fafafa}
.m13-block-title{margin-bottom:5px;font-size:12px;font-weight:700}
.m13-block p{color:#414141;font-size:13px;line-height:1.5}
.m13-practices{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.m13-practice{padding:11px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;font-size:12.5px;line-height:1.45}
.m13-practice strong{display:block;margin-bottom:6px}
.m13-quote{padding-left:12px;border-left:3px solid #aaa;font-size:14px;line-height:1.55;color:#333}
.m13-sign{margin-top:10px;color:#888;font-size:11px;line-height:1.4;font-style:italic}
.m13-panel-img{width:100%;max-height:340px;object-fit:cover;border-radius:12px;margin-top:8px;display:block}

.m13-examples{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.m13-example{min-height:170px;padding:14px;border:1px solid #d5d5d5;border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.m13-example img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;margin-bottom:10px;display:block}
.m13-placeholder{flex:1;min-height:110px;margin-bottom:10px;border:1px dashed #bdbdbd;border-radius:10px;display:grid;place-items:center;
  color:#8a8a8a;font-size:11px;text-align:center;padding:8px}
.m13-example strong{font-size:13px}
.m13-example span:not(.m13-gl-box):not(.m13-gl-box *){margin-top:3px;color:#666;font-size:11px;line-height:1.35}
.m13-examples-cta{margin-top:16px;max-width:360px}

/* ---------- Телефон ---------- */
@media (max-width:680px){
  .m13{--m13-gap:8px;--m13-radius:10px}
  .m13-page{padding:14px 8px 20px}
  .m13-header{margin-bottom:8px}
  .m13-intro{font-size:11px}
  .m13-stage{display:flex;align-items:center;justify-content:center}
  .m13-grid{--card-w:auto;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;transform:translateY(calc(-3.2svh - 6px))}
  .m13-thumb{width:100%;height:auto;aspect-ratio:9/10;padding:8px}
  .m13-mini-type{font-size:8px;margin-bottom:5px}.m13-mini-title{font-size:11px}.m13-mini-date{font-size:9px;margin-top:4px}
  .m13-mini-status{font-size:8px}.m13-mini-foot{font-size:7.5px}.m13-mini-cta{padding:3px 5px}
  .m13-big-stage{width:min(94vw,430px);height:min(610px,80svh);min-height:0;transform:translateY(-2svh)}
  .m13-face{border-radius:18px}.m13-front{padding:18px}.m13-back{padding:13px}.m13-content{gap:7px}
  .m13-desc{font-size:10.8px;line-height:1.28}
  .m13-format{padding:5px 3px;border-radius:9px}.m13-format-name{font-size:9.5px}.m13-format-price{font-size:12px;margin-top:5px}.m13-format-note{font-size:7.5px}
  .m13-go{padding:10px 12px;font-size:13px;border-radius:12px}
  .m13-day{font-size:9.5px;padding:4px 8px}
  .m13-dayrow .m13-howto{font-size:13px;gap:6px}
  .m13-soft{font-size:12px;padding:11px 10px}.m13-info{font-size:10px;padding:8px 9px}
  .m13-price-line{padding:8px 9px;font-size:11px}.m13-price-line strong{font-size:15px}
  .m13-action{font-size:12px;padding:11px 10px}.m13-dates{padding:9px 10px}.m13-dates-list{font-size:14px}.m13-dates-label{font-size:8.5px}.m13-dates-note{font-size:10px}
  .m13-items{gap:5px}.m13-item{padding:8px}.m13-item-date{font-size:10px}.m13-item-title{font-size:10.5px}
  .m13-item-date + .m13-item-title{font-size:9.5px}
  .m13-item-text,.m13-item-meta,.m13-item-action{font-size:8.5px}.m13-item-price{font-size:11px}
  .m13-items--one .m13-item-price{font-size:14px}
  .m13-ibar{top:9px;right:9px;gap:7px}
  .m13-ibar--back{right:auto;left:9px}
  .m13-close,.m13-unflip{width:34px;height:34px}
  .m13-close{font-size:18px}
  .m13-unflip{font-size:15px}
  .m13-back .m13-head{padding-right:84px}

  .m13-ipage{width:calc(100% - 20px);padding-top:8px}
  .m13-tabs{gap:5px}.m13-tab{font-size:10.5px;padding:9px 3px;white-space:nowrap}
  .m13-sb{grid-template-columns:1fr}
  .m13-sb-list{position:static}
  .m13-sb.is-detail .m13-sb-list{display:none}
  .m13-sb:not(.is-detail) .m13-sb-detail{display:none}
  .m13-sb-toList{display:inline-block;margin-bottom:10px}
  .m13-panel{padding:14px;border-radius:15px}.m13-panel h3{font-size:20px}
  .m13-practices{grid-template-columns:1fr}
  .m13-examples{grid-template-columns:1fr 1fr}
}
@media (max-width:380px){ .m13-examples{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .m13-big-card{transition:none} .m13 *{scroll-behavior:auto} }

/* Невидимая сторона карточки не должна перехватывать нажатия */
.m13-big-card.is-flipped .m13-front{pointer-events:none}
.m13-big-card:not(.is-flipped) .m13-back{pointer-events:none}

/* Свой цвет текста на карточке */
.m13-styled,.m13 .m13-thumb.m13-styled,.m13-styled .m13-mini-title,.m13-styled .m13-hero-title{color:var(--m13-tc)}
.m13-styled .m13-mini-type,.m13-styled .m13-mini-date,.m13-styled .m13-mini-status,.m13-styled .m13-mini-foot,
.m13-styled .m13-hero-type,.m13-styled .m13-hero-date,.m13-styled .m13-hero-status{color:inherit;opacity:.85}
.m13-styled .m13-mini-cta,.m13-styled .m13-flip-hint{border-color:currentColor;background:transparent;color:inherit}

/* Свечение вокруг карточки.
   Размер умножается на --m13-gk (сила), сдвиг по вертикали — --m13-gy (направление),
   при направленном свечении свет «поджимается» (--m13-gsp:-1), чтобы он шёл только с одной стороны. */
.m13-thumb,.m13-big-stage{--m13-gk:1;--m13-gy:0;--m13-gsp:1}
/* Светящаяся карточка — поверх соседей, иначе свет уходит под те, что стоят после неё */
.m13-thumb.m13-glow-soft,.m13-thumb.m13-glow-live{z-index:1}
.m13-thumb.m13-glow-soft,.m13-thumb.m13-glow-soft:hover{box-shadow:0 calc(var(--m13-gy)*11px*var(--m13-gk)) calc(18px*var(--m13-gk)) calc(3px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow)}
.m13-thumb.m13-glow-live{animation:m13-glow 3.6s ease-in-out infinite alternate}
/* Живое свечение: свет нарисован один раз слоем за карточкой, дышат только яркость и размер — плавно, без дрожи.
   Темп: спокойное (9 с: вдох 4, выдох 5), медленное (13 с), мерцающее (с лёгкой дрожью света) */
.m13-cell{position:relative;z-index:1}
.m13-breath{position:absolute;inset:0;border-radius:var(--m13-radius);pointer-events:none;
  box-shadow:0 calc(var(--m13-gy)*14px*var(--m13-gk)) calc(24px*var(--m13-gk)) calc(6px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow);
  animation:m13-breathe 9s cubic-bezier(.45,0,.55,1) infinite;will-change:opacity,transform}
.m13-gt-slow > .m13-breath{animation-duration:13s}
.m13-gt-flicker > .m13-breath{animation-name:m13-breathe-f}
@keyframes m13-breathe{0%,100%{opacity:.25;transform:scale(.975)} 45%{opacity:1;transform:scale(1.012)}}
@keyframes m13-breathe-f{0%,100%{opacity:.25;transform:scale(.975)} 15%{opacity:.5} 18%{opacity:.4} 22%{opacity:.62} 30%{opacity:.55} 45%{opacity:1;transform:scale(1.012)}
  60%{opacity:.8} 63%{opacity:.9} 67%{opacity:.7} 80%{opacity:.5} 83%{opacity:.58}}
.m13-big-stage.m13-glow-live::before{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;
  box-shadow:0 calc(var(--m13-gy)*32px*var(--m13-gk)) calc(56px*var(--m13-gk)) calc(12px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow);
  animation:m13-breathe 9s cubic-bezier(.45,0,.55,1) infinite;will-change:opacity,transform}
.m13-big-stage.m13-glow-live.m13-gt-slow::before{animation-duration:13s}
.m13-big-stage.m13-glow-live.m13-gt-flicker::before{animation-name:m13-breathe-f}
.m13-big-stage.m13-glow-soft .m13-face{box-shadow:0 calc(var(--m13-gy)*26px*var(--m13-gk)) calc(44px*var(--m13-gk)) calc(8px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow),0 28px 70px rgba(0,0,0,.24)}
.m13-big-stage.m13-glow-live .m13-face{box-shadow:0 28px 70px rgba(0,0,0,.24)}
@keyframes m13-glow{
  from{box-shadow:0 calc(var(--m13-gy)*5px*var(--m13-gk)) calc(6px*var(--m13-gk)) calc(0px - var(--m13-gy)*var(--m13-gy)*2px) var(--m13-glow)}
  to{box-shadow:0 calc(var(--m13-gy)*14px*var(--m13-gk)) calc(24px*var(--m13-gk)) calc(6px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow)}}
@keyframes m13-glow-big{
  from{box-shadow:0 calc(var(--m13-gy)*10px*var(--m13-gk)) calc(14px*var(--m13-gk)) calc(2px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow),0 28px 70px rgba(0,0,0,.24)}
  to{box-shadow:0 calc(var(--m13-gy)*32px*var(--m13-gk)) calc(56px*var(--m13-gk)) calc(12px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow),0 28px 70px rgba(0,0,0,.24)}}
@media (max-width:680px){
  .m13-thumb.m13-glow-soft,.m13-thumb.m13-glow-soft:hover{box-shadow:0 calc(var(--m13-gy)*7px*var(--m13-gk)) calc(11px*var(--m13-gk)) calc(2px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow)}
  @keyframes m13-glow{
    from{box-shadow:0 calc(var(--m13-gy)*3px*var(--m13-gk)) calc(3px*var(--m13-gk)) calc(0px - var(--m13-gy)*var(--m13-gy)*1px) var(--m13-glow)}
    to{box-shadow:0 calc(var(--m13-gy)*8px*var(--m13-gk)) calc(14px*var(--m13-gk)) calc(3px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow)}}
}
@media (prefers-reduced-motion:reduce){
  .m13-thumb.m13-glow-live{animation:none;box-shadow:0 calc(var(--m13-gy)*10px*var(--m13-gk)) calc(16px*var(--m13-gk)) calc(3px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow)}
  .m13-big-stage.m13-glow-live .m13-face{animation:none;box-shadow:0 calc(var(--m13-gy)*24px*var(--m13-gk)) calc(40px*var(--m13-gk)) calc(8px*var(--m13-gk)*var(--m13-gsp)) var(--m13-glow)}
  .m13-breath,.m13-big-stage.m13-glow-live::before,.m13-rim--breathe > .m13-rim{animation:none;opacity:.85;transform:none}
  .m13-rim-run{display:none}
}

/* Метка «идёт сейчас» по датам — с маленькой мерцающей точкой */
.m13-phase--during::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px;animation:m13-dot 1.8s ease-in-out infinite}
@keyframes m13-dot{50%{opacity:.25}}
@media (max-width:680px){.m13-phase--during::before{width:4px;height:4px;margin-right:3px}}
@media (prefers-reduced-motion:reduce){.m13-phase--during::before{animation:none}}

/* Статус-плашка */
.m13-status-pill > span{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:2px 8px;line-height:1.3}
.m13-mini-status.m13-status-pill{margin-top:6px}
.m13-hero-status.m13-status-pill > span{padding:3px 11px}
.m13-meta .m13-status-pill > span{padding:1px 7px}
@media (max-width:680px){.m13-mini-status.m13-status-pill > span{padding:1px 5px}}

/* Акцентный цвет карточки: рамка, главные кнопки, счётчик дня, статус-плашка, подсветка плашек */
.m13-thumb.m13-accent{border-color:color-mix(in srgb,var(--m13-ac) 60%,#d8d8d8)}
.m13-accent .m13-mini-cta,.m13-accent .m13-flip-hint,.m13-accent .m13-day{border-color:var(--m13-ac)}
.m13-big-card.m13-accent .m13-face{border-color:color-mix(in srgb,var(--m13-ac) 65%,#bdbdbd)}
.m13-accent .m13-go,.m13-accent .m13-action--primary{background:var(--m13-ac);border-color:var(--m13-ac);color:var(--m13-ac-ink) !important}
.m13-accent .m13-format:not(.is-closed):hover,.m13-accent .m13-item:hover,.m13-accent .m13-action:hover{border-color:var(--m13-ac)}
.m13-accent .m13-status-pill > span{border-color:var(--m13-ac);background:color-mix(in srgb,var(--m13-ac) 14%,transparent)}
.m13-accent .m13-head{border-bottom-color:color-mix(in srgb,var(--m13-ac) 45%,#e0e0e0)}

/* Кнопки: три-четыре — сеткой 2×2 */
.m13-actions--grid{display:grid;grid-template-columns:1fr 1fr}
.m13-actions--grid .m13-action{padding-left:8px;padding-right:8px}
.m13-actions--grid .m13-action--primary:nth-child(1):nth-last-child(odd){grid-column:1 / -1}

/* Плашка с кнопкой «в календарь» */
.m13-item--cal{display:flex;flex-direction:column}
.m13-item--cal:focus-visible{outline:2px solid #232323;outline-offset:2px}
.m13-item-acts{margin-top:auto;padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.m13-item-acts .m13-item-action{margin:0;padding:0}
.m13-item-cal{border:1px solid #cfcfcf;border-radius:999px;background:#fff;padding:3px 8px;font-size:10px;cursor:pointer;white-space:nowrap}
.m13-item-cal:hover{border-color:#232323}
.m13-accent .m13-item-cal{border-color:var(--m13-ac)}
.m13-items--one .m13-item--cal{display:grid}
.m13-items--one .m13-item--cal .m13-item-acts{grid-column:1 / -1}

/* Окно «Добавить в календарь» */
.m13-channels--col{grid-template-columns:1fr}
.m13-channels a.m13-channel{display:block;text-align:center;text-decoration:none}
.m13-channels--col a.m13-channel + a.m13-channel{background:#fff;color:#232323 !important}
.m13-cal-when{font-size:14px;color:#444;margin-top:-4px}

/* Окна и сообщение в оформлении карточки или страницы (applyWin): --w-bg фон с прозрачностью, --w-blur, --w-tx текст,
   --w-ac/--w-ac-ink кнопка, --w-font шрифт, --w-rim цвет контура. Кнопки «как на обороте» — классы m13-btn-* ниже */
.m13-win{--w-mut:color-mix(in srgb,var(--w-tx) 64%,transparent);--w-soft:color-mix(in srgb,var(--w-tx) 86%,transparent);
  --w-line:color-mix(in srgb,var(--w-tx) 22%,transparent);position:relative;background:var(--w-bg);color:var(--w-tx);
  border:1px solid var(--w-line);-webkit-backdrop-filter:blur(var(--w-blur,0px)) saturate(1.1);backdrop-filter:blur(var(--w-blur,0px)) saturate(1.1)}
.m13-win.m13-has-rim{border-color:transparent}
.m13-win > :not(.m13-lay){position:relative;z-index:2}
.m13-win--font,.m13-toast.m13-win--font{font-family:var(--w-font)}
.m13-win--font h3{font-weight:600;letter-spacing:0}
.m13-win .m13-msg{background:color-mix(in srgb,var(--w-tx) 7%,transparent);border-color:var(--w-line);color:var(--w-soft)}
.m13-win :is(.m13-msg-label,.m13-hint,.m13-eyebrow){color:var(--w-mut)}
.m13-win .m13-cal-when{color:var(--w-soft)}
.m13-win .m13-hint.is-done{color:var(--w-tx)}
.m13-win .m13-channel{background:var(--w-ac);border-color:var(--w-ac);color:var(--w-ac-ink) !important}
.m13-win .m13-channels--col a.m13-channel.m13-ch2,.m13-win .m13-modal-close{background:transparent;border-color:var(--w-line);color:var(--w-tx) !important}
.m13-win[class*="m13-btn-"] .m13-channel{position:relative;overflow:hidden;isolation:isolate;background-origin:border-box}
.m13-toast.m13-win-t{background:var(--w-bg);color:var(--w-tx);border:1px solid var(--w-rim,var(--w-line,color-mix(in srgb,var(--w-tx) 22%,transparent)));
  -webkit-backdrop-filter:blur(var(--w-blur,0px)) saturate(1.1);backdrop-filter:blur(var(--w-blur,0px)) saturate(1.1)}

/* Короткое сообщение внизу экрана («ссылка скопирована») */
.m13-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(10px);z-index:700;max-width:calc(100% - 32px);
  background:#232323;color:#fff;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.25);
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.m13-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:680px){ .m13-item-cal{font-size:8.5px;padding:2px 6px} }

/* Факты — маленькие плашки в строку */
.m13-facts{display:flex;flex-wrap:wrap;gap:5px}
.m13-fact{border:1px solid #d2d2d2;border-radius:999px;background:#fff;padding:4px 10px;font-size:12px;line-height:1.25;color:#333}
.m13-accent .m13-fact{border-color:color-mix(in srgb,var(--m13-ac) 55%,#d2d2d2)}
@media (max-width:680px){.m13-fact{font-size:10px;padding:3px 8px}}

/* Подробнее ↓ */
.m13-more > summary{list-style:none;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:1px}
.m13-more > summary::-webkit-details-marker{display:none}
.m13-more .m13-more-close,.m13-more[open] .m13-more-open{display:none}
.m13-more[open] .m13-more-close{display:inline}
.m13-more-text{margin-top:6px;font-size:12px;line-height:1.35;color:#444}
.m13-accent .m13-more > summary{color:var(--m13-ac)}
@media (max-width:680px){.m13-more > summary{font-size:10.8px}.m13-more-text{font-size:10.8px;line-height:1.28}}

/* Положение текста на лицевой стороне: сверху (обычно) / по центру / снизу; выравнивание: слева / по центру */
.m13-thumb.m13-pos-top{justify-content:space-between}
.m13-thumb.m13-pos-center{justify-content:flex-start}
.m13-thumb.m13-pos-center .m13-thumb-text{margin:auto 0}
.m13-thumb.m13-pos-bottom{justify-content:flex-end;gap:8px}
.m13-thumb--static.m13-pos-center .m13-thumb-text{margin:0}
.m13-thumb--static.m13-pos-center{justify-content:center}
.m13-thumb.m13-align-left{align-items:flex-start;text-align:left}
.m13-thumb.m13-align-center{align-items:center;text-align:center}
.m13-front.m13-pos-center > div:first-child{margin:auto 0}
.m13-front.m13-pos-bottom{justify-content:flex-end;gap:16px}
.m13-front.m13-align-center{text-align:center}
.m13-front.m13-align-center .m13-flip-hint{align-self:center}
@media (max-width:680px){.m13-thumb.m13-pos-bottom{gap:5px}}
/* Текст по центру картинки — дымка ровная, чтобы середина не оставалась светлой/тёмной */
.m13-thumb--img.m13-pos-center.m13-ov-dark::after,.m13-front--img.m13-pos-center.m13-ov-dark::after{background:rgba(0,0,0,.42)}
.m13-thumb--img.m13-pos-center.m13-ov-light::after,.m13-front--img.m13-pos-center.m13-ov-light::after{background:rgba(255,255,255,.66)}

/* Картинка из галереи — крупно */
.m13-gallery-item{padding:0;border:0;background:none;cursor:zoom-in;flex-shrink:0;border-radius:10px}
.m13-lb{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;background:rgba(12,12,12,.92);
  padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}
.m13-lb.is-open{display:flex}
/* картинка крупно: рамка по размеру картинки — надпись и значки (если выбраны) лежат ровно на ней */
.m13-lb-fig{position:relative;max-width:100%;line-height:0;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.m13-lb-img{display:block;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);object-fit:contain;user-select:none;-webkit-user-drag:none}
@supports (height:100dvh){.m13-lb-img{max-height:calc(100dvh - 2 * max(16px,env(safe-area-inset-bottom)))}}
.m13-lb-fig .m13-gl-box:empty{display:none}
.m13-lb-nav{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#222;cursor:pointer;
  width:44px;height:44px;display:grid;place-items:center;font-size:28px;line-height:1;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.m13-x.m13-lb-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px}
.m13-lb-prev{left:10px;top:50%;transform:translateY(-50%)}
.m13-lb-next{right:10px;top:50%;transform:translateY(-50%)}
.m13-lb-nav[hidden]{display:none}
.m13-lb-count{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);color:#fff;font-size:13px;letter-spacing:.05em;opacity:.85}
@media (max-width:680px){.m13-lb-nav{width:38px;height:38px;font-size:24px;background:rgba(255,255,255,.75)}}

/* ================= Оформление страницы месяца ================= */
/* Фон: цвет, картинка (для телефона — своя), затемнение и размытие — слоями под страницей */
.m13-root{position:relative;isolation:isolate;background-color:var(--m13-bgc,var(--m13-bg))}
.m13-root--img::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:var(--m13-bgimg) center/var(--m13-bgsize,cover) no-repeat;filter:blur(var(--m13-blur,0px)) var(--m13-bgf,)}
/* Увеличение только при размытии — чтобы спрятать размытые края; без размытия картинка лежит как есть */
.m13-root--blur::before{transform:scale(1.06)}
/* Пока картинка фона грузится — виден только цвет фона; потом картинка мягко проявляется (bgWait/bgWatch в vitrina.js) */
.m13-root--img::before{transition:opacity .6s ease}
.m13-bg-wait::before{opacity:0}
.m13-root--img::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(6,4,2,var(--m13-dim,0))}
@media (max-aspect-ratio:4/5){ .m13-root--img::before{background-image:var(--m13-bgimg-t,var(--m13-bgimg))} }

/* Шапка: свой цвет, по центру, логотип вместо надписи */
.m13-header--tinted,.m13-header--tinted h1{color:var(--m13-head)}
.m13-header--tinted .m13-kicker,.m13-header--tinted .m13-intro{color:var(--m13-head);opacity:.78}
.m13-header--tinted .m13-draft{color:var(--m13-head);border-color:currentColor;background:transparent;opacity:.8}
.m13-header--center{text-align:center}
.m13-header--center .m13-intro{margin-left:auto;margin-right:auto}
.m13-logo-wrap{margin:0 0 8px;font-size:0;line-height:0}
/* Логотип: --m13-lr — пропорции картинки (ширина / высота). Высокий логотип не разрастается: ширина ограничена высотой */
.m13-logo{display:inline-block;width:min(clamp(170px,22vw,280px),calc(62px * var(--m13-lr,4.5)));aspect-ratio:var(--m13-lr,4.5);background:currentColor;
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.m13-header .m13-logo{color:var(--m13-head,var(--m13-ink))}
.m13-logo-wrap--s .m13-logo{width:min(clamp(120px,15vw,190px),calc(42px * var(--m13-lr,4.5)))}
.m13-logo-wrap--l .m13-logo{width:min(clamp(220px,30vw,380px),calc(84px * var(--m13-lr,4.5)))}
@media (max-width:680px){
  .m13-logo{width:min(56vw,210px,calc(47px * var(--m13-lr,4.5)))} .m13-logo-wrap{margin-bottom:5px}
  .m13-logo-wrap--s .m13-logo{width:min(40vw,150px,calc(33px * var(--m13-lr,4.5)))}
  .m13-logo-wrap--l .m13-logo{width:min(72vw,270px,calc(60px * var(--m13-lr,4.5)))}
}
.m13-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Под сеткой: логотип (ссылка на главную) и/или надпись. На компьютере сетка уменьшается на высоту подписи (--m13-fh) */
@media (min-width:681px){ .m13-page--foot .m13-grid{--card-w:min(255px,calc((100vw - 64px - 2 * var(--m13-gap)) / 3),calc((100vh - 160px - var(--m13-fh,0px) - 2 * var(--m13-gap)) * 0.3))} }
.m13-foot{width:min(1180px,100%);margin:12px auto 0;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;color:var(--m13-ink)}
.m13-foot--left{align-items:flex-start;text-align:left}
.m13-foot--right{align-items:flex-end;text-align:right}
.m13-foot.m13-header--tinted{color:var(--m13-head)}
.m13-foot-logo{display:block;font-size:0;line-height:0;opacity:.9;transition:opacity .2s}
.m13-foot-logo:hover{opacity:1}
.m13-foot .m13-logo{width:min(clamp(96px,9vw,130px),calc(29px * var(--m13-lr,4.5)))}
.m13-foot--m .m13-logo{width:min(clamp(150px,17vw,220px),calc(49px * var(--m13-lr,4.5)))}
.m13-foot--l .m13-logo{width:min(clamp(200px,24vw,320px),calc(71px * var(--m13-lr,4.5)))}
.m13-foot-text{display:inline-flex;align-items:center;gap:.45em;font-family:var(--m13-hfont,inherit);font-size:14px;letter-spacing:.04em;opacity:.85}
.m13-foot--l .m13-foot-text{font-size:16px}
/* Надпись внизу — своё положение, отдельно от логотипа */
.m13-foot-text.m13-al-left{align-self:flex-start;text-align:left}
.m13-foot-text.m13-al-center{align-self:center;text-align:center}
.m13-foot-text.m13-al-right{align-self:flex-end;text-align:right}
/* Блик: по надписи и логотипу проходит лёгкий свет. Сама анимация — только пока стоит .m13-shining (включает скрипт):
   приветственный при открытии и по расписанию подписи. --m13-shd — сколько идёт один проход */
.m13-shine .m13-gt,.m13-shine .m13-logo{
  background-image:linear-gradient(100deg,currentColor 0 42%,var(--m13-shine) 50%,currentColor 58% 100%);
  background-size:300% 100%;background-position:100% 0}
.m13-shine .m13-gt{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.m13-shining .m13-gt,.m13-shining .m13-logo{animation:m13-shine var(--m13-shd,3.4s) cubic-bezier(.45,0,.4,1) both}
.m13-header.m13-shining h1 .m13-gt{animation-delay:calc(var(--m13-shd,3.4s) * .12)}
@keyframes m13-shine{from{background-position:100% 0} to{background-position:0 0}}
/* Звёздочка у подписи: тихо мерцает, вместе с бликом вспыхивает лучиками */
.m13-fstar{display:inline-block;flex:none;width:.95em;height:.95em;line-height:0;color:var(--m13-stc,var(--m13-shine,currentColor));
  opacity:.8;animation:m13-twinkle 5s ease-in-out infinite}
.m13-fstar--a{animation-delay:-2.5s}
.m13-fstar svg{width:100%;height:100%;fill:currentColor;overflow:visible;filter:drop-shadow(0 0 2px currentColor)}
.m13-fstar--moon svg{transform:scale(.9)}
@keyframes m13-twinkle{0%,100%{opacity:.62} 50%{opacity:.95}}
.m13-shining .m13-fstar{animation:m13-flash 1.3s cubic-bezier(.3,0,.3,1) both}
.m13-shining .m13-fstar--a{animation-delay:calc(var(--m13-shd,3.4s) * .72)}
.m13-shining .m13-fstar--b{animation-delay:calc(var(--m13-shd,3.4s) * .08)}
@keyframes m13-flash{
  0%{opacity:.7;transform:scale(1) rotate(0)}
  30%{opacity:1;transform:scale(1.7) rotate(25deg);filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor) brightness(1.4)}
  100%{opacity:.8;transform:scale(1) rotate(45deg)}}
.m13-fstar--moon{--m13-rot:0deg}
.m13-shining .m13-fstar--moon{animation-name:m13-flash-moon}
@keyframes m13-flash-moon{0%{opacity:.7;transform:scale(1)} 30%{opacity:1;transform:scale(1.45);filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)} 100%{opacity:.8;transform:scale(1)}}
/* Дымка под надписями над сеткой и под ней: облачко повторяет форму букв и логотипа. --m13-hk — сила */
.m13-hz{--m13-hzc:8,6,4}
.m13-hz--light{--m13-hzc:255,255,255}
.m13-header.m13-hz > :is(.m13-kicker,h1,.m13-intro,.m13-logo-wrap),.m13-foot.m13-hz > :is(.m13-foot-text,.m13-foot-logo){
  filter:drop-shadow(0 0 2px rgba(var(--m13-hzc),calc(var(--m13-hk,.6) * .75))) drop-shadow(0 0 7px rgba(var(--m13-hzc),calc(var(--m13-hk,.6) * .55)))
    drop-shadow(0 0 16px rgba(var(--m13-hzc),calc(var(--m13-hk,.6) * .45)))}
.m13-foot.m13-hz > .m13-foot-text{opacity:1}
/* Приветственный свет по карточкам — один раз при открытии */
/* Селектор сильнее, чем .m13-deco > :not(.m13-lay): иначе у карточек с контуром или узором полоса встаёт в раскладку и сдвигает кнопки */
.m13 .m13-thumb > i.m13-sheen,.m13 .m13-lid-leaf > i.m13-sheen{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;margin:0;
  --m13-sh-c:color-mix(in srgb,var(--m13-shine-c,#fff3cf) 62%,#e8c77a);
  background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,var(--m13-sh-c) 26%,transparent) 45%,color-mix(in srgb,var(--m13-sh-c) 55%,rgba(255,255,255,.35)) 50%,color-mix(in srgb,var(--m13-sh-c) 26%,transparent) 55%,transparent 68%) no-repeat;
  background-size:260% 100%;background-position:100% 0;opacity:0;animation:m13-sheen 1.6s cubic-bezier(.4,0,.3,1) both}
@keyframes m13-sheen{0%{opacity:0;background-position:100% 0} 15%{opacity:1} 85%{opacity:1} 100%{opacity:0;background-position:0 0}}
@media (prefers-reduced-motion:reduce){ .m13-shining .m13-gt,.m13-shining .m13-logo,.m13-fstar{animation:none} .m13 i.m13-sheen{display:none} }
@media (max-width:680px){
  .m13-foot{margin-top:4px;gap:4px}
  .m13-foot .m13-logo{width:min(28vw,108px,calc(24px * var(--m13-lr,4.5)))}
  .m13-foot--m .m13-logo{width:min(42vw,160px,calc(36px * var(--m13-lr,4.5)))}
  .m13-foot--l .m13-logo{width:min(58vw,220px,calc(49px * var(--m13-lr,4.5)))}
  .m13-foot-text{font-size:12px}
}

/* Карточки-«зеркала»: полупрозрачное стекло с лёгким размытием того, что за ним */
.m13-glass{-webkit-backdrop-filter:blur(var(--m13-gb,10px)) saturate(1.15);backdrop-filter:blur(var(--m13-gb,10px)) saturate(1.15)}
.m13-glass--clear{-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-thumb.m13-glass--dark{border-color:rgba(255,255,255,.16)}
.m13-thumb.m13-glass--light{border-color:rgba(0,0,0,.1)}
.m13-face.m13-glass--dark{border-color:rgba(255,255,255,.2)}
.m13-thumb--empty{background:transparent}
.m13-root--img .m13-thumb--empty{border-color:rgba(255,255,255,.18)}

/* Тёмный оборот: текст и плашки светлые */
.m13-back-dark .m13-back{color:#efe4d2}
.m13-back-dark .m13-head{border-bottom-color:rgba(255,255,255,.14)}
.m13-back-dark .m13-eyebrow,.m13-back-dark .m13-meta,.m13-back-dark .m13-dates-label,.m13-back-dark .m13-format-note,
.m13-back-dark .m13-item-meta{color:rgba(239,228,210,.62)}
.m13-back-dark .m13-desc,.m13-back-dark .m13-item-text,.m13-back-dark .m13-dates-note,.m13-back-dark .m13-info,
.m13-back-dark .m13-more-text{color:rgba(239,228,210,.84)}
.m13-back-dark :is(.m13-day,.m13-format,.m13-item,.m13-info,.m13-price-line,.m13-dates,.m13-soft,.m13-action:not(.m13-action--primary),.m13-fact,.m13-item-cal){
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:inherit}
.m13-back-dark .m13-format.is-closed{background:rgba(255,255,255,.02)}
.m13-back-dark .m13-gallery img{border-color:rgba(255,255,255,.16)}
.m13-back-dark:not(.m13-accent) :is(.m13-go,.m13-action--primary){background:#efe4d2;border-color:#efe4d2;color:#1c150c !important}
.m13-back-dark.m13-accent :is(.m13-format,.m13-item,.m13-action):hover{border-color:var(--m13-ac)}
.m13-header[style*="--m13-hfont"] h1{font-family:var(--m13-hfont);font-weight:500;letter-spacing:0;font-size:clamp(26px,3.4vw,40px)}

/* ================= Стекло и узор на карточках ================= */
/* Слои поверх карточки (затемнение под текстом, узор, кромка) — под текстом, над фоном и картинкой */
.m13-lay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}
.m13-deco > :not(.m13-lay){position:relative;z-index:2}
.m13-back.m13-deco > .m13-content{position:relative;z-index:2}

/* Узор: 4 уголка (левый верхний — как нарисован, остальные — отражения) или один слой на всю карточку */
.m13-pat{opacity:var(--m13-pop,.8)}
.m13-pat > i{position:absolute;display:none;width:62%;aspect-ratio:1;background:var(--m13-pcol,#fff);
  -webkit-mask:var(--m13-pimg) 0 0/100% 100% no-repeat;mask:var(--m13-pimg) 0 0/100% 100% no-repeat}
.m13-pat--img > i{background:var(--m13-pimg) 0 0/100% 100% no-repeat;-webkit-mask:none;mask:none}
.m13-pat > i:nth-child(1){top:0;left:0}
.m13-pat > i:nth-child(2){top:0;right:0;transform:scaleX(-1)}
.m13-pat > i:nth-child(3){bottom:0;left:0;transform:scaleY(-1)}
.m13-pat > i:nth-child(4){bottom:0;right:0;transform:scale(-1,-1)}
.m13-pat--corners > i:nth-child(1),.m13-pat--corners > i:nth-child(4){display:block}
.m13-pat--corners > i:nth-child(2){display:block;width:38%}
.m13-pat--edge > i{display:block;width:54%}
.m13-pat--full > i:nth-child(1){display:block;inset:0;width:auto;aspect-ratio:auto;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}
.m13-pat--full.m13-pat--img > i:nth-child(1){background-size:100% 100%}
/* На большой карточке уголки меньше, на обороте узор тише — там много текста */
.m13-face .m13-pat--corners > i:nth-child(1),.m13-face .m13-pat--corners > i:nth-child(4){width:40%}
.m13-face .m13-pat--corners > i:nth-child(2){width:24%}
.m13-face .m13-pat--edge > i{width:36%}
.m13-back .m13-pat{opacity:calc(var(--m13-pop,.8) * .7)}
.m13-back .m13-pat--full{opacity:calc(var(--m13-pop,.8) * .3)}

/* Кромка стекла: тонкая линия с бликом */
.m13-rimbox{z-index:3}
.m13-rimbox > i{position:absolute;inset:0;border-radius:inherit}
.m13-rim{z-index:3;padding:1.3px;
  background:linear-gradient(145deg,var(--m13-rc),color-mix(in srgb,var(--m13-rc) 18%,transparent) 35%,color-mix(in srgb,var(--m13-rc) 8%,transparent) 62%,color-mix(in srgb,var(--m13-rc) 62%,transparent));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.m13-rim--light{--m13-rc:rgba(255,255,255,.85)}
.m13-rim--cold{--m13-rc:rgba(214,234,255,.95)}
.m13-rim--gold{--m13-rc:var(--m13-ac,#ecd3a3)}
.m13-thumb.m13-has-rim,.m13 .m13-face.m13-has-rim{border-width:0}  /* рамка-узор сама стала краем: своя 1-px кромка карточки выглядывала снаружи золота */
/* Контур только в уголках: мягкие «скобочки» в четырёх углах */
.m13-rim--corners{-webkit-mask:radial-gradient(30% 28% at 0 0,#000 55%,transparent),radial-gradient(30% 28% at 100% 0,#000 55%,transparent),
    radial-gradient(30% 28% at 0 100%,#000 55%,transparent),radial-gradient(30% 28% at 100% 100%,#000 55%,transparent);
  mask:radial-gradient(30% 28% at 0 0,#000 55%,transparent),radial-gradient(30% 28% at 100% 0,#000 55%,transparent),
    radial-gradient(30% 28% at 0 100%,#000 55%,transparent),radial-gradient(30% 28% at 100% 100%,#000 55%,transparent)}
/* Контур дышит — тем же ритмом, что и живое свечение */
.m13-rim--breathe > .m13-rim{animation:m13-rim-breathe 9s cubic-bezier(.45,0,.55,1) infinite}
@keyframes m13-rim-breathe{0%,100%{opacity:.3} 45%{opacity:1}}
/* Бегущий блик: светлая искра с хвостом медленно обегает край карточки */
.m13-rim-run{padding:1.6px;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.m13-rim-run::before{content:"";position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;margin:-100% 0 0 -100%;
  background:conic-gradient(from 0deg,transparent 0deg 318deg,color-mix(in srgb,var(--m13-runc) 30%,transparent) 336deg,var(--m13-runc) 351deg,#fff 357deg,transparent 360deg);
  animation:m13-rim-spin var(--m13-rs,12s) linear infinite}
.m13-rim-run.m13-rim-glow{padding:4px;opacity:.35;filter:blur(1.5px)}
/* Пока идёт приветственный блик, бегущий блик спрятан; потом плавно появляется */
.m13-rim-run{transition:opacity 1.4s ease}
.m13-hold-run .m13-rim-run{opacity:0}
@keyframes m13-rim-spin{to{transform:rotate(360deg)}}
/* Телефон: без размытого ореола у бегущего блика. Каждый слой блика — отдельный «трафарет», который телефон собирает
   заново на каждом кадре; ореол давал половину всей этой работы, а на маленькой карточке его почти не видно */
@media (max-width:680px){ .m13-rim-run.m13-rim-glow{display:none} }

/* Дымка под строками: мягкое облачко повторяет форму текста, остальная карточка — чистое стекло. --m13-hz — сила (0–1) */
.m13-th-haze{--m13-hzc:8,6,4}
.m13-th-haze.m13-th--light{--m13-hzc:255,255,255}
.m13-th-haze > :not(.m13-lay){text-shadow:0 0 3px rgba(var(--m13-hzc),calc(var(--m13-hz,.6) * .9)),0 0 9px rgba(var(--m13-hzc),calc(var(--m13-hz,.6) * .8)),
  0 0 18px rgba(var(--m13-hzc),calc(var(--m13-hz,.6) * .7)),0 0 30px rgba(var(--m13-hzc),calc(var(--m13-hz,.6) * .5))}
/* Помощь тексту: тень у букв или мягкое затемнение там, где текст */
.m13-th-shadow{--m13-tsh:0 1px 2px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.5)}
.m13-th-shadow.m13-th--light{--m13-tsh:0 1px 2px rgba(255,255,255,.8),0 0 12px rgba(255,255,255,.6)}
.m13-th-shadow > :not(.m13-lay){text-shadow:var(--m13-tsh)}
.m13-th-shadow .m13-mini-cta,.m13-th-shadow .m13-flip-hint{box-shadow:0 1px 6px rgba(0,0,0,.25)}
.m13-th-shade{--m13-shc:10,7,4}
.m13-th-shade.m13-th--light{--m13-shc:255,255,255}
.m13-shade{background:linear-gradient(180deg,rgba(var(--m13-shc),.62) 0%,rgba(var(--m13-shc),.3) 40%,rgba(var(--m13-shc),0) 62%,rgba(var(--m13-shc),0) 78%,rgba(var(--m13-shc),.42) 100%)}
.m13-pos-bottom > .m13-shade{transform:scaleY(-1)}
.m13-pos-center > .m13-shade{background:rgba(var(--m13-shc),.36)}

/* ================= Размер текста на карточке ================= */
/* zoom увеличивает надпись вместе с её отступами и рамкой; на телефоне — мягче, там мало места */
.m13-tt-sm :is(.m13-mini-title,.m13-hero-title){zoom:.88}
.m13-tt-lg :is(.m13-mini-title,.m13-hero-title){zoom:1.15}
.m13-ts-lg :is(.m13-mini-type,.m13-mini-date,.m13-mini-status,.m13-mini-foot,.m13-hero-type,.m13-hero-date,.m13-hero-status,.m13-flip-hint){zoom:1.18}
.m13-ts-xl :is(.m13-mini-type,.m13-mini-date,.m13-mini-status,.m13-mini-foot,.m13-hero-type,.m13-hero-date,.m13-hero-status,.m13-flip-hint){zoom:1.36}
@media (max-width:680px){
  .m13-tt-lg .m13-mini-title{zoom:1.08}
  .m13-ts-lg :is(.m13-mini-type,.m13-mini-date,.m13-mini-status,.m13-mini-foot){zoom:1.1}
  .m13-ts-xl :is(.m13-mini-type,.m13-mini-date,.m13-mini-status,.m13-mini-foot){zoom:1.2}
}

/* Выравнивание по правому краю */
.m13-thumb.m13-align-right{align-items:flex-end;text-align:right}
.m13-front.m13-align-right{text-align:right}
.m13-front.m13-align-right .m13-flip-hint{align-self:flex-end}

/* ================= Кнопки на обороте ================= */
/* Главная кнопка — первая в ряду (и «перейти» у маршрута); остальные — прозрачные с рамкой */
.m13 .m13-big-card[class*="m13-btn-"] :is(.m13-go,.m13-action){position:relative;overflow:hidden;isolation:isolate}
.m13 .m13-big-card.m13-btn-fill :is(.m13-go,.m13-action--primary),
.m13 .m13-big-card.m13-btn-fill.m13-btn-same .m13-action,.m13-win.m13-btn-fill .m13-channel:not(.m13-ch2),.m13-win.m13-btn-fill.m13-btn-same .m13-channel{background:var(--m13-b1);border-color:var(--m13-b1);color:var(--m13-bink) !important}
.m13 .m13-big-card.m13-btn-gradient :is(.m13-go,.m13-action--primary),
.m13 .m13-big-card.m13-btn-gradient.m13-btn-same .m13-action,.m13-win.m13-btn-gradient .m13-channel:not(.m13-ch2),.m13-win.m13-btn-gradient.m13-btn-same .m13-channel{background:linear-gradient(var(--m13-bdir),var(--m13-b1),var(--m13-b2));border-color:transparent;color:var(--m13-bink) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 14px color-mix(in srgb,var(--m13-b1) 40%,transparent)}
.m13 .m13-big-card.m13-btn-glass :is(.m13-go,.m13-action--primary),
.m13 .m13-big-card.m13-btn-glass.m13-btn-same .m13-action,.m13-win.m13-btn-glass .m13-channel:not(.m13-ch2),.m13-win.m13-btn-glass.m13-btn-same .m13-channel{background:color-mix(in srgb,var(--m13-b1) 16%,transparent);border:1px solid var(--m13-b1);color:var(--m13-bink) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 14px color-mix(in srgb,var(--m13-b1) 32%,transparent)}
.m13 .m13-big-card.m13-btn-outline :is(.m13-go,.m13-action--primary),
.m13 .m13-big-card.m13-btn-outline.m13-btn-same .m13-action,.m13-win.m13-btn-outline .m13-channel:not(.m13-ch2),.m13-win.m13-btn-outline.m13-btn-same .m13-channel{background:transparent;border:1.5px solid var(--m13-b1);color:var(--m13-bink) !important}
.m13 .m13-big-card.m13-btn-other .m13-action:not(.m13-action--primary),.m13-win.m13-btn-other .m13-channel.m13-ch2{background:transparent;border-color:var(--m13-bo);color:var(--m13-bo) !important}

/* «Живость»: блик пробегает по кнопке; цвета градиента переливаются */
.m13-btn-live-glint :is(.m13-go,.m13-action--primary)::after,.m13-btn-live-both :is(.m13-go,.m13-action--primary)::after,
.m13-btn-same.m13-btn-live-glint .m13-action::after,.m13-btn-same.m13-btn-live-both .m13-action::after,
.m13-win:is(.m13-btn-live-glint,.m13-btn-live-both) .m13-channel:not(.m13-ch2)::after{
  content:"";position:absolute;top:0;bottom:0;left:0;width:38%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:m13-glint calc(4.2s * var(--m13-gls,1.55)) ease-in-out infinite}
.m13 .m13-big-card.m13-btn-gradient:is(.m13-btn-live-flow,.m13-btn-live-both) :is(.m13-go,.m13-action--primary),
.m13 .m13-big-card.m13-btn-gradient.m13-btn-same:is(.m13-btn-live-flow,.m13-btn-live-both) .m13-action,
.m13-win.m13-btn-gradient:is(.m13-btn-live-flow,.m13-btn-live-both) .m13-channel:not(.m13-ch2){
  background:linear-gradient(var(--m13-bdir),var(--m13-b1),var(--m13-b2),var(--m13-b1));background-size:260% 260%;animation:m13-flow calc(6s * var(--m13-gls,1.55)) ease-in-out infinite alternate}
@keyframes m13-glint{0%{transform:translateX(-130%) skewX(-20deg)}55%,100%{transform:translateX(330%) skewX(-20deg)}}
@keyframes m13-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){
  .m13-big-card[class*="m13-btn-live"] :is(.m13-go,.m13-action)::after,.m13-win .m13-channel::after{animation:none;display:none}
  .m13 .m13-big-card[class*="m13-btn-live"] :is(.m13-go,.m13-action){animation:none}
}

/* ================= Оформление отдельной страницы (Песочница) ================= */
.m13-look{--lk-mut:color-mix(in srgb,var(--lk-tx) 62%,transparent);--lk-soft:color-mix(in srgb,var(--lk-tx) 86%,transparent);
  --lk-line:color-mix(in srgb,var(--lk-tx) 20%,transparent);color:var(--lk-tx);min-height:100vh;min-height:100svh}
.m13-look--font{font-family:var(--lk-font)}
.m13-look--font :is(.m13-ihead h2,.m13-panel h3,.m13-sb-item-title){font-weight:600;letter-spacing:0}
.m13-look .m13-itop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-look .m13-ihead{text-shadow:var(--lk-tsh)}
.m13-look :is(.m13-iback,.m13-tab,.m13-sb-item,.m13-panel){background:var(--lk-pan);border-color:var(--lk-line);color:var(--lk-tx);
  -webkit-backdrop-filter:blur(var(--m13-gb,8px));backdrop-filter:blur(var(--m13-gb,8px))}
.m13-look :is(.m13-eyebrow,.m13-sb-item-top,.m13-panel-meta,.m13-sign,.m13-notice){color:var(--lk-mut)}
.m13-look :is(.m13-ihead p,.m13-desc,.m13-block p,.m13-sb-item-sub,.m13-quote,.m13-practice){color:var(--lk-soft)}
.m13-look .m13-notice{border-color:var(--lk-line);background:transparent}
.m13-look .m13-tab.is-active{background:var(--lk-ac);border-color:var(--lk-ac);color:var(--lk-ac-ink)}
.m13-look .m13-sb-item:hover{border-color:var(--lk-ac)}
.m13-look .m13-sb-item.is-active{border-color:var(--lk-ac);box-shadow:inset 0 0 0 1px var(--lk-ac)}
.m13-look :is(.m13-block,.m13-practice){background:color-mix(in srgb,var(--lk-tx) 6%,transparent);border-color:var(--lk-line)}
.m13-look :is(.m13-block-title,.m13-practice strong){color:var(--lk-tx)}
.m13-look .m13-quote{border-left-color:var(--lk-ac)}
/* Примеры Карт-Отражений */
.m13-look .m13-example{background:var(--lk-pan);border-color:var(--lk-line);color:var(--lk-tx);-webkit-backdrop-filter:blur(var(--m13-gb,8px));backdrop-filter:blur(var(--m13-gb,8px))}
.m13-look .m13-example span:not(.m13-gl-box):not(.m13-gl-box *){color:var(--lk-soft)}
.m13-look .m13-placeholder{border-color:var(--lk-line);color:var(--lk-mut)}
.m13-look .m13-examples-cta .m13-action--primary{background:var(--lk-ac);border-color:var(--lk-ac);color:var(--lk-ac-ink) !important}
/* Оборот-заглушка «скоро» */
.m13-stub{margin-top:4px;padding:16px 18px;font-size:14px;line-height:1.55}
@media (max-width:680px){ .m13-stub{padding:12px 13px;font-size:12.5px} }

/* ================= Размер текста на отдельных страницах (Песочница, Примеры) ================= */
/* --m13-tk — множитель из «Размер текста» (1 / 1.12 / 1.25). Приписка под отзывом остаётся мелкой. */
.m13-standalone .m13-iback{font-size:calc(13.5px * var(--m13-tk,1))}
.m13-standalone .m13-ihead .m13-eyebrow{font-size:calc(11.5px * var(--m13-tk,1))}
.m13-standalone .m13-ihead h2{font-size:calc(clamp(30px,6vw,52px) * var(--m13-tk,1));line-height:1.06;margin-bottom:14px}
.m13-standalone .m13-ihead p{max-width:760px;font-size:calc(16.5px * var(--m13-tk,1));line-height:1.55}
.m13-standalone .m13-notice{font-size:calc(11px * var(--m13-tk,1))}
.m13-standalone .m13-tab{font-size:calc(15px * var(--m13-tk,1));padding:12px 8px}
.m13-standalone .m13-sb{grid-template-columns:calc(300px + 20px * (var(--m13-tk,1) - 1) * 5) 1fr}
.m13-standalone .m13-sb-item{padding:13px 14px}
.m13-standalone .m13-sb-item-top{font-size:calc(11px * var(--m13-tk,1))}
.m13-standalone .m13-sb-item-title{font-size:calc(17px * var(--m13-tk,1))}
.m13-standalone .m13-sb-item-sub{font-size:calc(13.5px * var(--m13-tk,1));line-height:1.4}
.m13-standalone .m13-panel{padding:22px}
.m13-standalone .m13-panel .m13-eyebrow{font-size:calc(11.5px * var(--m13-tk,1))}
.m13-standalone .m13-panel h3{font-size:calc(29px * var(--m13-tk,1))}
.m13-standalone .m13-panel-meta{font-size:calc(13px * var(--m13-tk,1))}
.m13-standalone .m13-panel .m13-desc{font-size:calc(15px * var(--m13-tk,1));line-height:1.55}
.m13-standalone .m13-block{padding:14px 16px}
.m13-standalone .m13-block-title{font-size:calc(14px * var(--m13-tk,1))}
.m13-standalone .m13-block p{font-size:calc(16px * var(--m13-tk,1));line-height:var(--m13-lh,1.6)}
.m13-standalone .m13-practice{padding:14px;font-size:calc(15.5px * var(--m13-tk,1));line-height:1.55}
.m13-standalone .m13-quote{font-size:calc(17.5px * var(--m13-tk,1));line-height:1.6}
.m13-standalone .m13-sign{font-size:11.5px}
.m13-standalone .m13-example strong{font-size:calc(17px * var(--m13-tk,1))}
.m13-standalone .m13-example span:not(.m13-gl-box):not(.m13-gl-box *){font-size:calc(14px * var(--m13-tk,1));line-height:1.45}
.m13-standalone .m13-placeholder{font-size:calc(12.5px * var(--m13-tk,1))}
/* Кнопка заказа на странице «Примеры»: по центру, внизу экрана, всегда под рукой */
.m13-standalone .m13-examples-cta{position:sticky;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:5;
  width:min(440px,100%);max-width:none;margin:34px auto 0}
.m13-standalone .m13-examples-cta .m13-action{font-size:calc(15px * var(--m13-tk,1));padding:15px 14px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
@media (max-width:680px){
  .m13-standalone .m13-ihead p{font-size:calc(15px * var(--m13-tk,1))}
  .m13-standalone .m13-tab{font-size:calc(12.5px * var(--m13-tk,1));padding:10px 4px;white-space:normal;line-height:1.15}
  .m13-standalone .m13-sb{grid-template-columns:1fr}
  .m13-standalone .m13-sb-item-title{font-size:calc(16px * var(--m13-tk,1))}
  .m13-standalone .m13-panel{padding:16px}
  .m13-standalone .m13-panel h3{font-size:calc(24px * var(--m13-tk,1))}
  .m13-standalone .m13-block p{font-size:calc(15.5px * var(--m13-tk,1))}
  .m13-standalone .m13-practice{font-size:calc(15px * var(--m13-tk,1))}
  .m13-standalone .m13-quote{font-size:calc(16.5px * var(--m13-tk,1))}
  .m13-standalone .m13-example strong{font-size:calc(15.5px * var(--m13-tk,1))}
  .m13-standalone .m13-example span:not(.m13-gl-box):not(.m13-gl-box *){font-size:calc(13px * var(--m13-tk,1))}
  .m13-standalone .m13-examples-cta{width:100%}
}

/* ================= Оборот: свой цвет текста и размер ================= */
.m13-back-tx .m13-back{color:var(--m13-btx)}
.m13-back-tx .m13-back :is(.m13-eyebrow,.m13-meta,.m13-dates-label,.m13-format-note,.m13-item-meta){color:color-mix(in srgb,var(--m13-btx) 64%,transparent)}
.m13-back-tx .m13-back :is(.m13-desc,.m13-item-text,.m13-dates-note,.m13-info,.m13-more-text){color:color-mix(in srgb,var(--m13-btx) 86%,transparent)}
.m13-back-tx .m13-back :is(.m13-day,.m13-format,.m13-item,.m13-price-line,.m13-dates,.m13-soft,.m13-fact,.m13-item-cal,.m13-action:not(.m13-action--primary)){color:inherit}
.m13-back-tx .m13-head{border-bottom-color:color-mix(in srgb,var(--m13-btx) 18%,transparent)}
/* Размер текста на обороте: описание, плашки, даты, подписи (кнопки остаются как есть) */
.m13-bs-lg .m13-back :is(.m13-eyebrow,.m13-meta,.m13-desc,.m13-day,.m13-info,.m13-dates,.m13-more,.m13-fact,.m13-price-line,.m13-block-title,.m13-item-text,.m13-item-meta,.m13-item-title,.m13-item-date,.m13-format-name,.m13-format-price,.m13-format-note){zoom:1.14}
.m13-bs-xl .m13-back :is(.m13-eyebrow,.m13-meta,.m13-desc,.m13-day,.m13-info,.m13-dates,.m13-more,.m13-fact,.m13-price-line,.m13-block-title,.m13-item-text,.m13-item-meta,.m13-item-title,.m13-item-date,.m13-format-name,.m13-format-price,.m13-format-note){zoom:1.28}
@media (max-width:680px){
  .m13-bs-lg .m13-back :is(.m13-eyebrow,.m13-meta,.m13-desc,.m13-day,.m13-info,.m13-dates,.m13-more,.m13-fact,.m13-price-line,.m13-block-title,.m13-item-text,.m13-item-meta,.m13-item-title,.m13-item-date,.m13-format-name,.m13-format-price,.m13-format-note){zoom:1.12}
  .m13-bs-xl .m13-back :is(.m13-eyebrow,.m13-meta,.m13-desc,.m13-day,.m13-info,.m13-dates,.m13-more,.m13-fact,.m13-price-line,.m13-block-title,.m13-item-text,.m13-item-meta,.m13-item-title,.m13-item-date,.m13-format-name,.m13-format-price,.m13-format-note){zoom:1.24}
}

/* Градиент на кнопке тянется и под рамку — иначе у края видна тонкая полоска другого конца градиента */
.m13 .m13-big-card[class*="m13-btn-"] :is(.m13-go,.m13-action){background-origin:border-box}

/* ================= Песочница: текст с разметкой, «Мысль дня», вводный текст вкладки ================= */
.m13 .m13-rich p{margin:0 0 .7em}
.m13 .m13-rich p:last-child,.m13 .m13-rich ul:last-child{margin-bottom:0}
.m13 .m13-rich ul{margin:.2em 0 .7em;padding-left:1.25em}
.m13-rich li{margin:.15em 0}
.m13-standalone .m13-block .m13-rich :is(p,ul){font-size:calc(16px * var(--m13-tk,1));line-height:var(--m13-lh,1.6)}
.m13-standalone .m13-practice .m13-rich :is(p,ul){font-size:inherit;line-height:inherit}
.m13-thought .m13-rich{font-style:italic}
.m13-standalone .m13-thought .m13-rich p{font-size:calc(18px * var(--m13-tk,1))}
.m13-practices--one{grid-template-columns:1fr}
.m13-sb-intro{grid-column:1 / -1;padding:16px 18px;border:1px solid var(--m13-line);border-radius:16px;background:#fff;color:#4e4e4e}
.m13-standalone .m13-sb-intro p{font-size:calc(15.5px * var(--m13-tk,1));line-height:1.6}
.m13-look .m13-sb-intro{background:var(--lk-pan);border-color:var(--lk-line);color:var(--lk-soft);-webkit-backdrop-filter:blur(var(--m13-gb,8px));backdrop-filter:blur(var(--m13-gb,8px))}
.m13-look .m13-rich li{color:var(--lk-soft)}
.m13-look .m13-rich strong{color:var(--lk-tx)}
@media (max-width:680px){ .m13-sb.is-detail .m13-sb-intro{display:none} .m13-sb-intro{padding:13px 14px} }
/* Заголовок страницы стоит на картинке — у него может быть свой цвет (как надписи над сеткой витрины) */
.m13-look .m13-ihead{color:var(--lk-hd,var(--lk-tx))}
.m13-look .m13-ihead :is(p,.m13-eyebrow,.m13-notice){color:color-mix(in srgb,var(--lk-hd,var(--lk-tx)) 82%,transparent)}
.m13-look .m13-ihead .m13-notice{border-color:color-mix(in srgb,var(--lk-hd,var(--lk-tx)) 35%,transparent)}
/* Примеры Карт-Отражений: Kin и название карты над архетипом */
.m13-example-meta{display:block;margin-bottom:3px;font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#777}
.m13-standalone .m13-example-meta{font-size:calc(11.5px * var(--m13-tk,1))}
.m13-look .m13-example-meta{color:var(--lk-mut)}
.m13-example img{width:100%;aspect-ratio:3 / 4;max-height:none;object-fit:contain;object-position:center;background:transparent}
/* Примеры: картинка всегда сверху на одном уровне, текст под ней; описание — под «Подробнее» */
.m13-example{justify-content:flex-start}
.m13-ex-more{margin-top:8px}
.m13-standalone .m13-ex-more > summary{font-size:calc(13.5px * var(--m13-tk,1));font-weight:600}
.m13-standalone .m13-ex-more .m13-more-text{font-size:calc(14.5px * var(--m13-tk,1));line-height:1.5}
.m13-look .m13-ex-more > summary{color:var(--lk-ac)}
.m13-look .m13-ex-more .m13-more-text{color:var(--lk-soft)}
@media (max-width:680px){ .m13-standalone .m13-ex-more > summary{font-size:calc(13px * var(--m13-tk,1))} .m13-standalone .m13-ex-more .m13-more-text{font-size:calc(14px * var(--m13-tk,1))} }
/* Плашки примеров в ряду — одной высоты; под «Kin · название» всегда место на 2 строки, архетип и «Подробнее» — на одном уровне */
.m13-examples{align-items:stretch}
.m13-example-meta{line-height:1.45}
.m13-example-meta:empty{display:none}
/* Автовыравнивание: каждая плашка — 4 строки общей сетки ряда (картинка, подпись Kin, архетип, описание).
   Строки ряда подстраиваются под самую длинную подпись/название — сколько бы строк они ни заняли. */
@supports (grid-template-rows: subgrid) {
  .m13-example{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start}
  .m13-example-meta:empty{display:block}
  .m13-example > strong{align-self:start}
}
/* Старые браузеры без этой возможности: хотя бы место на 2 строки под подпись */
@supports not (grid-template-rows: subgrid) {
  .m13-example-meta{min-height:2.9em}
}

/* ================= Гибкие блоки Песочницы, галереи с подписями ================= */
.m13-panel-day{margin:-4px 0 6px;font-size:13px;letter-spacing:.02em;color:#6e6e6e}
.m13-standalone .m13-panel-day{font-size:calc(16px * var(--m13-tk,1))}
.m13-sb-item-day{margin-top:2px;font-size:11.5px;color:#666}
.m13-standalone .m13-sb-item-day{font-size:calc(13.5px * var(--m13-tk,1))}
.m13-look :is(.m13-panel-day,.m13-sb-item-day){color:var(--lk-mut)}
/* Заголовки блоков — с тонкой линией, как «Подробнее» (выключается в «Оформлении страницы») */
.m13-standalone:not(.m13-noline) .m13-block-title{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:2px;margin-bottom:9px}
.m13 .m13-u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Мантра дня — по центру, курсивом, крупнее */
.m13-mantra{text-align:center}
.m13-mantra .m13-rich{font-style:italic}
.m13-standalone .m13-mantra .m13-rich p{font-size:calc(19px * var(--m13-tk,1));line-height:1.5}
/* На странице чтения мантра — без рамки, крупная фраза прямо на фоне */
.m13-read .m13-block.m13-mantra{background:none;border:0;box-shadow:none;padding:22px 8px 18px}
.m13-standalone .m13-read .m13-mantra .m13-rich p{font-size:calc(24px * var(--m13-tk,1));line-height:1.4}
.m13-read .m13-mantra .m13-block-title{opacity:.8}
/* Практики подряд — по две в ряд (на телефоне друг под другом) */
.m13-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.m13-pair > .m13-block{margin-top:0}
.m13-pair > .m13-block:last-child:nth-child(odd){grid-column:1 / -1}
.m13-sb-more{margin-top:4px}
.m13-standalone .m13-sb-more > summary{font-size:calc(14px * var(--m13-tk,1))}
.m13-look .m13-sb-more > summary{color:var(--lk-ac)}
/* Галерея: первая крупно с подписью, остальные рядом */
.m13-block--gallery{padding:10px}
.m13-fig{margin:0}
.m13-fig-img{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.m13-fig-img img{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:10px}
.m13-cap{margin-top:7px;font-size:12.5px;line-height:1.4;color:#7a7a7a;font-style:italic}
.m13-standalone .m13-cap{font-size:calc(13.5px * var(--m13-tk,1))}
.m13-look .m13-cap{color:var(--lk-mut)}
.m13-gallery--rest{margin-top:8px;flex-wrap:wrap;overflow:visible}
.m13-gallery--sq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.m13-gallery--sq .m13-gallery-item{width:100%}
.m13-gallery--sq .m13-gallery-item img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
@media (min-width:700px){ .m13-gallery--sq{grid-template-columns:repeat(6,minmax(0,1fr))} }
.m13-lb-cap{position:absolute;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 24px);transform:translateX(-50%);max-width:min(680px,90vw);
  color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.45;text-align:center;font-style:italic}
.m13-lb-cap:empty{display:none}

/* ================= События ================= */
.m13-ev-item{display:flex;gap:11px;align-items:flex-start}
.m13-ev-thumb{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:9px}
.m13-ev-txt{display:flex;flex-direction:column;min-width:0}
.m13-ev-meta{margin-bottom:8px}
.m13-standalone .m13-ev-meta{font-size:calc(14.5px * var(--m13-tk,1))}
.m13-ev-actions{margin-top:12px}
.m13-standalone .m13-ev-actions .m13-action{font-size:calc(14.5px * var(--m13-tk,1))}
.m13-look .m13-ev .m13-action{background:transparent;border-color:var(--lk-line);color:var(--lk-tx) !important}
.m13-look .m13-ev .m13-action--primary{background:var(--lk-ac);border-color:var(--lk-ac);color:var(--lk-ac-ink) !important}
/* Кнопка «Встречи и события» в шапке витрины */
.m13-evlink{display:inline-block;margin-top:10px;font-family:var(--m13-hfont,inherit);padding:7px 14px;border:1px solid currentColor;border-radius:999px;font-size:14.5px;text-decoration:none;color:inherit;opacity:.9}
.m13-evlink:hover{opacity:1}
.m13-header--tinted .m13-evlink{color:var(--m13-head)}
@media (max-width:680px){.m13-evlink{font-size:11.5px;padding:5px 11px;margin-top:6px}}
/* Вид кнопки (Страница месяца → «Кнопка «События и архив»»): стекло, заливка, крупнее, свой цвет */
.m13-header .m13-evlink--own{color:var(--ev-c)}
.m13-evlink--glass{opacity:1;background:var(--ev-bg);border-color:color-mix(in srgb,currentColor 65%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(0,0,0,.25)}
.m13-header .m13-evlink--fill{opacity:1;background:var(--ev-c);border-color:var(--ev-c);color:var(--ev-ink);box-shadow:0 4px 18px rgba(0,0,0,.22)}
.m13-evlink--fill:hover,.m13-evlink--glass:hover{filter:brightness(1.08)}
.m13-evlink--l{font-size:16px;padding:9px 20px;letter-spacing:.02em}
@media (max-width:680px){.m13-evlink--l{font-size:13.5px;padding:7px 15px;margin-top:8px}}
/* Окна «Куда написать?» и «Добавить в календарь» на компьютере — просторнее (на телефоне как было) */
@media (min-width:700px){
  .m13-modal-box{width:min(470px,92vw);padding:28px 30px}
  .m13-modal-box h3{font-size:24px;margin-bottom:16px}
  .m13-modal-box .m13-msg{font-size:15px;padding:12px 14px}
  .m13-modal-box .m13-msg-label{font-size:11px}
  .m13-modal-box .m13-channels{gap:12px;margin-top:16px}
  .m13-modal-box .m13-channel{font-size:15px;padding:14px 12px}
  .m13-modal-box .m13-cal-when{font-size:15px}
  .m13-modal-box .m13-hint{font-size:13.5px;margin-top:14px}
  .m13-modal-box .m13-modal-close{margin-top:16px;padding:12px;font-size:14px}
}

/* ================= Полупрозрачный оборот, автовыравнивание плашек ================= */
/* Оборот-стекло: цвет оборота с прозрачностью (--m13-back задаётся в rgba), за ним размытие */
.m13-back-glass .m13-back{-webkit-backdrop-filter:blur(var(--m13-bb,8px)) saturate(1.1);backdrop-filter:blur(var(--m13-bb,8px)) saturate(1.1)}
.m13-back-glass--clear .m13-back{-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-back-glass:not(.m13-back-dark) :is(.m13-format:not(.is-closed),.m13-item,.m13-day,.m13-info,.m13-dates,.m13-price-line,.m13-fact){background:rgba(255,255,255,.72)}
.m13-back-glass:not(.m13-back-dark) .m13-format.is-closed{background:rgba(255,255,255,.35)}
.m13-back-glass .m13-face.m13-back{border-color:rgba(255,255,255,.28)}

/* Форматы маршрута: у всех квадратов ряда одинаковые строки (название, цена, подпись) — высоты выравнивает
   evenRows() в vitrina.js, название прижато к цене, поэтому цены стоят на одном уровне */
.m13-format-name{display:flex;align-items:flex-end;justify-content:center}
@supports (grid-template-rows: subgrid) {
  /* Плашки (встречи, варианты, виды работы): общие строки ряда — дата, название, описание, срок, цена, «Написать →» */
  .m13-items--rows{row-gap:0}
  .m13-items--rows .m13-item{display:grid;grid-row:span var(--rows,6);grid-template-rows:subgrid;row-gap:0;align-content:start;margin-bottom:7px}
  .m13-items--rows .m13-item > *{min-width:0}
  .m13-items--rows :is(.m13-item-action,.m13-item-acts){align-self:end}
}
@media (max-width:680px){ @supports (grid-template-rows: subgrid) { .m13-items--rows .m13-item{margin-bottom:5px} } }

/* Список Песочницы и событий: у всех плашек одинаковое место под строку «День …» и под подпись (2 строки) —
   плашки ровные, как бы ни отличалась длина текста */
.m13-sb-item-day:empty,.m13-sb-item-sub:empty{display:none}
.m13-sb-list:has(.m13-sb-item-day:not(:empty)) .m13-sb-item-day:empty{display:block;min-height:1.3em}
.m13-sb-list:has(.m13-sb-item-sub:not(:empty)) .m13-sb-item-sub{display:-webkit-box;min-height:calc(2em * 1.3)}
.m13-standalone .m13-sb-list:has(.m13-sb-item-sub:not(:empty)) .m13-sb-item-sub{min-height:calc(2em * 1.4)}
/* Если цены или подписи нет ни у одного квадрата — пустые строки не занимают место */
.m13-formats:not(:has(.m13-format-price:not(:empty))) .m13-format-price,
.m13-formats:not(:has(.m13-format-note:not(:empty))) .m13-format-note{display:none}

/* ================= Библиотека: обложки → страница чтения (Песочница, События, архив маршрутов) ================= */
/* --rc — цвет маршрута (или свой цвет примера): лёгкий оттенок, кромка и мягкое свечение */
.m13-lib{display:block}
.m13-reading :is(.m13-ihead,.m13-tabs){display:none}
.m13-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.m13-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--m13-line);border-radius:999px;background:#fff;padding:7px 13px;font-size:13px;cursor:pointer;color:inherit}
.m13-chip.m13-rc::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rc);box-shadow:0 0 6px var(--rc)}
.m13-chip:hover{border-color:#999}
.m13-chip.is-active{background:#232323;border-color:#232323;color:#fff}
.m13-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.m13-covers--mini{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.m13-cols-2 .m13-covers:not(.m13-covers--mini){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.m13-cols-4 .m13-covers:not(.m13-covers--mini){grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:900px) and (min-width:681px){ .m13-cols-4 .m13-covers:not(.m13-covers--mini){grid-template-columns:repeat(3,minmax(0,1fr))} }
.m13-cover{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:left;cursor:pointer;color:inherit;font:inherit;
  border:1px solid var(--m13-line);border-radius:16px;background:#fff;transition:transform .16s ease,box-shadow .16s ease}
.m13-cover:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.14)}
.m13-cover:focus-visible,.m13-rv:focus-visible,.m13-chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.m13-cover-img{display:block;aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--rc,#9a9a9a) 22%,transparent)}
.m13-cover-img img{display:block;width:100%;height:100%;object-fit:cover}
.m13-cover-ph{display:grid;place-items:center;height:100%;padding:12px;text-align:center;font-size:17px;font-weight:600;line-height:1.2;
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc,#bbb) 55%,transparent),color-mix(in srgb,var(--rc,#bbb) 12%,transparent) 75%)}
.m13-cover-txt{display:flex;flex-direction:column;gap:3px;padding:11px 13px 13px;flex:1}
.m13-cover-top{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#777}
.m13-cover-title{font-size:16px;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m13-cover-line{font-size:12.5px;color:#666;line-height:1.3}
.m13-cover-sub{margin-top:3px;font-size:12.5px;color:#555;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.m13-rc:is(.m13-cover,.m13-rv){border-color:color-mix(in srgb,var(--rc) 60%,transparent);
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--rc) 16%,transparent),color-mix(in srgb,var(--rc) 5%,transparent));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--rc) 22%,transparent),0 6px 22px color-mix(in srgb,var(--rc) 26%,transparent)}
.m13-rc:is(.m13-cover,.m13-rv):hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--rc) 45%,transparent),0 10px 30px color-mix(in srgb,var(--rc) 40%,transparent)}
.m13-covers--mini .m13-cover-title{font-size:14px}
.m13-covers--mini .m13-cover-sub{display:none}
.m13-lib-more{display:flex;justify-content:center;margin-top:14px}
.m13-lib-more .m13-soft{width:auto;padding:11px 22px}

/* Страница чтения */
/* Чтение — колонкой около 800 px по центру */
.m13-read{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:800px;margin:0 auto}
.m13-read > .m13-panel{width:100%}
.m13-read-head{display:flex;gap:16px;align-items:center;padding:12px;margin-bottom:12px;border:1px solid var(--m13-line);border-radius:14px}
.m13-read-head.m13-rc{border-color:color-mix(in srgb,var(--rc) 55%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--rc) 20%,transparent),color-mix(in srgb,var(--rc) 6%,transparent));
  box-shadow:0 6px 24px color-mix(in srgb,var(--rc) 22%,transparent)}
.m13-read-head h3{margin:3px 0 4px}
.m13-read-head .m13-panel-day{margin:0}
.m13-read-ht{min-width:0}
.m13-read-img{flex-shrink:0;width:190px;height:190px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:none}
.m13-read-img img{display:block;width:100%;height:100%;object-fit:cover}
/* Обложка целиком: картинка вписана полностью, по бокам — она же, размытая и увеличенная */
:is(.m13-cover-img,.m13-read-img,.m13-ex-img).m13-fit-whole{position:relative}
:is(.m13-cover-img,.m13-read-img,.m13-ex-img).m13-fit-whole img{position:relative;object-fit:contain}
:is(.m13-cover-img,.m13-read-img,.m13-ex-img).m13-fit-whole img.m13-fit-bg{position:absolute;inset:0;object-fit:cover;filter:blur(14px) saturate(1.1);transform:scale(1.25);opacity:.85}
.m13-read-share{margin-top:10px}
.m13-read-share .m13-action{width:auto;padding:9px 18px}
/* В оформленной странице — как остальные кнопки внутри плашки (События, архив): прозрачная, рамка и надпись цветом текста */
.m13-look .m13-read-share .m13-action{background:transparent;border-color:var(--lk-line);color:var(--lk-tx)}
.m13-read-sec{margin-top:16px}
.m13-read-sec .m13-block-title{margin-bottom:9px}
.m13-read-nav{width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.m13-read-nav > :first-child{justify-self:start}.m13-read-nav > :last-child{justify-self:end}
.m13-read-go{border:1px solid var(--m13-line);border-radius:999px;background:#fff;padding:9px 15px;font-size:13px;cursor:pointer;color:inherit}
.m13-read-go:hover{border-color:#999}

/* Отзывы: карточки, полный текст — в окне */
.m13-rvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.m13-rv{display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;cursor:pointer;color:inherit;font:inherit;padding:16px;
  border:1px solid var(--m13-line);border-radius:16px;background:#fff;transition:transform .16s ease,box-shadow .16s ease}
.m13-rv:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.14)}
.m13-rv-text{font-size:14px;line-height:1.55;color:#333;font-style:italic;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.m13-rv-more{font-size:13px;text-decoration:underline;text-underline-offset:3px}
.m13-rv-foot{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;gap:2px}
.m13-rv-who{font-weight:700;font-size:14px}
.m13-rv-meta{font-size:12px;color:#777}
.m13-rvm{position:fixed;inset:0;z-index:130;display:none;align-items:center;justify-content:center;padding:16px;
  background:rgba(18,16,14,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.m13-rvm.is-open{display:flex}
.m13-rvm-box{position:relative;width:min(640px,100%);max-height:86vh;max-height:86svh;overflow-y:auto;overscroll-behavior:contain;
  padding:26px 24px 16px;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.m13-rvm-box h3{margin:4px 0 8px;font-size:24px;line-height:1.15}
.m13-rvm-box .m13-quote{margin-top:12px}
.m13-x.m13-rvm-x{position:absolute;top:10px;right:10px;color:inherit;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:none;
  --m13-ixc:currentColor;--m13-ixl:color-mix(in srgb,currentColor 45%,transparent);--m13-ixg:color-mix(in srgb,currentColor 30%,transparent)}
.m13-x.m13-rvm-x:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.m13-rvm-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.m13-rvm-go{width:42px;height:42px;border:1px solid var(--m13-line);border-radius:50%;background:#fff;font-size:18px;cursor:pointer;color:inherit}
.m13-rvm-go:disabled{opacity:.3;cursor:default}
.m13-rvm-n{font-size:13px;color:#777;min-width:48px;text-align:center}

/* Оформление страницы (look): те же цвета, что у панелей */
.m13-look :is(.m13-cover,.m13-rv,.m13-chip,.m13-read-go,.m13-read-head,.m13-rvm-x,.m13-rvm-go){background-color:var(--lk-pan);border-color:var(--lk-line);color:var(--lk-tx);
  -webkit-backdrop-filter:blur(var(--m13-gb,8px));backdrop-filter:blur(var(--m13-gb,8px))}
.m13-look .m13-read-head.m13-rc{border-color:color-mix(in srgb,var(--rc) 55%,transparent)}
.m13-look .m13-rc:is(.m13-cover,.m13-rv){border-color:color-mix(in srgb,var(--rc) 60%,transparent)}
.m13-look .m13-chip.is-active{background:var(--lk-ac);border-color:var(--lk-ac);color:var(--lk-ac-ink)}
.m13-look :is(.m13-cover-top,.m13-rv-meta,.m13-rvm-n){color:var(--lk-mut)}
.m13-look :is(.m13-cover-line,.m13-cover-sub,.m13-rv-text){color:var(--lk-soft)}
.m13-look .m13-rv-more{color:var(--lk-tx)}
.m13-look .m13-rvm-box{background:var(--lk-pan);color:var(--lk-tx);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);border:1px solid var(--lk-line)}
.m13-look--font :is(.m13-cover-title,.m13-rvm-box h3,.m13-rv-who){font-weight:600}

/* Размер текста на отдельных страницах */
.m13-standalone .m13-cover-title{font-size:calc(17px * var(--m13-tk,1))}
.m13-standalone .m13-cover-top{font-size:calc(11px * var(--m13-tk,1))}
.m13-standalone :is(.m13-cover-line,.m13-cover-sub){font-size:calc(13.5px * var(--m13-tk,1))}
.m13-standalone .m13-covers--mini .m13-cover-title{font-size:calc(14.5px * var(--m13-tk,1))}
.m13-standalone .m13-chip{font-size:calc(14px * var(--m13-tk,1))}
.m13-standalone .m13-rv-text{font-size:calc(15px * var(--m13-tk,1))}
.m13-standalone .m13-rv-who{font-size:calc(15px * var(--m13-tk,1))}
.m13-standalone .m13-rv-meta{font-size:calc(12.5px * var(--m13-tk,1))}
.m13-standalone .m13-read-go{font-size:calc(14px * var(--m13-tk,1))}
.m13-standalone .m13-rvm-box .m13-quote{font-size:calc(17px * var(--m13-tk,1))}

@media (max-width:680px){
  .m13-covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m13-covers--mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m13-ipage:is(.m13-cols-2,.m13-cols-4) .m13-covers:not(.m13-covers--mini){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m13-cover{border-radius:13px}
  .m13-cover-txt{padding:9px 10px 11px}
  .m13-standalone .m13-cover-title{font-size:calc(15px * var(--m13-tk,1))}
  .m13-standalone :is(.m13-cover-line,.m13-cover-sub){font-size:calc(12.5px * var(--m13-tk,1))}
  .m13-standalone .m13-cover-top{font-size:calc(10px * var(--m13-tk,1))}
  .m13-rvs{grid-template-columns:1fr;gap:9px}
  /* Фильтр на телефоне — одной строкой, листается пальцем */
  .m13-chips{flex-wrap:nowrap;overflow-x:auto;margin-left:-10px;margin-right:-10px;padding:2px 10px 4px;scrollbar-width:none}
  .m13-chips::-webkit-scrollbar{display:none}
  .m13-chip{flex-shrink:0;white-space:nowrap}
  .m13-read-head{gap:12px;padding:10px}
  .m13-read-img{width:108px;height:108px}
  .m13-pair{grid-template-columns:1fr}
  .m13-standalone .m13-read .m13-mantra .m13-rich p{font-size:calc(20px * var(--m13-tk,1))}
  .m13-read .m13-block.m13-mantra{padding:16px 4px 12px}
  .m13-read-nav{grid-template-columns:1fr 1fr;row-gap:8px}
  .m13-read-nav .m13-read-all{grid-column:1 / -1;grid-row:2;justify-self:center}
  .m13-read-go{padding:8px 12px}
  .m13-tabs[style*="--n:4"]{grid-template-columns:repeat(2,1fr)}
  .m13-rvm-box{padding:22px 16px 12px}
}
@media (prefers-reduced-motion:reduce){ .m13-cover,.m13-rv{transition:none} .m13-cover:hover,.m13-rv:hover{transform:none} }
.m13-tabs[style="--n:1"]{grid-template-columns:auto;justify-content:start}
.m13-tabs[style="--n:1"] .m13-tab{padding-left:22px;padding-right:22px}

/* ================= Календарь месяца (вид карточки) ================= */
/* Открывается сразу сеткой: без лицевой стороны и кнопки «перевернуть» */
.m13-big-card.m13-noanim{transition:none}
.m13-cal{display:flex;flex-direction:column;gap:10px;min-height:100%}
.m13-cal-head h3{margin:2px 0 0;font-size:24px;line-height:1.1}
.m13-cal-hint{margin-top:4px;font-size:12px;opacity:.7}
.m13-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:4px}
.m13-cal-wd{padding:2px 0 4px;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.6}
.m13-cal-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:50px;padding:4px 0 3px;
  border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:10px}
.m13-cal-day:not(:disabled):hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.m13-cal-day:disabled{cursor:default}
.m13-cal-n{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:15px;font-variant-numeric:tabular-nums;color:var(--m13-cn,inherit)}
.m13-cal-day.is-empty .m13-cal-n{opacity:.55}
.m13-cal-day.is-past{opacity:.42}
.m13-cal-day.is-today .m13-cal-n{box-shadow:inset 0 0 0 1.2px currentColor;font-weight:700}
/* Светится само число: встречи, особые дни, оба сразу (без точек).
   --m13-cg — сила свечения (0 нет, 1 мягкое, 1.8 яркое); --m13-cm, --m13-cs — цвета встреч и особых дней */
.m13-cal-n::before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:50%;opacity:calc(var(--m13-cg,1) * .55);pointer-events:none}
.m13-cal-meet .m13-cal-n,.m13-cal-spec .m13-cal-n,.m13-cal-both .m13-cal-n{font-weight:650}
.m13-cal-meet .m13-cal-n{color:color-mix(in srgb,var(--m13-cm) 78%,var(--m13-cn,currentColor));
  text-shadow:0 0 calc(5px * var(--m13-cg,1)) var(--m13-cm),0 0 calc(13px * var(--m13-cg,1)) var(--m13-cm)}
.m13-cal-meet .m13-cal-n::before{background:radial-gradient(circle,color-mix(in srgb,var(--m13-cm) 45%,transparent),transparent 68%)}
.m13-cal-spec .m13-cal-n{color:color-mix(in srgb,var(--m13-cs) 78%,var(--m13-cn,currentColor));
  text-shadow:0 0 calc(5px * var(--m13-cg,1)) var(--m13-cs),0 0 calc(13px * var(--m13-cg,1)) var(--m13-cs)}
.m13-cal-spec .m13-cal-n::before{background:radial-gradient(circle,color-mix(in srgb,var(--m13-cs) 45%,transparent),transparent 68%)}
.m13-cal-both .m13-cal-n{color:color-mix(in srgb,var(--m13-cm) 55%,var(--m13-cn,currentColor));
  text-shadow:0 0 calc(5px * var(--m13-cg,1)) var(--m13-cm),0 0 calc(15px * var(--m13-cg,1)) var(--m13-cs)}
.m13-cal-both .m13-cal-n::before{background:radial-gradient(circle,color-mix(in srgb,var(--m13-cm) 45%,transparent) 25%,color-mix(in srgb,var(--m13-cs) 45%,transparent) 50%,transparent 70%)}
/* Линия маршрута под числами: сплошная через дни, концы тают. Виды: нить, мягкая полоса, волна, облачко */
.m13-cal-bars{display:flex;flex-direction:column;width:100%;min-height:12px}
.m13-cal-bars i{position:relative;display:block;height:12px}
.m13-cal-bars i + i{margin-top:-4px}
.m13-cal-bars i::before,.m13-cal-bars i::after{content:"";position:absolute;left:0;right:0;top:50%;pointer-events:none}
/* Толщина: --m13-lw (тонкая 2 px, средняя 3, толстая 4.5). Ореол без размытия по краям — линия сплошная, без «бусин» на стыках дней */
.m13-cal{--m13-lw:2px}
.m13-cal--lw-mid{--m13-lw:3px}
.m13-cal--lw-thick{--m13-lw:4.5px}
.m13-cal-bars i::after{height:var(--m13-lw);margin-top:calc(var(--m13-lw) / -2);background:var(--c);border-radius:var(--m13-lw)}
.m13-cal-bars i::before{height:12px;margin-top:-6px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c) 70%,transparent) 50%,transparent);opacity:calc(var(--m13-cg,1) * .55)}
/* По дням: у каждого дня свой отрезок с небольшими промежутками — числа читаются отдельными «кнопочками» */
.m13-cal--seg .m13-cal-bars i::before,.m13-cal--seg .m13-cal-bars i::after{left:4px;right:4px;border-radius:6px}
.m13-cal--seg .m13-cal-bars i{-webkit-mask-image:none !important;mask-image:none !important}
.m13-cal-bars i.m13-s{-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.m13-cal-bars i.m13-e{-webkit-mask-image:linear-gradient(270deg,transparent,#000 38%);mask-image:linear-gradient(270deg,transparent,#000 38%)}
.m13-cal-bars i.m13-s.m13-e{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.m13-cal--band .m13-cal-bars i::after{height:calc(var(--m13-lw) * 3);margin-top:calc(var(--m13-lw) * -1.5);border-radius:0;opacity:.55;
  background:linear-gradient(180deg,transparent,var(--c) 30%,var(--c) 70%,transparent)}
.m13-cal--band .m13-cal-bars i::before{opacity:calc(var(--m13-cg,1) * .4)}
.m13-cal--wave{--m13-wv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4Q5 0.6 10 4T20 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E")}
.m13-cal--wave.m13-cal--lw-mid{--m13-wv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4Q5 0.6 10 4T20 4' fill='none' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E")}
.m13-cal--wave.m13-cal--lw-thick{--m13-wv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4Q5 0.6 10 4T20 4' fill='none' stroke='black' stroke-width='3.4'/%3E%3C/svg%3E")}
.m13-cal--wave .m13-cal-bars i::after{height:8px;margin-top:-4px;border-radius:0;
  -webkit-mask:var(--m13-wv) 0 0 / 50% 100% repeat-x;mask:var(--m13-wv) 0 0 / 50% 100% repeat-x}
.m13-cal--wave .m13-cal-bars i::before{opacity:calc(var(--m13-cg,1) * .4)}
/* Облачко: без линии — цветная дымка за числами дней маршрута */
.m13-cal--cloud .m13-cal-bars{position:absolute;left:-14%;right:-14%;top:0;height:40px;min-height:0;z-index:0}
.m13-cal--cloud .m13-cal-bars i{position:absolute;inset:0;height:auto;margin:0}
.m13-cal--cloud .m13-cal-bars i::after{display:none}
.m13-cal--cloud .m13-cal-bars i::before{top:0;bottom:0;height:auto;margin:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,var(--c),transparent);
  opacity:calc(.3 + var(--m13-cg,1) * .14);filter:blur(4px)}
.m13-cal--cloud .m13-cal-day{padding-bottom:8px;min-height:44px}
/* Пояснения: отдельно от сетки, маршруты — аккуратными строками (на телефоне в два столбца), под ними встречи и особые дни */
.m13-cal-legend{display:flex;flex-direction:column;gap:10px;margin-top:clamp(14px,3vh,28px);padding-top:12px;
  border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);font-size:12.5px;line-height:1.3;opacity:.92}
.m13-lg-routes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 18px}
.m13-lg-marks{display:flex;flex-wrap:wrap;gap:8px 22px}
.m13-cal-legend :is(.m13-lg-r,.m13-lg-marks > span){display:flex;align-items:center;gap:9px;min-width:0}
.m13-lg-r > span:last-child{min-width:0;overflow-wrap:anywhere}
.m13-lg-marks .m13-cal-n{min-width:14px;text-align:center}
.m13-cal-legend .m13-cal-bars,.m13-cal--cloud .m13-cal-legend .m13-cal-bars{position:relative;left:auto;right:auto;top:auto;width:24px;min-height:12px;height:12px;flex:none}
.m13-cal-legend .m13-cal-bars i.m13-s.m13-e{-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.m13-cal-legend .m13-cal-n{width:auto;height:auto;font-size:13px;font-weight:700}
.m13-cal-legend .m13-cal-n::before{inset:-5px -7px}
.m13-cal-free{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:12.5px}
.m13-cal-free-l{opacity:.75;margin-right:2px}
.m13-cal-chip{border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:999px;background:transparent;color:inherit;font:inherit;padding:5px 11px;cursor:pointer}
.m13-cal-chip:hover{border-color:currentColor}
.m13-bs-lg .m13-cal{zoom:1.08}.m13-bs-xl .m13-cal{zoom:1.16}
/* Мини-календарь на лицевой стороне маленькой карточки — только для вида, нажатие открывает большой */
.m13-thumb--cal{justify-content:flex-start;align-items:stretch;padding:11px 10px 8px}
.m13-calmini{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
.m13-calmini-t{margin:0 2px 5px;font-size:clamp(11px,calc(var(--card-w) * .072),18px);font-weight:750;line-height:1.1}
.m13-calmini .m13-cal-grid{row-gap:0;flex:1;align-content:space-evenly}
.m13-calmini .m13-cal-wd{padding:0 0 2px;font-size:8.5px;letter-spacing:0}
.m13-calmini .m13-cal-day{min-height:0;padding:0;gap:0;cursor:inherit;border-radius:6px}
.m13-calmini .m13-cal-n{width:calc(var(--card-w) * .095);height:calc(var(--card-w) * .095);font-size:clamp(8px,calc(var(--card-w) * .046),12px)}
.m13-calmini .m13-cal-n::before{inset:-2px}
.m13-calmini .m13-cal-bars{min-height:6px}
.m13-calmini .m13-cal-bars i{height:6px}
.m13-calmini .m13-cal-bars i + i{margin-top:-2px}
.m13-calmini .m13-cal-bars i::before{height:6px;margin-top:-3px}
.m13-calmini{--m13-lw:1.5px}
.m13-calmini.m13-cal--lw-mid{--m13-lw:2px}
.m13-calmini.m13-cal--lw-thick{--m13-lw:3px}
.m13-calmini.m13-cal--wave .m13-cal-bars i::after{height:6px;margin-top:-3px}
.m13-calmini.m13-cal--cloud .m13-cal-bars{height:calc(var(--card-w) * .095 + 4px)}
.m13-calmini.m13-cal--cloud .m13-cal-day{padding-bottom:3px;min-height:0}
/* Звезда, снежинка и искры */
.m13-star,.m13-spark{position:fixed;left:0;top:0;z-index:130;pointer-events:none;border-radius:50%}
.m13-star{width:10px;height:10px;margin:-5px 0 0 -5px;background:#fff;
  box-shadow:0 0 4px 2px var(--m13-star),0 0 14px 6px var(--m13-star),0 0 30px 10px color-mix(in srgb,var(--m13-star) 45%,transparent)}
.m13-star::before,.m13-star::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:1.5px;margin:-.75px 0 0 -17px;
  background:linear-gradient(90deg,transparent,#fff 50%,transparent);border-radius:1px}
.m13-star::after{transform:rotate(90deg)}
.m13-star.m13-snow{width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:0;box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='a'%3E%3Cpath d='M12 12V1.8M9.2 4.4 12 7.2l2.8-2.8'/%3E%3C/g%3E%3Cuse href='%23a' transform='rotate(60 12 12)'/%3E%3Cuse href='%23a' transform='rotate(120 12 12)'/%3E%3Cuse href='%23a' transform='rotate(180 12 12)'/%3E%3Cuse href='%23a' transform='rotate(240 12 12)'/%3E%3Cuse href='%23a' transform='rotate(300 12 12)'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='white' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
  filter:drop-shadow(0 0 2px var(--m13-star)) drop-shadow(0 0 7px var(--m13-star))}
.m13-star.m13-snow::before,.m13-star.m13-snow::after{display:none}
.m13-spark{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#fff;box-shadow:0 0 6px 2px var(--m13-star)}
/* Карточки дня: вспышка и мягкая подсветка до следующего нажатия */
.m13-grid .m13-thumb.m13-lit{z-index:3;animation:none;
  box-shadow:0 0 0 1.5px var(--m13-star),0 0 26px 6px color-mix(in srgb,var(--m13-star) 50%,transparent)}
/* Вспышка (calFlash): слой поверх карточки — светлая дымка и сияние цвета звезды; анимируется только прозрачность */
.m13-flash{position:fixed;z-index:129;pointer-events:none;opacity:0;background:rgba(255,255,255,.16);
  box-shadow:0 0 0 2px var(--m13-star),0 0 60px 20px color-mix(in srgb,var(--m13-star) 80%,transparent),inset 0 0 26px 4px color-mix(in srgb,var(--m13-star) 45%,transparent)}
@media (max-width:680px){
  .m13-cal{gap:8px}
  .m13-cal-head h3{font-size:21px}
  .m13-cal-day{min-height:42px;padding:2px 0 2px;gap:1px}
  .m13-cal-n{width:26px;height:26px;font-size:13.5px}
  .m13-cal--cloud .m13-cal-bars{height:34px}
  .m13-cal-wd{font-size:10px}
  .m13-cal-legend{font-size:11.5px;gap:9px;padding-top:10px}
  .m13-lg-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
  .m13-cal-legend .m13-cal-bars,.m13-cal--cloud .m13-cal-legend .m13-cal-bars{width:20px;flex:none}
  .m13-cal-free{font-size:11.5px;padding-top:8px}
  .m13-cal-chip{padding:4px 9px}
  .m13-star::before,.m13-star::after{width:26px;margin-left:-13px}
  /* Мини-календарь на телефоне: только название месяца и сетка, линия — всегда тонкая нить */
  .m13-thumb--cal{padding:6px 5px 4px}
  .m13-calmini-t{font-size:10px;margin:0 1px 2px}
  .m13-calmini .m13-cal-wd{display:none}
  .m13-calmini .m13-cal-n{width:14px;height:14px;font-size:7.5px}
  .m13-calmini.m13-calmini .m13-cal-bars{position:relative;left:auto;right:auto;top:auto;height:3px;min-height:3px;z-index:auto}
  .m13-calmini.m13-calmini .m13-cal-bars i{position:relative;inset:auto;height:3px;margin:0}
  .m13-calmini.m13-calmini .m13-cal-bars i::after{display:block;top:50%;bottom:auto;height:1px;margin-top:-.5px;border-radius:1px;opacity:1;filter:none;-webkit-mask:none;mask:none}
  .m13-calmini.m13-calmini .m13-cal-bars i::before{display:none}
  .m13-calmini.m13-calmini .m13-cal-day{padding:0;min-height:0}
}

/* ================= Приветственный блик: вид ================= */
/* Тонкий яркий луч */
.m13 i.m13-sheen.m13-sheen--ray{background:linear-gradient(115deg,transparent 47.2%,color-mix(in srgb,var(--m13-sh-c) 25%,transparent) 48.9%,
  color-mix(in srgb,var(--m13-sh-c) 60%,#fff) 49.75%,#fff 50%,color-mix(in srgb,var(--m13-sh-c) 60%,#fff) 50.25%,color-mix(in srgb,var(--m13-sh-c) 25%,transparent) 51.1%,transparent 52.8%) no-repeat;
  background-size:260% 100%}
/* Звёздная пыль: искорки идут полосой */
.m13 i.m13-sheen.m13-sheen--dust{background:radial-gradient(circle,#fff 0 .8px,transparent 1.5px) 3px 7px/37px 23px,
  radial-gradient(circle,var(--m13-sh-c) 0 1.1px,transparent 2px) 19px 2px/53px 41px,
  radial-gradient(circle,rgba(255,255,255,.95) 0 .6px,transparent 1.2px) 11px 17px/29px 47px,
  radial-gradient(circle,#fff 0 1.4px,color-mix(in srgb,var(--m13-sh-c) 40%,transparent) 2px,transparent 3.4px) 31px 13px/71px 59px,
  radial-gradient(circle,var(--m13-sh-c) 0 .7px,transparent 1.3px) 7px 29px/19px 31px,
  linear-gradient(115deg,transparent 42%,color-mix(in srgb,var(--m13-sh-c) 12%,transparent) 50%,transparent 58%) 100% 0/260% 100% no-repeat;
  -webkit-mask:linear-gradient(115deg,transparent 40%,#000 47.5%,#000 52.5%,transparent 60%) 100% 0/260% 100% no-repeat;
  mask:linear-gradient(115deg,transparent 40%,#000 47.5%,#000 52.5%,transparent 60%) 100% 0/260% 100% no-repeat;animation-name:m13-sheen-dust}
@keyframes m13-sheen-dust{0%{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0} 15%{opacity:1} 85%{opacity:1}
  100%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}
/* Вспышка из центра */
.m13 i.m13-sheen.m13-sheen--flash{background:radial-gradient(circle at 50% 50%,#fff 0,color-mix(in srgb,var(--m13-sh-c) 75%,transparent) 12%,
  color-mix(in srgb,var(--m13-sh-c) 22%,transparent) 38%,transparent 64%) center/100% 100% no-repeat;animation-name:m13-sheen-flash}
@keyframes m13-sheen-flash{0%{opacity:0;transform:scale(.25)} 30%{opacity:1} 100%{opacity:0;transform:scale(1.6)}}

/* ================= Обложка карточки при открытии витрины ================= */
/* Обложка стоит над карточкой в общей обёртке и при раскрытии выходит за её край (поверх соседей) */
.m13-lidcell{position:relative}
.m13-lidcell.m13-lid-going{z-index:4}
.m13-lid{position:absolute;inset:0;z-index:6;border-radius:var(--m13-radius);perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m13-lid.is-open{pointer-events:none}
.m13-lid-leaf{position:absolute;inset:0;border-radius:inherit;overflow:hidden;container-type:size;transform-origin:0 50%;
  box-shadow:0 5px 15px rgba(0,0,0,.1);-webkit-backface-visibility:visible;backface-visibility:visible}
.m13-lid--deep .m13-lid-leaf{box-shadow:0 10px 28px rgba(0,0,0,.3)}
.m13-lid--right .m13-lid-leaf{transform-origin:100% 50%}
.m13-lid--top .m13-lid-leaf{transform-origin:50% 0}
.m13-lid--bottom .m13-lid-leaf{transform-origin:50% 100%}
/* Из чего обложка: стекло (цвет с прозрачностью + размытие того, что под ней), цвет, картинка, запотевшее зеркало */
.m13-lid-glass{-webkit-backdrop-filter:blur(var(--m13-lb,8px));backdrop-filter:blur(var(--m13-lb,8px))}
.m13-lid-frost{background:linear-gradient(135deg,rgba(var(--m13-frc),calc(.2 + var(--m13-fr) * .5)),rgba(var(--m13-frc),calc(.08 + var(--m13-fr) * .4)) 46%,rgba(var(--m13-frc),calc(.18 + var(--m13-fr) * .48)));
  -webkit-backdrop-filter:blur(calc(2px + var(--m13-fr) * 16px)) saturate(.7) brightness(1.1);backdrop-filter:blur(calc(2px + var(--m13-fr) * 16px)) saturate(.7) brightness(1.1)}
.m13-lid-fog{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:calc(.25 + var(--m13-fr) * .75);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.6 -.95'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/120px 120px,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.009' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 -.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E") 0 0/cover,
    linear-gradient(118deg,transparent 18%,rgba(255,255,255,.4) 27%,transparent 36%,transparent 58%,rgba(255,255,255,.22) 64%,transparent 70%)}
/* Надпись или значок */
.m13-lid-sign{position:absolute;left:8%;right:8%;z-index:2;display:flex;justify-content:center;align-items:center;text-align:center;pointer-events:none}
.m13-lid-at-center{top:0;bottom:0}
.m13-lid-at-top{top:9%}
.m13-lid-at-bottom{bottom:9%}
.m13-lid-sz-s{--m13-lsz:8.5cqw;--m13-lic:24%}
.m13-lid-sz-m{--m13-lsz:11.5cqw;--m13-lic:36%}
.m13-lid-sz-l{--m13-lsz:15.5cqw;--m13-lic:52%}
.m13-lid-tx{font-size:var(--m13-lsz);line-height:1.12;letter-spacing:.02em;overflow-wrap:break-word;max-width:100%}
.m13-lid-sign svg{display:block;width:var(--m13-lic);height:auto;fill:currentColor;overflow:visible}
.m13-lid-sign--dand svg{width:calc(var(--m13-lic) * .95)}
.m13-lid-sign .m13-logo{width:calc(var(--m13-lic) * 2.3);max-width:100%}
.m13-lid-sign img{display:block;max-width:calc(var(--m13-lic) * 2);max-height:70cqh;object-fit:contain}
.m13-lid-image .m13-lid-sign{filter:drop-shadow(0 1px 5px rgba(0,0,0,.55))}
/* Тень: на обложке, пока она поворачивается, и от неё — на карточке под ней */
.m13-lid-shade{position:absolute;inset:0;z-index:4;border-radius:inherit;background:#000;opacity:0;pointer-events:none}
.m13-lid-cast{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(0,0,0,var(--m13-lcs,.32)),rgba(0,0,0,calc(var(--m13-lcs,.32) * .35)) 35%,transparent 72%)}
.m13-lid--deep{--m13-lcs:.6}
.m13-lid--right .m13-lid-cast{background:linear-gradient(270deg,rgba(0,0,0,var(--m13-lcs,.32)),rgba(0,0,0,calc(var(--m13-lcs,.32) * .35)) 35%,transparent 72%)}
.m13-lid--top .m13-lid-cast{background:linear-gradient(180deg,rgba(0,0,0,var(--m13-lcs,.32)),rgba(0,0,0,calc(var(--m13-lcs,.32) * .35)) 35%,transparent 72%)}
.m13-lid--bottom .m13-lid-cast{background:linear-gradient(0deg,rgba(0,0,0,var(--m13-lcs,.32)),rgba(0,0,0,calc(var(--m13-lcs,.32) * .35)) 35%,transparent 72%)}
/* Книга: обложка поворачивается на «корешке» к нам и в сторону, потом тает */
.m13-lid--book{--m13-lid-t:rotateY(-172deg)}
.m13-lid--book.m13-lid--right{--m13-lid-t:rotateY(172deg)}
.m13-lid--book.m13-lid--top{--m13-lid-t:rotateX(172deg)}
.m13-lid--book.m13-lid--bottom{--m13-lid-t:rotateX(-172deg)}
.m13-lid.is-open .m13-lid-leaf{animation:m13-lid-book var(--m13-lid-ms,1000ms) cubic-bezier(.5,.08,.3,1) forwards}
.m13-lid--book.m13-lid--soft.is-open .m13-lid-leaf{animation:none}
.m13-lid.is-open .m13-lid-sign{animation:m13-lid-fade calc(var(--m13-lid-ms,1000ms) * .45) ease forwards}
.m13-lid.is-open .m13-lid-shade{animation:m13-lid-shade var(--m13-lid-ms,1000ms) ease forwards}
.m13-lid--deep.is-open .m13-lid-shade{animation-name:m13-lid-shade-d}
.m13-lid.is-open .m13-lid-cast{animation:m13-lid-cast var(--m13-lid-ms,1000ms) ease forwards}
@keyframes m13-lid-book{0%{transform:none;opacity:1} 68%{opacity:1} 100%{transform:var(--m13-lid-t);opacity:0}}
@keyframes m13-lid-fade{to{opacity:0}}
@keyframes m13-lid-shade{0%{opacity:0} 48%{opacity:.3} 100%{opacity:.15}}
@keyframes m13-lid-shade-d{0%{opacity:0} 48%{opacity:.55} 100%{opacity:.3}}
@keyframes m13-lid-cast{0%{opacity:0} 35%{opacity:1} 100%{opacity:0}}
/* Мягкая книга (как тетрадный лист): при раскрытии лист заменяется полосками (lidBend в vitrina.js), каждая — кусочек той же обложки */
.m13-lid-bend{position:absolute;inset:0;perspective:inherit;pointer-events:none}
.m13-lid-strip{position:absolute;overflow:hidden;-webkit-backface-visibility:visible;backface-visibility:visible;will-change:transform}
.m13-lid-strip:first-child{border-radius:inherit}
.m13-lid-pc{position:absolute;top:0;left:0;border-radius:var(--m13-radius);overflow:hidden;container-type:size}
.m13-lid-sh,.m13-lid-hl{position:absolute;inset:0;z-index:5;pointer-events:none}
/* Кожа: толстый мягкий лист — край чуть скруглён (тёплый светлый кант и тень внутрь), изгиб плавный и тяжёлый (lidBend, BEND.leather) */
.m13-lid--leather :is(.m13-lid-leaf,.m13-lid-pc)::after{content:"";position:absolute;inset:0;z-index:4;border-radius:var(--m13-radius);pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,244,226,.22),inset 0 0 0 2.5px rgba(0,0,0,.07),inset 0 0 12px rgba(0,0,0,.16)}
/* Переворот карты (как МАК-карта в раскладе): обложка — рубашка; карточка чуть приподнимается, переворачивается вокруг середины и ложится лицом.
   Пока рубашка сверху, сама карточка лежит лицом вниз (повёрнута, её не видно). Мягкая — в конце чуть пружинит, как картон. */
.m13-lidcell--flip,.m13-lid.m13-lid--flip{perspective:1100px}
.m13-lidcell--flip{--fl-x:0;--fl-y:1;--fl-s:1}
.m13-flip--right{--fl-s:-1}
.m13-flip--top{--fl-x:1;--fl-y:0;--fl-s:-1}
.m13-flip--bottom{--fl-x:1;--fl-y:0;--fl-s:1}
.m13-lidcell--flip > .m13-thumb{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))}
.m13-lid.m13-lid--flip .m13-lid-leaf{transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.m13-lid--flip .m13-lid-cast{background:none;opacity:1;box-shadow:0 5px 15px rgba(0,0,0,.1)}
.m13-lidcell--flip.m13-lid-going > .m13-thumb{animation:m13-flip-face calc(var(--m13-lid-ms,1000ms) * 1.3) cubic-bezier(.45,.05,.35,1) forwards}
.m13-lidcell--flip.m13-flip-soft.m13-lid-going > .m13-thumb{animation-name:m13-flip-face-soft}
.m13-lidcell--flip.m13-flip-leather.m13-lid-going > .m13-thumb{animation:m13-flip-face-leather calc(var(--m13-lid-ms,1000ms) * 1.5) cubic-bezier(.6,.02,.3,1) forwards}
.m13-lid--flip.is-open .m13-lid-leaf{animation:m13-flip-back calc(var(--m13-lid-ms,1000ms) * 1.3) cubic-bezier(.45,.05,.35,1) forwards}
.m13-lid--flip.is-open .m13-lid-cast{animation:m13-flip-cast calc(var(--m13-lid-ms,1000ms) * 1.3) ease forwards}
.m13-lid--flip.m13-lid--deep.is-open .m13-lid-cast{animation-name:m13-flip-cast-d}
.m13-lid--flip.is-open .m13-lid-sign{animation:none}
/* Кожаная рубашка: тяжелее — дольше поднимается, переворачивается плавно и мягко ложится, без пружины */
.m13-lid--flip.m13-lid--leather.is-open .m13-lid-leaf{animation:m13-flip-back-leather calc(var(--m13-lid-ms,1000ms) * 1.5) cubic-bezier(.6,.02,.3,1) forwards}
.m13-lid--flip.m13-lid--leather.is-open .m13-lid-cast{animation-duration:calc(var(--m13-lid-ms,1000ms) * 1.5)}
@keyframes m13-flip-back{0%{transform:scale(1) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))} 22%{transform:scale(1.06) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))}
  60%{transform:scale(1.06) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 180deg)))} 100%{transform:scale(1) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 180deg)))}}
@keyframes m13-flip-face{0%{transform:scale(1) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))} 22%{transform:scale(1.06) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))}
  60%{transform:scale(1.06) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))} 100%{transform:scale(1) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))}}
@keyframes m13-flip-face-soft{0%{transform:scale(1) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))} 22%{transform:scale(1.06) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))}
  58%{transform:scale(1.06) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 9deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 9deg)))} 72%{transform:scale(1.04) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -4deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -4deg)))}
  86%{transform:scale(1.01) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 1.5deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 1.5deg)))} 100%{transform:scale(1) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))}}
@keyframes m13-flip-back-leather{0%{transform:scale(1) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))} 24%{transform:scale(1.05) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))}
  66%{transform:scale(1.05) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 183deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 183deg)))} 100%{transform:scale(1) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 180deg)))}}
@keyframes m13-flip-face-leather{0%{transform:scale(1) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))} 24%{transform:scale(1.05) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -180deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -180deg)))}
  66%{transform:scale(1.05) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * 3deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * 3deg)))} 84%{transform:scale(1.02) rotateY(calc(var(--fl-y) * calc(var(--fl-s) * -.6deg))) rotateX(calc(var(--fl-x) * calc(var(--fl-s) * -.6deg)))}
  100%{transform:scale(1) rotateY(calc(var(--fl-y) * 0deg)) rotateX(calc(var(--fl-x) * 0deg))}}
@keyframes m13-flip-cast{0%{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:scale(1)} 22%,60%{box-shadow:0 18px 36px rgba(0,0,0,.24);transform:scale(1.06)} 100%{box-shadow:0 5px 15px rgba(0,0,0,.08);transform:scale(1)}}
@keyframes m13-flip-cast-d{0%{box-shadow:0 5px 15px rgba(0,0,0,.18);transform:scale(1)} 22%,60%{box-shadow:0 26px 48px rgba(0,0,0,.45);transform:scale(1.06)} 100%{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:scale(1)}}
@media (max-width:680px){ .m13-lid{perspective:520px} .m13-lidcell--flip,.m13-lid.m13-lid--flip{perspective:760px} }
@media (prefers-reduced-motion:reduce){ .m13-lid{display:none} .m13-lidcell--flip > .m13-thumb{transform:none;backface-visibility:visible} }

/* ================= Вкладки страницы и плашки фильтра (look.tabs) ================= */
.m13-tbx :is(.m13-tab,.m13-chip).is-active{color:var(--tb-ink)}
.m13-tbx.m13-tb-glass :is(.m13-tab,.m13-chip).is-active{background:var(--tb-fill);border-color:rgba(var(--tb-a),.8);
  -webkit-backdrop-filter:blur(var(--m13-gb,8px));backdrop-filter:blur(var(--m13-gb,8px))}
.m13-tbx.m13-tb-line :is(.m13-tab,.m13-chip).is-active{background:var(--lk-pan,#fff);border-color:rgb(var(--tb-a));box-shadow:inset 0 0 0 1px rgb(var(--tb-a))}
.m13-tbx.m13-tr-none :is(.m13-tab,.m13-chip):not(.is-active){border-color:transparent}
.m13-tbx.m13-tr-line :is(.m13-tab,.m13-chip){border-color:rgba(var(--tb-r),.42)}
.m13-tbx.m13-tr-line :is(.m13-tab,.m13-chip).is-active{border-color:rgb(var(--tb-r))}
.m13-tbx.m13-tr-glow :is(.m13-tab,.m13-chip){border-color:rgba(var(--tb-r),.5);box-shadow:0 0 7px rgba(var(--tb-r),.2),inset 0 0 5px rgba(var(--tb-r),.07)}
.m13-tbx.m13-tr-glow :is(.m13-tab,.m13-chip).is-active{border-color:rgb(var(--tb-r));
  box-shadow:0 0 14px rgba(var(--tb-r),.55),0 0 3px rgba(var(--tb-r),.8),inset 0 0 10px rgba(var(--tb-r),.25)}
.m13-tbx.m13-tb-line.m13-tr-glow :is(.m13-tab,.m13-chip).is-active,.m13-tbx.m13-tb-line.m13-tr-line :is(.m13-tab,.m13-chip).is-active{box-shadow:inset 0 0 0 1px rgb(var(--tb-r)),0 0 14px rgba(var(--tb-r),.5)}
.m13-tbx.m13-tb-line.m13-tr-line :is(.m13-tab,.m13-chip).is-active{box-shadow:inset 0 0 0 1px rgb(var(--tb-r))}

/* ---------- Стекло с надписью на картинке события (обложки в списке и главная картинка на странице события) ---------- */
/* Слой .m13-gl-box ложится ровно на картинку; размеры надписи — от ширины картинки (cqw), поэтому на обложке мельче, на странице крупнее */
.m13-cover--gl .m13-cover-img{position:relative}
.m13-gl-box{position:absolute;inset:0;container-type:size;pointer-events:none;z-index:1}
.m13-gl{--u:max(1cqw,.75cqh)}   /* у вертикальной картинки надпись по высоте, а не по узкой ширине */
.m13-gl{--gl-i:clamp(6px,calc(2.6 * var(--u)),16px);--gl-k:1;position:absolute;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(2px,calc(.9 * var(--u)),7px);overflow:hidden;
  max-height:calc(100% - 2 * var(--gl-i));padding:clamp(6px,calc(3.2 * var(--u)),22px) clamp(8px,calc(4 * var(--u)),28px);border-radius:clamp(8px,calc(2.2 * var(--u)),14px);
  color:var(--gl-c,#ecd3a3);background:var(--gl-bg,rgba(20,14,10,.3));-webkit-backdrop-filter:blur(var(--gl-b,8px)) saturate(1.2);backdrop-filter:blur(var(--gl-b,8px)) saturate(1.2);
  text-align:left;line-height:1.15;text-shadow:0 1px 10px var(--gl-sh,rgba(0,0,0,.3));font-style:normal}
.m13-gl-sz-s{--gl-k:.84}
.m13-gl-sz-l{--gl-k:1.2}
.m13-gl-top{font-size:clamp(7.5px,calc(2.3 * var(--u) * var(--gl-k)),13px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.92}
.m13-gl-t{font-size:clamp(12px,calc(7.4 * var(--u) * var(--gl-k)),50px);line-height:1.05;overflow-wrap:break-word;hyphens:auto;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.m13-gl-row{display:flex;align-items:center;gap:.6em}
.m13-gl-d{font-size:clamp(9px,calc(3 * var(--u) * var(--gl-k)),18px);letter-spacing:.03em;line-height:1.3;opacity:.96}
.m13-gl-x{font-size:clamp(10px,calc(3.4 * var(--u) * var(--gl-k)),21px);font-style:italic;line-height:1.25}
.m13-gl-mk{flex-shrink:0;display:inline-flex;color:inherit;font-size:calc(var(--mk-k,1) * clamp(9.5px,calc(3 * var(--u) * var(--gl-k)),18px))}
.m13-gl-mk svg{display:block;width:auto;height:2.1em}
.m13-gl-mk.m13-mk-t-flower svg{height:1.7em}
.m13-gl-mk .m13-logo{display:block;width:auto;height:1.15em;aspect-ratio:var(--m13-lr,4.5)}
.m13-gl-al-center{text-align:center}
.m13-gl-al-center .m13-gl-row{justify-content:center}
.m13-gl-al-right{text-align:right}
.m13-gl-al-right .m13-gl-row{justify-content:flex-end}
/* где стекло */
.m13-gl--bottom{left:var(--gl-i);right:var(--gl-i);bottom:var(--gl-i)}
.m13-gl--top{left:var(--gl-i);right:var(--gl-i);top:var(--gl-i)}
.m13-gl--band{left:0;right:0;bottom:0;border-radius:0;max-height:100%}
.m13-gl--left{left:var(--gl-i);top:var(--gl-i);bottom:var(--gl-i);width:44%;justify-content:flex-end}
.m13-gl--right{right:var(--gl-i);top:var(--gl-i);bottom:var(--gl-i);width:44%;justify-content:flex-end}
:is(.m13-gl--left,.m13-gl--right) .m13-gl-t{font-size:clamp(11px,calc(4.6 * var(--u) * var(--gl-k)),34px)}
:is(.m13-gl--left,.m13-gl--right) .m13-gl-top{letter-spacing:.1em}
.m13-gl--center{left:50%;top:50%;width:70%;transform:translate(-50%,-50%)}
.m13-gl--full{inset:var(--gl-i);justify-content:center}
/* контур */
.m13-gl-rim-line{border:1px solid color-mix(in srgb,var(--gl-rc,var(--gl-c)) 42%,transparent)}
.m13-gl-rim-glow{border:1px solid color-mix(in srgb,var(--gl-rc,var(--gl-c)) 78%,transparent);
  box-shadow:0 0 16px color-mix(in srgb,var(--gl-rc,var(--gl-c)) 45%,transparent),inset 0 0 14px color-mix(in srgb,var(--gl-rc,var(--gl-c)) 20%,transparent)}
/* свой цвет контура — ярче */
.m13-gl-rcs.m13-gl-rim-line{border-color:color-mix(in srgb,var(--gl-rc) 88%,transparent)}
/* подложка: без стекла (только текст) или только рамка */
.m13-gl-bk-none,.m13-gl-bk-rim{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.m13-gl-bk-none{border:0 !important;box-shadow:none !important}
/* тень у букв: нет / мягкая (обычно) / сильная */
.m13-gl-sh-none{text-shadow:none}
.m13-gl-sh-strong{text-shadow:0 0 2px var(--gl-sh),0 1px 12px var(--gl-sh),0 0 26px var(--gl-sh)}
/* девять точек: надпись по ширине текста (или своя ширина) */
.m13-gl--pt{--gl-o:clamp(8px,calc(4 * var(--u)),48px);width:var(--gl-w,max-content);max-width:calc(100% - 2 * var(--gl-o));max-height:calc(100% - 2 * var(--gl-o))}
.m13-gl--tl{left:var(--gl-o);top:var(--gl-o)}
.m13-gl--tc{left:50%;top:var(--gl-o);transform:translateX(-50%)}
.m13-gl--tr{right:var(--gl-o);top:var(--gl-o)}
.m13-gl--ml{left:var(--gl-o);top:50%;transform:translateY(-50%)}
.m13-gl--mc{left:50%;top:50%;transform:translate(-50%,-50%)}
.m13-gl--mr{right:var(--gl-o);top:50%;transform:translateY(-50%)}
.m13-gl--bl{left:var(--gl-o);bottom:var(--gl-o)}
.m13-gl--bc{left:50%;bottom:var(--gl-o);transform:translateX(-50%)}
.m13-gl--br{right:var(--gl-o);bottom:var(--gl-o)}
/* свои строки: у каждой свой шрифт, толщина, курсив, размер, цвет; отступ и тонкая линия перед строкой */
.m13-gl--own{gap:0}
.m13-gl-r{display:block;line-height:1.12;overflow-wrap:break-word}
.m13-gl-r--xs{font-size:clamp(7px,calc(1.9 * var(--u) * var(--gl-k)),12px);line-height:1.3}
.m13-gl-r--s{font-size:clamp(8.5px,calc(2.6 * var(--u) * var(--gl-k)),16px);line-height:1.3}
.m13-gl-r--m{font-size:clamp(10px,calc(3.6 * var(--u) * var(--gl-k)),24px);line-height:1.22}
.m13-gl-r--l{font-size:clamp(12px,calc(5.4 * var(--u) * var(--gl-k)),36px)}
.m13-gl-r--xl{font-size:clamp(13px,calc(7.6 * var(--u) * var(--gl-k)),52px);line-height:1.02}
.m13-gl-r--xxl{font-size:clamp(15px,calc(10 * var(--u) * var(--gl-k)),68px);line-height:.98}
.m13-gl-r--caps{text-transform:uppercase;letter-spacing:.24em}
.m13-gl-g-s{margin-top:calc(.7 * var(--u))}
.m13-gl-g-m{margin-top:calc(1.5 * var(--u))}
.m13-gl-g-l{margin-top:calc(2.8 * var(--u))}
.m13-gl-r--line{margin-top:calc(1.2 * var(--u));padding-top:calc(1.1 * var(--u));border-top:1px solid color-mix(in srgb,var(--gl-rc,var(--gl-c)) 60%,transparent)}
.m13-gl-r--line.m13-gl-g-m{margin-top:calc(1.8 * var(--u))}
.m13-gl-r--line.m13-gl-g-l{margin-top:calc(3 * var(--u))}
.m13-gl-r-mk{margin-top:calc(1 * var(--u))}
.m13-gl--band.m13-gl-rim-line,.m13-gl--band.m13-gl-rim-glow{border-width:1px 0 0}
/* Значки отдельно от надписи: поверх картинки в одной из девяти точек, без стекла, с лёгкой тенью; размер — от картинки (как у надписи).
   Те же числа — в M13.MARK (vitrina.js) и в картинке для Telegram (admin.js, glassCanvas) */
.m13-mk{--u:max(1cqw,.75cqh);--mk-o:clamp(6px,calc(3 * var(--u)),36px);position:absolute;z-index:2;display:block;line-height:0;
  font-size:calc(var(--mk-k,1) * clamp(6px,calc(3.4 * var(--u)),34px));filter:drop-shadow(0 1px 3px var(--mk-sh,rgba(0,0,0,.38)))}
.m13-mk svg{display:block;width:auto;height:2.6em}
.m13-mk.m13-mk-t-flower svg{height:2em}
.m13-mk .m13-logo{display:block;width:auto;height:1em;aspect-ratio:var(--m13-lr,4.5)}
.m13-mk-sz-s{--mk-k:.75}
.m13-mk-sz-l{--mk-k:1.4}
.m13-mk--tl{left:var(--mk-o);top:var(--mk-o)}
.m13-mk--tc{left:50%;top:var(--mk-o);transform:translateX(-50%)}
.m13-mk--tr{right:var(--mk-o);top:var(--mk-o)}
.m13-mk--ml{left:var(--mk-o);top:50%;transform:translateY(-50%)}
.m13-mk--mc{left:50%;top:50%;transform:translate(-50%,-50%)}
.m13-mk--mr{right:var(--mk-o);top:50%;transform:translateY(-50%)}
.m13-mk--bl{left:var(--mk-o);bottom:var(--mk-o)}
.m13-mk--bc{left:50%;bottom:var(--mk-o);transform:translateX(-50%)}
.m13-mk--br{right:var(--mk-o);bottom:var(--mk-o)}
/* водяной знак на маленьких фото галереи */
.m13-gallery-item.m13-has-mk{position:relative;overflow:hidden}
/* главная картинка на странице события: рамка по размеру самой картинки, стекло — поверх неё */
.m13-fig-img.m13-gl-fig{position:relative;width:fit-content;max-width:100%;margin:0 auto;border-radius:10px;overflow:hidden}
.m13-fig-img.m13-gl-fig > img{width:auto;max-width:100%;height:auto;max-height:560px;border-radius:0}
/* «Одинаковая высота у всех»: высоту задаёт evenGlass (по самой высокой плашке в сетке), текст — посередине плашки */
.m13-gl-even:not(.m13-gl--left):not(.m13-gl--right):not(.m13-gl--full){justify-content:center}
/* Страница примера дня / маршрута в архиве со стеклом: картинка крупно вместо шапки */
.m13-read-glass{margin-bottom:12px}
.m13-read-glass > .m13-block--gallery{margin:0}
.m13-read-glass > .m13-panel-meta{margin:8px 0 0;justify-content:center}
/* Карта-Отражение: картинка нажимается (крупно, целиком); со стеклом — в окошке 3:4, по бокам та же картинка, размытая */
.m13-ex-img{display:block;position:relative;width:100%;padding:0;border:0;background:none;margin:0 0 10px;border-radius:10px;overflow:hidden;cursor:zoom-in;font:inherit;color:inherit}
.m13-ex-img > img{margin:0;border-radius:0}
.m13-ex-img.m13-fit-whole{aspect-ratio:3 / 4}
.m13-ex-img.m13-fit-whole > img{height:100%;aspect-ratio:auto}
.m13-ex-img:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.m13-example--gl .m13-example-meta{min-height:0;margin:0;height:0}
.m13-example--gl .m13-ex-img{margin-bottom:0}
.m13-example--gl .m13-ex-more{margin-top:0}

/* ================= Ведущие и программа (разделы события) ================= */
.m13-hosts-block{--hx:var(--rc,var(--lk-ac,#b88a3e))}
.m13-hosts{display:grid;gap:14px;margin-top:4px}
.m13-hosts--side{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.m13-hosts--side.m13-hosts--one{grid-template-columns:minmax(0,420px)}
.m13-hosts--grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.m13-host{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-width:0}
.m13-hosts--side .m13-host{padding:20px 14px;border:1px solid var(--lk-line,#e2e2e2);border-radius:16px;background:color-mix(in srgb,currentColor 3%,transparent)}
.m13-host-ph{display:block;width:128px;height:128px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-bottom:6px;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--hx) 55%,transparent),0 0 0 6px color-mix(in srgb,var(--hx) 12%,transparent),0 10px 26px rgba(0,0,0,.22)}
.m13-hosts--grid .m13-host-ph{width:96px;height:96px}
.m13-host-none{display:grid;place-items:center;background:color-mix(in srgb,var(--hx) 22%,transparent);color:inherit;font-size:30px;letter-spacing:.04em}
.m13-host-role{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lk-mut,#777)}
.m13-host-name{font-size:21px;line-height:1.15;font-weight:600}
.m13-hosts--grid .m13-host-name{font-size:18px}
.m13-host-note{font-size:13.5px;line-height:1.35;color:var(--hx)}
.m13-host-about{margin-top:2px;font-size:14px;line-height:1.5;color:var(--lk-soft,#555);max-width:36ch}
.m13-hosts--grid .m13-host-about{font-size:13px}
/* Строки карточек выровнены по сетке: имена, «кто это», «что ведёт», «пара строк» начинаются на одной высоте */
@supports (grid-template-rows:subgrid){
  .m13-hosts--side,.m13-hosts--grid{grid-auto-rows:auto}
  .m13-hosts--side .m13-host,.m13-hosts--grid .m13-host{display:grid;grid-row:span var(--hr,5);grid-template-rows:subgrid;justify-items:center;align-content:start;row-gap:5px}
  .m13-host>*{align-self:start}
}
.m13-standalone .m13-host-name{font-size:calc(22px * var(--m13-tk,1))}
.m13-standalone .m13-hosts--grid .m13-host-name{font-size:calc(18px * var(--m13-tk,1))}
.m13-standalone .m13-host-role{font-size:calc(11px * var(--m13-tk,1))}
.m13-standalone .m13-host-note{font-size:calc(14px * var(--m13-tk,1))}
.m13-standalone .m13-host-about{font-size:calc(14.5px * var(--m13-tk,1))}
.m13-standalone .m13-hosts--grid .m13-host-about{font-size:calc(13.5px * var(--m13-tk,1))}
@media (max-width:820px){ .m13-hosts--grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  .m13-hosts--side{gap:10px}
  .m13-hosts--side .m13-host{padding:16px 8px}
  .m13-host-ph{width:92px;height:92px}
  .m13-hosts--side.m13-hosts--one .m13-host-ph{width:120px;height:120px}
  .m13-standalone .m13-host-name{font-size:calc(19px * var(--m13-tk,1))}
  .m13-standalone .m13-host-about{font-size:calc(13.5px * var(--m13-tk,1))}
  .m13-host-role{letter-spacing:.05em;line-height:1.35}
}
/* Круг: в центре главная картинка, вокруг светятся ведущие */
.m13-ring-wrap{display:grid;justify-items:center;gap:8px;padding:14px 4px 6px;border-radius:16px}
.m13-ring-wrap--bg{padding:24px 10px 14px;background:radial-gradient(90% 80% at 50% 45%,var(--ring-bg),color-mix(in srgb,var(--ring-bg) 45%,#000) 100%)}
.m13-ring{position:relative;width:min(560px,100%);aspect-ratio:1}
.m13-ring-c{position:absolute;left:31%;top:31%;width:38%;height:38%;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--hx) 50%,transparent),0 0 40px 8px color-mix(in srgb,var(--hx) 45%,transparent)}
.m13-ring-c img{display:block;width:100%;height:100%;object-fit:cover}
.m13-ring-mark{display:grid;place-items:center;width:100%;height:100%;color:var(--hx);background:color-mix(in srgb,var(--hx) 10%,transparent)}
.m13-ring-mark svg{width:46%;height:auto}
.m13-ring-p{position:absolute;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform:translate(-50%,-50%);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--hx) 55%,transparent),0 0 24px 5px color-mix(in srgb,var(--hx) 42%,transparent);transition:transform .25s,box-shadow .25s}
.m13-ring-p:is(:hover,:focus-visible,.is-on){transform:translate(-50%,-50%) scale(1.08);outline:none;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--hx) 90%,transparent),0 0 34px 9px color-mix(in srgb,var(--hx) 60%,transparent)}
.m13-ring-ph{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.m13-ring-p .m13-ring-ph.m13-host-none{display:grid;font-size:clamp(14px,3.6vw,24px)}
.m13-block p.m13-ring-name{margin:0;min-height:3.1em;color:inherit;text-align:center;font-size:20px;line-height:1.25;font-weight:600}
.m13-ring-name small{display:block;margin-top:2px;font-size:13.5px;font-weight:400;color:var(--hx)}
.m13-block .m13-ring-wrap--bg p.m13-ring-name{color:#f3ead9}
.m13-standalone .m13-block p.m13-ring-name{font-size:calc(21px * var(--m13-tk,1));line-height:1.25}
.m13-standalone .m13-ring-name small{font-size:calc(14px * var(--m13-tk,1))}
@media (prefers-reduced-motion:reduce){ .m13-ring-p{transition:none} }
/* Программа: время · что · кто ведёт */
.m13-prog{display:grid;border-top:1px solid var(--lk-line,#e2e2e2)}
.m13-prog-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--lk-line,#e2e2e2);align-items:baseline;font-size:15px;line-height:1.4}
.m13-prog-t{font-weight:600;font-variant-numeric:tabular-nums;color:var(--rc,var(--lk-ac,#8a6a2e))}
.m13-prog-who{font-size:13.5px;color:var(--lk-mut,#777);text-align:right}
.m13-prog-day{padding:14px 0 6px;border-bottom:1px solid var(--lk-line,#e2e2e2);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lk-mut,#777)}
.m13-standalone .m13-prog-row{font-size:calc(16px * var(--m13-tk,1))}
.m13-standalone .m13-prog-who{font-size:calc(14px * var(--m13-tk,1))}
.m13-standalone .m13-prog-day{font-size:calc(13px * var(--m13-tk,1))}
@media (max-width:560px){
  .m13-prog-row{grid-template-columns:56px minmax(0,1fr)}
  .m13-prog-who{grid-column:2;text-align:left;margin-top:-6px}
}
/* Enter в надписях окон (заполняются через textContent) — перенос строки виден */
#m13-modal-e,#m13-modal-t,#m13-modal-l,#m13-modal-m,#m13-modal-h,#m13-cal-e,#m13-cal-t,#m13-cal-h,#m13-lb-cap,#m13-cal-w,#m13-cal-g,#m13-cal-i,#m13-modal-x,#m13-cal-x,.m13-toast{white-space:pre-line}