/* Пауза 2.0 — стили сайта (ТЗ docs/specs/2026-10-10-redesign-design.md, холст — источник правды по виду).
   Mobile-first: телефон основной, от 900 px — компьютер. Классы с префиксом pz-.
   С 2026-10-20 — вид холста раундов 58–69: синий логотипа, Onest, светло-серый фон и белые блоки «как в Яндекс ID»,
   кнопки варианта 1 (docs/design/buttons.md): синяя капсула — главное, серая — второстепенное, красная — удалить. */

:root{
  color-scheme: light;
  --bg:#F2F3F5;               /* светло-серый, блоки на нём — белые карточки */
  --card:#FFFFFF;
  --ink:#16171A;
  --muted:#6B6D73;
  --line:#E7E8EB;
  --acc:#0A84FF;              /* «вариант 5» — светлый синий, как в iPhone (владелец 2026-10-21); текст на нём белый */
  --acc-soft:#E6F2FF;
  --sec:rgba(22,23,26,.07);   /* второстепенная кнопка — серая капсула */
  --on:#34C759;               /* значок «Оплачено» — зелёный, как на холсте (экран 7а); переключатели «вкл.» — синие --acc */
  --dark:#16171A;
  --err:#C2410C;
  --danger:#D93025;           /* только удаление */
  --grain:none;               /* зерно «бумаги» убрано вместе с ней */
  --display:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --text:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-card:28px; --r-field:18px;
  --shadow:0 1px 2px rgba(20,22,15,.05),0 8px 24px rgba(20,22,15,.06);
  --rim:linear-gradient(150deg,rgba(255,255,255,.98),rgba(255,255,255,.25) 32%,rgba(255,255,255,.08) 62%,rgba(255,255,255,.7));
  --spring:cubic-bezier(.3,1.35,.5,1);
  --gut:16px;
  --dock:98px;                /* место под нижним меню */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;min-height:100svh;background:var(--grain),var(--bg);color:var(--ink);font:15px/1.45 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip;-webkit-tap-highlight-color:transparent;padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom,0px))}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
[hidden]{display:none!important}
.pz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pz-ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pz-ic--s{width:18px;height:18px}
.pz-nw{white-space:nowrap}

/* ── Типографика ── */
.pz-h1{font:700 30px/1.06 var(--display);letter-spacing:-.02em;margin:0;text-wrap:balance}
.pz-h2{font:700 21px/1.12 var(--display);letter-spacing:-.015em;margin:0;text-wrap:balance}
.pz-h3{font:700 16px/1.25 var(--text);margin:0}
.pz-muted{color:var(--muted)}
.pz-small{font-size:13px}
.pz-lead{margin:0;color:var(--muted)}
.pz-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.pz-stack{display:flex;flex-direction:column;gap:12px}
.pz-sec{display:flex;flex-direction:column;gap:14px;padding-top:32px}
.pz-sec__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ── Кнопки, чипы, карточки ── */
.pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 24px;border-radius:99px;font:700 17px/1 var(--text);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .3s var(--spring);-webkit-user-select:none;user-select:none}
.pz-btn:active{transform:scale(.96)}
.pz-btn--acc{background:var(--acc);color:#fff;box-shadow:none}
.pz-btn--white{background:var(--sec);color:var(--ink);box-shadow:none}
.pz-btn--ghost{height:40px;padding:0;font-weight:700;color:var(--muted)}
.pz-btn--sm{height:44px;padding:0 18px;font-size:15px}
.pz-btn--block{width:100%}
.pz-btn--danger{background:var(--danger);color:#fff}
.pz-btn--del{background:none;color:var(--danger);height:44px;font-weight:700;font-size:14.5px}
.pz-btn[aria-disabled="true"],.pz-btn:disabled{opacity:.45}
.pz-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pz-pair .pz-btn{padding:0 12px}
.pz-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border-radius:99px;background:var(--card);font-weight:700;font-size:13.5px;white-space:nowrap;box-shadow:var(--shadow);text-decoration:none}
.pz-chip[aria-pressed="true"],.pz-chip.is-on{background:var(--acc);color:#fff;box-shadow:none}
.pz-card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow)}
.pz-box{padding:16px;display:flex;flex-direction:column;gap:12px}
.pz-round{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card);box-shadow:var(--shadow);flex:none;text-decoration:none}
.pz-round--acc{background:var(--acc);color:#fff;box-shadow:none}
.pz-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gut));padding:2px var(--gut) 8px;scroll-padding:0 var(--gut);overscroll-behavior-x:contain}
.pz-rail::-webkit-scrollbar{display:none}
.pz-rail>*{scroll-snap-align:start;flex:none}
.pz-titlebar{display:flex;align-items:center;gap:12px;padding:20px 0 14px}
.pz-titlebar .pz-h1{font-size:28px;flex:1}

/* ── Стекло Apple (меню, кнопки поверх фото) ── */
.pz-glass{position:relative;isolation:isolate;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);box-shadow:0 10px 30px rgba(0,0,0,.12),inset 0 1px 1px rgba(255,255,255,.85)}
.pz-glass::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:var(--rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@media (prefers-reduced-transparency:reduce){.pz-glass{background:rgba(255,255,255,.96)}}

/* ── Нижнее меню как в Telegram (раунд 18): стеклянная капсула во всю ширину, 4 равных пункта со значком и подписью,
   выбранный — таблетка в терракоте; палец по меню — таблетка становится прозрачной «линзой» и едет следом ── */
.pz-tb{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;translate:-50% 0;width:calc(100% - 40px);max-width:430px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:64px;padding:4px;border-radius:99px;touch-action:none;transition:scale .45s var(--spring);
  background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  box-shadow:0 0 0 .5px rgba(0,0,0,.07),0 8px 28px rgba(0,0,0,.10),inset 0 1px 1px rgba(255,255,255,.9)}
.pz-tb.is-lens{scale:1.025}
.pz-tb a{position:relative;z-index:2;min-width:0;height:56px;border-radius:99px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:#3d3f3a;font:600 10.5px/1.1 var(--text);text-decoration:none;transition:color .2s}
.pz-tb a[aria-current="page"]{color:var(--ink);font-weight:700}
.pz-tb a .pz-ic{width:28px;height:28px;transition:transform .3s var(--spring)}
.pz-tb a[aria-current="page"] .f{fill:currentColor}
.pz-tb a[aria-current="page"] .d{stroke:var(--card)}
.pz-tb.is-lens a.is-under .pz-ic{transform:scale(1.12)}
.pz-tb__pill{position:absolute;top:4px;bottom:4px;left:0;width:calc((100% - 8px) / 4);border-radius:99px;z-index:0;
  background:rgba(22,23,26,.07);will-change:translate;opacity:0;transition:background .2s,box-shadow .2s,scale .28s var(--spring)}
.pz-tb.is-ready .pz-tb__pill{opacity:1}
.pz-tb.is-lens .pz-tb__pill{scale:1.22 1.3;background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 -2px 6px rgba(255,255,255,.4),0 0 0 .5px rgba(0,0,0,.10),0 10px 26px rgba(0,0,0,.16)}

/* ── Шапка на компьютере ── */
.pz-top{display:none}

/* ── Главная ── */
/* Первый экран — веер фото товаров (холст, раунды 45–54): фото 300 px, наклон и порядок — hero.js. Фон главной белый,
   в тёмной теме — тёмный фон сайта (владелец: «на сайте сделаем белый фон светленький… в чёрной теме тёмный») */
/* Главная (холст, раунды 58–62): веер, заголовок и «В каталог» — белый блок до краёв экрана со скруглённым низом;
   дальше каждый раздел — белая карточка (.pz-blk) на сером фоне, карточки внутри — серые без тени (как в Яндекс ID). */
.pz-hf{display:flex;flex-direction:column;gap:14px;margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 24px;background:var(--card);border-radius:0 0 32px 32px;text-align:center}
.pz-hf__stage{position:relative;height:336px;margin:0 calc(var(--gut) * -1);overflow-x:clip;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.pz-hf__c{position:absolute;left:50%;top:16px;width:300px;height:300px;margin-left:-150px;border-radius:34px;overflow:hidden;background:var(--line);box-shadow:0 14px 34px rgba(0,0,0,.16);will-change:transform;-webkit-tap-highlight-color:transparent}
.pz-hf__c img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.pz-hf__stage:not(.is-live) .pz-hf__c:not(:first-child){display:none}   /* без скрипта — одно фото */
.pz-hf .pz-h1{font-size:32px}
.pz-hf__btn{height:60px;font-size:19px}
.pz-blk{background:var(--card);border-radius:32px;margin:8px calc(var(--gut) * -1) 0;padding:24px var(--gut)}
.pz-blk :is(.pz-card,.pz-faq details){background:var(--bg);box-shadow:none}
.pz-blk .pz-th{background:none;margin:0 calc(var(--gut) * -1);padding:0}
.pz-blk .pz-th.pz-card{background:none}   /* :is() выше тяжелее по весу: без этого серая подложка под плашками */

.pz-route{position:relative;padding:18px 14px 6px;background:var(--dark);border-radius:var(--r-card);color:#fff;overflow:hidden}
.pz-route svg{width:100%;height:auto;overflow:visible}
.pz-route__label{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.55);font-weight:600;padding:0 2px 6px}
.pz-steps{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gut));padding:2px var(--gut) 6px;scroll-padding:0 var(--gut)}
.pz-steps::-webkit-scrollbar{display:none}
.pz-step{flex:0 0 calc(100% - 44px);scroll-snap-align:start;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:140px}
.pz-step__n{display:flex;align-items:center;gap:10px}
.pz-step__n span{font:600 13px/1 var(--display);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg);flex:none;transition:background .3s,color .3s}
.pz-step.is-cur .pz-step__n span{background:var(--acc);color:#fff}
.pz-step p{margin:0;color:var(--muted)}

.pz-guests{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pz-guest{position:relative;padding:16px;display:flex;flex-direction:column;gap:2px;min-height:118px;text-decoration:none}
.pz-guest b{font:600 24px/1.1 var(--display)}
.pz-guest .pz-round{position:absolute;right:12px;bottom:12px;width:36px;height:36px}
.pz-guest--own b{font-size:16px;font-family:var(--text);font-weight:800}

.pz-story{position:relative;width:150px;height:236px;border-radius:24px;overflow:hidden;color:#fff;text-align:left;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;background:#3b3833 center/cover}
.pz-story b{position:relative;font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.pz-story span{position:relative;font-size:11.5px;opacity:.78}
.pz-story--calm{background:var(--bg);color:var(--ink);justify-content:space-between;padding:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.pz-story__q{font:600 46px/.8 var(--display);color:var(--acc);font-style:normal;height:30px}
.pz-story--calm b{font:600 16px/1.22 var(--display);letter-spacing:-.01em;-webkit-line-clamp:5}
.pz-story--calm span{color:var(--muted);opacity:1;font-weight:700;letter-spacing:.02em}

.pz-rv{position:fixed;inset:0;z-index:90;background:#EADFD2;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.pz-rv__bars{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;right:14px;display:flex;gap:4px;z-index:3}
.pz-rv__bars i{flex:1;height:3px;border-radius:3px;background:rgba(20,20,20,.12);overflow:hidden}
.pz-rv__bars b{display:block;height:100%;width:0;background:var(--ink)}
.pz-rv__x{position:absolute;top:calc(30px + env(safe-area-inset-top,0px));right:14px;z-index:4;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.7);color:var(--ink);display:grid;place-items:center}
.pz-rv__in{position:absolute;left:22px;right:22px;bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;flex-direction:column;gap:14px;max-width:640px}
.pz-rv__src{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pz-rv__t{margin:0;font:600 30px/1.15 var(--display);letter-spacing:-.01em}
.pz-rv__more{align-self:flex-start;position:relative;z-index:4;height:44px;padding:0 18px;border-radius:99px;background:#fff;box-shadow:var(--shadow);font-weight:800;font-size:14px}
.pz-rv__panel{position:absolute;left:12px;right:12px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:5;max-width:640px;max-height:70svh;overflow:auto;padding:18px;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:10px}
.pz-rv__panel[hidden]{display:none}
.pz-rv__full{margin:0;font-size:16px;line-height:1.5;font-weight:600}
.pz-rv__d{font-weight:700;color:var(--muted)}
.pz-rv__nav{position:absolute;top:90px;bottom:0;width:40%;z-index:2}
.pz-rv__nav--l{left:0}.pz-rv__nav--r{right:0}

.pz-faq{display:flex;flex-direction:column;gap:8px}
.pz-faq details{background:var(--card);border-radius:22px;box-shadow:var(--shadow)}
.pz-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 16px 18px;font-weight:700;cursor:pointer}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq summary .pz-round{width:32px;height:32px;box-shadow:none;background:var(--bg);transition:rotate .3s,background .3s,color .3s}
.pz-faq details[open] summary .pz-round{rotate:45deg;background:var(--acc);color:#fff}
.pz-faq p{margin:0;padding:0 18px 16px;color:var(--muted)}
/* ── Подвал (холст, раунды 59–62): белый блок, как разделы главной; серые строки и плашки внутри ── */
.pz-foot{margin:8px calc(var(--gut) * -1) 0;padding:24px var(--gut);border-radius:32px;background:var(--card);color:var(--ink);display:flex;flex-direction:column;gap:12px}
.pz-foot__col{display:flex;flex-direction:column;gap:12px}
.pz-foot__phone{font:700 26px/1.1 var(--display);letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.pz-foot__hours{font-size:13px;font-weight:600;color:var(--muted)}
.pz-foot__msg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pz-foot__msg a{height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;font-weight:700;font-size:12.5px;text-decoration:none;background:var(--bg)}
.pz-foot__msg img{width:18px;height:18px;border-radius:5px;flex:none}
.pz-foot__row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-height:42px;padding:8px 12px;border-radius:14px;background:var(--bg);font-weight:700;font-size:13.5px;text-decoration:none}
.pz-foot__row small{display:block;font-size:11.5px;color:var(--muted);font-weight:600}
.pz-foot__row>.pz-ic:last-child,.pz-foot__docs .pz-ic,.pz-foot__req .pz-ic{opacity:.5}
.pz-foot__theme{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--bg);font-weight:700;font-size:14px}
.pz-foot__seg{display:flex;padding:3px;border-radius:99px}
.pz-foot__seg button{height:32px;padding:0 12px;border-radius:99px;font-weight:700;font-size:13px;color:var(--muted)}
.pz-foot__seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pz-foot__req{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:var(--bg);font-size:12px;color:var(--muted)}
.pz-foot__req b{color:var(--ink);font-size:13px}
.pz-foot__req a{display:flex;align-items:center;gap:4px;margin-top:4px;font-weight:700;font-size:12.5px;text-decoration:none;color:var(--ink)}
.pz-foot__docs{display:flex;flex-direction:column}
.pz-foot__docs a,.pz-foot__docs button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line);font-weight:600;font-size:13px;text-align:left;text-decoration:none}
.pz-foot__docs>:last-child{border:0}

/* ── Подвал П2 (тёмный блок) ── */
/* Подвал (раунды 13–14): компактный, всё тёмное; мессенджеры — значками в ряд, почта / карта / идея — строками */
/* переключатель темы (раунд 35): подвал тёмный в обеих темах */

/* ── «Предложить идею» ── */
.pz-idea{display:flex;flex-direction:column;gap:14px;padding-top:16px;max-width:520px;margin:0 auto}
.pz-idea__letter{display:flex;flex-direction:column;gap:12px;padding:18px 16px}  /* без линеек-«тетради» (владелец 2026-10-23: «красненькие полоски… так не должно быть») */
.pz-idea__sign{display:flex;gap:10px;align-items:center}
.pz-idea__sign img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
.pz-idea__sign small{display:block;color:var(--muted);font-weight:600;font-size:12px}

/* ── 404 ── */
.pz-404{display:flex;flex-direction:column;gap:14px;padding-top:56px;text-align:center;max-width:460px;margin:0 auto}
.pz-404__num{display:flex;justify-content:center;align-items:center;gap:6px;font:700 120px/1 var(--display);color:var(--acc);letter-spacing:-.04em}
.pz-404__chair{width:104px;height:104px;border-radius:50%;background:var(--acc-soft);display:grid;place-items:center;rotate:-18deg}
.pz-404__chair .pz-ic{width:58px;height:58px;color:var(--acc);stroke-width:1.5}

/* ── Документы (как на «На Почтовой») ── */
.pz-docs{display:flex;flex-direction:column;gap:14px;padding-top:12px}
.pz-docs__side{display:none}
.pz-docs__main{display:flex;flex-direction:column;gap:14px;min-width:0}
.pz-docs__back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:40px;font-weight:700;font-size:15px;text-decoration:none}
.pz-docs__tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut));padding:2px var(--gut) 6px}
.pz-docs__tabs::-webkit-scrollbar{display:none}
.pz-docs__tabs a{flex:none;height:38px;padding:0 15px;border-radius:99px;display:inline-flex;align-items:center;background:rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(20,20,20,.06);font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none}
.pz-docs__tabs a[aria-current="page"]{background:var(--acc);color:#fff;box-shadow:none}
.pz-docs__title{font-size:24px;margin-top:4px;hyphens:auto}
.pz-toc{display:flex;flex-direction:column;padding:6px 18px}
.pz-toc a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;text-decoration:none}
.pz-toc a:last-child{border-bottom:0}
.pz-toc span{flex:none;width:18px;color:var(--muted)}
.pz-doctext{display:flex;flex-direction:column;gap:10px;padding:0 2px}
.pz-doctext h2{margin:14px 0 0;font:600 19px/1.25 var(--display);scroll-margin-top:16px}
.pz-doctext h3{margin:6px 0 0;font:700 16px/1.3 var(--text)}
.pz-doctext p{margin:0;font-size:15.5px;line-height:1.6}
.pz-doctext ul,.pz-doctext ol{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:15.5px;line-height:1.55}
.pz-doctext a{color:var(--acc);text-underline-offset:3px}
.pz-doctext b,.pz-doctext strong{font-weight:700}
.pz-doctext .pz-doc__table{overflow-x:auto;border-radius:var(--r-field);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
.pz-doctext table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.45}
.pz-doctext th,.pz-doctext td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.pz-doctext th{border-top:0;font-weight:700}
.pz-req{display:flex;flex-direction:column;padding:4px 16px}
.pz-req div{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-bottom:1px solid var(--line)}
.pz-req div:last-child{border:0}
.pz-req small{color:var(--muted);font-size:12.5px;font-weight:600}
/* Реквизиты (холст, раунд 68): три белых блока, как в PDF — подпись слева, значение справа; на узком экране друг под другом */
.pz-reqs{display:flex;flex-direction:column;gap:12px}
.pz-req2{display:flex;flex-direction:column;padding:18px 18px 6px;border-radius:24px}
.pz-req2 h3{margin:0 0 4px;font:700 12.5px/1.2 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.pz-req2 div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:16px;row-gap:3px;padding:12px 0;border-bottom:1px solid var(--line)}
.pz-req2 div:last-child{border:0}
.pz-req2 small{flex:0 0 170px;color:var(--muted);font-size:13.5px;font-weight:500}
.pz-req2 b{flex:1 1 220px;min-width:0;font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.pz-req2 a{color:inherit;text-decoration:none}
.pz-doctext .pz-reqs__dl{align-self:stretch;margin-top:4px;color:#fff;text-decoration:none}   /* у ссылок текста документа синий цвет — у кнопки белый */
@media (min-width:900px){.pz-doctext .pz-reqs__dl{align-self:flex-start}}
.pz-ask{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}

/* ── Окно cookie (раунд 33): маленькая карточка над меню, появляется после небольшой прокрутки ── */
.pz-cookie{position:fixed;left:12px;right:12px;bottom:calc(var(--dock) + 4px + env(safe-area-inset-bottom,0px));z-index:70;max-width:520px;margin:0 auto;padding:12px 14px;border-radius:20px;background:var(--card);box-shadow:0 10px 30px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:10px;animation:pz-ck-in .45s var(--spring)}
@keyframes pz-ck-in{from{transform:translateY(24px);opacity:0}}
body:has(.pz-cartbar:not([hidden])) .pz-cookie{bottom:calc(var(--dock) + 66px + env(safe-area-inset-bottom,0px))}  /* над «Смотреть заказ» */
.pz-cookie p{margin:0;font-size:13px;line-height:1.4}
.pz-cookie a{color:var(--acc);font-weight:700}
.pz-cookie__btns{display:flex;align-items:center;gap:8px}
.pz-cookie__btns .pz-btn{flex:1;height:40px;padding:0 12px;font-size:14px;box-shadow:none}
.pz-cookie__btns .pz-btn--white{background:var(--bg)}
.pz-cookie__more{flex:none;height:40px;padding:0 4px;font-weight:700;font-size:14px;color:var(--muted);background:none;border:0;cursor:pointer}
.pz-cookie__set{display:flex;flex-direction:column;gap:8px}
.pz-cookie__sw{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.pz-cookie__sw small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.pz-cookie__sw input{position:absolute;opacity:0;width:1px;height:1px}
.pz-cookie__sw i{position:relative;width:46px;height:28px;border-radius:99px;background:#DDDCD8;flex:none;transition:background .3s}
.pz-cookie__sw i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .35s var(--spring)}
.pz-cookie__sw input:checked+i{background:var(--acc)}
.pz-cookie__sw input:checked+i::after{transform:translateX(18px)}
.pz-cookie__sw input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}
.pz-cookie p.pz-cookie__fine{font-size:12px;color:var(--muted)}

/* ── Жидкий переключатель (капля перетекает) ── */
.pz-lt{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;cursor:pointer;font-size:13.5px;line-height:1.35;font-weight:600}
.pz-lt input{position:absolute;opacity:0;width:1px;height:1px}
.pz-lt__track{position:relative;width:54px;height:32px;border-radius:99px;background:#D7D8D1;transition:background .45s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.pz-lt__goo{position:absolute;inset:0;filter:url(#pz-goo)}
.pz-lt__knob,.pz-lt__drop{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff}
.pz-lt__knob{transition:transform .55s cubic-bezier(.6,-.35,.3,1.35)}
.pz-lt__drop{transition:transform .55s cubic-bezier(.6,-.35,.3,1.35) .09s;width:16px;height:16px;top:8px;left:8px}
.pz-lt__shine{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.06);transition:transform .55s cubic-bezier(.6,-.35,.3,1.35)}
.pz-lt input:checked + .pz-lt__track{background:var(--acc)}  /* владелец 2026-10-23: «в цвет системы», не зелёный iOS */
.pz-lt input:checked + .pz-lt__track .pz-lt__knob,.pz-lt input:checked + .pz-lt__track .pz-lt__shine,.pz-lt input:checked + .pz-lt__track .pz-lt__drop{transform:translateX(22px)}
.pz-lt input:focus-visible + .pz-lt__track{outline:2px solid var(--ink);outline-offset:2px}
.pz-lt input:disabled + .pz-lt__track{opacity:.6}
.pz-lt a{text-underline-offset:2px}

/* ── Поля ── */
.pz-field{display:flex;flex-direction:column;gap:6px}
.pz-field label,.pz-field__l{font-size:12.5px;font-weight:700;color:var(--muted)}
.pz-input{height:52px;border-radius:var(--r-field);border:1.5px solid var(--line);background:var(--card);padding:0 16px;font-weight:600;font-size:16px;width:100%}
textarea.pz-input{height:auto;min-height:96px;padding:14px 16px;resize:vertical;line-height:1.4}
.pz-input:focus{outline:none;border-color:var(--ink)}
.pz-input[aria-invalid="true"]{border-color:var(--err)}
.pz-err{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--err);margin:0}
.pz-toast{position:fixed;left:50%;bottom:calc(var(--dock) + 10px + env(safe-area-inset-bottom,0px));translate:-50% 0;z-index:80;width:max-content;max-width:calc(100% - 28px);padding:14px 18px;border-radius:18px;background:var(--dark);color:#fff;font-weight:600;font-size:13.5px;line-height:1.4;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* ── Компьютер ── */
@media (min-width:900px){
  :root{--gut:40px;--dock:0px}
  .pz-tb{display:none}
  /* одно меню по центру, закреплено при прокрутке (холст, раунды 59–61): высота 60, пункты 46 */
  /* закрепляется вся шапка: «липкий» элемент не выходит за родителя, а у .pz-top родитель — шапка его же высоты */
  .pz-head{position:sticky;top:0;z-index:40;pointer-events:none}
  .pz-top{display:flex;justify-content:center;padding-top:16px}
  .pz-top__nav{pointer-events:auto}
  .pz-top__nav{display:flex;align-items:center;gap:4px;height:60px;padding:6px 8px 6px 12px;border-radius:99px}
  .pz-top__nav a{height:46px;padding:0 24px;border-radius:99px;display:flex;align-items:center;gap:6px;font-weight:600;font-size:16px;text-decoration:none}
  .pz-top__nav a.pz-top__logo{margin-right:20px;padding:0 6px 0 2px;gap:10px;font:700 19px var(--display)}
  .pz-top__logo img{width:36px;height:36px;border-radius:11px}
  .pz-top__nav a[aria-current="page"]{background:var(--sec);color:var(--ink)}
  .pz-top__nav.pz-glass::before{display:none}   /* без светлого канта (владелец отверг блики) */
  .pz-h1{font-size:44px}
  .pz-h2{font-size:30px}
  .pz-sec{padding-top:72px;gap:22px}
  /* веер во всю ширину белого блока (владелец 2026-10-19: «веер на ширину сайта»), под ним заголовок и кнопка */
  .pz-hf{align-items:center;gap:22px;margin:24px 0 0;padding:0 48px 52px;border-radius:36px;overflow:hidden}
  .pz-hf__stage{align-self:stretch;margin:0 -48px;height:500px}
  .pz-hf__c{top:56px;width:400px;height:400px;margin-left:-200px}
  .pz-hf .pz-h1{font-size:56px}
  .pz-hf__btn{width:auto;min-width:340px;height:72px;padding:0 64px;font-size:22px}
  .pz-blk{margin:16px 0 0;padding:40px;border-radius:36px}
  .pz-blk .pz-th{margin:0;padding:0}
  .pz-sec{scroll-margin-top:100px}
  .pz-route{display:none}
  .pz-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0;padding:0;overflow:visible}
  .pz-step{min-height:0;font-size:14px}
  .pz-guests{grid-template-columns:repeat(4,1fr)}
  .pz-faq{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .pz-story{width:200px;height:300px}
  .pz-foot{margin:16px 0 40px;padding:36px 40px;border-radius:36px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .pz-foot__msg a{height:48px;font-size:14px}
  .pz-foot__row{min-height:52px;font-size:15px}
  .pz-foot__theme{min-height:52px;font-size:15px;border-radius:16px}
  .pz-foot__docs a,.pz-foot__docs button{padding:12px 2px;font-size:15px}
  .pz-docs{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;padding-top:32px}
  .pz-docs__side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
  .pz-docnav{display:flex;flex-direction:column;padding:8px}
  .pz-docnav a{display:block;padding:12px 16px;border-radius:14px;font-weight:600;font-size:15px;text-decoration:none}
  .pz-docnav a:hover{background:rgba(20,20,20,.05)}
  .pz-docnav a[aria-current="page"]{background:var(--acc);color:#fff}
  .pz-docs__main{gap:22px;max-width:860px}
  .pz-docs__tabs,.pz-docs__back,.pz-docs__main>.pz-ask{display:none}
  .pz-docs__title{font-size:44px}
  .pz-doctext h2{font-size:22px}
  .pz-cookie{left:auto;right:24px;bottom:24px;margin:0;width:420px}
  .pz-toast{bottom:24px}
}

/* ═════════ Каталог (как Kith): белые карточки подборок 290×440, свайп; найденное поиском — плитками ═════════ */
.pz-kith{position:relative;height:600px;margin:12px calc(-1 * var(--gut)) 0;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}
.pz-kith__top{position:absolute;top:0;left:var(--gut);right:var(--gut);z-index:8;display:flex;gap:8px}
.pz-kith__search{flex:1;height:48px;border-radius:99px;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--card);box-shadow:var(--shadow);color:var(--muted)}
.pz-kith__search input{flex:1;min-width:0;border:0;background:none;font-weight:600;font-size:16px;color:var(--ink);outline:none}
.pz-kith__back{height:48px;padding:0 18px}
.pz-kith__track{position:absolute;left:0;right:0;top:66px;height:470px;z-index:4}
.pz-kith__dots{position:absolute;top:447px;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:4px}  /* раунд 79: сразу под плиткой — дорожка 66 + плитка 372 + отступ (кнопка 22, точка по центру) */
.pz-kith__dots button{width:22px;height:22px;display:grid;place-items:center}
.pz-kith__dots button::before{content:"";width:7px;height:7px;border-radius:99px;background:rgba(20,20,20,.18);transition:width .3s var(--spring),background .3s}
.pz-kith__dots button.is-on::before{width:22px;background:var(--acc)}
.pz-kith__list{position:absolute;left:var(--gut);right:var(--gut);top:66px;bottom:0;z-index:7;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:10px;padding-bottom:12px;overscroll-behavior:contain}
.pz-kith__list::-webkit-scrollbar{display:none}
.pz-kith.is-open .pz-kith__track,.pz-kith.is-open .pz-kith__dots{visibility:hidden}
.pz-kc{position:absolute;left:50%;top:0;width:290px;height:372px;margin-left:-145px;border-radius:30px;background:var(--card);box-shadow:0 14px 36px rgba(40,30,20,.14);padding:12px 12px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-align:left;transform-origin:50% 1520px;will-change:transform,opacity}  /* веер: поворот вокруг точки далеко под карточкой — карточка едет по дуге; движение ведёт catalog.js пружиной */
.pz-kc__name,.pz-kc__sub{opacity:var(--tx,1)}
.pz-kc__ph{position:absolute;left:12px;right:12px;top:12px;height:266px;border-radius:22px;overflow:hidden;background:var(--bg)}
.pz-kc__ph img{width:100%;height:100%;object-fit:cover}
.pz-kc__name{font:600 30px/1.05 var(--display);letter-spacing:-.02em;padding:0 6px}
.pz-kc__sub{color:var(--muted);font-weight:700;padding:0 6px}
/* раунд 33: найденное на телефоне растёт по содержимому — был блок 600 px со своей прокруткой: на высоком
   экране нижние карточки обрезались, а под блоком оставалось пусто. Теперь листается вся страница. */
@media (max-width:899px){
  .pz-kith.is-open{height:auto;min-height:600px}
  .pz-kith.is-open .pz-kith__list{position:relative;inset:auto;margin:66px var(--gut) 0;overflow:visible}
}
.pz-var__empty{padding:18px;text-align:center;color:var(--muted);font-weight:600}
/* Плитка подборки П1 (раунд 12): белая карточка, квадратное фото, цена крупно, название, «В корзину» → «− число +» */
.pz-gg{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:4px}
.pz-gc{display:flex;flex-direction:column;min-width:0;background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:6px 6px 8px;cursor:pointer;text-align:left}
.pz-gc__ph{display:block;aspect-ratio:1;border-radius:17px;overflow:hidden;background:#ECE4DA}
.pz-gc__ph img{width:100%;height:100%;object-fit:cover;display:block}
.pz-gc__p{padding:3px 6px 0;font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pz-gc__p small{font-weight:600;font-size:12px;color:var(--muted)}
.pz-gc__t{padding:9px 6px 0;min-height:40px;font-size:15px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pz-gc__ctl{display:block;margin-top:8px}
.pz-gc__add{width:100%;height:44px;border-radius:99px;background:var(--acc);color:#fff;font-weight:800;font-size:14px}
.pz-gc__soon{display:block;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);padding:12px 0}
.pz-qty--tile{justify-content:space-between;width:100%;height:44px;padding:4px}
.pz-qty--tile button{width:36px;height:36px}
.pz-qty--tile .pz-qty__n{min-width:40px;text-decoration:underline dotted rgba(255,255,255,.6);text-underline-offset:3px}
.pz-qty{display:flex;align-items:center;gap:2px;background:var(--acc);color:#fff;border-radius:99px;padding:3px}
.pz-qty button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.pz-qty button .pz-ic{width:18px;height:18px}
.pz-qty__n{min-width:30px;font-weight:800;font-variant-numeric:tabular-nums}
.pz-qty--light{background:var(--bg);color:var(--ink)}
.pz-qty__in{width:52px;border:0;background:none;text-align:center;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;outline:none}
.pz-cartbar{position:fixed;left:14px;right:14px;bottom:calc(var(--dock) + env(safe-area-inset-bottom,0px));z-index:45;max-width:520px;margin:0 auto;height:56px;border-radius:99px;background:var(--acc);color:#fff;display:flex;align-items:center;gap:10px;padding:0 22px;font-weight:800;font-size:15px;text-decoration:none}  /* без свечения (раунд 78) */
.pz-cartbar span{flex:1;min-width:0}
.pz-cartbar b{white-space:nowrap;font-size:16px;font-variant-numeric:tabular-nums}
body:has(.pz-cartbar:not([hidden])) .pz-main{padding-bottom:70px}

/* ── Шторка снизу (общая) ── */
.pz-sheet{position:fixed;inset:0;z-index:90}
.pz-sheet__dim{position:absolute;inset:0;background:rgba(20,20,20,.45)}
.pz-sheet__box{position:absolute;left:0;right:0;bottom:0;max-height:92svh;overflow:auto;background:#fff;border-radius:30px 30px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;max-width:560px;margin:0 auto;animation:pz-up .4s cubic-bezier(.2,.8,.2,1)}
@keyframes pz-up{from{transform:translateY(100%)}}
.pz-sheet__grip{width:40px;height:5px;border-radius:9px;background:#d8d9d3;margin:0 auto}
.pz-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pz-sheet__head h3{margin:0;font:600 24px/1.1 var(--display);letter-spacing:-.02em}
.pz-br{width:20px;height:20px;border-radius:6px;flex:none;margin-left:-4px}
.pz-chip .pz-br{margin-right:2px}
.pz-ask-list{display:flex;flex-direction:column;gap:8px}
.pz-ask-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--bg);color:var(--ink);text-decoration:none;font-size:15px}
.pz-ask-row img{width:28px;height:28px;border-radius:8px}
.pz-ask-row small{color:var(--muted);font-weight:700}
.pz-ask-call{width:28px;height:28px;border-radius:8px;background:var(--acc);color:#fff;display:grid;place-items:center}
.pz-sheet__x{width:40px;height:40px;border-radius:50%;background:var(--bg);display:grid;place-items:center;flex:none}
.pz-qbig{display:flex;align-items:center;justify-content:center;gap:14px}
.pz-qbig input{width:140px;height:72px;border:1.5px solid var(--line);border-radius:22px;text-align:center;font:600 36px var(--display);font-variant-numeric:tabular-nums}
.pz-qbig input:focus{outline:none;border-color:var(--ink)}
.pz-qchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pz-qchips button{height:40px;padding:0 16px;border-radius:99px;background:var(--bg);font-weight:800}

@media (min-width:900px){
  .pz-kith{height:auto;margin:24px 0 0;overflow:visible}
  .pz-kith__top{position:relative;left:auto;right:auto;max-width:560px}
  .pz-kith__track{position:relative;top:auto;height:auto;margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;perspective:none}
  .pz-kc{position:relative;left:auto;width:auto;margin:0;height:362px;transform:none!important;opacity:1!important}
  .pz-kc__name,.pz-kc__sub{opacity:1}
  .pz-kc:hover{box-shadow:0 18px 44px rgba(40,30,20,.2)}
  .pz-kc__ph{height:250px}
  .pz-kith__dots{display:none}
  .pz-kith__list{position:relative;left:auto;right:auto;top:auto;margin-top:16px;display:block;overflow:visible}
  .pz-gg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
  .pz-kith.is-open .pz-kith__track{display:none}
  .pz-cartbar{bottom:24px}
}
/* ═════════ Заявка принята / оплата ═════════ */
.pz-ok{display:flex;flex-direction:column;gap:14px;text-align:center;padding-top:48px;max-width:460px;margin:0 auto}
.pz-ok__ico{width:88px;height:88px;border-radius:50%;background:var(--on);color:#fff;display:grid;place-items:center;margin:0 auto}
.pz-ok__ico .pz-ic{width:44px;height:44px;stroke-width:2.2}
.pz-ok__ico--soft{background:var(--acc-soft);color:var(--acc)}

/* ═════════ Вход, кабинет К1, профиль, оплата ═════════ */
.pz-login{display:flex;flex-direction:column;gap:16px;padding-top:20px;max-width:520px;margin:0 auto}
.pz-login__head{display:flex;gap:14px;align-items:center}
.pz-login__head img{width:56px;height:56px;border-radius:18px;flex:none}
.pz-via{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0}
.pz-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pz-tile--off .pz-tile__sq{opacity:.45}
.pz-tile small{font-size:10.5px;font-weight:800;color:var(--muted);margin-top:-6px}
.pz-tile__sq .pz-ic{width:30px;height:30px;color:var(--acc)}
.pz-tile{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:700;text-decoration:none;transition:opacity .25s}
.pz-tile__sq{width:100%;aspect-ratio:1;max-width:84px;border-radius:22px;background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center}
.pz-tile__sq img{width:38px;height:38px}
.pz-tiles[aria-disabled="true"] .pz-tile{opacity:.4}
.pz-k1{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:14px}
.pz-ring{position:relative;width:236px;height:236px;margin:0 auto;padding:12px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.pz-ring svg{width:100%;height:100%}
.pz-ring__bg{fill:none;stroke:#ECE7DF;stroke-width:16;stroke-linecap:round}
.pz-ring__fg{fill:none;stroke:var(--rc);stroke-width:16;stroke-linecap:round;animation:pz-ring-fill 1.2s cubic-bezier(.2,.8,.2,1) both,pz-ring-nudge 2.7s ease-in-out 1.4s infinite}
@keyframes pz-ring-fill{from{stroke-dasharray:0 600}}
@keyframes pz-ring-nudge{0%,67%,100%{stroke-dashoffset:0}33%{stroke-dashoffset:-5px}}
.pz-ring__in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.pz-ring__in small{font-size:12.5px;font-weight:700;color:var(--muted)}
.pz-ring__in b{font:600 16px var(--display)}
.pz-ring__in span{font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}
.pz-ring__end{position:absolute;bottom:22px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--muted)}
.pz-ring__end--a{left:52px;color:var(--rc)}.pz-ring__end--b{right:52px}
.pz-k1__txt{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.pz-k1__txt p{margin:0;font-size:14px;max-width:34ch}
.pz-rows{display:flex;flex-direction:column;padding:4px 0}
.pz-irow{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.pz-irow:last-child{border:0}
.pz-irow small{display:block;color:var(--muted);font-size:12.5px;font-weight:600}
.pz-req{padding:16px;display:flex;flex-direction:column;gap:6px}
.pz-req__top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pz-req__act{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pz-status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:99px;background:color-mix(in oklab,var(--rc,#FFA23A) 18%,#fff);font-size:12.5px;font-weight:800;white-space:nowrap}
.pz-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rc,#FFA23A)}
.pz-prof{display:flex;flex-direction:column;gap:14px}
.pz-chip--radio{cursor:pointer;background:var(--bg);box-shadow:none}
.pz-chip--radio input{position:absolute;opacity:0;width:1px;height:1px}
.pz-chip--radio:has(input:checked){background:var(--acc);color:#fff}
.pz-chip--radio:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.pz-lg{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.pz-lg:last-child{border:0}
.pz-lg__ic{width:40px;height:40px;border-radius:12px;background:var(--bg);display:grid;place-items:center}
.pz-lg small{display:block;color:var(--muted);font-size:12.5px;font-weight:600}
.pz-lg__end{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pz-lg__on{display:inline-flex;align-items:center;gap:4px;color:#1E9E46;font-size:13px;font-weight:800}
.pz-lg__btn{height:36px;padding:0 16px;border-radius:99px;background:var(--acc);color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;text-decoration:none}
.pz-lg--off{opacity:.6}
.pz-lg__btn:disabled{background:var(--line);color:var(--muted)}
.pz-lg__un{font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.pz-pay{display:flex;flex-direction:column;gap:12px;max-width:560px}
.pz-pm{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px 16px;border-radius:22px;background:var(--card);box-shadow:var(--shadow);border:2px solid transparent;cursor:pointer}
.pz-pm input{position:absolute;opacity:0;width:1px;height:1px}
.pz-pm small{display:block;color:var(--muted);font-size:12.5px;font-weight:600;margin-top:2px}
.pz-pm:has(input:checked){border-color:var(--ink)}
.pz-pm:has(input:checked) .pz-radio__dot{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 4px #fff}
.pz-pm:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.pz-payhead{padding:22px 18px;display:flex;flex-direction:column;gap:4px}
.pz-payhead b{font:600 38px/1.05 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}
.pz-paynote{margin:0;display:flex;gap:6px;justify-content:center;align-items:center;text-align:center}
.pz-yk img{height:20px;width:auto}
.pz-yk{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
@media (min-width:900px){
  [data-account]{max-width:640px;margin:0 auto}
  .pz-prof{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}
}

/* ═════════ Корзина и «Детали заказа» (как Wolt) ═════════ */
.pz-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pz-cart{display:flex;flex-direction:column;gap:12px}
.pz-line{cursor:pointer;display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;padding:12px}
.pz-line__img{width:60px;height:60px;border-radius:16px;overflow:hidden;background:var(--bg)}
.pz-line__img img{width:100%;height:100%;object-fit:cover}
.pz-line__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.pz-seg{position:relative;display:grid;grid-template-columns:repeat(var(--n,2),1fr);background:var(--bg);border-radius:99px;padding:4px}
.pz-co .pz-seg{background:var(--card);box-shadow:var(--shadow)}
.pz-seg i{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/var(--n,2));border-radius:99px;background:var(--acc);transform:translateX(calc(100% * var(--i,0)));transition:transform .45s var(--spring)}
.pz-seg button{position:relative;z-index:1;height:42px;font-weight:700;font-size:14px;transition:color .3s}
.pz-seg button[aria-checked="true"]{color:#fff}
/* «Вход / Регистрация» (холст, раунд 97): белая капсула на сером фоне, выбранное — синим с белым текстом; было серое на сером — «неразличимы» */
.pz-seg--lg{background:var(--card);box-shadow:var(--shadow)}
.pz-seg--lg button{color:var(--muted)}
.pz-seg--lg button[aria-selected="true"]{color:#fff}
.pz-sum{gap:8px}
.pz-sum div{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}
.pz-sum div b{white-space:nowrap}
.pz-sum .pz-sum__tot{font:600 20px/1.2 var(--display);padding-top:8px;border-top:1px dashed var(--line);margin-top:4px}
.pz-sum .pz-sum__tot b{font-weight:600}
.pz-co{display:flex;flex-direction:column;gap:6px;max-width:640px}
.pz-co__sec{display:flex;flex-direction:column;gap:12px;padding-top:22px}
.pz-co__h{margin:0;font:600 19px/1.15 var(--display);letter-spacing:-.01em}
.pz-rowbtn{display:grid;grid-template-columns:22px 1fr 18px;gap:12px;align-items:center;padding:14px 16px;border-radius:22px;background:var(--card);box-shadow:var(--shadow);text-align:left;width:100%}
.pz-rowbtn small{display:block;color:var(--muted);font-size:12.5px;font-weight:600;margin-top:2px}
.pz-rowbtn>.pz-ic:last-child{color:var(--muted)}
.pz-radio{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:22px;background:var(--card);box-shadow:var(--shadow);border:2px solid transparent;text-align:left;width:100%}
.pz-radio[aria-checked="true"]{border-color:var(--ink)}
.pz-radio:disabled{opacity:.5}
.pz-radio small{display:block;color:var(--muted);font-size:12.5px;font-weight:600;margin-top:2px}
.pz-radio__dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line)}
.pz-radio[aria-checked="true"] .pz-radio__dot{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 4px #fff}
.pz-slots{display:flex;flex-wrap:wrap;gap:6px}
.pz-slots button{flex:none;height:40px;padding:0 14px;border-radius:99px;background:var(--card);box-shadow:var(--shadow);font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}
.pz-sheet .pz-slots button{background:var(--bg);box-shadow:none}
.pz-slots button[aria-pressed="true"]{background:var(--acc)!important;color:#fff}
.pz-slots button:disabled{opacity:.35}
.pz-cal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pz-cal__head .pz-round{width:36px;height:36px;box-shadow:none;background:var(--bg)}
.pz-cal__head .pz-round:disabled{opacity:.3}
.pz-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.pz-cal__grid span{font-size:11.5px;font-weight:700;color:var(--muted);padding:4px 0}
.pz-cal__grid button{height:40px;border-radius:12px;font-weight:700;font-variant-numeric:tabular-nums}
.pz-cal__grid button:disabled{opacity:.28}
.pz-cal__grid button[aria-pressed="true"]{background:var(--acc);color:#fff}
/* всегда 6 недель: окно не «прыгает» при листании месяцев, крестик не уезжает под палец */
.pz-cal__grid .pz-cal__pad{height:40px;padding:0}
/* содержимое шторки не сжимается, когда её не хватает по высоте (кнопка «Готово» после выбора ЭДО) */
.pz-sheet__box>*{flex-shrink:0}
.pz-chips{display:flex;flex-wrap:wrap;gap:6px}
.pz-chips .pz-chip{box-shadow:none;background:var(--bg)}
.pz-co__sec>.pz-chips .pz-chip{background:var(--card);box-shadow:var(--shadow)}
.pz-chips .pz-chip[aria-pressed="true"]{background:var(--acc);color:#fff}
.pz-phone{position:relative;display:flex;align-items:center}
.pz-flag{position:absolute;left:16px;width:22px;height:15px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.pz-flag i{flex:1}.pz-flag i:nth-child(1){background:#fff}.pz-flag i:nth-child(2){background:#1C57C4}.pz-flag i:nth-child(3){background:#D52B1E}
.pz-phone__cc{position:absolute;left:46px;font-weight:700;font-size:16px}
.pz-phone .pz-input{padding-left:74px}
.pz-note{display:flex;gap:8px;padding:10px 12px;border-radius:16px;background:var(--acc-soft);font-size:13px;font-weight:600;line-height:1.4}
.pz-cobar{position:sticky;bottom:0;z-index:20;margin:22px calc(-1 * var(--gut)) 0;padding:14px var(--gut) calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(255,255,255,.8),#fff 30%);border-radius:28px 28px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px}
.pz-cobar__tot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pz-cobar__tot>span{flex:1;min-width:0}
.pz-cobar__tot>span b{font:800 16px/1.2 var(--text)}
.pz-cobar__tot small{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:2px}
.pz-cobar__tot>b{font:600 22px/1 var(--display);white-space:nowrap;font-variant-numeric:tabular-nums}
body:has(.pz-cobar){padding-bottom:0}
.pz-done{position:fixed;inset:0;z-index:99;background:rgba(244,239,234,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center}
.pz-done__card{display:flex;flex-direction:column;align-items:center;gap:14px;font-weight:800}
.pz-spin{width:48px;height:48px;border-radius:50%;border:4px solid var(--acc-soft);border-top-color:var(--acc);animation:pz-spin .8s linear infinite}
@keyframes pz-spin{to{transform:rotate(360deg)}}
/* Кабинет К1 и «Мои заявки» — точно по холсту (сверка 2026-10-11) */
.pz-k1map{position:relative;height:260px;margin:0 calc(-1 * var(--gut));overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#EFE6DC,#E6DCCF)}
.pz-k1map__map{position:absolute;inset:0}
.pz-k1map .pz-pin{top:42%}
.pz-k1{padding-top:0}
.pz-k1 .pz-ring{margin:-118px auto 0;z-index:2}
.pz-k1>.pz-card,.pz-k1>.pz-btn,.pz-k1>.pz-pair{position:relative;z-index:1}
.pz-irow{width:100%;text-align:left;grid-template-columns:22px 1fr auto}
.pz-irow>.pz-ic:last-child{color:var(--muted)}
.pz-orow{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.pz-orow b{font-variant-numeric:tabular-nums;white-space:nowrap}
.pz-orow--tot{font:600 17px/1.2 var(--display);padding-top:6px;border-top:1px dashed var(--line)}
.pz-order{padding:16px;display:flex;flex-direction:column;gap:10px}
.pz-order__top{display:flex;align-items:center;gap:12px}
.pz-mini{width:44px;height:44px;flex:none}
@media (min-width:900px){.pz-k1map{margin:16px 0 0;border-radius:var(--r-card)}}

/* «Детали заказа» — точно по холсту (раунд сверки 2026-10-11) */
.pz-btn[aria-disabled="true"]{opacity:.45}
.pz-comap{position:relative;height:150px;border-radius:24px;overflow:hidden;background:#E8EAE2;cursor:pointer}
.pz-comap--static{cursor:default}
.pz-comap__map{position:absolute;inset:0}
.pz-pin{position:absolute;left:50%;top:50%;translate:-50% -100%;z-index:2;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.pz-pin i{width:34px;height:34px;border-radius:50%;background:var(--acc);border:4px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.3);display:grid;place-items:center}
.pz-pin i::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.pz-pin b{width:2px;height:12px;background:var(--acc)}
.pz-comap__btn{position:absolute;left:50%;bottom:12px;translate:-50% 0;z-index:3;height:38px;padding:0 16px;border-radius:99px;background:#fff;box-shadow:var(--shadow);font-weight:800;font-size:13px;display:flex;align-items:center;white-space:nowrap;pointer-events:none}
.pz-rowbtn{grid-template-columns:24px 1fr auto;border-radius:20px}
.pz-rowbtn b{font-size:15px}
.pz-rowbtn--line{box-shadow:none;border:1.5px solid var(--line)}
.pz-conote{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:18px;border:1.5px solid var(--line);background:var(--card);color:var(--muted)}
.pz-conote textarea{flex:1;border:0;resize:none;font:600 16px/1.4 var(--text);color:var(--ink);background:none;min-height:40px;outline:none}
.pz-radio{grid-template-columns:24px 1fr auto;border-radius:20px}
.pz-radio__dot{display:grid;place-items:center}
.pz-radio[aria-checked="true"]{border-color:var(--acc)}
.pz-radio[aria-checked="true"] .pz-radio__dot{background:var(--acc);border-color:var(--acc);box-shadow:none}
.pz-radio[aria-checked="true"] .pz-radio__dot::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;rotate:-45deg;translate:0 -1px}
.pz-radio__slot{font-weight:800;font-size:13px;padding:6px 10px;border-radius:12px;background:var(--bg);display:flex;align-items:center;gap:4px;white-space:nowrap}
.pz-radio__slot:empty{display:none}
.pz-radio__slot .pz-ic{width:16px;height:16px}
.pz-wheel{position:relative;display:grid;grid-template-columns:1fr 1fr;height:220px;overflow:hidden}
.pz-wheel--one{grid-template-columns:1fr;margin-top:8px}
.pz-wheel::before{content:"";position:absolute;left:0;right:0;top:88px;height:44px;border-radius:14px;background:var(--bg);z-index:0}
.pz-wheel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#fff,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,#fff);z-index:2}
.pz-wheel__col{position:relative;z-index:1;overflow-y:auto;scroll-snap-type:y mandatory;padding:88px 0;scrollbar-width:none;text-align:center;outline:none}
.pz-wheel__col::-webkit-scrollbar{display:none}
.pz-wheel__col div{height:44px;line-height:44px;scroll-snap-align:center;font-weight:700;font-size:16px;color:var(--muted);cursor:pointer}
.pz-wheel__col div.on{color:var(--ink);font-weight:800}
.pz-cal__head{font-weight:800}
.pz-cal__grid span{font-weight:800}
.pz-cal__grid button{font-size:14px}
.pz-cal__grid button:disabled{opacity:1;color:#c4c5bf;cursor:default}
.pz-cal__grid button.is-today{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pz-cal__grid button.is-on{background:var(--acc);color:#fff;box-shadow:none}
.pz-sheet .pz-slots{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pz-sheet .pz-slots::-webkit-scrollbar{display:none}
.pz-sheet .pz-slots button{border-radius:14px;border:1.5px solid var(--line);background:#fff}
.pz-sheet .pz-slots button[aria-pressed="true"]{border-color:var(--acc)}
.pz-csel{display:flex;flex-wrap:wrap;gap:8px}
.pz-csel button{height:40px;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;background:#fff;display:inline-flex;align-items:center;gap:6px}
.pz-csel button[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.pz-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pz-promo-on{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;background:#E3F6E8;color:#14532D;font-weight:800}
.pz-promo-on button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#14532D}
.pz-phonein{display:flex;align-items:center;gap:10px;height:52px;border-radius:var(--r-field);border:1.5px solid var(--line);background:var(--card);padding:0 14px}
.pz-phonein:focus-within{border-color:var(--acc)}
.pz-phonein .pz-flag{position:static;width:24px;height:16px;flex:none}
.pz-phonein__cc{font-weight:700;font-size:16px}
.pz-phonein input{border:0;height:auto;padding:0;flex:1;min-width:0;font-weight:600;font-size:16px;background:none;outline:none}
.pz-msgrq{font-size:13px;font-weight:700;color:var(--muted)}
.pz-msgrq i{font-style:normal;color:var(--acc)}
.pz-msgr{display:flex;flex-wrap:wrap;gap:6px}
.pz-msgr .pz-chip{box-shadow:none;background:var(--card);border:1.5px solid var(--line)}
.pz-msgr .pz-chip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc)}
.pz-note .pz-ic{flex:none;color:var(--acc)}
.pz-cosum{display:flex;flex-direction:column;gap:10px;padding-top:12px}
.pz-cosum div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;font-variant-numeric:tabular-nums}
.pz-cosum div>span{color:var(--muted);font-weight:600}
.pz-cosum div>b{white-space:nowrap}
.pz-cosum small{display:block;font-size:12px;font-weight:600}
.pz-cosum .minus b{color:#1d8a45}
.pz-bigmap{position:fixed;inset:0;z-index:92;background:#fff;display:flex;flex-direction:column}
.pz-bigmap__map{position:relative;flex:1;min-height:0;background:#E8EAE2}
.pz-bigmap .pz-pin{top:calc((100% - 210px) / 2)}
.pz-bigmap__top{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;right:14px;z-index:3;display:flex;gap:8px}
.pz-bigmap__addr{flex:1;min-width:0;height:44px;border-radius:99px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;padding:0 16px;font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-bigmap__panel{padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;background:#fff;height:210px}
.pz-done{background:rgba(20,20,20,.55)}
.pz-done__card{width:min(320px,calc(100% - 32px));padding:26px 22px;border-radius:30px;background:#fff;text-align:center}
.pz-done__card .pz-btn{width:100%;height:48px}
.pz-done__t{font:600 20px/1.2 var(--display)}
.pz-doner{position:relative;width:180px;height:180px}
.pz-doner svg{width:100%;height:100%}
.pz-doner .pz-ring__fg{--rc:#FFA23A}
.pz-doner>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800}
.pz-doner small{font-size:12px;color:var(--muted);font-weight:700}
.pz-doner b{font:600 15px var(--display)}
.pz-done .pz-ok__ico{width:64px;height:64px}
.pz-done .pz-ok__ico .pz-ic{width:32px;height:32px}

@media (min-width:900px){
  .pz-cart{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px}
  .pz-cart>[data-cart-side]{position:sticky;top:96px}
  .pz-co{margin:0 auto}
  .pz-cobar{margin:22px 0 24px;border-radius:28px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.pz-chip span{display:inline-flex;align-items:center;gap:6px}
/* ── Раунд 15: «Изменить заявку» (З1), «Мои адреса» (М3), «Подберём мебель» (Н1) ── */
.pz-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;width:100%;background:none}
.pz-link--del{color:var(--danger)}
.pz-chg__h{font:600 16px/1.2 var(--display);margin:2px 0 -4px}
.pz-shift{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:5px;transition:border-color .2s,box-shadow .2s}
.pz-shift b{grid-column:1/-1;text-align:center;font:600 20px var(--display);padding:6px 4px 2px;font-variant-numeric:tabular-nums}
.pz-shift button{height:40px;border-radius:13px;background:var(--bg);font-weight:700;font-size:13px}
.pz-shift button:disabled{opacity:.35}
.pz-shift.is-changed{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft,#F6E1D7)}
.pz-chg__q{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
.pz-chg__q b{font-size:14.5px}
.pz-chg__q small{display:block;color:var(--muted);font-weight:600;font-size:12px}
.pz-chg__q .pz-qty button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%}
.pz-chg__n{min-width:34px;text-align:center;font-size:16px}
.pz-chg-pend{background:#FFF4E8;border:1.5px solid #F2C9A0;border-radius:20px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.pz-chg-pend ul{margin:0;padding-left:18px;font-size:13.5px;font-weight:600;display:flex;flex-direction:column;gap:2px}
.pz-apick .pz-apick__ok{opacity:0;color:var(--acc);transition:opacity .2s}
.pz-apick[aria-pressed="true"] .pz-apick__ok{opacity:1}
.pz-seg button{display:flex;align-items:center;justify-content:center;gap:6px}
.pz-gst{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;background:var(--bg);border-radius:99px;padding:5px}
.pz-gst button{width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center}
.pz-gst label{display:flex;align-items:baseline;justify-content:center;gap:6px}
.pz-gst input{width:2.6em;border:0;background:none;text-align:right;font:600 30px var(--display);color:var(--ink);padding:0;-webkit-user-select:text;user-select:text}
.pz-gst input:focus{outline:none;border-bottom:2px solid var(--acc)}
.pz-gst small{font-weight:700;color:var(--muted)}
.pz-pickres{gap:8px}
a.pz-rowbtn{text-decoration:none;color:inherit}
/* Карта (Яндекс): своя «стопка» слоёв — метка, кнопки и шапка поверх карты */
.pz-comap__map,.pz-k1map__map,.pz-bigmap__map{z-index:0;isolation:isolate}
/* Подсказки адреса (Яндекс Геосаджест) — список под полем, как на холсте */
.pz-addrin{position:relative}
.pz-sug{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:5;background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.14);padding:6px 0;display:flex;flex-direction:column;max-height:280px;overflow:auto}
.pz-sug__i{display:flex;flex-direction:column;gap:1px;text-align:left;padding:10px 16px;width:100%}
.pz-sug__i b{font-size:14.5px}
.pz-sug__i small{color:var(--muted);font-weight:600;font-size:12px}
.pz-sug__i:hover,.pz-sug__i:focus-visible{background:var(--bg)}
.pz-comap[hidden]{display:none}
.pz-comap{cursor:default}

/* ── Помогаем благотворительным организациям (холст, раунд 134, вариант 7): плашки — от кого и когда; цветная часть — с листа.
   Телефон: текст → плашки лентой → кнопка; компьютер (вариант 8): текст и кнопка колонкой слева, три плашки справа. ── */
.pz-th{display:flex;flex-direction:column;gap:16px;padding:22px 0 18px;margin:0 calc(-1 * var(--gut) + 12px)}
.pz-th__head{display:contents}
.pz-th__txt{order:1;display:flex;flex-direction:column;gap:8px;padding:0 18px}
.pz-th__txt p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.45}
.pz-th__rail{order:2;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 18px 4px;scroll-padding:0 18px}
.pz-th__rail::-webkit-scrollbar{display:none}
.pz-th__cta{order:3;margin:0 18px;width:auto}
.pz-pl{flex:none;width:318px;max-width:calc(100vw - 72px);height:136px;scroll-snap-align:start;position:relative;display:block;padding:0;border:0;border-radius:22px;overflow:hidden;background:var(--c);color:#fff;text-align:left;cursor:zoom-in;transition:scale .16s}
.pz-pl:active{scale:.98}
.pz-pl:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.pz-pl__side{position:absolute;inset:0 0 0 auto;width:34%;background-size:cover;background-position:center;clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}
.pz-pl__txt{position:absolute;inset:0 30% 0 0;padding:14px 8px 12px 16px;display:flex;flex-direction:column}
.pz-pl__o{font-size:17px;line-height:1.14;font-weight:800;letter-spacing:-.015em}
.pz-pl__d{margin-top:auto;font-size:12px;font-weight:600;white-space:nowrap}
@media (min-width:900px){
  .pz-th{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:center;margin:0;padding:0}
  .pz-th__head{display:block}
  .pz-th__txt{padding:0}
  .pz-th__txt .pz-h2{font-size:26px}
  .pz-th__txt p{font-size:15px}
  .pz-th__cta{margin:20px 0 0;width:auto;padding:0 24px}
  .pz-th__rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;overflow:visible}
  .pz-pl{width:auto;max-width:none;height:176px;border-radius:24px}
  .pz-pl__txt{inset:0 28% 0 0;padding:16px 6px 14px 16px}
  .pz-pl__o{font-size:15.5px}
  .pz-pl__d{font-size:13px}
}

/* фото во весь экран — PhotoSwipe (photoswipe.css) + лента-бегунок, как на «На Почтовой» (раунд 104) */
.pz-pv{--pswp-bg:#000;--pswp-placeholder-bg:#1C1D21;font-family:var(--text)}
.pz-pv .pswp__top-bar{top:env(safe-area-inset-top,0px);height:auto;padding:14px 16px;box-sizing:border-box;align-items:center}
.pz-pv--d .pswp__top-bar{padding:24px}
.pz-pv .pswp__counter{margin:0;height:auto;padding:0 4px;font:600 15px/1 var(--text);opacity:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.pz-pv .pswp__button--close,.pz-pv .pswp__button--arrow{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}
.pz-pv .pswp__button--close{width:44px;height:44px}
.pz-pv .pswp__button svg{width:20px;height:20px}
.pz-pv--d .pswp__button--arrow{top:50%;width:56px;height:56px;margin-top:-56px}
.pz-pv--d .pswp__button--arrow--prev{left:24px}
.pz-pv--d .pswp__button--arrow--next{right:24px}
.pz-pv .pswp__button--arrow:disabled{display:none}
.pz-pv__strip{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0 50%;box-sizing:border-box;transition:opacity .25s}
.pz-pv__strip::-webkit-scrollbar{display:none}
.pz-pv__strip button{flex:0 0 22px;height:44px;padding:0;border:0;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.08);cursor:pointer;opacity:.75;transition:flex-basis .2s,margin .2s,opacity .2s}
.pz-pv__strip button[aria-current="true"]{flex-basis:33px;margin:0 5px;opacity:1}
.pz-pv__strip img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.pz-pv--d .pz-pv__strip{bottom:28px}
.pz-pv--d .pz-pv__strip button{flex-basis:34px;height:60px}
.pz-pv--d .pz-pv__strip button[aria-current="true"]{flex-basis:60px}
@media (prefers-reduced-motion:reduce){.pz-pv__strip button{transition:none}}

/* ── Смена страниц «шагом, как в iPhone» (2026-10-27, владелец выбрал вариант 2 из 8; ТЗ docs/specs/2026-10-27-page-transitions-design.md).
   Встроенные переходы браузера между страницами (Chrome/Edge 126+, Safari 18.2+; старые браузеры — как раньше). Новая страница
   выезжает справа, прежняя уходит на треть влево и темнеет; назад (data-vt="back" ставит partials/vt_head.html) — обратно.
   Кривая и время iOS (как в Ionic): 540 мс, cubic-bezier(.32,.72,0,1). Меню (нижнее и ПК) не уезжает — как панель вкладок iPhone. ── */
@view-transition{navigation:auto}
.pz-tb{view-transition-name:pz-tb}
.pz-top__nav{view-transition-name:pz-top}
/* закреплённые внизу панели («В заявку», «Смотреть заказ») — отдельно от страницы: внутри сдвигаемого снимка Chrome рисовал их
   размытым пятном; так они появляются на месте, как панель инструментов iPhone */
.pz-it-buy{view-transition-name:pz-bar}
.pz-cartbar{view-transition-name:pz-cartbar}
::view-transition-old(root),::view-transition-new(root){animation-duration:.54s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both;mix-blend-mode:normal}
::view-transition-new(root){animation-name:pz-vt-in}
::view-transition-old(root){animation-name:pz-vt-out}
html[data-vt="back"]::view-transition-new(root){animation-name:pz-vt-under}
html[data-vt="back"]::view-transition-old(root){animation-name:pz-vt-away;z-index:1}
::view-transition-group(pz-tb),::view-transition-group(pz-top),::view-transition-group(pz-bar),::view-transition-group(pz-cartbar){animation-duration:.2s}
::view-transition-new(pz-bar),::view-transition-new(pz-cartbar),::view-transition-old(pz-bar),::view-transition-old(pz-cartbar){animation-duration:.25s}
@keyframes pz-vt-in{from{transform:translateX(100%)}}
@keyframes pz-vt-out{to{transform:translateX(-30%);filter:brightness(.88)}}
@keyframes pz-vt-under{from{transform:translateX(-30%);filter:brightness(.88)}}
@keyframes pz-vt-away{to{transform:translateX(100%)}}
@keyframes pz-vt-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),html[data-vt="back"]::view-transition-old(root),html[data-vt="back"]::view-transition-new(root){animation:pz-vt-fade .2s ease both}
  ::view-transition-old(root){animation-direction:reverse}
}
/* Отклик на нажатие — сразу при касании, а не после загрузки следующей страницы: плитка чуть «вдавливается».
   Свойство scale, а не transform — не мешает своим сдвигам элементов. */
.pz-it-sc,.pz-it-tog,.pz-it-tile,.pz-guest{transition:scale .32s cubic-bezier(.3,1.2,.5,1)}
.pz-it-sc:active,.pz-it-tog:active,.pz-it-tile:active,.pz-guest:active{scale:.965;transition-duration:.1s;transition-timing-function:ease-out}
@media (prefers-reduced-motion:reduce){.pz-it-sc,.pz-it-tog,.pz-it-tile,.pz-guest{transition:none}}

/* ── «Будьте в курсе» на главной (холст, раунды 123–129, 2026-10-29) ──
   Телефон: в белом блоке — синяя плитка «Каналы» с телефоном (картинка срезана снизу — срез прячет край плитки).
   ПК: заголовок на сером, «Каналы» во всю ширину (телефон справа), ниже белая «Промокод недели» с купоном. */
.pz-bvk h3{margin:0;font:700 25px/1.1 var(--display);letter-spacing:-.02em}
.pz-bvk__txt p{margin:12px 0 0;font-size:16px;line-height:1.45}
.pz-bvk__ch{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:33px 25px 0;border-radius:var(--r-card);background:var(--acc);color:#fff}
.pz-bvk__ch p{color:rgba(255,255,255,.9)}
.pz-bvk__ln{display:flex;flex-direction:column;gap:18px;margin-top:22px}
.pz-bvk__ln a{align-self:flex-start;display:inline-flex;gap:8px;font-weight:700;font-size:16.5px;color:inherit;text-decoration:none;white-space:nowrap}
.pz-bvk__ln a span{transition:transform .2s}
@media (hover:hover){.pz-bvk__ln a:hover span{transform:translateX(3px)}}
.pz-bvk__ph{display:block;width:86%;height:auto;margin:34px 0 -3.7% 11%;pointer-events:none;user-select:none;-webkit-user-select:none}
.pz-bvk__promo{display:none}
@media (min-width:900px){
  .pz-bvk{background:none;padding:0}
  .pz-bvk .pz-h2{font-size:30px}
  .pz-bvk__ch{height:440px;padding:56px 64px 0;margin-top:22px}
  .pz-bvk__txt{position:relative;z-index:1;max-width:500px}
  .pz-bvk h3{font-size:38px}
  .pz-bvk__txt p,.pz-bvk__ln a{font-size:18px}
  .pz-bvk__ph{position:absolute;right:-7px;bottom:0;width:min(667px,54%);margin:0;transform:translateY(6.5%)}
  .pz-bvk__promo{display:flex;align-items:center;justify-content:space-between;gap:32px;height:400px;margin-top:20px;padding:0 64px;border-radius:var(--r-card);background:var(--card)}
  .pz-bvk__promo .pz-bvk__txt{flex:1;min-width:0}
  .pz-bvk__promo p{color:var(--muted)}
  .pz-bvk__promo .pz-bvk__ln a{color:var(--acc)}
}
/* купон 1: синий корешок, белая часть, вырезы по шву; цифра — скидка недели (размер — от ширины купона) */
.pz-cp{flex:none;container-type:inline-size;display:flex;width:min(430px,46%);aspect-ratio:430/230;margin-right:24px;filter:drop-shadow(0 18px 36px rgba(20,30,60,.16)) drop-shadow(0 2px 6px rgba(20,30,60,.08))}
.pz-cp__l{width:28%;background:var(--acc);border-radius:22px 0 0 22px;-webkit-mask:radial-gradient(circle 13px at 100% 50%,#0000 98%,#000);mask:radial-gradient(circle 13px at 100% 50%,#0000 98%,#000)}
.pz-cp__r{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 7cqw;border-left:2px dashed #D5DAE3;border-radius:0 22px 22px 0;background:#fff;color:#141414;
  -webkit-mask:radial-gradient(circle 13px at 0 50%,#0000 98%,#000);mask:radial-gradient(circle 13px at 0 50%,#0000 98%,#000)}
.pz-cp__sm{font:700 14px/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;color:#6B6E73}
.pz-cp__pc{font:800 min(104px,24cqw)/.9 var(--display);letter-spacing:-.05em;color:var(--acc);white-space:nowrap}
.pz-cp__pc.is-long{font-size:min(72px,16.5cqw);letter-spacing:-.03em}
.pz-cp__pc.is-word{font-size:min(31px,7.2cqw);letter-spacing:-.02em;line-height:1}
.pz-cp__note{font:500 14px/1.3 var(--text);color:#6B6E73}